From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 17 Oct 2017 12:18:09 +0000 (+0200)
Subject: Added size definitions for Google AdSense responsive
X-Git-Tag: 3.0.10~3
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=c74a719e22e3ea7425678945824a44d3bdd599e8;p=GitHub%2FWoltLab%2FWCF.git

Added size definitions for Google AdSense responsive

Fixes #2428
---

diff --git a/wcfsetup/install/files/style/ui/adLocation.scss b/wcfsetup/install/files/style/ui/adLocation.scss
index 90e22aaa23..2cb53558a6 100644
--- a/wcfsetup/install/files/style/ui/adLocation.scss
+++ b/wcfsetup/install/files/style/ui/adLocation.scss
@@ -33,3 +33,66 @@
 		text-align: left;
 	}
 }
+
+/* placeholder sizes, required for Google AdSense */
+@include screen-lg {
+	.wcfAdLocationLogo .adsbygoogle {
+		// banner
+		height: 60px;
+		width: 468px;
+	}
+}
+
+.wcfAdLocationHeaderContent,
+.wcfAdLocationFooterContent {
+	.adsbygoogle {
+		@include screen-xs {
+			// half banner
+			height: 60px;
+			width: 234px;
+		}
+		
+		@include screen-sm-up {
+			// banner
+			height: 60px;
+			width: 468px;
+		}
+	}
+}
+
+.wcfAdLocationFooterBottom .adsbygoogle {
+	@include screen-sm {
+		// banner
+		height: 60px;
+		width: 468px;
+	}
+	
+	@include screen-md {
+		// leaderboard
+		height: 90px;
+		width: 728px;
+	}
+	
+	@include screen-lg {
+		// large leaderboard
+		height: 90px;
+		width: 970px;
+	}
+}
+
+.wcfAdLocationSidebarTop,
+.wcfAdLocationSidebarBottom {
+	.adsbygoogle {
+		@include screen-md-down {
+			// medium rectangle
+			height: 250px;
+			width: 300px;
+		}
+		
+		@include screen-lg {
+			// square
+			height: 250px;
+			width: 250px;
+		}
+	}
+}