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 90e22aaa23dd56cc364506798f3117cbd55785df..2cb53558a6f7414a1891327fe784c3eb1ef1db43 100644 (file)
--- 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;
+               }
+       }
+}