diff options
author | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-01-20 01:28:44 +0100 |
---|---|---|
committer | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-01-20 01:28:44 +0100 |
commit | 604734c4a960aac3d99f1008337181ed2b0f04db (patch) | |
tree | 0cc5a4a9c958edce1b28366a446b75f6a720f6dc /slick/slick-theme.css | |
download | ludivine-slick-component-604734c4a960aac3d99f1008337181ed2b0f04db.tar.gz ludivine-slick-component-604734c4a960aac3d99f1008337181ed2b0f04db.tar.zst ludivine-slick-component-604734c4a960aac3d99f1008337181ed2b0f04db.zip |
Diffstat (limited to 'slick/slick-theme.css')
-rw-r--r-- | slick/slick-theme.css | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/slick/slick-theme.css b/slick/slick-theme.css new file mode 100644 index 0000000..1232fca --- /dev/null +++ b/slick/slick-theme.css | |||
@@ -0,0 +1,204 @@ | |||
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 | } | ||