From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 14 Oct 2016 14:18:29 +0000 (+0200)
Subject: Added slideshow styling
X-Git-Tag: 3.0.0_Beta_3~46
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=50bfac9c42173474862ea7b8ae2f77d6d4806078;p=GitHub%2FWoltLab%2FWCF.git

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
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;
+			}
+		}
+	}
+}