scratch – Blame information for rev 117
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
117 | office | 1 | /* 3D Container */ |
2 | .swiper-container-3d { |
||
3 | -webkit-perspective: 1200px; |
||
4 | -moz-perspective: 1200px; |
||
5 | -o-perspective: 1200px; |
||
6 | perspective: 1200px; |
||
7 | .swiper-wrapper, .swiper-slide, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom, .swiper-cube-shadow { |
||
8 | .preserve3d(); |
||
9 | } |
||
10 | .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom { |
||
11 | position: absolute; |
||
12 | left: 0; |
||
13 | top: 0; |
||
14 | width: 100%; |
||
15 | height: 100%; |
||
16 | pointer-events: none; |
||
17 | z-index: 10; |
||
18 | } |
||
19 | .swiper-slide-shadow-left { |
||
20 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ |
||
21 | background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
22 | background-image: -moz-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ |
||
23 | background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ |
||
24 | background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */ |
||
25 | } |
||
26 | .swiper-slide-shadow-right { |
||
27 | background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ |
||
28 | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
29 | background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ |
||
30 | background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ |
||
31 | background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */ |
||
32 | } |
||
33 | .swiper-slide-shadow-top { |
||
34 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ |
||
35 | background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
36 | background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ |
||
37 | background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ |
||
38 | background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */ |
||
39 | } |
||
40 | .swiper-slide-shadow-bottom { |
||
41 | background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); /* Safari 4+, Chrome */ |
||
42 | background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ |
||
43 | background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6-15 */ |
||
44 | background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.10-12.00 */ |
||
45 | background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 16+, IE10, Opera 12.50+ */ |
||
46 | } |
||
47 | } |
||
48 | /* Coverflow */ |
||
49 | .swiper-container-coverflow, .swiper-container-flip { |
||
50 | .swiper-wrapper { |
||
51 | /* Windows 8 IE 10 fix */ |
||
52 | -ms-perspective:1200px; |
||
53 | } |
||
54 | } |
||
55 | /* Cube + Flip */ |
||
56 | .swiper-container-cube, .swiper-container-flip { |
||
57 | overflow: visible; |
||
58 | .swiper-slide { |
||
59 | pointer-events: none; |
||
60 | -webkit-backface-visibility: hidden; |
||
61 | -moz-backface-visibility: hidden; |
||
62 | -ms-backface-visibility: hidden; |
||
63 | backface-visibility: hidden; |
||
64 | z-index: 1; |
||
65 | .swiper-slide { |
||
66 | pointer-events: none; |
||
67 | } |
||
68 | } |
||
69 | .swiper-slide-active { |
||
70 | &, & .swiper-slide-active { |
||
71 | pointer-events: auto; |
||
72 | } |
||
73 | } |
||
74 | .swiper-slide-shadow-top, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left, .swiper-slide-shadow-right { |
||
75 | z-index: 0; |
||
76 | -webkit-backface-visibility: hidden; |
||
77 | -moz-backface-visibility: hidden; |
||
78 | -ms-backface-visibility: hidden; |
||
79 | backface-visibility: hidden; |
||
80 | } |
||
81 | } |
||
82 | /* Cube */ |
||
83 | .swiper-container-cube { |
||
84 | .swiper-slide { |
||
85 | visibility: hidden; |
||
86 | -webkit-transform-origin: 0 0; |
||
87 | -moz-transform-origin: 0 0; |
||
88 | -ms-transform-origin: 0 0; |
||
89 | transform-origin: 0 0; |
||
90 | width: 100%; |
||
91 | height: 100%; |
||
92 | } |
||
93 | &.swiper-container-rtl .swiper-slide{ |
||
94 | -webkit-transform-origin: 100% 0; |
||
95 | -moz-transform-origin: 100% 0; |
||
96 | -ms-transform-origin: 100% 0; |
||
97 | transform-origin: 100% 0; |
||
98 | } |
||
99 | .swiper-slide-active, .swiper-slide-next, .swiper-slide-prev, .swiper-slide-next + .swiper-slide { |
||
100 | pointer-events: auto; |
||
101 | visibility: visible; |
||
102 | } |
||
103 | .swiper-cube-shadow { |
||
104 | position: absolute; |
||
105 | left: 0; |
||
106 | bottom: 0px; |
||
107 | width: 100%; |
||
108 | height: 100%; |
||
109 | background: #000; |
||
110 | opacity: 0.6; |
||
111 | -webkit-filter: blur(50px); |
||
112 | filter: blur(50px); |
||
113 | z-index: 0; |
||
114 | } |
||
115 | } |
||
116 | /* Fade */ |
||
117 | .swiper-container-fade { |
||
118 | &.swiper-container-free-mode { |
||
119 | .swiper-slide { |
||
120 | -webkit-transition-timing-function: ease-out; |
||
121 | -moz-transition-timing-function: ease-out; |
||
122 | -ms-transition-timing-function: ease-out; |
||
123 | -o-transition-timing-function: ease-out; |
||
124 | transition-timing-function: ease-out; |
||
125 | } |
||
126 | } |
||
127 | .swiper-slide { |
||
128 | pointer-events: none; |
||
129 | -webkit-transition-property: opacity; |
||
130 | -moz-transition-property: opacity; |
||
131 | -o-transition-property: opacity; |
||
132 | transition-property: opacity; |
||
133 | .swiper-slide { |
||
134 | pointer-events: none; |
||
135 | } |
||
136 | } |
||
137 | .swiper-slide-active { |
||
138 | &, & .swiper-slide-active { |
||
139 | pointer-events: auto; |
||
140 | } |
||
141 | } |
||
142 | } |