From 50bfac9c42173474862ea7b8ae2f77d6d4806078 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Fri, 14 Oct 2016 16:18:29 +0200 Subject: [PATCH] Added slideshow styling --- .../install/files/style/ui/slideshow.scss | 46 +++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 wcfsetup/install/files/style/ui/slideshow.scss diff --git a/wcfsetup/install/files/style/ui/slideshow.scss b/wcfsetup/install/files/style/ui/slideshow.scss new file mode 100644 index 0000000000..9c4b88ce61 --- /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; + } + } + } +} -- 2.20.1