scratch – Blame information for rev 117
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
117 | office | 1 | /* Arrows */ |
2 | .swiper-button-prev, .swiper-button-next { |
||
3 | position: absolute; |
||
4 | top: 50%; |
||
5 | width: 27px; |
||
6 | height: 44px; |
||
7 | margin-top: -22px; |
||
8 | z-index: 10; |
||
9 | cursor: pointer; |
||
10 | -moz-background-size: 27px 44px; |
||
11 | -webkit-background-size: 27px 44px; |
||
12 | background-size: 27px 44px; |
||
13 | background-position: center; |
||
14 | background-repeat: no-repeat; |
||
15 | &.swiper-button-disabled { |
||
16 | opacity: 0.35; |
||
17 | cursor: auto; |
||
18 | pointer-events: none; |
||
19 | } |
||
20 | } |
||
21 | .swiper-button-prev, .swiper-container-rtl .swiper-button-next { |
||
22 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#007aff'/></svg>"); |
||
23 | left: 10px; |
||
24 | right: auto; |
||
25 | &.swiper-button-black { |
||
26 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#000000'/></svg>"); |
||
27 | } |
||
28 | &.swiper-button-white { |
||
29 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#ffffff'/></svg>"); |
||
30 | } |
||
31 | } |
||
32 | .swiper-button-next, .swiper-container-rtl .swiper-button-prev { |
||
33 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#007aff'/></svg>"); |
||
34 | right: 10px; |
||
35 | left: auto; |
||
36 | &.swiper-button-black { |
||
37 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#000000'/></svg>"); |
||
38 | } |
||
39 | &.swiper-button-white { |
||
40 | .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#ffffff'/></svg>"); |
||
41 | } |
||
42 | } |
||
43 | /* Pagination Styles */ |
||
44 | .swiper-pagination { |
||
45 | position: absolute; |
||
46 | text-align: center; |
||
47 | -webkit-transition: 300ms; |
||
48 | -moz-transition: 300ms; |
||
49 | -o-transition: 300ms; |
||
50 | transition: 300ms; |
||
51 | -webkit-transform: translate3d(0,0,0); |
||
52 | -ms-transform: translate3d(0,0,0); |
||
53 | -o-transform: translate3d(0,0,0); |
||
54 | transform: translate3d(0,0,0); |
||
55 | z-index: 10; |
||
56 | &.swiper-pagination-hidden { |
||
57 | opacity: 0; |
||
58 | } |
||
59 | } |
||
60 | /* Common Styles */ |
||
61 | .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ |
||
62 | bottom: 10px; |
||
63 | left: 0; |
||
64 | width: 100%; |
||
65 | } |
||
66 | /* Bullets */ |
||
67 | .swiper-pagination-bullet { |
||
68 | width: 8px; |
||
69 | height: 8px; |
||
70 | display: inline-block; |
||
71 | border-radius: 100%; |
||
72 | background: #000; |
||
73 | opacity: 0.2; |
||
74 | button& { |
||
75 | border: none; |
||
76 | margin: 0; |
||
77 | padding: 0; |
||
78 | box-shadow: none; |
||
79 | -moz-appearance: none; |
||
80 | -ms-appearance: none; |
||
81 | -webkit-appearance: none; |
||
82 | appearance: none; |
||
83 | } |
||
84 | .swiper-pagination-clickable & { |
||
85 | cursor: pointer; |
||
86 | } |
||
87 | .swiper-pagination-white & { |
||
88 | background: #fff; |
||
89 | } |
||
90 | } |
||
91 | .swiper-pagination-bullet-active { |
||
92 | opacity: 1; |
||
93 | background: #007aff; |
||
94 | .swiper-pagination-white & { |
||
95 | background: #fff; |
||
96 | } |
||
97 | .swiper-pagination-black & { |
||
98 | background: #000; |
||
99 | } |
||
100 | } |
||
101 | .swiper-container-vertical { |
||
102 | > .swiper-pagination-bullets { |
||
103 | right: 10px; |
||
104 | top: 50%; |
||
105 | -webkit-transform:translate3d(0px,-50%,0); |
||
106 | -moz-transform:translate3d(0px,-50%,0); |
||
107 | -o-transform:translate(0px,-50%); |
||
108 | -ms-transform:translate3d(0px,-50%,0); |
||
109 | transform:translate3d(0px,-50%,0); |
||
110 | .swiper-pagination-bullet { |
||
111 | margin: 5px 0; |
||
112 | display: block; |
||
113 | } |
||
114 | } |
||
115 | } |
||
116 | .swiper-container-horizontal { |
||
117 | > .swiper-pagination-bullets { |
||
118 | .swiper-pagination-bullet { |
||
119 | margin: 0 5px; |
||
120 | } |
||
121 | } |
||
122 | } |
||
123 | /* Progress */ |
||
124 | .swiper-pagination-progress { |
||
125 | background: rgba(0,0,0,0.25); |
||
126 | position: absolute; |
||
127 | .swiper-pagination-progressbar { |
||
128 | background: #007aff; |
||
129 | position: absolute; |
||
130 | left: 0; |
||
131 | top: 0; |
||
132 | width: 100%; |
||
133 | height: 100%; |
||
134 | -webkit-transform: scale(0); |
||
135 | -ms-transform: scale(0); |
||
136 | -o-transform: scale(0); |
||
137 | transform: scale(0); |
||
138 | -webkit-transform-origin: left top; |
||
139 | -moz-transform-origin: left top; |
||
140 | -ms-transform-origin: left top; |
||
141 | -o-transform-origin: left top; |
||
142 | transform-origin: left top; |
||
143 | } |
||
144 | .swiper-container-rtl & .swiper-pagination-progressbar { |
||
145 | -webkit-transform-origin: right top; |
||
146 | -moz-transform-origin: right top; |
||
147 | -ms-transform-origin: right top; |
||
148 | -o-transform-origin: right top; |
||
149 | transform-origin: right top; |
||
150 | } |
||
151 | .swiper-container-horizontal > & { |
||
152 | width: 100%; |
||
153 | height: 4px; |
||
154 | left: 0; |
||
155 | top: 0; |
||
156 | } |
||
157 | .swiper-container-vertical > & { |
||
158 | width: 4px; |
||
159 | height: 100%; |
||
160 | left: 0; |
||
161 | top: 0; |
||
162 | } |
||
163 | &.swiper-pagination-white { |
||
164 | background: rgba(255,255,255,0.5); |
||
165 | .swiper-pagination-progressbar { |
||
166 | background: #fff; |
||
167 | } |
||
168 | } |
||
169 | &.swiper-pagination-black { |
||
170 | .swiper-pagination-progressbar { |
||
171 | background: #000; |
||
172 | } |
||
173 | } |
||
174 | } |