wcfsetup/install/files/style/ui/adLocation.scss

   1 .wcfAdLocation {
   2         overflow: hidden;
   3 }
   4
   5 .wcfAdLocationLogo {
   6         @include screen-lg {
   7                 float: right;
   8                 margin-left: 30px;
   9         }
  10
  11         @include screen-md-down {
  12                 display: none;
  13         }
  14 }
  15
  16 .wcfAdLocationHeaderContent {
  17         margin-bottom: 20px;
  18 }
  19
  20 .wcfAdLocationFooterContent {
  21         margin-top: 20px;
  22 }
  23
  24 .wcfAdLocationHeaderContent,
  25 .wcfAdLocationFooterContent,
  26 .wcfAdLocationFooterBottom,
  27 .wcfAdLocationSidebarTop,
  28 .wcfAdLocationSidebarBottom {
  29         text-align: center;
  30
  31         > div {
  32                 display: inline-block;
  33                 text-align: left;
  34         }
  35 }
  36
  37 /* placeholder sizes, required for Google AdSense */
  38 @include screen-lg {
  39         .wcfAdLocationLogo .adsbygoogle {
  40                 // banner
  41                 height: 60px;
  42                 width: 468px;
  43         }
  44 }
  45
  46 .wcfAdLocationHeaderContent,
  47 .wcfAdLocationFooterContent {
  48         .adsbygoogle {
  49                 @include screen-xs {
  50                         // mobile leaderboard
  51                         height: 50px;
  52                         width: 320px;
  53                 }
  54
  55                 @include screen-sm-up {
  56                         // banner
  57                         height: 60px;
  58                         width: 468px;
  59                 }
  60         }
  61 }
  62
  63 .wcfAdLocationFooterBottom .adsbygoogle {
  64         @include screen-sm {
  65                 // banner
  66                 height: 60px;
  67                 width: 468px;
  68         }
  69
  70         @include screen-md {
  71                 // leaderboard
  72                 height: 90px;
  73                 width: 728px;
  74         }
  75
  76         @include screen-lg {
  77                 // large leaderboard
  78                 height: 90px;
  79                 width: 970px;
  80         }
  81 }
  82
  83 .wcfAdLocationSidebarTop,
  84 .wcfAdLocationSidebarBottom {
  85         .adsbygoogle {
  86                 @include screen-md-down {
  87                         // medium rectangle
  88                         height: 250px;
  89                         width: 300px;
  90                 }
  91
  92                 @include screen-lg {
  93                         // wide skyscraper
  94                         height: 600px;
  95                         width: 160px;
  96                 }
  97         }
  98 }