Added slideshow styling

diff --git a/wcfsetup/install/files/style/ui/slideshow.scss b/wcfsetup/install/files/style/ui/slideshow.scss
new file mode 100644 (file)
index 0000000..9c4b88c
--- /dev/null
+++ b/wcfsetup/install/files/style/ui/slideshow.scss
@@ -0,0 +1,46 @@
+.slideshowContainer {
+       overflow: hidden;
+       position: relative;
+       
+       > ul:not(.slideshowButtonList) > li:not(:first-child) {
+               display: none;
+       }
+       
+       > .slideshowItemList {
+               position: absolute;
+               transition: left .8s ease-out;
+               
+               > li.slideshowItem {
+                       display: block;
+                       float: left;
+                       overflow: hidden;
+                       position: absolute;
+                       top: 0;
+                       
+                       /* fixes font rendering bug */
+                       -webkit-transform: translate3d(0, 0, 0);
+               }
+       }
+       
+       > .slideshowButtonList {
+               position: absolute;
+               right: 0;
+               top: 0;
+               
+               > li {
+                       display: inline-block;
+                       
+                       > a > .icon {
+                               color: $wcfButtonBackground;
+                               
+                               &.active {
+                                       color: $wcfButtonPrimaryBackground;
+                               }
+                       }
+                       
+                       &:hover > a > .icon {
+                               color: $wcfButtonPrimaryBackgroundActive;
+                       }
+               }
+       }
+}