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

   1 .slideshowContainer {
   2         overflow: hidden;
   3         position: relative;
   4
   5         > ul:not(.slideshowButtonList) > li:not(:first-child) {
   6                 display: none;
   7         }
   8
   9         > .slideshowItemList {
  10                 position: absolute;
  11                 transition: left .8s ease-out;
  12
  13                 > li.slideshowItem {
  14                         display: block;
  15                         float: left;
  16                         overflow: hidden;
  17                         position: absolute;
  18                         top: 0;
  19
  20                         /* fixes font rendering bug */
  21                         -webkit-transform: translate3d(0, 0, 0);
  22                 }
  23         }
  24
  25         > .slideshowButtonList {
  26                 position: absolute;
  27                 right: 0;
  28                 top: 0;
  29
  30                 > li {
  31                         display: inline-block;
  32
  33                         > a > .icon {
  34                                 color: $wcfButtonBackground;
  35
  36                                 &.active {
  37                                         color: $wcfButtonPrimaryBackground;
  38                                 }
  39                         }
  40
  41                         &:hover > a > .icon {
  42                                 color: $wcfButtonPrimaryBackgroundActive;
  43                         }
  44                 }
  45         }
  46 }