scratch – Blame information for rev 117

Subversion Repositories:
Rev:
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 }