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