From c74a719e22e3ea7425678945824a44d3bdd599e8 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 17 Oct 2017 14:18:09 +0200
Subject: [PATCH] Added size definitions for Google AdSense responsive

Fixes #2428
---
 .../install/files/style/ui/adLocation.scss    | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)

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;
+		}
+	}
+}
-- 
2.20.1