diff options
author | Jinwei Zhao <[email protected]> | 2016-04-04 14:00:39 +0800 |
---|---|---|
committer | Jinwei Zhao <[email protected]> | 2017-01-13 15:07:45 +0800 |
commit | e002d09d2b6b2317fec6caa8836b20e6709c5da3 (patch) | |
tree | 1e1623524986fc63abcab7b10912dffe55dc1da9 /deprecated/ZJW/stylesheets | |
parent | dbcebe1def5c355120c61b575390d1d9ac355f67 (diff) | |
download | jinwei.me-e002d09d2b6b2317fec6caa8836b20e6709c5da3.tar.gz |
jinwei.me
Diffstat (limited to 'deprecated/ZJW/stylesheets')
-rw-r--r-- | deprecated/ZJW/stylesheets/all.css | 30 | ||||
-rw-r--r-- | deprecated/ZJW/stylesheets/default.css | 1 | ||||
-rw-r--r-- | deprecated/ZJW/stylesheets/magnetic1407129817662.webflow.css | 448 | ||||
-rw-r--r-- | deprecated/ZJW/stylesheets/normalize.css | 340 | ||||
-rw-r--r-- | deprecated/ZJW/stylesheets/webflow.css | 1633 |
5 files changed, 2452 insertions, 0 deletions
diff --git a/deprecated/ZJW/stylesheets/all.css b/deprecated/ZJW/stylesheets/all.css new file mode 100644 index 0000000..7c9f15d --- /dev/null +++ b/deprecated/ZJW/stylesheets/all.css | |||
@@ -0,0 +1,30 @@ | |||
1 | body { | ||
2 | background: rgba(21, 32, 46, 1); | ||
3 | text-align: center; | ||
4 | } | ||
5 | |||
6 | .logo { | ||
7 | position: absolute; | ||
8 | z-index: 2; | ||
9 | left: 50%; | ||
10 | top: 50%; | ||
11 | -webkit-transform: translateY(-50%); | ||
12 | -ms-transform: translateY(-50%); | ||
13 | transform: translateY(-50%); | ||
14 | width: 385px; | ||
15 | height: 125px; | ||
16 | margin-left: -192.5px; | ||
17 | background: url(/images/logo.png); | ||
18 | background-size: 100%; | ||
19 | opacity: 1; | ||
20 | } | ||
21 | |||
22 | canvas { | ||
23 | position: absolute; | ||
24 | top: 0; | ||
25 | left: 0; | ||
26 | z-index: 1; | ||
27 | width: 100%; | ||
28 | height: 100%; | ||
29 | display: block; | ||
30 | } | ||
diff --git a/deprecated/ZJW/stylesheets/default.css b/deprecated/ZJW/stylesheets/default.css new file mode 100644 index 0000000..26bf865 --- /dev/null +++ b/deprecated/ZJW/stylesheets/default.css | |||
@@ -0,0 +1 @@ | |||
body{margin:0;padding:0;background:#ffe;font-size:12px;overflow:auto}#mainDiv{width:100%;height:100%}#loveHeart{float:left;width:670px;height:625px}#garden{width:100%;height:100%}#elapseClock{text-align:right;font-size:18px;margin-top:10px;margin-bottom:10px}#words{font-family:"sans-serif";width:500px;font-size:24px;color:#666}#messages{display:none}#elapseClock .digit{font-family:"digit";font-size:36px}#loveu{padding:5px;font-size:22px;margin-top:80px;margin-right:120px;text-align:right;display:none}#loveu .signature{margin-top:10px;font-size:20px;font-style:italic}#clickSound{display:none}#code{float:left;width:440px;height:400px;color:#333;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";font-size:12px}#code .string{color:#2a36ff}#code .keyword{color:#7f0055;font-weight:bold}#code .placeholder{margin-left:15px}#code .space{margin-left:7px}#code .comments{color:#3f7f5f}#copyright{margin-top:10px;text-align:center;width:100%;color:#666}#errorMsg{width:100%;text-align:center;font-size:24px;position:absolute;top:100px;left:0}#copyright a{color:#666} \ No newline at end of file | |||
diff --git a/deprecated/ZJW/stylesheets/magnetic1407129817662.webflow.css b/deprecated/ZJW/stylesheets/magnetic1407129817662.webflow.css new file mode 100644 index 0000000..b9db5e1 --- /dev/null +++ b/deprecated/ZJW/stylesheets/magnetic1407129817662.webflow.css | |||
@@ -0,0 +1,448 @@ | |||
1 | body { | ||
2 | padding-top: 126px; | ||
3 | background-color: black; | ||
4 | background-image: url('../images/fans-black.jpg'); | ||
5 | background-size: cover; | ||
6 | font-family: 'Microsoft YaHei'; | ||
7 | color: white; | ||
8 | font-size: 14px; | ||
9 | line-height: 20px; | ||
10 | text-align: center; | ||
11 | } | ||
12 | h1 { | ||
13 | margin: 10px 0px; | ||
14 | color: #2d3338; | ||
15 | font-family: 'Microsoft YaHei'; | ||
16 | font-size: 69px; | ||
17 | line-height: 54px; | ||
18 | font-style: normal; | ||
19 | font-weight: 700; | ||
20 | text-shadow: none; | ||
21 | } | ||
22 | h2 { | ||
23 | margin-right: 0px; | ||
24 | margin-bottom: 10px; | ||
25 | margin-left: 0px; | ||
26 | font-family: 'Microsoft YaHei'; | ||
27 | font-size: 32px; | ||
28 | line-height: 36px; | ||
29 | font-weight: 400; | ||
30 | text-shadow: none; | ||
31 | } | ||
32 | h3 { | ||
33 | margin: 5px 0px; | ||
34 | font-family: 'Microsoft YaHei'; | ||
35 | font-size: 22px; | ||
36 | line-height: 30px; | ||
37 | font-weight: 400; | ||
38 | text-shadow: none; | ||
39 | } | ||
40 | h4 { | ||
41 | margin: 10px 0px; | ||
42 | font-family: 'Microsoft YaHei'; | ||
43 | font-size: 18px; | ||
44 | line-height: 24px; | ||
45 | font-weight: 700; | ||
46 | } | ||
47 | h5 { | ||
48 | margin: 10px 0px; | ||
49 | font-family: 'Microsoft YaHei'; | ||
50 | font-size: 14px; | ||
51 | line-height: 20px; | ||
52 | font-weight: 700; | ||
53 | } | ||
54 | h6 { | ||
55 | margin: 10px 0px; | ||
56 | font-family: 'Microsoft YaHei'; | ||
57 | font-size: 12px; | ||
58 | line-height: 18px; | ||
59 | font-weight: 700; | ||
60 | } | ||
61 | p { | ||
62 | margin-bottom: 5px; | ||
63 | font-family: 'Microsoft YaHei'; | ||
64 | font-size: 16px; | ||
65 | line-height: 23px; | ||
66 | font-weight: 300; | ||
67 | letter-spacing: 0px; | ||
68 | text-shadow: none; | ||
69 | } | ||
70 | .button { | ||
71 | display: block; | ||
72 | width: 100%; | ||
73 | height: 54px; | ||
74 | margin-left: -1px; | ||
75 | padding: 4px 29px; | ||
76 | border: 3px solid white; | ||
77 | background-color: transparent; | ||
78 | -webkit-transition: background-color 300ms ease, color 300ms ease; | ||
79 | -o-transition: background-color 300ms ease, color 300ms ease; | ||
80 | transition: background-color 300ms ease, color 300ms ease; | ||
81 | color: white; | ||
82 | font-family: 'Microsoft YaHei'; | ||
83 | font-size: 22px; | ||
84 | font-weight: 700; | ||
85 | text-align: center; | ||
86 | text-decoration: none; | ||
87 | text-transform: uppercase; | ||
88 | } | ||
89 | .button:hover { | ||
90 | background-color: white; | ||
91 | color: black; | ||
92 | } | ||
93 | .subtitle { | ||
94 | padding-bottom: 67px; | ||
95 | font-family: 'Microsoft YaHei'; | ||
96 | font-size: 31px; | ||
97 | line-height: 35px; | ||
98 | font-weight: 400; | ||
99 | text-shadow: none; | ||
100 | } | ||
101 | .field { | ||
102 | height: 54px; | ||
103 | margin-bottom: 19px; | ||
104 | padding-right: 20px; | ||
105 | padding-left: 20px; | ||
106 | border: 0px solid black; | ||
107 | -webkit-transition: box-shadow 150ms ease; | ||
108 | -o-transition: box-shadow 150ms ease; | ||
109 | transition: box-shadow 150ms ease; | ||
110 | color: #262c46; | ||
111 | font-family: 'Microsoft YaHei'; | ||
112 | font-size: 16px; | ||
113 | text-align: center; | ||
114 | text-transform: uppercase; | ||
115 | } | ||
116 | .field:focus { | ||
117 | box-shadow: #00caf2 0px 0px 0px 2px inset; | ||
118 | } | ||
119 | .sign-up-form { | ||
120 | display: block; | ||
121 | width: 415px; | ||
122 | margin: 35px auto 66px; | ||
123 | } | ||
124 | .social-widget { | ||
125 | width: 100px; | ||
126 | float: left; | ||
127 | -webkit-transition: opacity 300ms ease; | ||
128 | -o-transition: opacity 300ms ease; | ||
129 | transition: opacity 300ms ease; | ||
130 | } | ||
131 | .social-widget.full-opacity { | ||
132 | opacity: 1; | ||
133 | } | ||
134 | .social-widget-wrapper { | ||
135 | display: block; | ||
136 | width: 223px; | ||
137 | margin-right: auto; | ||
138 | margin-left: auto; | ||
139 | padding-left: 20px; | ||
140 | } | ||
141 | .social-widget-wrapper.thank-you { | ||
142 | display: block; | ||
143 | width: 216px; | ||
144 | margin-top: 13px; | ||
145 | margin-right: auto; | ||
146 | margin-left: auto; | ||
147 | padding-left: 16px; | ||
148 | } | ||
149 | .success-message { | ||
150 | padding: 20px; | ||
151 | border-radius: 2px; | ||
152 | background-color: #737373; | ||
153 | -webkit-transition: all 300ms ease; | ||
154 | -o-transition: all 300ms ease; | ||
155 | transition: all 300ms ease; | ||
156 | } | ||
157 | .spread-word { | ||
158 | margin-top: 12px; | ||
159 | font-family: Arial, Helvetica, sans-serif; | ||
160 | color: rgba(255, 255, 255, 0.6); | ||
161 | font-size: 10px; | ||
162 | line-height: 16px; | ||
163 | font-weight: 400; | ||
164 | letter-spacing: 0px; | ||
165 | text-transform: uppercase; | ||
166 | text-shadow: none; | ||
167 | } | ||
168 | .error-message { | ||
169 | padding-bottom: 5px; | ||
170 | border-radius: 2px; | ||
171 | background-color: #5c3245; | ||
172 | } | ||
173 | .content-wrapper { | ||
174 | display: inline-block; | ||
175 | width: 60%; | ||
176 | } | ||
177 | .header-section { | ||
178 | height: 100%; | ||
179 | padding-top: 104px; | ||
180 | background-color: #e0ddd7; | ||
181 | text-align: center; | ||
182 | } | ||
183 | .footer-section { | ||
184 | position: fixed; | ||
185 | left: 0px; | ||
186 | right: 0px; | ||
187 | bottom: 0px; | ||
188 | padding-top: 38px; | ||
189 | padding-bottom: 34px; | ||
190 | background-color: rgba(0, 0, 0, 0.18); | ||
191 | color: #7e7c87; | ||
192 | } | ||
193 | .copyright { | ||
194 | color: rgba(255, 255, 255, 0.52); | ||
195 | text-align: left; | ||
196 | } | ||
197 | .bars-wrapper { | ||
198 | height: 7px; | ||
199 | background-color: #1abc9c; | ||
200 | } | ||
201 | .bar { | ||
202 | width: 14.285%; | ||
203 | height: 7px; | ||
204 | float: left; | ||
205 | background-color: #1abc9c; | ||
206 | } | ||
207 | .bar._2 { | ||
208 | background-color: #f2ca27; | ||
209 | } | ||
210 | .bar._3 { | ||
211 | background-color: #e67e22; | ||
212 | } | ||
213 | .bar._4 { | ||
214 | background-color: #16a085; | ||
215 | } | ||
216 | .bar._5 { | ||
217 | background-color: #2980b9; | ||
218 | } | ||
219 | .bar._6 { | ||
220 | background-color: #e74c3c; | ||
221 | } | ||
222 | .bar._7 { | ||
223 | background-color: #a366bc; | ||
224 | } | ||
225 | .container { | ||
226 | padding-right: 127px; | ||
227 | padding-left: 127px; | ||
228 | } | ||
229 | .image-crop { | ||
230 | overflow-x: hidden; | ||
231 | overflow-y: hidden; | ||
232 | height: 260px; | ||
233 | } | ||
234 | .social-section { | ||
235 | padding-top: 58px; | ||
236 | padding-bottom: 58px; | ||
237 | text-align: center; | ||
238 | } | ||
239 | .share-btn { | ||
240 | display: inline-block; | ||
241 | width: 61px; | ||
242 | margin-right: 14px; | ||
243 | margin-left: 14px; | ||
244 | } | ||
245 | .share-wrapper { | ||
246 | margin-top: 32px; | ||
247 | } | ||
248 | .refer { | ||
249 | color: rgba(255, 255, 255, 0.59); | ||
250 | } | ||
251 | .align-right { | ||
252 | text-align: right; | ||
253 | } | ||
254 | .social-btn { | ||
255 | margin-left: 17px; | ||
256 | opacity: 0.44; | ||
257 | -webkit-transition: all 200ms ease; | ||
258 | -o-transition: all 200ms ease; | ||
259 | transition: all 200ms ease; | ||
260 | } | ||
261 | .social-btn:hover { | ||
262 | opacity: 1; | ||
263 | } | ||
264 | .logo { | ||
265 | display: inline-block; | ||
266 | margin-right: auto; | ||
267 | margin-bottom: 19px; | ||
268 | margin-left: auto; | ||
269 | padding: 21px; | ||
270 | border: 8px white; | ||
271 | color: white; | ||
272 | font-weight: 700; | ||
273 | letter-spacing: 8px; | ||
274 | text-shadow: none; | ||
275 | } | ||
276 | .about { | ||
277 | letter-spacing: 2px; | ||
278 | text-transform: uppercase; | ||
279 | } | ||
280 | .join { | ||
281 | display: block; | ||
282 | width: 40%; | ||
283 | margin-top: -12px; | ||
284 | margin-bottom: 15px; | ||
285 | float: left; | ||
286 | font-family: 'Microsoft YaHei'; | ||
287 | font-size: 22px; | ||
288 | letter-spacing: 4px; | ||
289 | text-transform: uppercase; | ||
290 | text-shadow: none; | ||
291 | } | ||
292 | .beta-line { | ||
293 | width: 30%; | ||
294 | height: 1px; | ||
295 | float: left; | ||
296 | background-color: rgba(255, 255, 255, 0.36); | ||
297 | } | ||
298 | @media (max-width: 991px) { | ||
299 | .subtitle { | ||
300 | font-size: 29px; | ||
301 | text-shadow: none; | ||
302 | } | ||
303 | .content-wrapper { | ||
304 | width: 81%; | ||
305 | } | ||
306 | .container { | ||
307 | padding-right: 57px; | ||
308 | padding-left: 57px; | ||
309 | } | ||
310 | .social-btn { | ||
311 | -webkit-transition: all 200ms ease; | ||
312 | -o-transition: all 200ms ease; | ||
313 | transition: all 200ms ease; | ||
314 | } | ||
315 | .social-btn:hover { | ||
316 | opacity: 0.8; | ||
317 | } | ||
318 | .join { | ||
319 | width: 50%; | ||
320 | font-size: 21px; | ||
321 | text-shadow: none; | ||
322 | } | ||
323 | .beta-line { | ||
324 | width: 25%; | ||
325 | } | ||
326 | } | ||
327 | @media (max-width: 767px) { | ||
328 | body { | ||
329 | padding-top: 65px; | ||
330 | } | ||
331 | .subtitle { | ||
332 | margin-right: 0px; | ||
333 | margin-left: 0px; | ||
334 | padding-bottom: 43px; | ||
335 | text-shadow: none; | ||
336 | } | ||
337 | .sign-up-form { | ||
338 | margin-bottom: 64px; | ||
339 | } | ||
340 | .content-wrapper { | ||
341 | width: 100%; | ||
342 | padding-right: 24px; | ||
343 | padding-left: 24px; | ||
344 | } | ||
345 | .header-section { | ||
346 | padding-top: 37px; | ||
347 | } | ||
348 | .footer-section { | ||
349 | position: static; | ||
350 | padding-top: 23px; | ||
351 | padding-bottom: 23px; | ||
352 | background-color: rgba(0, 0, 0, 0.49); | ||
353 | } | ||
354 | .container { | ||
355 | padding-right: 10px; | ||
356 | padding-left: 10px; | ||
357 | } | ||
358 | .social-section { | ||
359 | padding-top: 35px; | ||
360 | padding-bottom: 35px; | ||
361 | } | ||
362 | .logo { | ||
363 | text-shadow: none; | ||
364 | } | ||
365 | .join { | ||
366 | text-shadow: none; | ||
367 | } | ||
368 | } | ||
369 | @media (max-width: 479px) { | ||
370 | h2 { | ||
371 | font-size: 30px; | ||
372 | line-height: 31px; | ||
373 | text-shadow: none; | ||
374 | } | ||
375 | p { | ||
376 | font-size: 20px; | ||
377 | text-shadow: none; | ||
378 | } | ||
379 | .button { | ||
380 | width: 100%; | ||
381 | margin-left: 0px; | ||
382 | border-top-left-radius: 2px; | ||
383 | border-bottom-left-radius: 2px; | ||
384 | } | ||
385 | .subtitle { | ||
386 | padding-bottom: 36px; | ||
387 | font-size: 22px; | ||
388 | line-height: 26px; | ||
389 | text-shadow: none; | ||
390 | } | ||
391 | .field { | ||
392 | width: 100%; | ||
393 | border-top-right-radius: 2px; | ||
394 | border-bottom-right-radius: 2px; | ||
395 | text-align: center; | ||
396 | } | ||
397 | .sign-up-form { | ||
398 | width: 100%; | ||
399 | margin-top: 22px; | ||
400 | } | ||
401 | .social-widget { | ||
402 | width: 96px; | ||
403 | } | ||
404 | .social-widget-wrapper { | ||
405 | display: block; | ||
406 | width: 221px; | ||
407 | margin-right: auto; | ||
408 | margin-bottom: 15px; | ||
409 | margin-left: auto; | ||
410 | } | ||
411 | .copyright { | ||
412 | margin-bottom: 16px; | ||
413 | text-align: center; | ||
414 | } | ||
415 | .container { | ||
416 | padding-right: 10px; | ||
417 | padding-left: 10px; | ||
418 | } | ||
419 | .image-crop { | ||
420 | height: auto; | ||
421 | margin-bottom: 40px; | ||
422 | } | ||
423 | .social-section { | ||
424 | padding-right: 14px; | ||
425 | padding-left: 14px; | ||
426 | } | ||
427 | .align-right { | ||
428 | text-align: center; | ||
429 | } | ||
430 | .social-btn { | ||
431 | margin-right: 17px; | ||
432 | } | ||
433 | .logo { | ||
434 | font-size: 43px; | ||
435 | text-shadow: none; | ||
436 | } | ||
437 | .join { | ||
438 | width: 75%; | ||
439 | font-size: 19px; | ||
440 | line-height: 22px; | ||
441 | letter-spacing: 4px; | ||
442 | text-shadow: none; | ||
443 | } | ||
444 | .beta-line { | ||
445 | width: 12%; | ||
446 | } | ||
447 | } | ||
448 | |||
diff --git a/deprecated/ZJW/stylesheets/normalize.css b/deprecated/ZJW/stylesheets/normalize.css new file mode 100644 index 0000000..a4aad65 --- /dev/null +++ b/deprecated/ZJW/stylesheets/normalize.css | |||
@@ -0,0 +1,340 @@ | |||
1 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ | ||
2 | /* ========================================================================== | ||
3 | HTML5 display definitions | ||
4 | ========================================================================== */ | ||
5 | /** | ||
6 | * Correct `block` display not defined in IE 8/9. | ||
7 | */ | ||
8 | article, | ||
9 | aside, | ||
10 | details, | ||
11 | figcaption, | ||
12 | figure, | ||
13 | footer, | ||
14 | header, | ||
15 | hgroup, | ||
16 | main, | ||
17 | nav, | ||
18 | section, | ||
19 | summary { | ||
20 | display: block; | ||
21 | } | ||
22 | /** | ||
23 | * Correct `inline-block` display not defined in IE 8/9. | ||
24 | */ | ||
25 | audio, | ||
26 | canvas, | ||
27 | video { | ||
28 | display: inline-block; | ||
29 | } | ||
30 | /** | ||
31 | * Prevent modern browsers from displaying `audio` without controls. | ||
32 | * Remove excess height in iOS 5 devices. | ||
33 | */ | ||
34 | audio:not([controls]) { | ||
35 | display: none; | ||
36 | height: 0; | ||
37 | } | ||
38 | /** | ||
39 | * Address `[hidden]` styling not present in IE 8/9. | ||
40 | * Hide the `template` element in IE, Safari, and Firefox < 22. | ||
41 | */ | ||
42 | [hidden], | ||
43 | template { | ||
44 | display: none; | ||
45 | } | ||
46 | /* ========================================================================== | ||
47 | Base | ||
48 | ========================================================================== */ | ||
49 | /** | ||
50 | * 1. Set default font family to sans-serif. | ||
51 | * 2. Prevent iOS text size adjust after orientation change, without disabling | ||
52 | * user zoom. | ||
53 | */ | ||
54 | html { | ||
55 | font-family: sans-serif; | ||
56 | /* 1 */ | ||
57 | -ms-text-size-adjust: 100%; | ||
58 | /* 2 */ | ||
59 | -webkit-text-size-adjust: 100%; | ||
60 | /* 2 */ | ||
61 | } | ||
62 | /** | ||
63 | * Remove default margin. | ||
64 | */ | ||
65 | body { | ||
66 | margin: 0; | ||
67 | } | ||
68 | /* ========================================================================== | ||
69 | Links | ||
70 | ========================================================================== */ | ||
71 | /** | ||
72 | * Remove the gray background color from active links in IE 10. | ||
73 | */ | ||
74 | a { | ||
75 | background: transparent; | ||
76 | } | ||
77 | /** | ||
78 | * Address `outline` inconsistency between Chrome and other browsers. | ||
79 | */ | ||
80 | a:focus { | ||
81 | outline: thin dotted; | ||
82 | } | ||
83 | /** | ||
84 | * Improve readability when focused and also mouse hovered in all browsers. | ||
85 | */ | ||
86 | a:active, | ||
87 | a:hover { | ||
88 | outline: 0; | ||
89 | } | ||
90 | /* ========================================================================== | ||
91 | Typography | ||
92 | ========================================================================== */ | ||
93 | /** | ||
94 | * Address variable `h1` font-size and margin within `section` and `article` | ||
95 | * contexts in Firefox 4+, Safari 5, and Chrome. | ||
96 | */ | ||
97 | h1 { | ||
98 | font-size: 2em; | ||
99 | margin: 0.67em 0; | ||
100 | } | ||
101 | /** | ||
102 | * Address styling not present in IE 8/9, Safari 5, and Chrome. | ||
103 | */ | ||
104 | abbr[title] { | ||
105 | border-bottom: 1px dotted; | ||
106 | } | ||
107 | /** | ||
108 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | ||
109 | */ | ||
110 | b, | ||
111 | strong { | ||
112 | font-weight: bold; | ||
113 | } | ||
114 | /** | ||
115 | * Address styling not present in Safari 5 and Chrome. | ||
116 | */ | ||
117 | dfn { | ||
118 | font-style: italic; | ||
119 | } | ||
120 | /** | ||
121 | * Address differences between Firefox and other browsers. | ||
122 | */ | ||
123 | hr { | ||
124 | -moz-box-sizing: content-box; | ||
125 | box-sizing: content-box; | ||
126 | height: 0; | ||
127 | } | ||
128 | /** | ||
129 | * Address styling not present in IE 8/9. | ||
130 | */ | ||
131 | mark { | ||
132 | background: #ff0; | ||
133 | color: #000; | ||
134 | } | ||
135 | /** | ||
136 | * Correct font family set oddly in Safari 5 and Chrome. | ||
137 | */ | ||
138 | code, | ||
139 | kbd, | ||
140 | pre, | ||
141 | samp { | ||
142 | font-family: monospace, serif; | ||
143 | font-size: 1em; | ||
144 | } | ||
145 | /** | ||
146 | * Improve readability of pre-formatted text in all browsers. | ||
147 | */ | ||
148 | pre { | ||
149 | white-space: pre-wrap; | ||
150 | } | ||
151 | /** | ||
152 | * Set consistent quote types. | ||
153 | */ | ||
154 | q { | ||
155 | quotes: "\201C" "\201D" "\2018" "\2019"; | ||
156 | } | ||
157 | /** | ||
158 | * Address inconsistent and variable font size in all browsers. | ||
159 | */ | ||
160 | small { | ||
161 | font-size: 80%; | ||
162 | } | ||
163 | /** | ||
164 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. | ||
165 | */ | ||
166 | sub, | ||
167 | sup { | ||
168 | font-size: 75%; | ||
169 | line-height: 0; | ||
170 | position: relative; | ||
171 | vertical-align: baseline; | ||
172 | } | ||
173 | sup { | ||
174 | top: -0.5em; | ||
175 | } | ||
176 | sub { | ||
177 | bottom: -0.25em; | ||
178 | } | ||
179 | /* ========================================================================== | ||
180 | Embedded content | ||
181 | ========================================================================== */ | ||
182 | /** | ||
183 | * Remove border when inside `a` element in IE 8/9. | ||
184 | */ | ||
185 | img { | ||
186 | border: 0; | ||
187 | } | ||
188 | /** | ||
189 | * Correct overflow displayed oddly in IE 9. | ||
190 | */ | ||
191 | svg:not(:root) { | ||
192 | overflow: hidden; | ||
193 | } | ||
194 | /* ========================================================================== | ||
195 | Figures | ||
196 | ========================================================================== */ | ||
197 | /** | ||
198 | * Address margin not present in IE 8/9 and Safari 5. | ||
199 | */ | ||
200 | figure { | ||
201 | margin: 0; | ||
202 | } | ||
203 | /* ========================================================================== | ||
204 | Forms | ||
205 | ========================================================================== */ | ||
206 | /** | ||
207 | * Define consistent border, margin, and padding. | ||
208 | */ | ||
209 | fieldset { | ||
210 | border: 1px solid #c0c0c0; | ||
211 | margin: 0 2px; | ||
212 | padding: 0.35em 0.625em 0.75em; | ||
213 | } | ||
214 | /** | ||
215 | * 1. Correct `color` not being inherited in IE 8/9. | ||
216 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. | ||
217 | */ | ||
218 | legend { | ||
219 | border: 0; | ||
220 | /* 1 */ | ||
221 | padding: 0; | ||
222 | /* 2 */ | ||
223 | } | ||
224 | /** | ||
225 | * 1. Correct font family not being inherited in all browsers. | ||
226 | * 2. Correct font size not being inherited in all browsers. | ||
227 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | ||
228 | */ | ||
229 | button, | ||
230 | input, | ||
231 | select, | ||
232 | textarea { | ||
233 | font-family: inherit; | ||
234 | /* 1 */ | ||
235 | font-size: 100%; | ||
236 | /* 2 */ | ||
237 | margin: 0; | ||
238 | /* 3 */ | ||
239 | } | ||
240 | /** | ||
241 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in | ||
242 | * the UA stylesheet. | ||
243 | */ | ||
244 | button, | ||
245 | input { | ||
246 | line-height: normal; | ||
247 | } | ||
248 | /** | ||
249 | * Address inconsistent `text-transform` inheritance for `button` and `select`. | ||
250 | * All other form control elements do not inherit `text-transform` values. | ||
251 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. | ||
252 | * Correct `select` style inheritance in Firefox 4+ and Opera. | ||
253 | */ | ||
254 | button, | ||
255 | select { | ||
256 | text-transform: none; | ||
257 | } | ||
258 | /** | ||
259 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | ||
260 | * and `video` controls. | ||
261 | * 2. Correct inability to style clickable `input` types in iOS. | ||
262 | * 3. Improve usability and consistency of cursor style between image-type | ||
263 | * `input` and others. | ||
264 | */ | ||
265 | button, | ||
266 | html input[type="button"], | ||
267 | input[type="reset"], | ||
268 | input[type="submit"] { | ||
269 | -webkit-appearance: button; | ||
270 | /* 2 */ | ||
271 | cursor: pointer; | ||
272 | /* 3 */ | ||
273 | } | ||
274 | /** | ||
275 | * Re-set default cursor for disabled elements. | ||
276 | */ | ||
277 | button[disabled], | ||
278 | html input[disabled] { | ||
279 | cursor: default; | ||
280 | } | ||
281 | /** | ||
282 | * 1. Address box sizing set to `content-box` in IE 8/9/10. | ||
283 | * 2. Remove excess padding in IE 8/9/10. | ||
284 | */ | ||
285 | input[type="checkbox"], | ||
286 | input[type="radio"] { | ||
287 | box-sizing: border-box; | ||
288 | /* 1 */ | ||
289 | padding: 0; | ||
290 | /* 2 */ | ||
291 | } | ||
292 | /** | ||
293 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | ||
294 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | ||
295 | * (include `-moz` to future-proof). | ||
296 | */ | ||
297 | input[type="search"] { | ||
298 | -webkit-appearance: textfield; | ||
299 | /* 1 */ | ||
300 | -moz-box-sizing: content-box; | ||
301 | -webkit-box-sizing: content-box; | ||
302 | /* 2 */ | ||
303 | box-sizing: content-box; | ||
304 | } | ||
305 | /** | ||
306 | * Remove inner padding and search cancel button in Safari 5 and Chrome | ||
307 | * on OS X. | ||
308 | */ | ||
309 | input[type="search"]::-webkit-search-cancel-button, | ||
310 | input[type="search"]::-webkit-search-decoration { | ||
311 | -webkit-appearance: none; | ||
312 | } | ||
313 | /** | ||
314 | * Remove inner padding and border in Firefox 4+. | ||
315 | */ | ||
316 | button::-moz-focus-inner, | ||
317 | input::-moz-focus-inner { | ||
318 | border: 0; | ||
319 | padding: 0; | ||
320 | } | ||
321 | /** | ||
322 | * 1. Remove default vertical scrollbar in IE 8/9. | ||
323 | * 2. Improve readability and alignment in all browsers. | ||
324 | */ | ||
325 | textarea { | ||
326 | overflow: auto; | ||
327 | /* 1 */ | ||
328 | vertical-align: top; | ||
329 | /* 2 */ | ||
330 | } | ||
331 | /* ========================================================================== | ||
332 | Tables | ||
333 | ========================================================================== */ | ||
334 | /** | ||
335 | * Remove most spacing between table cells. | ||
336 | */ | ||
337 | table { | ||
338 | border-collapse: collapse; | ||
339 | border-spacing: 0; | ||
340 | } | ||
diff --git a/deprecated/ZJW/stylesheets/webflow.css b/deprecated/ZJW/stylesheets/webflow.css new file mode 100644 index 0000000..f1ff73f --- /dev/null +++ b/deprecated/ZJW/stylesheets/webflow.css | |||
@@ -0,0 +1,1633 @@ | |||
1 | @font-face { | ||
2 | font-family: 'webflow-icons'; | ||
3 | src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); | ||
4 | font-weight: normal; | ||
5 | font-style: normal; | ||
6 | } | ||
7 | [class^="w-icon-"], | ||
8 | [class*=" w-icon-"] { | ||
9 | font-family: 'webflow-icons'; | ||
10 | speak: none; | ||
11 | font-style: normal; | ||
12 | font-weight: normal; | ||
13 | font-variant: normal; | ||
14 | text-transform: none; | ||
15 | line-height: 1; | ||
16 | -webkit-font-smoothing: antialiased; | ||
17 | -moz-osx-font-smoothing: grayscale; | ||
18 | } | ||
19 | .w-icon-slider-right:before { | ||
20 | content: "\e600"; | ||
21 | } | ||
22 | .w-icon-slider-left:before { | ||
23 | content: "\e601"; | ||
24 | } | ||
25 | .w-icon-nav-menu:before { | ||
26 | content: "\e602"; | ||
27 | } | ||
28 | .w-icon-arrow-down:before, | ||
29 | .w-icon-dropdown-toggle:before { | ||
30 | content: "\e603"; | ||
31 | } | ||
32 | * { | ||
33 | -webkit-box-sizing: border-box; | ||
34 | -moz-box-sizing: border-box; | ||
35 | box-sizing: border-box; | ||
36 | } | ||
37 | html { | ||
38 | height: 100%; | ||
39 | } | ||
40 | body { | ||
41 | margin: 0; | ||
42 | min-height: 100%; | ||
43 | background-color: #fff; | ||
44 | color: #333; | ||
45 | } | ||
46 | img { | ||
47 | max-width: 100%; | ||
48 | vertical-align: middle; | ||
49 | display: inline-block; | ||
50 | } | ||
51 | html.w-mod-touch * { | ||
52 | background-attachment: scroll !important; | ||
53 | } | ||
54 | a:focus { | ||
55 | outline: 0; | ||
56 | } | ||
57 | .w-block { | ||
58 | display: block; | ||
59 | } | ||
60 | .w-inline-block { | ||
61 | max-width: 100%; | ||
62 | display: inline-block; | ||
63 | } | ||
64 | .w-clearfix:before, | ||
65 | .w-clearfix:after { | ||
66 | content: " "; | ||
67 | display: table; | ||
68 | } | ||
69 | .w-clearfix:after { | ||
70 | clear: both; | ||
71 | } | ||
72 | .w-hidden { | ||
73 | display: none; | ||
74 | } | ||
75 | h1, | ||
76 | h2, | ||
77 | h3, | ||
78 | h4, | ||
79 | h5, | ||
80 | h6 { | ||
81 | margin: 0; | ||
82 | } | ||
83 | p { | ||
84 | margin: 0; | ||
85 | } | ||
86 | blockquote { | ||
87 | margin: 0; | ||
88 | } | ||
89 | ul, | ||
90 | ol { | ||
91 | margin-top: 0; | ||
92 | margin-bottom: 0; | ||
93 | } | ||
94 | .w-list-unstyled { | ||
95 | padding-left: 0; | ||
96 | list-style: none; | ||
97 | } | ||
98 | .w-embed:before, | ||
99 | .w-embed:after { | ||
100 | content: " "; | ||
101 | display: table; | ||
102 | } | ||
103 | .w-embed:after { | ||
104 | clear: both; | ||
105 | } | ||
106 | .w-video { | ||
107 | width: 100%; | ||
108 | position: relative; | ||
109 | padding: 0; | ||
110 | } | ||
111 | .w-video iframe, | ||
112 | .w-video object, | ||
113 | .w-video embed { | ||
114 | position: absolute; | ||
115 | top: 0; | ||
116 | left: 0; | ||
117 | width: 100%; | ||
118 | height: 100%; | ||
119 | } | ||
120 | fieldset { | ||
121 | padding: 0; | ||
122 | margin: 0; | ||
123 | border: 0; | ||
124 | } | ||
125 | button, | ||
126 | html input[type="button"], | ||
127 | input[type="reset"], | ||
128 | input[type="submit"] { | ||
129 | cursor: pointer; | ||
130 | -webkit-appearance: button; | ||
131 | } | ||
132 | .w-form { | ||
133 | margin: 0 0 15px; | ||
134 | } | ||
135 | .w-form-done { | ||
136 | display: none; | ||
137 | padding: 10px; | ||
138 | background-color: #dddddd; | ||
139 | } | ||
140 | .w-form-fail { | ||
141 | display: none; | ||
142 | margin-top: 10px; | ||
143 | padding: 10px; | ||
144 | background-color: #ffdede; | ||
145 | } | ||
146 | label { | ||
147 | display: block; | ||
148 | margin-bottom: 5px; | ||
149 | font-weight: bold; | ||
150 | } | ||
151 | .w-input, | ||
152 | .w-select { | ||
153 | display: block; | ||
154 | width: 100%; | ||
155 | height: 38px; | ||
156 | padding: 8px 12px; | ||
157 | margin-bottom: 10px; | ||
158 | font-size: 14px; | ||
159 | line-height: 1.428571429; | ||
160 | color: #555555; | ||
161 | vertical-align: middle; | ||
162 | background-color: #ffffff; | ||
163 | border: 1px solid #cccccc; | ||
164 | } | ||
165 | .w-input:-moz-placeholder, | ||
166 | .w-select:-moz-placeholder { | ||
167 | color: #999999; | ||
168 | } | ||
169 | .w-input::-moz-placeholder, | ||
170 | .w-select::-moz-placeholder { | ||
171 | color: #999999; | ||
172 | opacity: 1; | ||
173 | } | ||
174 | .w-input:-ms-input-placeholder, | ||
175 | .w-select:-ms-input-placeholder { | ||
176 | color: #999999; | ||
177 | } | ||
178 | .w-input::-webkit-input-placeholder, | ||
179 | .w-select::-webkit-input-placeholder { | ||
180 | color: #999999; | ||
181 | } | ||
182 | .w-input:focus, | ||
183 | .w-select:focus { | ||
184 | border-color: rgba(82, 168, 236, 0.8); | ||
185 | outline: 0; | ||
186 | } | ||
187 | .w-input[disabled], | ||
188 | .w-select[disabled], | ||
189 | .w-input[readonly], | ||
190 | .w-select[readonly], | ||
191 | fieldset[disabled] .w-input, | ||
192 | fieldset[disabled] .w-select { | ||
193 | cursor: not-allowed; | ||
194 | background-color: #eeeeee; | ||
195 | } | ||
196 | textarea.w-input, | ||
197 | textarea.w-select { | ||
198 | height: auto; | ||
199 | } | ||
200 | .w-select[multiple] { | ||
201 | height: auto; | ||
202 | } | ||
203 | .w-button { | ||
204 | display: inline-block; | ||
205 | padding: 12px; | ||
206 | background-color: black; | ||
207 | color: white; | ||
208 | border: 0; | ||
209 | line-height: inherit; | ||
210 | } | ||
211 | .w-form-label { | ||
212 | display: inline-block; | ||
213 | cursor: pointer; | ||
214 | font-weight: normal; | ||
215 | margin-bottom: 0px; | ||
216 | } | ||
217 | .w-checkbox, | ||
218 | .w-radio { | ||
219 | display: block; | ||
220 | margin-bottom: 5px; | ||
221 | padding-left: 20px; | ||
222 | } | ||
223 | .w-checkbox:before, | ||
224 | .w-radio:before, | ||
225 | .w-checkbox:after, | ||
226 | .w-radio:after { | ||
227 | content: " "; | ||
228 | display: table; | ||
229 | } | ||
230 | .w-checkbox:after, | ||
231 | .w-radio:after { | ||
232 | clear: both; | ||
233 | } | ||
234 | .w-checkbox-input, | ||
235 | .w-radio-input { | ||
236 | margin: 4px 0 0; | ||
237 | margin-top: 1px \9; | ||
238 | line-height: normal; | ||
239 | float: left; | ||
240 | margin-left: -20px; | ||
241 | } | ||
242 | .w-radio-input { | ||
243 | margin-top: 3px; | ||
244 | } | ||
245 | .w-container { | ||
246 | margin-left: auto; | ||
247 | margin-right: auto; | ||
248 | max-width: 940px; | ||
249 | } | ||
250 | .w-container:before, | ||
251 | .w-container:after { | ||
252 | content: " "; | ||
253 | display: table; | ||
254 | } | ||
255 | .w-container:after { | ||
256 | clear: both; | ||
257 | } | ||
258 | .w-container .w-row { | ||
259 | margin-left: -10px; | ||
260 | margin-right: -10px; | ||
261 | } | ||
262 | .w-row:before, | ||
263 | .w-row:after { | ||
264 | content: " "; | ||
265 | display: table; | ||
266 | } | ||
267 | .w-row:after { | ||
268 | clear: both; | ||
269 | } | ||
270 | .w-row .w-row { | ||
271 | margin-left: 0; | ||
272 | margin-right: 0; | ||
273 | } | ||
274 | .w-col { | ||
275 | position: relative; | ||
276 | float: left; | ||
277 | width: 100%; | ||
278 | min-height: 1px; | ||
279 | padding-left: 10px; | ||
280 | padding-right: 10px; | ||
281 | } | ||
282 | .w-col .w-col { | ||
283 | padding-left: 0; | ||
284 | padding-right: 0; | ||
285 | } | ||
286 | .w-col-1 { | ||
287 | width: 8.33333333%; | ||
288 | } | ||
289 | .w-col-2 { | ||
290 | width: 16.66666667%; | ||
291 | } | ||
292 | .w-col-3 { | ||
293 | width: 25%; | ||
294 | } | ||
295 | .w-col-4 { | ||
296 | width: 33.33333333%; | ||
297 | } | ||
298 | .w-col-5 { | ||
299 | width: 41.66666667%; | ||
300 | } | ||
301 | .w-col-6 { | ||
302 | width: 50%; | ||
303 | } | ||
304 | .w-col-7 { | ||
305 | width: 58.33333333%; | ||
306 | } | ||
307 | .w-col-8 { | ||
308 | width: 66.66666667%; | ||
309 | } | ||
310 | .w-col-9 { | ||
311 | width: 75%; | ||
312 | } | ||
313 | .w-col-10 { | ||
314 | width: 83.33333333%; | ||
315 | } | ||
316 | .w-col-11 { | ||
317 | width: 91.66666667%; | ||
318 | } | ||
319 | .w-col-12 { | ||
320 | width: 100%; | ||
321 | } | ||
322 | .w-col-push-1 { | ||
323 | left: 8.33333333%; | ||
324 | } | ||
325 | .w-col-push-2 { | ||
326 | left: 16.66666667%; | ||
327 | } | ||
328 | .w-col-push-3 { | ||
329 | left: 25%; | ||
330 | } | ||
331 | .w-col-push-4 { | ||
332 | left: 33.33333333%; | ||
333 | } | ||
334 | .w-col-push-5 { | ||
335 | left: 41.66666667%; | ||
336 | } | ||
337 | .w-col-push-6 { | ||
338 | left: 50%; | ||
339 | } | ||
340 | .w-col-push-7 { | ||
341 | left: 58.33333333%; | ||
342 | } | ||
343 | .w-col-push-8 { | ||
344 | left: 66.66666667%; | ||
345 | } | ||
346 | .w-col-push-9 { | ||
347 | left: 75%; | ||
348 | } | ||
349 | .w-col-push-10 { | ||
350 | left: 83.33333333%; | ||
351 | } | ||
352 | .w-col-push-11 { | ||
353 | left: 91.66666667%; | ||
354 | } | ||
355 | .w-col-pull-1 { | ||
356 | right: 8.33333333%; | ||
357 | } | ||
358 | .w-col-pull-2 { | ||
359 | right: 16.66666667%; | ||
360 | } | ||
361 | .w-col-pull-3 { | ||
362 | right: 25%; | ||
363 | } | ||
364 | .w-col-pull-4 { | ||
365 | right: 33.33333333%; | ||
366 | } | ||
367 | .w-col-pull-5 { | ||
368 | right: 41.66666667%; | ||
369 | } | ||
370 | .w-col-pull-6 { | ||
371 | right: 50%; | ||
372 | } | ||
373 | .w-col-pull-7 { | ||
374 | right: 58.33333333%; | ||
375 | } | ||
376 | .w-col-pull-8 { | ||
377 | right: 66.66666667%; | ||
378 | } | ||
379 | .w-col-pull-9 { | ||
380 | right: 75%; | ||
381 | } | ||
382 | .w-col-pull-10 { | ||
383 | right: 83.33333333%; | ||
384 | } | ||
385 | .w-col-pull-11 { | ||
386 | right: 91.66666667%; | ||
387 | } | ||
388 | .w-col-offset-1 { | ||
389 | margin-left: 8.33333333%; | ||
390 | } | ||
391 | .w-col-offset-2 { | ||
392 | margin-left: 16.66666667%; | ||
393 | } | ||
394 | .w-col-offset-3 { | ||
395 | margin-left: 25%; | ||
396 | } | ||
397 | .w-col-offset-4 { | ||
398 | margin-left: 33.33333333%; | ||
399 | } | ||
400 | .w-col-offset-5 { | ||
401 | margin-left: 41.66666667%; | ||
402 | } | ||
403 | .w-col-offset-6 { | ||
404 | margin-left: 50%; | ||
405 | } | ||
406 | .w-col-offset-7 { | ||
407 | margin-left: 58.33333333%; | ||
408 | } | ||
409 | .w-col-offset-8 { | ||
410 | margin-left: 66.66666667%; | ||
411 | } | ||
412 | .w-col-offset-9 { | ||
413 | margin-left: 75%; | ||
414 | } | ||
415 | .w-col-offset-10 { | ||
416 | margin-left: 83.33333333%; | ||
417 | } | ||
418 | .w-col-offset-11 { | ||
419 | margin-left: 91.66666667%; | ||
420 | } | ||
421 | .w-hidden-main { | ||
422 | display: none !important; | ||
423 | } | ||
424 | @media screen and (max-width: 991px) { | ||
425 | .w-container { | ||
426 | max-width: 728px; | ||
427 | } | ||
428 | .w-hidden-main { | ||
429 | display: inherit !important; | ||
430 | } | ||
431 | .w-hidden-medium { | ||
432 | display: none !important; | ||
433 | } | ||
434 | .w-col-medium-1 { | ||
435 | width: 8.33333333%; | ||
436 | } | ||
437 | .w-col-medium-2 { | ||
438 | width: 16.66666667%; | ||
439 | } | ||
440 | .w-col-medium-3 { | ||
441 | width: 25%; | ||
442 | } | ||
443 | .w-col-medium-4 { | ||
444 | width: 33.33333333%; | ||
445 | } | ||
446 | .w-col-medium-5 { | ||
447 | width: 41.66666667%; | ||
448 | } | ||
449 | .w-col-medium-6 { | ||
450 | width: 50%; | ||
451 | } | ||
452 | .w-col-medium-7 { | ||
453 | width: 58.33333333%; | ||
454 | } | ||
455 | .w-col-medium-8 { | ||
456 | width: 66.66666667%; | ||
457 | } | ||
458 | .w-col-medium-9 { | ||
459 | width: 75%; | ||
460 | } | ||
461 | .w-col-medium-10 { | ||
462 | width: 83.33333333%; | ||
463 | } | ||
464 | .w-col-medium-11 { | ||
465 | width: 91.66666667%; | ||
466 | } | ||
467 | .w-col-medium-12 { | ||
468 | width: 100%; | ||
469 | } | ||
470 | .w-col-medium-push-1 { | ||
471 | left: 8.33333333%; | ||
472 | } | ||
473 | .w-col-medium-push-2 { | ||
474 | left: 16.66666667%; | ||
475 | } | ||
476 | .w-col-medium-push-3 { | ||
477 | left: 25%; | ||
478 | } | ||
479 | .w-col-medium-push-4 { | ||
480 | left: 33.33333333%; | ||
481 | } | ||
482 | .w-col-medium-push-5 { | ||
483 | left: 41.66666667%; | ||
484 | } | ||
485 | .w-col-medium-push-6 { | ||
486 | left: 50%; | ||
487 | } | ||
488 | .w-col-medium-push-7 { | ||
489 | left: 58.33333333%; | ||
490 | } | ||
491 | .w-col-medium-push-8 { | ||
492 | left: 66.66666667%; | ||
493 | } | ||
494 | .w-col-medium-push-9 { | ||
495 | left: 75%; | ||
496 | } | ||
497 | .w-col-medium-push-10 { | ||
498 | left: 83.33333333%; | ||
499 | } | ||
500 | .w-col-medium-push-11 { | ||
501 | left: 91.66666667%; | ||
502 | } | ||
503 | .w-col-medium-pull-1 { | ||
504 | right: 8.33333333%; | ||
505 | } | ||
506 | .w-col-medium-pull-2 { | ||
507 | right: 16.66666667%; | ||
508 | } | ||
509 | .w-col-medium-pull-3 { | ||
510 | right: 25%; | ||
511 | } | ||
512 | .w-col-medium-pull-4 { | ||
513 | right: 33.33333333%; | ||
514 | } | ||
515 | .w-col-medium-pull-5 { | ||
516 | right: 41.66666667%; | ||
517 | } | ||
518 | .w-col-medium-pull-6 { | ||
519 | right: 50%; | ||
520 | } | ||
521 | .w-col-medium-pull-7 { | ||
522 | right: 58.33333333%; | ||
523 | } | ||
524 | .w-col-medium-pull-8 { | ||
525 | right: 66.66666667%; | ||
526 | } | ||
527 | .w-col-medium-pull-9 { | ||
528 | right: 75%; | ||
529 | } | ||
530 | .w-col-medium-pull-10 { | ||
531 | right: 83.33333333%; | ||
532 | } | ||
533 | .w-col-medium-pull-11 { | ||
534 | right: 91.66666667%; | ||
535 | } | ||
536 | .w-col-medium-offset-1 { | ||
537 | margin-left: 8.33333333%; | ||
538 | } | ||
539 | .w-col-medium-offset-2 { | ||
540 | margin-left: 16.66666667%; | ||
541 | } | ||
542 | .w-col-medium-offset-3 { | ||
543 | margin-left: 25%; | ||
544 | } | ||
545 | .w-col-medium-offset-4 { | ||
546 | margin-left: 33.33333333%; | ||
547 | } | ||
548 | .w-col-medium-offset-5 { | ||
549 | margin-left: 41.66666667%; | ||
550 | } | ||
551 | .w-col-medium-offset-6 { | ||
552 | margin-left: 50%; | ||
553 | } | ||
554 | .w-col-medium-offset-7 { | ||
555 | margin-left: 58.33333333%; | ||
556 | } | ||
557 | .w-col-medium-offset-8 { | ||
558 | margin-left: 66.66666667%; | ||
559 | } | ||
560 | .w-col-medium-offset-9 { | ||
561 | margin-left: 75%; | ||
562 | } | ||
563 | .w-col-medium-offset-10 { | ||
564 | margin-left: 83.33333333%; | ||
565 | } | ||
566 | .w-col-medium-offset-11 { | ||
567 | margin-left: 91.66666667%; | ||
568 | } | ||
569 | .w-col-stack { | ||
570 | width: 100%; | ||
571 | left: auto; | ||
572 | right: auto; | ||
573 | } | ||
574 | } | ||
575 | @media screen and (max-width: 767px) { | ||
576 | .w-hidden-main { | ||
577 | display: inherit !important; | ||
578 | } | ||
579 | .w-hidden-medium { | ||
580 | display: inherit !important; | ||
581 | } | ||
582 | .w-hidden-small { | ||
583 | display: none !important; | ||
584 | } | ||
585 | .w-row, | ||
586 | .w-container .w-row { | ||
587 | margin-left: 0; | ||
588 | margin-right: 0; | ||
589 | } | ||
590 | .w-col { | ||
591 | width: 100%; | ||
592 | left: auto; | ||
593 | right: auto; | ||
594 | } | ||
595 | .w-col-small-1 { | ||
596 | width: 8.33333333%; | ||
597 | } | ||
598 | .w-col-small-2 { | ||
599 | width: 16.66666667%; | ||
600 | } | ||
601 | .w-col-small-3 { | ||
602 | width: 25%; | ||
603 | } | ||
604 | .w-col-small-4 { | ||
605 | width: 33.33333333%; | ||
606 | } | ||
607 | .w-col-small-5 { | ||
608 | width: 41.66666667%; | ||
609 | } | ||
610 | .w-col-small-6 { | ||
611 | width: 50%; | ||
612 | } | ||
613 | .w-col-small-7 { | ||
614 | width: 58.33333333%; | ||
615 | } | ||
616 | .w-col-small-8 { | ||
617 | width: 66.66666667%; | ||
618 | } | ||
619 | .w-col-small-9 { | ||
620 | width: 75%; | ||
621 | } | ||
622 | .w-col-small-10 { | ||
623 | width: 83.33333333%; | ||
624 | } | ||
625 | .w-col-small-11 { | ||
626 | width: 91.66666667%; | ||
627 | } | ||
628 | .w-col-small-12 { | ||
629 | width: 100%; | ||
630 | } | ||
631 | .w-col-small-push-1 { | ||
632 | left: 8.33333333%; | ||
633 | } | ||
634 | .w-col-small-push-2 { | ||
635 | left: 16.66666667%; | ||
636 | } | ||
637 | .w-col-small-push-3 { | ||
638 | left: 25%; | ||
639 | } | ||
640 | .w-col-small-push-4 { | ||
641 | left: 33.33333333%; | ||
642 | } | ||
643 | .w-col-small-push-5 { | ||
644 | left: 41.66666667%; | ||
645 | } | ||
646 | .w-col-small-push-6 { | ||
647 | left: 50%; | ||
648 | } | ||
649 | .w-col-small-push-7 { | ||
650 | left: 58.33333333%; | ||
651 | } | ||
652 | .w-col-small-push-8 { | ||
653 | left: 66.66666667%; | ||
654 | } | ||
655 | .w-col-small-push-9 { | ||
656 | left: 75%; | ||
657 | } | ||
658 | .w-col-small-push-10 { | ||
659 | left: 83.33333333%; | ||
660 | } | ||
661 | .w-col-small-push-11 { | ||
662 | left: 91.66666667%; | ||
663 | } | ||
664 | .w-col-small-pull-1 { | ||
665 | right: 8.33333333%; | ||
666 | } | ||
667 | .w-col-small-pull-2 { | ||
668 | right: 16.66666667%; | ||
669 | } | ||
670 | .w-col-small-pull-3 { | ||
671 | right: 25%; | ||
672 | } | ||
673 | .w-col-small-pull-4 { | ||
674 | right: 33.33333333%; | ||
675 | } | ||
676 | .w-col-small-pull-5 { | ||
677 | right: 41.66666667%; | ||
678 | } | ||
679 | .w-col-small-pull-6 { | ||
680 | right: 50%; | ||
681 | } | ||
682 | .w-col-small-pull-7 { | ||
683 | right: 58.33333333%; | ||
684 | } | ||
685 | .w-col-small-pull-8 { | ||
686 | right: 66.66666667%; | ||
687 | } | ||
688 | .w-col-small-pull-9 { | ||
689 | right: 75%; | ||
690 | } | ||
691 | .w-col-small-pull-10 { | ||
692 | right: 83.33333333%; | ||
693 | } | ||
694 | .w-col-small-pull-11 { | ||
695 | right: 91.66666667%; | ||
696 | } | ||
697 | .w-col-small-offset-1 { | ||
698 | margin-left: 8.33333333%; | ||
699 | } | ||
700 | .w-col-small-offset-2 { | ||
701 | margin-left: 16.66666667%; | ||
702 | } | ||
703 | .w-col-small-offset-3 { | ||
704 | margin-left: 25%; | ||
705 | } | ||
706 | .w-col-small-offset-4 { | ||
707 | margin-left: 33.33333333%; | ||
708 | } | ||
709 | .w-col-small-offset-5 { | ||
710 | margin-left: 41.66666667%; | ||
711 | } | ||
712 | .w-col-small-offset-6 { | ||
713 | margin-left: 50%; | ||
714 | } | ||
715 | .w-col-small-offset-7 { | ||
716 | margin-left: 58.33333333%; | ||
717 | } | ||
718 | .w-col-small-offset-8 { | ||
719 | margin-left: 66.66666667%; | ||
720 | } | ||
721 | .w-col-small-offset-9 { | ||
722 | margin-left: 75%; | ||
723 | } | ||
724 | .w-col-small-offset-10 { | ||
725 | margin-left: 83.33333333%; | ||
726 | } | ||
727 | .w-col-small-offset-11 { | ||
728 | margin-left: 91.66666667%; | ||
729 | } | ||
730 | } | ||
731 | @media screen and (max-width: 479px) { | ||
732 | .w-container { | ||
733 | max-width: none; | ||
734 | } | ||
735 | .w-hidden-main { | ||
736 | display: inherit !important; | ||
737 | } | ||
738 | .w-hidden-medium { | ||
739 | display: inherit !important; | ||
740 | } | ||
741 | .w-hidden-small { | ||
742 | display: inherit !important; | ||
743 | } | ||
744 | .w-hidden-tiny { | ||
745 | display: none !important; | ||
746 | } | ||
747 | .w-col { | ||
748 | width: 100%; | ||
749 | } | ||
750 | .w-col-tiny-1 { | ||
751 | width: 8.33333333%; | ||
752 | } | ||
753 | .w-col-tiny-2 { | ||
754 | width: 16.66666667%; | ||
755 | } | ||
756 | .w-col-tiny-3 { | ||
757 | width: 25%; | ||
758 | } | ||
759 | .w-col-tiny-4 { | ||
760 | width: 33.33333333%; | ||
761 | } | ||
762 | .w-col-tiny-5 { | ||
763 | width: 41.66666667%; | ||
764 | } | ||
765 | .w-col-tiny-6 { | ||
766 | width: 50%; | ||
767 | } | ||
768 | .w-col-tiny-7 { | ||
769 | width: 58.33333333%; | ||
770 | } | ||
771 | .w-col-tiny-8 { | ||
772 | width: 66.66666667%; | ||
773 | } | ||
774 | .w-col-tiny-9 { | ||
775 | width: 75%; | ||
776 | } | ||
777 | .w-col-tiny-10 { | ||
778 | width: 83.33333333%; | ||
779 | } | ||
780 | .w-col-tiny-11 { | ||
781 | width: 91.66666667%; | ||
782 | } | ||
783 | .w-col-tiny-12 { | ||
784 | width: 100%; | ||
785 | } | ||
786 | .w-col-tiny-push-1 { | ||
787 | left: 8.33333333%; | ||
788 | } | ||
789 | .w-col-tiny-push-2 { | ||
790 | left: 16.66666667%; | ||
791 | } | ||
792 | .w-col-tiny-push-3 { | ||
793 | left: 25%; | ||
794 | } | ||
795 | .w-col-tiny-push-4 { | ||
796 | left: 33.33333333%; | ||
797 | } | ||
798 | .w-col-tiny-push-5 { | ||
799 | left: 41.66666667%; | ||
800 | } | ||
801 | .w-col-tiny-push-6 { | ||
802 | left: 50%; | ||
803 | } | ||
804 | .w-col-tiny-push-7 { | ||
805 | left: 58.33333333%; | ||
806 | } | ||
807 | .w-col-tiny-push-8 { | ||
808 | left: 66.66666667%; | ||
809 | } | ||
810 | .w-col-tiny-push-9 { | ||
811 | left: 75%; | ||
812 | } | ||
813 | .w-col-tiny-push-10 { | ||
814 | left: 83.33333333%; | ||
815 | } | ||
816 | .w-col-tiny-push-11 { | ||
817 | left: 91.66666667%; | ||
818 | } | ||
819 | .w-col-tiny-pull-1 { | ||
820 | right: 8.33333333%; | ||
821 | } | ||
822 | .w-col-tiny-pull-2 { | ||
823 | right: 16.66666667%; | ||
824 | } | ||
825 | .w-col-tiny-pull-3 { | ||
826 | right: 25%; | ||
827 | } | ||
828 | .w-col-tiny-pull-4 { | ||
829 | right: 33.33333333%; | ||
830 | } | ||
831 | .w-col-tiny-pull-5 { | ||
832 | right: 41.66666667%; | ||
833 | } | ||
834 | .w-col-tiny-pull-6 { | ||
835 | right: 50%; | ||
836 | } | ||
837 | .w-col-tiny-pull-7 { | ||
838 | right: 58.33333333%; | ||
839 | } | ||
840 | .w-col-tiny-pull-8 { | ||
841 | right: 66.66666667%; | ||
842 | } | ||
843 | .w-col-tiny-pull-9 { | ||
844 | right: 75%; | ||
845 | } | ||
846 | .w-col-tiny-pull-10 { | ||
847 | right: 83.33333333%; | ||
848 | } | ||
849 | .w-col-tiny-pull-11 { | ||
850 | right: 91.66666667%; | ||
851 | } | ||
852 | .w-col-tiny-offset-1 { | ||
853 | margin-left: 8.33333333%; | ||
854 | } | ||
855 | .w-col-tiny-offset-2 { | ||
856 | margin-left: 16.66666667%; | ||
857 | } | ||
858 | .w-col-tiny-offset-3 { | ||
859 | margin-left: 25%; | ||
860 | } | ||
861 | .w-col-tiny-offset-4 { | ||
862 | margin-left: 33.33333333%; | ||
863 | } | ||
864 | .w-col-tiny-offset-5 { | ||
865 | margin-left: 41.66666667%; | ||
866 | } | ||
867 | .w-col-tiny-offset-6 { | ||
868 | margin-left: 50%; | ||
869 | } | ||
870 | .w-col-tiny-offset-7 { | ||
871 | margin-left: 58.33333333%; | ||
872 | } | ||
873 | .w-col-tiny-offset-8 { | ||
874 | margin-left: 66.66666667%; | ||
875 | } | ||
876 | .w-col-tiny-offset-9 { | ||
877 | margin-left: 75%; | ||
878 | } | ||
879 | .w-col-tiny-offset-10 { | ||
880 | margin-left: 83.33333333%; | ||
881 | } | ||
882 | .w-col-tiny-offset-11 { | ||
883 | margin-left: 91.66666667%; | ||
884 | } | ||
885 | } | ||
886 | .w-widget { | ||
887 | position: relative; | ||
888 | } | ||
889 | .w-widget-map { | ||
890 | width: 100%; | ||
891 | height: 400px; | ||
892 | } | ||
893 | .w-widget-map label { | ||
894 | width: auto; | ||
895 | display: inline; | ||
896 | } | ||
897 | .w-widget-map img { | ||
898 | max-width: inherit; | ||
899 | } | ||
900 | .w-widget-map .gm-style-iw { | ||
901 | width: 90% !important; | ||
902 | height: auto !important; | ||
903 | top: 7px !important; | ||
904 | left: 6% !important; | ||
905 | display: inline; | ||
906 | text-align: center; | ||
907 | overflow: hidden; | ||
908 | } | ||
909 | .w-widget-map .gm-style-iw + div { | ||
910 | display: none; | ||
911 | } | ||
912 | .w-widget-twitter { | ||
913 | overflow: hidden; | ||
914 | } | ||
915 | .w-widget-gplus { | ||
916 | overflow: hidden; | ||
917 | } | ||
918 | .w-slider { | ||
919 | position: relative; | ||
920 | height: 300px; | ||
921 | text-align: center; | ||
922 | background: rgba(153, 153, 153, 0.5); | ||
923 | clear: both; | ||
924 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
925 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
926 | } | ||
927 | .w-slider-mask { | ||
928 | position: relative; | ||
929 | display: block; | ||
930 | overflow: hidden; | ||
931 | z-index: 1; | ||
932 | left: 0; | ||
933 | right: 0; | ||
934 | height: 100%; | ||
935 | white-space: nowrap; | ||
936 | } | ||
937 | .w-slide { | ||
938 | position: relative; | ||
939 | display: inline-block; | ||
940 | vertical-align: top; | ||
941 | width: 100%; | ||
942 | height: 100%; | ||
943 | white-space: normal; | ||
944 | text-align: left; | ||
945 | } | ||
946 | .w-slider-nav { | ||
947 | position: absolute; | ||
948 | z-index: 2; | ||
949 | top: auto; | ||
950 | right: 0; | ||
951 | bottom: 0; | ||
952 | left: 0; | ||
953 | margin: auto; | ||
954 | padding-top: 10px; | ||
955 | height: 40px; | ||
956 | text-align: center; | ||
957 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
958 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
959 | } | ||
960 | .w-slider-nav.w-round > div { | ||
961 | -webkit-border-radius: 100%; | ||
962 | -webkit-background-clip: padding-box; | ||
963 | -moz-border-radius: 100%; | ||
964 | -moz-background-clip: padding; | ||
965 | border-radius: 100%; | ||
966 | background-clip: padding-box; | ||
967 | } | ||
968 | .w-slider-nav.w-num > div { | ||
969 | width: auto; | ||
970 | height: auto; | ||
971 | padding: 0.2em 0.5em; | ||
972 | font-size: inherit; | ||
973 | line-height: inherit; | ||
974 | } | ||
975 | .w-slider-nav.w-shadow > div { | ||
976 | -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
977 | -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
978 | box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
979 | } | ||
980 | .w-slider-nav-invert { | ||
981 | color: #fff; | ||
982 | } | ||
983 | .w-slider-nav-invert > div { | ||
984 | background-color: rgba(34, 34, 34, 0.4); | ||
985 | } | ||
986 | .w-slider-nav-invert > div.w-active { | ||
987 | background-color: #222; | ||
988 | } | ||
989 | .w-slider-dot { | ||
990 | position: relative; | ||
991 | display: inline-block; | ||
992 | width: 1em; | ||
993 | height: 1em; | ||
994 | background-color: rgba(255, 255, 255, 0.4); | ||
995 | cursor: pointer; | ||
996 | margin: 0 3px 0.5em; | ||
997 | -webkit-transition: background-color 100ms, color 100ms; | ||
998 | -moz-transition: background-color 100ms, color 100ms; | ||
999 | -o-transition: background-color 100ms, color 100ms; | ||
1000 | transition: background-color 100ms, color 100ms; | ||
1001 | } | ||
1002 | .w-slider-dot.w-active { | ||
1003 | background-color: #fff; | ||
1004 | } | ||
1005 | .w-slider-arrow-left, | ||
1006 | .w-slider-arrow-right { | ||
1007 | position: absolute; | ||
1008 | width: 80px; | ||
1009 | top: 0; | ||
1010 | right: 0; | ||
1011 | bottom: 0; | ||
1012 | left: 0; | ||
1013 | margin: auto; | ||
1014 | cursor: pointer; | ||
1015 | overflow: hidden; | ||
1016 | color: white; | ||
1017 | font-size: 40px; | ||
1018 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1019 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
1020 | -webkit-user-select: none; | ||
1021 | -moz-user-select: none; | ||
1022 | -ms-user-select: none; | ||
1023 | user-select: none; | ||
1024 | } | ||
1025 | .w-slider-arrow-left [class^="w-icon-"], | ||
1026 | .w-slider-arrow-right [class^="w-icon-"], | ||
1027 | .w-slider-arrow-left [class*=" w-icon-"], | ||
1028 | .w-slider-arrow-right [class*=" w-icon-"] { | ||
1029 | position: absolute; | ||
1030 | } | ||
1031 | .w-slider-arrow-left { | ||
1032 | z-index: 3; | ||
1033 | right: auto; | ||
1034 | } | ||
1035 | .w-slider-arrow-right { | ||
1036 | z-index: 4; | ||
1037 | left: auto; | ||
1038 | } | ||
1039 | .w-icon-slider-left, | ||
1040 | .w-icon-slider-right { | ||
1041 | top: 0; | ||
1042 | right: 0; | ||
1043 | bottom: 0; | ||
1044 | left: 0; | ||
1045 | margin: auto; | ||
1046 | width: 1em; | ||
1047 | height: 1em; | ||
1048 | } | ||
1049 | .w-dropdown { | ||
1050 | display: inline-block; | ||
1051 | position: relative; | ||
1052 | text-align: left; | ||
1053 | margin-left: auto; | ||
1054 | margin-right: auto; | ||
1055 | z-index: 900; | ||
1056 | } | ||
1057 | .w-dropdown-btn, | ||
1058 | .w-dropdown-toggle, | ||
1059 | .w-dropdown-link { | ||
1060 | position: relative; | ||
1061 | vertical-align: top; | ||
1062 | text-decoration: none; | ||
1063 | color: #222; | ||
1064 | padding: 20px; | ||
1065 | text-align: left; | ||
1066 | margin-left: auto; | ||
1067 | margin-right: auto; | ||
1068 | white-space: nowrap; | ||
1069 | } | ||
1070 | .w-dropdown-toggle { | ||
1071 | -webkit-user-select: none; | ||
1072 | -moz-user-select: none; | ||
1073 | -ms-user-select: none; | ||
1074 | user-select: none; | ||
1075 | display: inline-block; | ||
1076 | cursor: pointer; | ||
1077 | padding-right: 40px; | ||
1078 | } | ||
1079 | .w-dropdown-toggle:focus { | ||
1080 | outline: 0; | ||
1081 | } | ||
1082 | .w-icon-dropdown-toggle { | ||
1083 | position: absolute; | ||
1084 | top: 0; | ||
1085 | right: 0; | ||
1086 | bottom: 0; | ||
1087 | margin: auto; | ||
1088 | margin-right: 20px; | ||
1089 | width: 1em; | ||
1090 | height: 1em; | ||
1091 | } | ||
1092 | .w-dropdown-list { | ||
1093 | position: absolute; | ||
1094 | background: #f2f2f2; | ||
1095 | display: none; | ||
1096 | min-width: 100%; | ||
1097 | } | ||
1098 | .w-dropdown-list.w--open { | ||
1099 | display: block; | ||
1100 | } | ||
1101 | .w-dropdown-link { | ||
1102 | padding: 10px 20px; | ||
1103 | display: block; | ||
1104 | } | ||
1105 | .w-dropdown-link.w--current { | ||
1106 | color: #339ce1; | ||
1107 | } | ||
1108 | .w-nav[data-collapse="all"] .w-dropdown, | ||
1109 | .w-nav[data-collapse="all"] .w-dropdown-toggle { | ||
1110 | display: block; | ||
1111 | } | ||
1112 | .w-nav[data-collapse="all"] .w-dropdown-list { | ||
1113 | position: static; | ||
1114 | } | ||
1115 | @media screen and (max-width: 991px) { | ||
1116 | .w-nav[data-collapse="medium"] .w-dropdown, | ||
1117 | .w-nav[data-collapse="medium"] .w-dropdown-toggle { | ||
1118 | display: block; | ||
1119 | } | ||
1120 | .w-nav[data-collapse="medium"] .w-dropdown-list { | ||
1121 | position: static; | ||
1122 | } | ||
1123 | } | ||
1124 | @media screen and (max-width: 767px) { | ||
1125 | .w-nav[data-collapse="small"] .w-dropdown, | ||
1126 | .w-nav[data-collapse="small"] .w-dropdown-toggle { | ||
1127 | display: block; | ||
1128 | } | ||
1129 | .w-nav[data-collapse="small"] .w-dropdown-list { | ||
1130 | position: static; | ||
1131 | } | ||
1132 | .w-nav-brand { | ||
1133 | padding-left: 10px; | ||
1134 | } | ||
1135 | } | ||
1136 | @media screen and (max-width: 479px) { | ||
1137 | .w-nav[data-collapse="tiny"] .w-dropdown, | ||
1138 | .w-nav[data-collapse="tiny"] .w-dropdown-toggle { | ||
1139 | display: block; | ||
1140 | } | ||
1141 | .w-nav[data-collapse="tiny"] .w-dropdown-list { | ||
1142 | position: static; | ||
1143 | } | ||
1144 | } | ||
1145 | /** | ||
1146 | * ## Note | ||
1147 | * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. | ||
1148 | * For example percentage units do not work on descendants of elements that | ||
1149 | * have any dimensions expressed in viewport units. It also doesn’t handle them at | ||
1150 | * all in `calc()`. | ||
1151 | */ | ||
1152 | /** | ||
1153 | * Wrapper around all lightbox elements | ||
1154 | * | ||
1155 | * 1. Since the lightbox can receive focus, IE also gives it an outline. | ||
1156 | * 2. Fixes flickering on Chrome when a transition is in progress | ||
1157 | * underneath the lightbox. | ||
1158 | */ | ||
1159 | .w-lightbox-backdrop { | ||
1160 | position: fixed; | ||
1161 | top: 0; | ||
1162 | right: 0; | ||
1163 | bottom: 0; | ||
1164 | left: 0; | ||
1165 | color: #fff; | ||
1166 | font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; | ||
1167 | font-size: 17px; | ||
1168 | font-weight: 300; | ||
1169 | text-align: center; | ||
1170 | background: rgba(0, 0, 0, 0.9); | ||
1171 | z-index: 2000; | ||
1172 | outline: 0; | ||
1173 | /* 1 */ | ||
1174 | opacity: 0; | ||
1175 | -webkit-user-select: none; | ||
1176 | -moz-user-select: none; | ||
1177 | -ms-user-select: none; | ||
1178 | -webkit-tap-highlight-color: transparent; | ||
1179 | -webkit-transform: translate(0, 0); | ||
1180 | /* 2 */ | ||
1181 | } | ||
1182 | /** | ||
1183 | * Neat trick to bind the rubberband effect to our canvas instead of the whole | ||
1184 | * document on iOS. It also prevents a bug that causes the document underneath to scroll. | ||
1185 | */ | ||
1186 | .w-lightbox-backdrop, | ||
1187 | .w-lightbox-container { | ||
1188 | height: 100%; | ||
1189 | overflow: auto; | ||
1190 | -webkit-overflow-scrolling: touch; | ||
1191 | } | ||
1192 | .w-lightbox-content { | ||
1193 | position: relative; | ||
1194 | height: 100vh; | ||
1195 | overflow: hidden; | ||
1196 | } | ||
1197 | .w-lightbox-view { | ||
1198 | position: absolute; | ||
1199 | width: 100vw; | ||
1200 | height: 100vh; | ||
1201 | } | ||
1202 | .w-lightbox-view:before { | ||
1203 | content: ""; | ||
1204 | height: 100vh; | ||
1205 | } | ||
1206 | /* .w-lightbox-content */ | ||
1207 | .w-lightbox-group, | ||
1208 | .w-lightbox-group .w-lightbox-view, | ||
1209 | .w-lightbox-group .w-lightbox-view:before { | ||
1210 | height: 86vh; | ||
1211 | } | ||
1212 | .w-lightbox-frame, | ||
1213 | .w-lightbox-view:before { | ||
1214 | display: inline-block; | ||
1215 | vertical-align: middle; | ||
1216 | } | ||
1217 | /* | ||
1218 | * 1. Remove default margin set by user-agent on the <figure> element. | ||
1219 | */ | ||
1220 | .w-lightbox-figure { | ||
1221 | position: relative; | ||
1222 | margin: 0; | ||
1223 | /* 1 */ | ||
1224 | } | ||
1225 | .w-lightbox-group .w-lightbox-figure { | ||
1226 | cursor: pointer; | ||
1227 | } | ||
1228 | /** | ||
1229 | * IE adds image dimensions as width and height attributes on the IMG tag, | ||
1230 | * but we need both width and height to be set to auto to enable scaling. | ||
1231 | */ | ||
1232 | .w-lightbox-img { | ||
1233 | width: auto; | ||
1234 | height: auto; | ||
1235 | max-width: none; | ||
1236 | } | ||
1237 | .w-lightbox-image { | ||
1238 | display: block; | ||
1239 | max-width: 100vw; | ||
1240 | max-height: 100vh; | ||
1241 | } | ||
1242 | .w-lightbox-group .w-lightbox-image { | ||
1243 | max-height: 86vh; | ||
1244 | } | ||
1245 | .w-lightbox-caption { | ||
1246 | position: absolute; | ||
1247 | right: 0; | ||
1248 | bottom: 0; | ||
1249 | left: 0; | ||
1250 | padding: .5em 1em; | ||
1251 | background: rgba(0, 0, 0, 0.4); | ||
1252 | text-align: left; | ||
1253 | text-overflow: ellipsis; | ||
1254 | white-space: nowrap; | ||
1255 | overflow: hidden; | ||
1256 | } | ||
1257 | .w-lightbox-embed { | ||
1258 | position: absolute; | ||
1259 | top: 0; | ||
1260 | right: 0; | ||
1261 | bottom: 0; | ||
1262 | left: 0; | ||
1263 | width: 100%; | ||
1264 | height: 100%; | ||
1265 | } | ||
1266 | .w-lightbox-control { | ||
1267 | position: absolute; | ||
1268 | top: 0; | ||
1269 | width: 4em; | ||
1270 | background-size: 24px; | ||
1271 | background-repeat: no-repeat; | ||
1272 | background-position: center; | ||
1273 | cursor: pointer; | ||
1274 | opacity: 0; | ||
1275 | -webkit-transition: all .3s; | ||
1276 | transition: all .3s; | ||
1277 | } | ||
1278 | .w-lightbox-left { | ||
1279 | bottom: 0; | ||
1280 | left: 0; | ||
1281 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */ | ||
1282 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); | ||
1283 | } | ||
1284 | .w-lightbox-right { | ||
1285 | right: 0; | ||
1286 | bottom: 0; | ||
1287 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */ | ||
1288 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); | ||
1289 | } | ||
1290 | /* | ||
1291 | * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. | ||
1292 | * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. | ||
1293 | * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) | ||
1294 | */ | ||
1295 | .w-lightbox-close { | ||
1296 | right: 0; | ||
1297 | height: 2.6em; | ||
1298 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */ | ||
1299 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); | ||
1300 | background-size: 18px; | ||
1301 | } | ||
1302 | /** | ||
1303 | * 1. All IE versions add extra space at the bottom without this. | ||
1304 | */ | ||
1305 | .w-lightbox-strip { | ||
1306 | padding: 0 1vh; | ||
1307 | line-height: 0; | ||
1308 | /* 1 */ | ||
1309 | white-space: nowrap; | ||
1310 | overflow-x: auto; | ||
1311 | overflow-y: hidden; | ||
1312 | } | ||
1313 | /* | ||
1314 | * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` | ||
1315 | * which doesn’t work in Safari anyway. | ||
1316 | * 2. Chrome renders images pixelated when switching to GPU. Making sure | ||
1317 | * the parent is also rendered on the GPU (by setting translate3d for | ||
1318 | * example) fixes this behavior. | ||
1319 | */ | ||
1320 | .w-lightbox-item { | ||
1321 | display: inline-block; | ||
1322 | width: 10vh; | ||
1323 | padding: 2vh 1vh; | ||
1324 | box-sizing: content-box; | ||
1325 | /* 1 */ | ||
1326 | cursor: pointer; | ||
1327 | -webkit-transform: translate3d(0, 0, 0); | ||
1328 | /* 2 */ | ||
1329 | } | ||
1330 | .w-lightbox-active { | ||
1331 | opacity: .3; | ||
1332 | } | ||
1333 | .w-lightbox-thumbnail { | ||
1334 | position: relative; | ||
1335 | height: 10vh; | ||
1336 | background: #222; | ||
1337 | overflow: hidden; | ||
1338 | } | ||
1339 | .w-lightbox-thumbnail-image { | ||
1340 | position: absolute; | ||
1341 | top: 0; | ||
1342 | left: 0; | ||
1343 | } | ||
1344 | .w-lightbox-thumbnail .w-lightbox-tall { | ||
1345 | top: 50%; | ||
1346 | width: 100%; | ||
1347 | -webkit-transform: translate(0, -50%); | ||
1348 | -ms-transform: translate(0, -50%); | ||
1349 | transform: translate(0, -50%); | ||
1350 | } | ||
1351 | .w-lightbox-thumbnail .w-lightbox-wide { | ||
1352 | left: 50%; | ||
1353 | height: 100%; | ||
1354 | -webkit-transform: translate(-50%, 0); | ||
1355 | -ms-transform: translate(-50%, 0); | ||
1356 | transform: translate(-50%, 0); | ||
1357 | } | ||
1358 | /* | ||
1359 | * Spinner | ||
1360 | * | ||
1361 | * Absolute pixel values are used to avoid rounding errors that would cause | ||
1362 | * the white spinning element to be misaligned with the track. | ||
1363 | */ | ||
1364 | .w-lightbox-spinner { | ||
1365 | position: absolute; | ||
1366 | top: 50%; | ||
1367 | left: 50%; | ||
1368 | box-sizing: border-box; | ||
1369 | width: 40px; | ||
1370 | height: 40px; | ||
1371 | margin-top: -20px; | ||
1372 | margin-left: -20px; | ||
1373 | border: 5px solid rgba(0, 0, 0, 0.4); | ||
1374 | border-radius: 50%; | ||
1375 | -webkit-animation: spin .8s infinite linear; | ||
1376 | animation: spin .8s infinite linear; | ||
1377 | } | ||
1378 | .w-lightbox-spinner:after { | ||
1379 | content: ""; | ||
1380 | position: absolute; | ||
1381 | top: -4px; | ||
1382 | right: -4px; | ||
1383 | bottom: -4px; | ||
1384 | left: -4px; | ||
1385 | border: 3px solid transparent; | ||
1386 | border-bottom-color: #fff; | ||
1387 | border-radius: 50%; | ||
1388 | } | ||
1389 | /* | ||
1390 | * Utility classes | ||
1391 | */ | ||
1392 | .w-lightbox-hide { | ||
1393 | display: none; | ||
1394 | } | ||
1395 | .w-lightbox-visible { | ||
1396 | opacity: 1; | ||
1397 | } | ||
1398 | .w-lightbox-noscroll { | ||
1399 | overflow: hidden; | ||
1400 | } | ||
1401 | @media (min-width: 1025px) { | ||
1402 | .w-lightbox-content { | ||
1403 | height: 96vh; | ||
1404 | margin-top: 2vh; | ||
1405 | } | ||
1406 | .w-lightbox-view, | ||
1407 | .w-lightbox-view:before { | ||
1408 | height: 96vh; | ||
1409 | } | ||
1410 | /* .w-lightbox-content */ | ||
1411 | .w-lightbox-group, | ||
1412 | .w-lightbox-group .w-lightbox-view, | ||
1413 | .w-lightbox-group .w-lightbox-view:before { | ||
1414 | height: 84vh; | ||
1415 | } | ||
1416 | .w-lightbox-image { | ||
1417 | max-width: 96vw; | ||
1418 | max-height: 96vh; | ||
1419 | } | ||
1420 | .w-lightbox-group .w-lightbox-image { | ||
1421 | max-height: 84vh; | ||
1422 | } | ||
1423 | .w-lightbox-left, | ||
1424 | .w-lightbox-right { | ||
1425 | opacity: .5; | ||
1426 | } | ||
1427 | .w-lightbox-close { | ||
1428 | opacity: .8; | ||
1429 | } | ||
1430 | .w-lightbox-control:hover { | ||
1431 | opacity: 1; | ||
1432 | } | ||
1433 | } | ||
1434 | .w-lightbox-inactive, | ||
1435 | .w-lightbox-inactive:hover { | ||
1436 | opacity: 0; | ||
1437 | } | ||
1438 | .w-nav { | ||
1439 | position: relative; | ||
1440 | background: #BBB; | ||
1441 | z-index: 1000; | ||
1442 | } | ||
1443 | .w-nav:before, | ||
1444 | .w-nav:after { | ||
1445 | content: " "; | ||
1446 | display: table; | ||
1447 | } | ||
1448 | .w-nav:after { | ||
1449 | clear: both; | ||
1450 | } | ||
1451 | .w-nav-brand { | ||
1452 | position: relative; | ||
1453 | float: left; | ||
1454 | text-decoration: none; | ||
1455 | color: #222; | ||
1456 | } | ||
1457 | .w-nav-link { | ||
1458 | position: relative; | ||
1459 | display: inline-block; | ||
1460 | vertical-align: top; | ||
1461 | text-decoration: none; | ||
1462 | color: #222; | ||
1463 | padding: 20px; | ||
1464 | text-align: left; | ||
1465 | margin-left: auto; | ||
1466 | margin-right: auto; | ||
1467 | } | ||
1468 | .w-nav-link.w--current { | ||
1469 | color: #339ce1; | ||
1470 | } | ||
1471 | .w-nav-menu { | ||
1472 | position: relative; | ||
1473 | float: right; | ||
1474 | } | ||
1475 | .w--nav-menu-open { | ||
1476 | display: block !important; | ||
1477 | position: absolute; | ||
1478 | top: 100%; | ||
1479 | left: 0; | ||
1480 | right: 0; | ||
1481 | background: #999; | ||
1482 | text-align: center; | ||
1483 | overflow: visible; | ||
1484 | min-width: 200px; | ||
1485 | } | ||
1486 | .w--nav-link-open { | ||
1487 | display: block; | ||
1488 | position: relative; | ||
1489 | } | ||
1490 | .w-nav-overlay { | ||
1491 | position: absolute; | ||
1492 | overflow: hidden; | ||
1493 | display: none; | ||
1494 | top: 100%; | ||
1495 | left: 0; | ||
1496 | right: 0; | ||
1497 | width: 100%; | ||
1498 | } | ||
1499 | .w-nav-overlay .w--nav-menu-open { | ||
1500 | top: 0; | ||
1501 | } | ||
1502 | .w-nav[data-animation="over-left"] .w-nav-overlay { | ||
1503 | width: auto; | ||
1504 | } | ||
1505 | .w-nav[data-animation="over-left"] .w-nav-overlay, | ||
1506 | .w-nav[data-animation="over-left"] .w--nav-menu-open { | ||
1507 | right: auto; | ||
1508 | z-index: 1; | ||
1509 | top: 0; | ||
1510 | } | ||
1511 | .w-nav[data-animation="over-right"] .w-nav-overlay { | ||
1512 | width: auto; | ||
1513 | } | ||
1514 | .w-nav[data-animation="over-right"] .w-nav-overlay, | ||
1515 | .w-nav[data-animation="over-right"] .w--nav-menu-open { | ||
1516 | left: auto; | ||
1517 | z-index: 1; | ||
1518 | top: 0; | ||
1519 | } | ||
1520 | .w-nav-button { | ||
1521 | position: relative; | ||
1522 | float: right; | ||
1523 | padding: 18px; | ||
1524 | font-size: 24px; | ||
1525 | display: none; | ||
1526 | cursor: pointer; | ||
1527 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1528 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
1529 | -webkit-user-select: none; | ||
1530 | -moz-user-select: none; | ||
1531 | -ms-user-select: none; | ||
1532 | user-select: none; | ||
1533 | } | ||
1534 | .w-nav-button.w--open { | ||
1535 | background-color: #999; | ||
1536 | color: white; | ||
1537 | } | ||
1538 | .w-nav[data-collapse="all"] .w-nav-menu { | ||
1539 | display: none; | ||
1540 | } | ||
1541 | .w-nav[data-collapse="all"] .w-nav-button { | ||
1542 | display: block; | ||
1543 | } | ||
1544 | @media screen and (max-width: 991px) { | ||
1545 | .w-nav[data-collapse="medium"] .w-nav-menu { | ||
1546 | display: none; | ||
1547 | } | ||
1548 | .w-nav[data-collapse="medium"] .w-nav-button { | ||
1549 | display: block; | ||
1550 | } | ||
1551 | } | ||
1552 | @media screen and (max-width: 767px) { | ||
1553 | .w-nav[data-collapse="small"] .w-nav-menu { | ||
1554 | display: none; | ||
1555 | } | ||
1556 | .w-nav[data-collapse="small"] .w-nav-button { | ||
1557 | display: block; | ||
1558 | } | ||
1559 | .w-nav-brand { | ||
1560 | padding-left: 10px; | ||
1561 | } | ||
1562 | } | ||
1563 | @media screen and (max-width: 479px) { | ||
1564 | .w-nav[data-collapse="tiny"] .w-nav-menu { | ||
1565 | display: none; | ||
1566 | } | ||
1567 | .w-nav[data-collapse="tiny"] .w-nav-button { | ||
1568 | display: block; | ||
1569 | } | ||
1570 | } | ||
1571 | .w-tabs { | ||
1572 | position: relative; | ||
1573 | } | ||
1574 | .w-tabs:before, | ||
1575 | .w-tabs:after { | ||
1576 | content: " "; | ||
1577 | display: table; | ||
1578 | } | ||
1579 | .w-tabs:after { | ||
1580 | clear: both; | ||
1581 | } | ||
1582 | .w-tab-menu { | ||
1583 | position: relative; | ||
1584 | } | ||
1585 | .w-tab-link { | ||
1586 | position: relative; | ||
1587 | display: inline-block; | ||
1588 | vertical-align: top; | ||
1589 | text-decoration: none; | ||
1590 | padding: 8px 30px; | ||
1591 | text-align: left; | ||
1592 | cursor: pointer; | ||
1593 | background-color: #E8E8E8; | ||
1594 | } | ||
1595 | .w-tab-link.w--current { | ||
1596 | background-color: #BCD3F3; | ||
1597 | } | ||
1598 | .w-tab-content { | ||
1599 | position: relative; | ||
1600 | display: block; | ||
1601 | overflow: hidden; | ||
1602 | } | ||
1603 | .w-tab-pane { | ||
1604 | position: relative; | ||
1605 | display: none; | ||
1606 | } | ||
1607 | .w--tab-active { | ||
1608 | display: block; | ||
1609 | } | ||
1610 | @media screen and (max-width: 479px) { | ||
1611 | .w-tab-link { | ||
1612 | display: block; | ||
1613 | } | ||
1614 | } | ||
1615 | .w-ix-emptyfix:after { | ||
1616 | content: ""; | ||
1617 | } | ||
1618 | @-webkit-keyframes spin { | ||
1619 | 0% { | ||
1620 | -webkit-transform: rotate(0deg); | ||
1621 | } | ||
1622 | 100% { | ||
1623 | -webkit-transform: rotate(360deg); | ||
1624 | } | ||
1625 | } | ||
1626 | @keyframes spin { | ||
1627 | 0% { | ||
1628 | transform: rotate(0deg); | ||
1629 | } | ||
1630 | 100% { | ||
1631 | transform: rotate(360deg); | ||
1632 | } | ||
1633 | } | ||