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