]>
Commit | Line | Data |
---|---|---|
1 | @charset 'UTF-8'; | |
2 | /* Slider */ | |
3 | .slick-loading .slick-list | |
4 | { | |
5 | background: #fff url('./ajax-loader.gif') center center no-repeat; | |
6 | } | |
7 | ||
8 | /* Icons */ | |
9 | @font-face | |
10 | { | |
11 | font-family: 'slick'; | |
12 | font-weight: normal; | |
13 | font-style: normal; | |
14 | ||
15 | src: url('./fonts/slick.eot'); | |
16 | src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); | |
17 | } | |
18 | /* Arrows */ | |
19 | .slick-prev, | |
20 | .slick-next | |
21 | { | |
22 | font-size: 0; | |
23 | line-height: 0; | |
24 | ||
25 | position: absolute; | |
26 | top: 50%; | |
27 | ||
28 | display: block; | |
29 | ||
30 | width: 20px; | |
31 | height: 20px; | |
32 | padding: 0; | |
33 | -webkit-transform: translate(0, -50%); | |
34 | -ms-transform: translate(0, -50%); | |
35 | transform: translate(0, -50%); | |
36 | ||
37 | cursor: pointer; | |
38 | ||
39 | color: transparent; | |
40 | border: none; | |
41 | outline: none; | |
42 | background: transparent; | |
43 | } | |
44 | .slick-prev:hover, | |
45 | .slick-prev:focus, | |
46 | .slick-next:hover, | |
47 | .slick-next:focus | |
48 | { | |
49 | color: transparent; | |
50 | outline: none; | |
51 | background: transparent; | |
52 | } | |
53 | .slick-prev:hover:before, | |
54 | .slick-prev:focus:before, | |
55 | .slick-next:hover:before, | |
56 | .slick-next:focus:before | |
57 | { | |
58 | opacity: 1; | |
59 | } | |
60 | .slick-prev.slick-disabled:before, | |
61 | .slick-next.slick-disabled:before | |
62 | { | |
63 | opacity: .25; | |
64 | } | |
65 | ||
66 | .slick-prev:before, | |
67 | .slick-next:before | |
68 | { | |
69 | font-family: 'slick'; | |
70 | font-size: 20px; | |
71 | line-height: 1; | |
72 | ||
73 | opacity: .75; | |
74 | color: white; | |
75 | ||
76 | -webkit-font-smoothing: antialiased; | |
77 | -moz-osx-font-smoothing: grayscale; | |
78 | } | |
79 | ||
80 | .slick-prev | |
81 | { | |
82 | left: -25px; | |
83 | } | |
84 | [dir='rtl'] .slick-prev | |
85 | { | |
86 | right: -25px; | |
87 | left: auto; | |
88 | } | |
89 | .slick-prev:before | |
90 | { | |
91 | content: '←'; | |
92 | } | |
93 | [dir='rtl'] .slick-prev:before | |
94 | { | |
95 | content: '→'; | |
96 | } | |
97 | ||
98 | .slick-next | |
99 | { | |
100 | right: -25px; | |
101 | } | |
102 | [dir='rtl'] .slick-next | |
103 | { | |
104 | right: auto; | |
105 | left: -25px; | |
106 | } | |
107 | .slick-next:before | |
108 | { | |
109 | content: '→'; | |
110 | } | |
111 | [dir='rtl'] .slick-next:before | |
112 | { | |
113 | content: '←'; | |
114 | } | |
115 | ||
116 | /* Dots */ | |
117 | .slick-dotted.slick-slider | |
118 | { | |
119 | margin-bottom: 30px; | |
120 | } | |
121 | ||
122 | .slick-dots | |
123 | { | |
124 | position: absolute; | |
125 | bottom: -25px; | |
126 | ||
127 | display: block; | |
128 | ||
129 | width: 100%; | |
130 | padding: 0; | |
131 | margin: 0; | |
132 | ||
133 | list-style: none; | |
134 | ||
135 | text-align: center; | |
136 | } | |
137 | .slick-dots li | |
138 | { | |
139 | position: relative; | |
140 | ||
141 | display: inline-block; | |
142 | ||
143 | width: 20px; | |
144 | height: 20px; | |
145 | margin: 0 5px; | |
146 | padding: 0; | |
147 | ||
148 | cursor: pointer; | |
149 | } | |
150 | .slick-dots li button | |
151 | { | |
152 | font-size: 0; | |
153 | line-height: 0; | |
154 | ||
155 | display: block; | |
156 | ||
157 | width: 20px; | |
158 | height: 20px; | |
159 | padding: 5px; | |
160 | ||
161 | cursor: pointer; | |
162 | ||
163 | color: transparent; | |
164 | border: 0; | |
165 | outline: none; | |
166 | background: transparent; | |
167 | } | |
168 | .slick-dots li button:hover, | |
169 | .slick-dots li button:focus | |
170 | { | |
171 | outline: none; | |
172 | } | |
173 | .slick-dots li button:hover:before, | |
174 | .slick-dots li button:focus:before | |
175 | { | |
176 | opacity: 1; | |
177 | } | |
178 | .slick-dots li button:before | |
179 | { | |
180 | font-family: 'slick'; | |
181 | font-size: 6px; | |
182 | line-height: 20px; | |
183 | ||
184 | position: absolute; | |
185 | top: 0; | |
186 | left: 0; | |
187 | ||
188 | width: 20px; | |
189 | height: 20px; | |
190 | ||
191 | content: '•'; | |
192 | text-align: center; | |
193 | ||
194 | opacity: .25; | |
195 | color: black; | |
196 | ||
197 | -webkit-font-smoothing: antialiased; | |
198 | -moz-osx-font-smoothing: grayscale; | |
199 | } | |
200 | .slick-dots li.slick-active button:before | |
201 | { | |
202 | opacity: .75; | |
203 | color: black; | |
204 | } |