]>
Commit | Line | Data |
---|---|---|
1 | /** | |
2 | * Framework7 3.6.6 | |
3 | * Full featured mobile HTML framework for building iOS & Android apps | |
4 | * http://framework7.io/ | |
5 | * | |
6 | * Copyright 2014-2019 Vladimir Kharlampidi | |
7 | * | |
8 | * Released under the MIT License | |
9 | * | |
10 | * Released on: February 5, 2019 | |
11 | */ | |
12 | html { | |
13 | direction: rtl; | |
14 | } | |
15 | html, | |
16 | body, | |
17 | .framework7-root { | |
18 | position: relative; | |
19 | height: 100%; | |
20 | width: 100%; | |
21 | overflow-x: hidden; | |
22 | } | |
23 | body { | |
24 | margin: 0; | |
25 | padding: 0; | |
26 | font-size: 14px; | |
27 | width: 100%; | |
28 | background: #fff; | |
29 | overflow: hidden; | |
30 | -webkit-text-size-adjust: 100%; | |
31 | -webkit-font-smoothing: antialiased; | |
32 | } | |
33 | .framework7-root { | |
34 | overflow: hidden; | |
35 | -webkit-box-sizing: border-box; | |
36 | box-sizing: border-box; | |
37 | } | |
38 | .framework7-initializing *, | |
39 | .framework7-initializing *:before, | |
40 | .framework7-initializing *:after { | |
41 | -webkit-transition-duration: 0ms !important; | |
42 | transition-duration: 0ms !important; | |
43 | } | |
44 | /* | |
45 | a, button, input, textarea, .link, .button, label, .sortable-handler { | |
46 | touch-action: manipulation; | |
47 | -ms-touch-action: manipulation; | |
48 | } | |
49 | */ | |
50 | @media (width: 1024px) and (height: 691px) and (orientation: landscape) { | |
51 | html, | |
52 | body, | |
53 | .framework7-root { | |
54 | height: 671px; | |
55 | } | |
56 | } | |
57 | @media (width: 1024px) and (height: 692px) and (orientation: landscape) { | |
58 | html, | |
59 | body, | |
60 | .framework7-root { | |
61 | height: 672px; | |
62 | } | |
63 | } | |
64 | * { | |
65 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
66 | -webkit-touch-callout: none; | |
67 | } | |
68 | a, | |
69 | input, | |
70 | textarea, | |
71 | select { | |
72 | outline: 0; | |
73 | } | |
74 | a { | |
75 | cursor: pointer; | |
76 | text-decoration: none; | |
77 | } | |
78 | p { | |
79 | margin: 1em 0; | |
80 | } | |
81 | .disabled { | |
82 | opacity: 0.55 !important; | |
83 | pointer-events: none !important; | |
84 | } | |
85 | .ios body { | |
86 | font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; | |
87 | color: #000; | |
88 | line-height: 1.4; | |
89 | } | |
90 | .ios .md-only, | |
91 | .ios .if-md { | |
92 | display: none !important; | |
93 | } | |
94 | .ios a { | |
95 | color: #007aff; | |
96 | } | |
97 | @media (width: 1024px) and (height: 691px) and (orientation: landscape) { | |
98 | .ios, | |
99 | .ios body, | |
100 | .ios .framework7-root { | |
101 | height: 671px; | |
102 | } | |
103 | } | |
104 | @media (width: 1024px) and (height: 692px) and (orientation: landscape) { | |
105 | .ios, | |
106 | .ios body, | |
107 | .ios .framework7-root { | |
108 | height: 672px; | |
109 | } | |
110 | } | |
111 | .ios .theme-dark { | |
112 | color: #fff; | |
113 | } | |
114 | .ios .color-theme-red a { | |
115 | color: #ff3b30; | |
116 | } | |
117 | .ios .color-theme-green a { | |
118 | color: #4cd964; | |
119 | } | |
120 | .ios .color-theme-blue a { | |
121 | color: #007aff; | |
122 | } | |
123 | .ios .color-theme-pink a { | |
124 | color: #ff2d55; | |
125 | } | |
126 | .ios .color-theme-yellow a { | |
127 | color: #ffcc00; | |
128 | } | |
129 | .ios .color-theme-orange a { | |
130 | color: #ff9500; | |
131 | } | |
132 | .ios .color-theme-gray a { | |
133 | color: #8e8e93; | |
134 | } | |
135 | .ios .color-theme-white a { | |
136 | color: #ffffff; | |
137 | } | |
138 | .ios .color-theme-black a { | |
139 | color: #000000; | |
140 | } | |
141 | .ios a.color-red { | |
142 | color: #ff3b30; | |
143 | } | |
144 | .ios a.color-green { | |
145 | color: #4cd964; | |
146 | } | |
147 | .ios a.color-blue { | |
148 | color: #007aff; | |
149 | } | |
150 | .ios a.color-pink { | |
151 | color: #ff2d55; | |
152 | } | |
153 | .ios a.color-yellow { | |
154 | color: #ffcc00; | |
155 | } | |
156 | .ios a.color-orange { | |
157 | color: #ff9500; | |
158 | } | |
159 | .ios a.color-gray { | |
160 | color: #8e8e93; | |
161 | } | |
162 | .ios a.color-white { | |
163 | color: #ffffff; | |
164 | } | |
165 | .ios a.color-black { | |
166 | color: #000000; | |
167 | } | |
168 | .md body { | |
169 | font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; | |
170 | color: #212121; | |
171 | line-height: 1.5; | |
172 | } | |
173 | .md .ios-only, | |
174 | .md .if-ios { | |
175 | display: none !important; | |
176 | } | |
177 | .md a { | |
178 | color: #2196f3; | |
179 | } | |
180 | .md .theme-dark { | |
181 | color: rgba(255, 255, 255, 0.87); | |
182 | } | |
183 | .md .color-theme-red a { | |
184 | color: #f44336; | |
185 | } | |
186 | .md .color-theme-green a { | |
187 | color: #4caf50; | |
188 | } | |
189 | .md .color-theme-blue a { | |
190 | color: #2196f3; | |
191 | } | |
192 | .md .color-theme-pink a { | |
193 | color: #e91e63; | |
194 | } | |
195 | .md .color-theme-yellow a { | |
196 | color: #ffeb3b; | |
197 | } | |
198 | .md .color-theme-orange a { | |
199 | color: #ff9800; | |
200 | } | |
201 | .md .color-theme-gray a { | |
202 | color: #9e9e9e; | |
203 | } | |
204 | .md .color-theme-white a { | |
205 | color: #ffffff; | |
206 | } | |
207 | .md .color-theme-black a { | |
208 | color: #000000; | |
209 | } | |
210 | .md a.color-red { | |
211 | color: #f44336; | |
212 | } | |
213 | .md a.color-green { | |
214 | color: #4caf50; | |
215 | } | |
216 | .md a.color-blue { | |
217 | color: #2196f3; | |
218 | } | |
219 | .md a.color-pink { | |
220 | color: #e91e63; | |
221 | } | |
222 | .md a.color-yellow { | |
223 | color: #ffeb3b; | |
224 | } | |
225 | .md a.color-orange { | |
226 | color: #ff9800; | |
227 | } | |
228 | .md a.color-gray { | |
229 | color: #9e9e9e; | |
230 | } | |
231 | .md a.color-white { | |
232 | color: #ffffff; | |
233 | } | |
234 | .md a.color-black { | |
235 | color: #000000; | |
236 | } | |
237 | /* === Statusbar === */ | |
238 | .statusbar { | |
239 | position: absolute; | |
240 | left: 0; | |
241 | top: 0; | |
242 | width: 100%; | |
243 | z-index: 10000; | |
244 | -webkit-box-sizing: border-box; | |
245 | box-sizing: border-box; | |
246 | display: none; | |
247 | } | |
248 | html.device-ios .statusbar, | |
249 | html.ios:not(.device-ios):not(.device-android) .statusbar { | |
250 | height: 20px; | |
251 | } | |
252 | html.device-android .statusbar, | |
253 | html.md:not(.device-ios):not(.device-android) .statusbar { | |
254 | height: 24px; | |
255 | } | |
256 | html.device-ios.device-iphone-x .statusbar { | |
257 | height: constant(safe-area-inset-top); | |
258 | height: env(safe-area-inset-top); | |
259 | } | |
260 | html.with-statusbar .statusbar { | |
261 | display: block; | |
262 | } | |
263 | html.with-statusbar.device-ios .framework7-root, | |
264 | html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { | |
265 | padding-top: 20px; | |
266 | } | |
267 | html.with-statusbar.device-android .framework7-root, | |
268 | html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { | |
269 | padding-top: 24px; | |
270 | } | |
271 | html.with-statusbar.device-iphone-x .framework7-root { | |
272 | padding-top: constant(safe-area-inset-top); | |
273 | padding-top: env(safe-area-inset-top); | |
274 | } | |
275 | .ios .statusbar { | |
276 | background: #f7f7f8; | |
277 | } | |
278 | .ios .theme-dark .statusbar { | |
279 | background-color: #1b1b1b; | |
280 | } | |
281 | .md .statusbar { | |
282 | background: #0a6ebd; | |
283 | } | |
284 | .md .color-theme-red .statusbar { | |
285 | background: #d2190b; | |
286 | } | |
287 | .md .color-theme-green .statusbar { | |
288 | background: #357a38; | |
289 | } | |
290 | .md .color-theme-blue .statusbar { | |
291 | background: #0a6ebd; | |
292 | } | |
293 | .md .color-theme-pink .statusbar { | |
294 | background: #aa1145; | |
295 | } | |
296 | .md .color-theme-yellow .statusbar { | |
297 | background: #eed500; | |
298 | } | |
299 | .md .color-theme-orange .statusbar { | |
300 | background: #b36a00; | |
301 | } | |
302 | .md .color-theme-gray .statusbar { | |
303 | background: #787878; | |
304 | } | |
305 | .md .color-theme-white .statusbar { | |
306 | background: #d9d9d9; | |
307 | } | |
308 | .md .color-theme-black .statusbar { | |
309 | background: #000000; | |
310 | } | |
311 | /* === Views === */ | |
312 | .views, | |
313 | .view { | |
314 | position: relative; | |
315 | height: 100%; | |
316 | z-index: 5000; | |
317 | overflow: hidden; | |
318 | -webkit-box-sizing: border-box; | |
319 | box-sizing: border-box; | |
320 | } | |
321 | /* === Pages === */ | |
322 | .pages { | |
323 | position: relative; | |
324 | width: 100%; | |
325 | height: 100%; | |
326 | overflow: hidden; | |
327 | } | |
328 | .page { | |
329 | -webkit-box-sizing: border-box; | |
330 | box-sizing: border-box; | |
331 | position: absolute; | |
332 | left: 0; | |
333 | top: 0; | |
334 | width: 100%; | |
335 | height: 100%; | |
336 | -webkit-transform: translate3d(0, 0, 0); | |
337 | transform: translate3d(0, 0, 0); | |
338 | } | |
339 | .page.stacked { | |
340 | display: none; | |
341 | } | |
342 | .page-previous { | |
343 | pointer-events: none; | |
344 | } | |
345 | .page-content { | |
346 | overflow: auto; | |
347 | -webkit-overflow-scrolling: touch; | |
348 | -webkit-box-sizing: border-box; | |
349 | box-sizing: border-box; | |
350 | height: 100%; | |
351 | position: relative; | |
352 | z-index: 1; | |
353 | } | |
354 | .ios .page-shadow-effect { | |
355 | position: absolute; | |
356 | top: 0; | |
357 | width: 16px; | |
358 | bottom: 0; | |
359 | z-index: -1; | |
360 | content: ''; | |
361 | opacity: 0; | |
362 | left: 100%; | |
363 | background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); | |
364 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
365 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
366 | } | |
367 | .ios .page-opacity-effect { | |
368 | position: absolute; | |
369 | left: 0; | |
370 | top: 0; | |
371 | background: rgba(0, 0, 0, 0.1); | |
372 | width: 100%; | |
373 | bottom: 0; | |
374 | content: ''; | |
375 | opacity: 0; | |
376 | z-index: 10000; | |
377 | } | |
378 | .ios .router-dynamic-navbar-inside .page-shadow-effect, | |
379 | .ios .router-dynamic-navbar-inside .page-opacity-effect { | |
380 | top: 44px; | |
381 | } | |
382 | .ios .page { | |
383 | background: #efeff4; | |
384 | } | |
385 | .ios .page-previous { | |
386 | -webkit-transform: translate3d(20%, 0, 0); | |
387 | transform: translate3d(20%, 0, 0); | |
388 | } | |
389 | .ios .page-next { | |
390 | -webkit-transform: translate3d(-100%, 0, 0); | |
391 | transform: translate3d(-100%, 0, 0); | |
392 | } | |
393 | .ios .page-previous .page-opacity-effect { | |
394 | opacity: 1; | |
395 | } | |
396 | .ios .page-previous:after { | |
397 | opacity: 1; | |
398 | } | |
399 | .ios .page-current .page-shadow-effect { | |
400 | opacity: 1; | |
401 | } | |
402 | .ios .page-transitioning, | |
403 | .ios .page-transitioning .page-shadow-effect, | |
404 | .ios .page-transitioning .page-opacity-effect { | |
405 | -webkit-transition-duration: 400ms; | |
406 | transition-duration: 400ms; | |
407 | } | |
408 | .ios .router-transition-forward .page-next, | |
409 | .ios .router-transition-backward .page-next, | |
410 | .ios .router-transition-forward .page-current, | |
411 | .ios .router-transition-backward .page-current, | |
412 | .ios .router-transition-forward .page-previous:not(.stacked), | |
413 | .ios .router-transition-backward .page-previous:not(.stacked) { | |
414 | pointer-events: none; | |
415 | } | |
416 | .ios .router-transition-css-forward .page-next { | |
417 | -webkit-animation: ios-page-next-to-current 400ms forwards; | |
418 | animation: ios-page-next-to-current 400ms forwards; | |
419 | } | |
420 | .ios .router-transition-css-forward .page-next:before { | |
421 | position: absolute; | |
422 | top: 0; | |
423 | width: 16px; | |
424 | bottom: 0; | |
425 | z-index: -1; | |
426 | content: ''; | |
427 | opacity: 0; | |
428 | left: 100%; | |
429 | background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); | |
430 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
431 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
432 | -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; | |
433 | animation: ios-page-next-to-current-shadow 400ms forwards; | |
434 | } | |
435 | .ios .router-transition-css-forward .page-current { | |
436 | -webkit-animation: ios-page-current-to-previous 400ms forwards; | |
437 | animation: ios-page-current-to-previous 400ms forwards; | |
438 | } | |
439 | .ios .router-transition-css-forward .page-current:after { | |
440 | position: absolute; | |
441 | left: 0; | |
442 | top: 0; | |
443 | background: rgba(0, 0, 0, 0.1); | |
444 | width: 100%; | |
445 | bottom: 0; | |
446 | content: ''; | |
447 | opacity: 0; | |
448 | z-index: 10000; | |
449 | -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; | |
450 | animation: ios-page-current-to-previous-opacity 400ms forwards; | |
451 | } | |
452 | .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, | |
453 | .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { | |
454 | top: 44px; | |
455 | } | |
456 | .ios .router-transition-css-backward .page-previous, | |
457 | .ios .router-transition-css-backward .page-current { | |
458 | pointer-events: none; | |
459 | } | |
460 | .ios .router-transition-css-backward .page-previous { | |
461 | -webkit-animation: ios-page-previous-to-current 400ms forwards; | |
462 | animation: ios-page-previous-to-current 400ms forwards; | |
463 | } | |
464 | .ios .router-transition-css-backward .page-previous:after { | |
465 | position: absolute; | |
466 | left: 0; | |
467 | top: 0; | |
468 | background: rgba(0, 0, 0, 0.1); | |
469 | width: 100%; | |
470 | bottom: 0; | |
471 | content: ''; | |
472 | opacity: 0; | |
473 | z-index: 10000; | |
474 | -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; | |
475 | animation: ios-page-previous-to-current-opacity 400ms forwards; | |
476 | } | |
477 | .ios .router-transition-css-backward .page-current { | |
478 | -webkit-animation: ios-page-current-to-next 400ms forwards; | |
479 | animation: ios-page-current-to-next 400ms forwards; | |
480 | } | |
481 | .ios .router-transition-css-backward .page-current:before { | |
482 | position: absolute; | |
483 | top: 0; | |
484 | width: 16px; | |
485 | bottom: 0; | |
486 | z-index: -1; | |
487 | content: ''; | |
488 | opacity: 0; | |
489 | left: 100%; | |
490 | background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); | |
491 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
492 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
493 | -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; | |
494 | animation: ios-page-current-to-next-shadow 400ms forwards; | |
495 | } | |
496 | .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, | |
497 | .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { | |
498 | top: 44px; | |
499 | } | |
500 | .ios .theme-dark .page, | |
501 | .page.ios .theme-dark { | |
502 | background: #171717; | |
503 | } | |
504 | @-webkit-keyframes ios-page-next-to-current { | |
505 | from { | |
506 | -webkit-transform: translate3d(-100%, 0, 0); | |
507 | transform: translate3d(-100%, 0, 0); | |
508 | } | |
509 | to { | |
510 | -webkit-transform: translate3d(0%, 0, 0); | |
511 | transform: translate3d(0%, 0, 0); | |
512 | } | |
513 | } | |
514 | @keyframes ios-page-next-to-current { | |
515 | from { | |
516 | -webkit-transform: translate3d(-100%, 0, 0); | |
517 | transform: translate3d(-100%, 0, 0); | |
518 | } | |
519 | to { | |
520 | -webkit-transform: translate3d(0%, 0, 0); | |
521 | transform: translate3d(0%, 0, 0); | |
522 | } | |
523 | } | |
524 | @-webkit-keyframes ios-page-previous-to-current { | |
525 | from { | |
526 | -webkit-transform: translate3d(20%, 0, 0); | |
527 | transform: translate3d(20%, 0, 0); | |
528 | } | |
529 | to { | |
530 | -webkit-transform: translate3d(0%, 0, 0); | |
531 | transform: translate3d(0%, 0, 0); | |
532 | } | |
533 | } | |
534 | @keyframes ios-page-previous-to-current { | |
535 | from { | |
536 | -webkit-transform: translate3d(20%, 0, 0); | |
537 | transform: translate3d(20%, 0, 0); | |
538 | } | |
539 | to { | |
540 | -webkit-transform: translate3d(0%, 0, 0); | |
541 | transform: translate3d(0%, 0, 0); | |
542 | } | |
543 | } | |
544 | @-webkit-keyframes ios-page-current-to-previous { | |
545 | from { | |
546 | -webkit-transform: translate3d(0, 0, 0); | |
547 | transform: translate3d(0, 0, 0); | |
548 | } | |
549 | to { | |
550 | -webkit-transform: translate3d(20%, 0, 0); | |
551 | transform: translate3d(20%, 0, 0); | |
552 | } | |
553 | } | |
554 | @keyframes ios-page-current-to-previous { | |
555 | from { | |
556 | -webkit-transform: translate3d(0, 0, 0); | |
557 | transform: translate3d(0, 0, 0); | |
558 | } | |
559 | to { | |
560 | -webkit-transform: translate3d(20%, 0, 0); | |
561 | transform: translate3d(20%, 0, 0); | |
562 | } | |
563 | } | |
564 | @-webkit-keyframes ios-page-current-to-next { | |
565 | from { | |
566 | -webkit-transform: translate3d(0, 0, 0); | |
567 | transform: translate3d(0, 0, 0); | |
568 | } | |
569 | to { | |
570 | -webkit-transform: translate3d(-100%, 0, 0); | |
571 | transform: translate3d(-100%, 0, 0); | |
572 | } | |
573 | } | |
574 | @keyframes ios-page-current-to-next { | |
575 | from { | |
576 | -webkit-transform: translate3d(0, 0, 0); | |
577 | transform: translate3d(0, 0, 0); | |
578 | } | |
579 | to { | |
580 | -webkit-transform: translate3d(-100%, 0, 0); | |
581 | transform: translate3d(-100%, 0, 0); | |
582 | } | |
583 | } | |
584 | @-webkit-keyframes ios-page-next-to-current-shadow { | |
585 | from { | |
586 | opacity: 0; | |
587 | } | |
588 | to { | |
589 | opacity: 1; | |
590 | } | |
591 | } | |
592 | @keyframes ios-page-next-to-current-shadow { | |
593 | from { | |
594 | opacity: 0; | |
595 | } | |
596 | to { | |
597 | opacity: 1; | |
598 | } | |
599 | } | |
600 | @-webkit-keyframes ios-page-previous-to-current-opacity { | |
601 | from { | |
602 | opacity: 1; | |
603 | } | |
604 | to { | |
605 | opacity: 0; | |
606 | } | |
607 | } | |
608 | @keyframes ios-page-previous-to-current-opacity { | |
609 | from { | |
610 | opacity: 1; | |
611 | } | |
612 | to { | |
613 | opacity: 0; | |
614 | } | |
615 | } | |
616 | @-webkit-keyframes ios-page-current-to-previous-opacity { | |
617 | from { | |
618 | opacity: 0; | |
619 | } | |
620 | to { | |
621 | opacity: 1; | |
622 | } | |
623 | } | |
624 | @keyframes ios-page-current-to-previous-opacity { | |
625 | from { | |
626 | opacity: 0; | |
627 | } | |
628 | to { | |
629 | opacity: 1; | |
630 | } | |
631 | } | |
632 | @-webkit-keyframes ios-page-current-to-next-shadow { | |
633 | from { | |
634 | opacity: 1; | |
635 | } | |
636 | to { | |
637 | opacity: 0; | |
638 | } | |
639 | } | |
640 | @keyframes ios-page-current-to-next-shadow { | |
641 | from { | |
642 | opacity: 1; | |
643 | } | |
644 | to { | |
645 | opacity: 0; | |
646 | } | |
647 | } | |
648 | .md .page-shadow-effect { | |
649 | position: absolute; | |
650 | top: 0; | |
651 | width: 16px; | |
652 | bottom: 0; | |
653 | z-index: -1; | |
654 | content: ''; | |
655 | opacity: 0; | |
656 | left: 100%; | |
657 | background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2))); | |
658 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
659 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); | |
660 | } | |
661 | .md .page-opacity-effect { | |
662 | position: absolute; | |
663 | left: 0; | |
664 | top: 0; | |
665 | background: rgba(0, 0, 0, 0.1); | |
666 | width: 100%; | |
667 | bottom: 0; | |
668 | content: ''; | |
669 | opacity: 0; | |
670 | z-index: 10000; | |
671 | } | |
672 | .md .page { | |
673 | background: #fff; | |
674 | } | |
675 | .md .page-next { | |
676 | -webkit-transform: translate3d(0, 56px, 0); | |
677 | transform: translate3d(0, 56px, 0); | |
678 | opacity: 0; | |
679 | pointer-events: none; | |
680 | } | |
681 | .md .page-next.page-next-on-right { | |
682 | -webkit-transform: translate3d(-100%, 0, 0); | |
683 | transform: translate3d(-100%, 0, 0); | |
684 | } | |
685 | .md .page-transitioning, | |
686 | .md .page-transitioning .page-shadow-effect, | |
687 | .md .page-transitioning .page-opacity-effect { | |
688 | -webkit-transition-duration: 250ms; | |
689 | transition-duration: 250ms; | |
690 | } | |
691 | .md .page-transitioning-swipeback, | |
692 | .md .page-transitioning-swipeback .page-shadow-effect, | |
693 | .md .page-transitioning-swipeback .page-opacity-effect { | |
694 | -webkit-transition-duration: 400ms; | |
695 | transition-duration: 400ms; | |
696 | } | |
697 | .md .router-transition-forward .page, | |
698 | .md .router-transition-backward .page { | |
699 | pointer-events: none; | |
700 | } | |
701 | .md .router-transition-css-forward .page-next { | |
702 | -webkit-animation: md-page-next-to-current 250ms forwards; | |
703 | animation: md-page-next-to-current 250ms forwards; | |
704 | } | |
705 | .md .router-transition-css-forward .page-current { | |
706 | -webkit-animation: none; | |
707 | animation: none; | |
708 | } | |
709 | .md .router-transition-css-backward .page-current { | |
710 | -webkit-animation: md-page-current-to-next 250ms forwards; | |
711 | animation: md-page-current-to-next 250ms forwards; | |
712 | } | |
713 | .md .router-transition-css-backward .page-previous { | |
714 | -webkit-animation: none; | |
715 | animation: none; | |
716 | } | |
717 | .md .theme-dark .page, | |
718 | .page.md .theme-dark { | |
719 | background: #171717; | |
720 | } | |
721 | @-webkit-keyframes md-page-next-to-current { | |
722 | from { | |
723 | -webkit-transform: translate3d(0, 56px, 0); | |
724 | transform: translate3d(0, 56px, 0); | |
725 | opacity: 0; | |
726 | } | |
727 | to { | |
728 | -webkit-transform: translate3d(0, 0px, 0); | |
729 | transform: translate3d(0, 0px, 0); | |
730 | opacity: 1; | |
731 | } | |
732 | } | |
733 | @keyframes md-page-next-to-current { | |
734 | from { | |
735 | -webkit-transform: translate3d(0, 56px, 0); | |
736 | transform: translate3d(0, 56px, 0); | |
737 | opacity: 0; | |
738 | } | |
739 | to { | |
740 | -webkit-transform: translate3d(0, 0px, 0); | |
741 | transform: translate3d(0, 0px, 0); | |
742 | opacity: 1; | |
743 | } | |
744 | } | |
745 | @-webkit-keyframes md-page-current-to-next { | |
746 | from { | |
747 | -webkit-transform: translate3d(0, 0, 0); | |
748 | transform: translate3d(0, 0, 0); | |
749 | opacity: 1; | |
750 | } | |
751 | to { | |
752 | -webkit-transform: translate3d(0, 56px, 0); | |
753 | transform: translate3d(0, 56px, 0); | |
754 | opacity: 0; | |
755 | } | |
756 | } | |
757 | @keyframes md-page-current-to-next { | |
758 | from { | |
759 | -webkit-transform: translate3d(0, 0, 0); | |
760 | transform: translate3d(0, 0, 0); | |
761 | opacity: 1; | |
762 | } | |
763 | to { | |
764 | -webkit-transform: translate3d(0, 56px, 0); | |
765 | transform: translate3d(0, 56px, 0); | |
766 | opacity: 0; | |
767 | } | |
768 | } | |
769 | /* === Link === */ | |
770 | .link, | |
771 | .tab-link { | |
772 | display: -webkit-inline-box; | |
773 | display: -webkit-inline-flex; | |
774 | display: -ms-inline-flexbox; | |
775 | display: inline-flex; | |
776 | -webkit-box-align: center; | |
777 | -webkit-align-items: center; | |
778 | -ms-flex-align: center; | |
779 | align-items: center; | |
780 | -webkit-align-content: center; | |
781 | -ms-flex-line-pack: center; | |
782 | align-content: center; | |
783 | -webkit-box-pack: center; | |
784 | -webkit-justify-content: center; | |
785 | -ms-flex-pack: center; | |
786 | justify-content: center; | |
787 | position: relative; | |
788 | -webkit-box-sizing: border-box; | |
789 | box-sizing: border-box; | |
790 | -webkit-transform: translate3d(0, 0, 0); | |
791 | transform: translate3d(0, 0, 0); | |
792 | z-index: 1; | |
793 | } | |
794 | .ios .link { | |
795 | -webkit-transition: opacity 300ms; | |
796 | transition: opacity 300ms; | |
797 | } | |
798 | .ios .link i + span, | |
799 | .ios .link i + i, | |
800 | .ios .link span + i, | |
801 | .ios .link span + span { | |
802 | margin-right: 7px; | |
803 | } | |
804 | .ios .link.active-state { | |
805 | opacity: 0.3; | |
806 | -webkit-transition-duration: 0ms; | |
807 | transition-duration: 0ms; | |
808 | } | |
809 | .md .link i + span, | |
810 | .md .link i + i, | |
811 | .md .link span + i, | |
812 | .md .link span + span { | |
813 | margin-right: 8px; | |
814 | } | |
815 | /* === Navbar === */ | |
816 | .navbar { | |
817 | position: relative; | |
818 | left: 0; | |
819 | top: 0; | |
820 | width: 100%; | |
821 | z-index: 500; | |
822 | -webkit-backface-visibility: hidden; | |
823 | backface-visibility: hidden; | |
824 | -webkit-box-sizing: border-box; | |
825 | box-sizing: border-box; | |
826 | margin: 0; | |
827 | -webkit-transform: translate3d(0, 0, 0); | |
828 | transform: translate3d(0, 0, 0); | |
829 | } | |
830 | .navbar b { | |
831 | font-weight: 500; | |
832 | } | |
833 | .navbar a.link { | |
834 | display: -webkit-box; | |
835 | display: -webkit-flex; | |
836 | display: -ms-flexbox; | |
837 | display: flex; | |
838 | } | |
839 | .navbar .title, | |
840 | .navbar .left, | |
841 | .navbar .right { | |
842 | position: relative; | |
843 | z-index: 1; | |
844 | } | |
845 | .navbar .title { | |
846 | text-align: center; | |
847 | position: relative; | |
848 | overflow: hidden; | |
849 | text-overflow: ellipsis; | |
850 | white-space: nowrap; | |
851 | -webkit-flex-shrink: 10; | |
852 | -ms-flex-negative: 10; | |
853 | flex-shrink: 10; | |
854 | font-weight: 500; | |
855 | display: inline-block; | |
856 | } | |
857 | .navbar .subtitle { | |
858 | display: block; | |
859 | } | |
860 | .navbar .left, | |
861 | .navbar .right { | |
862 | -webkit-flex-shrink: 0; | |
863 | -ms-flex-negative: 0; | |
864 | flex-shrink: 0; | |
865 | display: -webkit-box; | |
866 | display: -webkit-flex; | |
867 | display: -ms-flexbox; | |
868 | display: flex; | |
869 | -webkit-box-pack: start; | |
870 | -webkit-justify-content: flex-start; | |
871 | -ms-flex-pack: start; | |
872 | justify-content: flex-start; | |
873 | -webkit-box-align: center; | |
874 | -webkit-align-items: center; | |
875 | -ms-flex-align: center; | |
876 | align-items: center; | |
877 | -webkit-transform: translate3d(0, 0, 0); | |
878 | transform: translate3d(0, 0, 0); | |
879 | } | |
880 | .navbar .right:first-child { | |
881 | position: absolute; | |
882 | height: 100%; | |
883 | } | |
884 | .navbar-inner { | |
885 | position: absolute; | |
886 | left: 0; | |
887 | top: 0; | |
888 | width: 100%; | |
889 | height: 100%; | |
890 | display: -webkit-box; | |
891 | display: -webkit-flex; | |
892 | display: -ms-flexbox; | |
893 | display: flex; | |
894 | -webkit-box-align: center; | |
895 | -webkit-align-items: center; | |
896 | -ms-flex-align: center; | |
897 | align-items: center; | |
898 | -webkit-box-sizing: border-box; | |
899 | box-sizing: border-box; | |
900 | } | |
901 | .navbar-inner.stacked { | |
902 | display: none; | |
903 | } | |
904 | .views > .navbar, | |
905 | .view > .navbar, | |
906 | .page > .navbar { | |
907 | position: absolute; | |
908 | } | |
909 | .ios .navbar { | |
910 | height: 44px; | |
911 | font-size: 17px; | |
912 | background: #f7f7f8; | |
913 | } | |
914 | .ios .navbar.no-hairline:after { | |
915 | display: none !important; | |
916 | } | |
917 | .ios .navbar:after { | |
918 | -webkit-backface-visibility: hidden; | |
919 | backface-visibility: hidden; | |
920 | } | |
921 | .ios .navbar a.link { | |
922 | -webkit-box-pack: start; | |
923 | -webkit-justify-content: flex-start; | |
924 | -ms-flex-pack: start; | |
925 | justify-content: flex-start; | |
926 | line-height: 44px; | |
927 | height: 44px; | |
928 | } | |
929 | .ios .navbar a.icon-only { | |
930 | width: 44px; | |
931 | margin: 0; | |
932 | -webkit-box-pack: center; | |
933 | -webkit-justify-content: center; | |
934 | -ms-flex-pack: center; | |
935 | justify-content: center; | |
936 | } | |
937 | .ios .navbar .title { | |
938 | font-size: 17px; | |
939 | margin: 0; | |
940 | line-height: 1.2; | |
941 | } | |
942 | .ios .navbar .subtitle { | |
943 | color: #6d6d72; | |
944 | line-height: 1; | |
945 | font-size: 10px; | |
946 | text-align: center; | |
947 | font-weight: normal; | |
948 | } | |
949 | .ios .navbar .left a + a, | |
950 | .ios .navbar .right a + a { | |
951 | margin-right: 15px; | |
952 | } | |
953 | .ios .navbar b, | |
954 | .ios .navbar .title { | |
955 | font-weight: 600; | |
956 | } | |
957 | .ios .navbar .left { | |
958 | margin-left: 10px; | |
959 | } | |
960 | .ios .navbar .right { | |
961 | margin-right: 10px; | |
962 | } | |
963 | .ios .navbar .right:first-child { | |
964 | left: 8px; | |
965 | } | |
966 | .ios .navbar:after { | |
967 | content: ''; | |
968 | position: absolute; | |
969 | background-color: #c4c4c4; | |
970 | display: block; | |
971 | z-index: 15; | |
972 | top: auto; | |
973 | right: auto; | |
974 | bottom: 0; | |
975 | left: 0; | |
976 | height: 1px; | |
977 | width: 100%; | |
978 | -webkit-transform-origin: 50% 100%; | |
979 | transform-origin: 50% 100%; | |
980 | } | |
981 | .ios.device-pixel-ratio-2 .navbar:after { | |
982 | -webkit-transform: scaleY(0.5); | |
983 | transform: scaleY(0.5); | |
984 | } | |
985 | .ios.device-pixel-ratio-3 .navbar:after { | |
986 | -webkit-transform: scaleY(0.33); | |
987 | transform: scaleY(0.33); | |
988 | } | |
989 | .ios .navbar-inner { | |
990 | -webkit-box-pack: justify; | |
991 | -webkit-justify-content: space-between; | |
992 | -ms-flex-pack: justify; | |
993 | justify-content: space-between; | |
994 | padding: 0 8px; | |
995 | } | |
996 | .ios .navbar ~ *:not(.no-navbar) .page-content, | |
997 | .ios .navbar ~ .page-content { | |
998 | padding-top: 44px; | |
999 | } | |
1000 | .ios .navbar-previous { | |
1001 | pointer-events: none; | |
1002 | } | |
1003 | .ios .navbar-previous .left, | |
1004 | .ios .navbar-previous .right, | |
1005 | .ios .navbar-previous > .title, | |
1006 | .ios .navbar-previous .subnavbar, | |
1007 | .ios .navbar-previous .fading { | |
1008 | opacity: 0; | |
1009 | } | |
1010 | .ios .navbar-previous .sliding { | |
1011 | opacity: 0; | |
1012 | } | |
1013 | .ios .navbar-previous .subnavbar.sliding, | |
1014 | .ios .navbar-previous.sliding .subnavbar { | |
1015 | opacity: 1; | |
1016 | -webkit-transform: translate3d(-100%, 0, 0); | |
1017 | transform: translate3d(-100%, 0, 0); | |
1018 | } | |
1019 | .ios .navbar-next { | |
1020 | pointer-events: none; | |
1021 | } | |
1022 | .ios .navbar-next .left, | |
1023 | .ios .navbar-next .right, | |
1024 | .ios .navbar-next > .title, | |
1025 | .ios .navbar-next .subnavbar, | |
1026 | .ios .navbar-next .fading { | |
1027 | opacity: 0; | |
1028 | } | |
1029 | .ios .navbar-next .sliding { | |
1030 | opacity: 0; | |
1031 | } | |
1032 | .ios .navbar-next.sliding .left, | |
1033 | .ios .navbar-next.sliding .right, | |
1034 | .ios .navbar-next.sliding > .title, | |
1035 | .ios .navbar-next.sliding .subnavbar { | |
1036 | opacity: 0; | |
1037 | } | |
1038 | .ios .navbar-next .subnavbar.sliding, | |
1039 | .ios .navbar-next.sliding .subnavbar { | |
1040 | opacity: 1; | |
1041 | -webkit-transform: translate3d(100%, 0, 0); | |
1042 | transform: translate3d(100%, 0, 0); | |
1043 | } | |
1044 | .ios .navbar-transitioning { | |
1045 | -webkit-transition-duration: 400ms; | |
1046 | transition-duration: 400ms; | |
1047 | } | |
1048 | .ios .navbar-hidden { | |
1049 | -webkit-transform: translate3d(0, -100%, 0); | |
1050 | transform: translate3d(0, -100%, 0); | |
1051 | } | |
1052 | .ios .router-transition-css-forward .navbar-current .left, | |
1053 | .ios .router-transition-css-backward .navbar-current .left, | |
1054 | .ios .router-transition-css-forward .navbar-current > .title, | |
1055 | .ios .router-transition-css-backward .navbar-current > .title, | |
1056 | .ios .router-transition-css-forward .navbar-current .right, | |
1057 | .ios .router-transition-css-backward .navbar-current .right, | |
1058 | .ios .router-transition-css-forward .navbar-current .subnavbar, | |
1059 | .ios .router-transition-css-backward .navbar-current .subnavbar { | |
1060 | -webkit-animation: ios-navbar-element-fade-out 400ms forwards; | |
1061 | animation: ios-navbar-element-fade-out 400ms forwards; | |
1062 | } | |
1063 | .ios .router-transition-css-forward .navbar-current .sliding, | |
1064 | .ios .router-transition-css-backward .navbar-current .sliding, | |
1065 | .ios .router-transition-css-forward .navbar-current .left.sliding .icon, | |
1066 | .ios .router-transition-css-backward .navbar-current .left.sliding .icon, | |
1067 | .ios .router-transition-css-forward .navbar-current.sliding .left, | |
1068 | .ios .router-transition-css-backward .navbar-current.sliding .left, | |
1069 | .ios .router-transition-css-forward .navbar-current.sliding .left .icon, | |
1070 | .ios .router-transition-css-backward .navbar-current.sliding .left .icon, | |
1071 | .ios .router-transition-css-forward .navbar-current.sliding > .title, | |
1072 | .ios .router-transition-css-backward .navbar-current.sliding > .title, | |
1073 | .ios .router-transition-css-forward .navbar-current.sliding .right, | |
1074 | .ios .router-transition-css-backward .navbar-current.sliding .right { | |
1075 | -webkit-transition-duration: 400ms; | |
1076 | transition-duration: 400ms; | |
1077 | opacity: 0 !important; | |
1078 | -webkit-animation: none; | |
1079 | animation: none; | |
1080 | } | |
1081 | .ios .router-transition-css-forward .navbar-current.sliding .subnavbar, | |
1082 | .ios .router-transition-css-backward .navbar-current.sliding .subnavbar, | |
1083 | .ios .router-transition-css-forward .navbar-current .sliding.subnavbar, | |
1084 | .ios .router-transition-css-backward .navbar-current .sliding.subnavbar { | |
1085 | -webkit-transition-duration: 400ms; | |
1086 | transition-duration: 400ms; | |
1087 | -webkit-animation: none; | |
1088 | animation: none; | |
1089 | opacity: 1; | |
1090 | } | |
1091 | .ios .router-transition-css-forward .navbar-next .left, | |
1092 | .ios .router-transition-css-backward .navbar-previous .left, | |
1093 | .ios .router-transition-css-forward .navbar-next > .title, | |
1094 | .ios .router-transition-css-backward .navbar-previous > .title, | |
1095 | .ios .router-transition-css-forward .navbar-next .right, | |
1096 | .ios .router-transition-css-backward .navbar-previous .right, | |
1097 | .ios .router-transition-css-forward .navbar-next .subnavbar, | |
1098 | .ios .router-transition-css-backward .navbar-previous .subnavbar { | |
1099 | -webkit-animation: ios-navbar-element-fade-in 400ms forwards; | |
1100 | animation: ios-navbar-element-fade-in 400ms forwards; | |
1101 | } | |
1102 | .ios .router-transition-css-forward .navbar-next .sliding, | |
1103 | .ios .router-transition-css-backward .navbar-previous .sliding, | |
1104 | .ios .router-transition-css-forward .navbar-next .left.sliding .icon, | |
1105 | .ios .router-transition-css-backward .navbar-previous .left.sliding .icon, | |
1106 | .ios .router-transition-css-forward .navbar-next.sliding .left, | |
1107 | .ios .router-transition-css-backward .navbar-previous.sliding .left, | |
1108 | .ios .router-transition-css-forward .navbar-next.sliding .left .icon, | |
1109 | .ios .router-transition-css-backward .navbar-previous.sliding .left .icon, | |
1110 | .ios .router-transition-css-forward .navbar-next.sliding > .title, | |
1111 | .ios .router-transition-css-backward .navbar-previous.sliding > .title, | |
1112 | .ios .router-transition-css-forward .navbar-next.sliding .right, | |
1113 | .ios .router-transition-css-backward .navbar-previous.sliding .right, | |
1114 | .ios .router-transition-css-forward .navbar-next.sliding .subnavbar, | |
1115 | .ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { | |
1116 | -webkit-transition-duration: 400ms; | |
1117 | transition-duration: 400ms; | |
1118 | -webkit-animation: none; | |
1119 | animation: none; | |
1120 | -webkit-transform: translate3d(0, 0, 0) !important; | |
1121 | transform: translate3d(0, 0, 0) !important; | |
1122 | opacity: 1 !important; | |
1123 | } | |
1124 | .ios .theme-dark .navbar, | |
1125 | .navbar.ios .theme-dark { | |
1126 | background: #1b1b1b; | |
1127 | } | |
1128 | .ios .theme-dark .navbar:after, | |
1129 | .navbar.ios .theme-dark:after { | |
1130 | background-color: #282829; | |
1131 | } | |
1132 | .ios .theme-dark .navbar .subtitle, | |
1133 | .navbar.ios .theme-dark .subtitle { | |
1134 | color: #8e8e93; | |
1135 | } | |
1136 | @media (orientation: landscape) { | |
1137 | .ios.device-iphone-x .ios-left-edge .navbar-inner, | |
1138 | .ios.device-iphone-x .ios-edges .navbar-inner, | |
1139 | .ios.device-iphone-x .popup .navbar-inner, | |
1140 | .ios.device-iphone-x .sheet-modal .navbar-inner, | |
1141 | .ios.device-iphone-x .panel-left .navbar-inner { | |
1142 | padding-left: calc(8px + constant(safe-area-inset-right)); | |
1143 | padding-left: calc(8px + env(safe-area-inset-right)); | |
1144 | } | |
1145 | .ios.device-iphone-x .ios-right-edge .navbar-inner, | |
1146 | .ios.device-iphone-x .ios-edges .navbar-inner, | |
1147 | .ios.device-iphone-x .popup .navbar-inner, | |
1148 | .ios.device-iphone-x .sheet-modal .navbar-inner, | |
1149 | .ios.device-iphone-x .panel-right .navbar-inner { | |
1150 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
1151 | padding-right: calc(8px + env(safe-area-inset-right)); | |
1152 | } | |
1153 | } | |
1154 | @-webkit-keyframes ios-navbar-element-fade-in { | |
1155 | from { | |
1156 | opacity: 0; | |
1157 | } | |
1158 | to { | |
1159 | opacity: 1; | |
1160 | } | |
1161 | } | |
1162 | @keyframes ios-navbar-element-fade-in { | |
1163 | from { | |
1164 | opacity: 0; | |
1165 | } | |
1166 | to { | |
1167 | opacity: 1; | |
1168 | } | |
1169 | } | |
1170 | @-webkit-keyframes ios-navbar-element-fade-out { | |
1171 | from { | |
1172 | opacity: 1; | |
1173 | } | |
1174 | to { | |
1175 | opacity: 0; | |
1176 | } | |
1177 | } | |
1178 | @keyframes ios-navbar-element-fade-out { | |
1179 | from { | |
1180 | opacity: 1; | |
1181 | } | |
1182 | to { | |
1183 | opacity: 0; | |
1184 | } | |
1185 | } | |
1186 | .md .navbar { | |
1187 | height: 56px; | |
1188 | background: #2196f3; | |
1189 | color: #fff; | |
1190 | font-size: 20px; | |
1191 | } | |
1192 | .md .navbar:after { | |
1193 | content: ''; | |
1194 | position: absolute; | |
1195 | right: 0; | |
1196 | width: 100%; | |
1197 | top: 100%; | |
1198 | bottom: auto; | |
1199 | height: 10px; | |
1200 | pointer-events: none; | |
1201 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); | |
1202 | background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1203 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1204 | } | |
1205 | .md .navbar.no-shadow:after { | |
1206 | display: none; | |
1207 | } | |
1208 | .md .navbar a { | |
1209 | color: inherit; | |
1210 | } | |
1211 | .md .navbar a.link { | |
1212 | -webkit-box-pack: center; | |
1213 | -webkit-justify-content: center; | |
1214 | -ms-flex-pack: center; | |
1215 | justify-content: center; | |
1216 | padding: 0 16px; | |
1217 | min-width: 48px; | |
1218 | height: 56px; | |
1219 | line-height: 56px; | |
1220 | } | |
1221 | .md .navbar a.link:before { | |
1222 | content: ''; | |
1223 | width: 152%; | |
1224 | height: 152%; | |
1225 | position: absolute; | |
1226 | left: -26%; | |
1227 | top: -26%; | |
1228 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1229 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1230 | background-repeat: no-repeat; | |
1231 | background-position: center; | |
1232 | background-size: 100% 100%; | |
1233 | opacity: 0; | |
1234 | pointer-events: none; | |
1235 | -webkit-transition-duration: 600ms; | |
1236 | transition-duration: 600ms; | |
1237 | } | |
1238 | .md .navbar a.link.active-state:before { | |
1239 | opacity: 1; | |
1240 | -webkit-transition-duration: 150ms; | |
1241 | transition-duration: 150ms; | |
1242 | } | |
1243 | .md .navbar a.icon-only { | |
1244 | min-width: 0; | |
1245 | -webkit-flex-shrink: 0; | |
1246 | -ms-flex-negative: 0; | |
1247 | flex-shrink: 0; | |
1248 | } | |
1249 | .md .navbar .title { | |
1250 | margin: 0 16px; | |
1251 | line-height: 1.2; | |
1252 | text-align: left; | |
1253 | } | |
1254 | .md .navbar .subtitle { | |
1255 | line-height: 1.2; | |
1256 | font-size: 14px; | |
1257 | font-weight: normal; | |
1258 | color: rgba(255, 255, 255, 0.85); | |
1259 | } | |
1260 | .md .navbar .right { | |
1261 | margin-right: auto; | |
1262 | } | |
1263 | .md .navbar .right:first-child { | |
1264 | left: 16px; | |
1265 | } | |
1266 | .md .navbar-inner { | |
1267 | -webkit-box-pack: start; | |
1268 | -webkit-justify-content: flex-start; | |
1269 | -ms-flex-pack: start; | |
1270 | justify-content: flex-start; | |
1271 | overflow: hidden; | |
1272 | } | |
1273 | .md .page-with-subnavbar .navbar-inner { | |
1274 | overflow: visible; | |
1275 | } | |
1276 | .md .navbar ~ * .page-content, | |
1277 | .md .navbar ~ .page-content { | |
1278 | padding-top: 56px; | |
1279 | } | |
1280 | @media (min-width: 768px) { | |
1281 | .md .navbar { | |
1282 | height: 64px; | |
1283 | } | |
1284 | .md .navbar a.link { | |
1285 | height: 64px; | |
1286 | line-height: 64px; | |
1287 | } | |
1288 | .md .navbar ~ * .page-content, | |
1289 | .md .navbar ~ .page-content { | |
1290 | padding-top: 64px; | |
1291 | } | |
1292 | } | |
1293 | .md .navbar-transitioning { | |
1294 | -webkit-transition-duration: 400ms; | |
1295 | transition-duration: 400ms; | |
1296 | } | |
1297 | .md .navbar-hidden { | |
1298 | -webkit-transform: translate3d(0, -100%, 0); | |
1299 | transform: translate3d(0, -100%, 0); | |
1300 | } | |
1301 | .md .navbar-hidden:after { | |
1302 | display: none; | |
1303 | } | |
1304 | .md .color-theme-red .navbar, | |
1305 | .md .color-theme-red.navbar { | |
1306 | background: #f44336; | |
1307 | } | |
1308 | .md .color-theme-green .navbar, | |
1309 | .md .color-theme-green.navbar { | |
1310 | background: #4caf50; | |
1311 | } | |
1312 | .md .color-theme-blue .navbar, | |
1313 | .md .color-theme-blue.navbar { | |
1314 | background: #2196f3; | |
1315 | } | |
1316 | .md .color-theme-pink .navbar, | |
1317 | .md .color-theme-pink.navbar { | |
1318 | background: #e91e63; | |
1319 | } | |
1320 | .md .color-theme-yellow .navbar, | |
1321 | .md .color-theme-yellow.navbar { | |
1322 | background: #ffeb3b; | |
1323 | } | |
1324 | .md .color-theme-orange .navbar, | |
1325 | .md .color-theme-orange.navbar { | |
1326 | background: #ff9800; | |
1327 | } | |
1328 | .md .color-theme-gray .navbar, | |
1329 | .md .color-theme-gray.navbar { | |
1330 | background: #9e9e9e; | |
1331 | } | |
1332 | .md .color-theme-white .navbar, | |
1333 | .md .color-theme-white.navbar { | |
1334 | background: #ffffff; | |
1335 | } | |
1336 | .md .color-theme-black .navbar, | |
1337 | .md .color-theme-black.navbar { | |
1338 | background: #000000; | |
1339 | } | |
1340 | .md .navbar.color-red { | |
1341 | background: #f44336; | |
1342 | } | |
1343 | .md .navbar.color-green { | |
1344 | background: #4caf50; | |
1345 | } | |
1346 | .md .navbar.color-blue { | |
1347 | background: #2196f3; | |
1348 | } | |
1349 | .md .navbar.color-pink { | |
1350 | background: #e91e63; | |
1351 | } | |
1352 | .md .navbar.color-yellow { | |
1353 | background: #ffeb3b; | |
1354 | } | |
1355 | .md .navbar.color-orange { | |
1356 | background: #ff9800; | |
1357 | } | |
1358 | .md .navbar.color-gray { | |
1359 | background: #9e9e9e; | |
1360 | } | |
1361 | .md .navbar.color-white { | |
1362 | background: #ffffff; | |
1363 | } | |
1364 | .md .navbar.color-black { | |
1365 | background: #000000; | |
1366 | } | |
1367 | @media (orientation: landscape) { | |
1368 | .md.device-iphone-x .ios-left-edge .navbar-inner, | |
1369 | .md.device-iphone-x .ios-edges .navbar-inner, | |
1370 | .md.device-iphone-x .popup .navbar-inner, | |
1371 | .md.device-iphone-x .sheet-modal .navbar-inner, | |
1372 | .md.device-iphone-x .panel-left .navbar-inner { | |
1373 | padding-left: constant(safe-area-inset-left); | |
1374 | padding-left: env(safe-area-inset-left); | |
1375 | } | |
1376 | .md.device-iphone-x .ios-right-edge .navbar-inner, | |
1377 | .md.device-iphone-x .ios-edges .navbar-inner, | |
1378 | .md.device-iphone-x .popup .navbar-inner, | |
1379 | .md.device-iphone-x .sheet-modal .navbar-inner, | |
1380 | .md.device-iphone-x .panel-right .navbar-inner { | |
1381 | padding-right: constant(safe-area-inset-right); | |
1382 | padding-right: env(safe-area-inset-right); | |
1383 | } | |
1384 | } | |
1385 | /* === Toolbar === */ | |
1386 | .toolbar { | |
1387 | width: 100%; | |
1388 | position: relative; | |
1389 | margin: 0; | |
1390 | -webkit-transform: translate3d(0, 0, 0); | |
1391 | transform: translate3d(0, 0, 0); | |
1392 | -webkit-backface-visibility: hidden; | |
1393 | backface-visibility: hidden; | |
1394 | z-index: 500; | |
1395 | -webkit-box-sizing: border-box; | |
1396 | box-sizing: border-box; | |
1397 | left: 0; | |
1398 | } | |
1399 | .toolbar b { | |
1400 | font-weight: 500; | |
1401 | } | |
1402 | .toolbar a { | |
1403 | -webkit-box-sizing: border-box; | |
1404 | box-sizing: border-box; | |
1405 | -webkit-flex-shrink: 1; | |
1406 | -ms-flex-negative: 1; | |
1407 | flex-shrink: 1; | |
1408 | position: relative; | |
1409 | white-space: nowrap; | |
1410 | text-overflow: ellipsis; | |
1411 | } | |
1412 | .toolbar a.link { | |
1413 | display: -webkit-box; | |
1414 | display: -webkit-flex; | |
1415 | display: -ms-flexbox; | |
1416 | display: flex; | |
1417 | } | |
1418 | .toolbar i.icon { | |
1419 | display: block; | |
1420 | } | |
1421 | .toolbar-inner { | |
1422 | position: absolute; | |
1423 | left: 0; | |
1424 | top: 0; | |
1425 | width: 100%; | |
1426 | height: 100%; | |
1427 | display: -webkit-box; | |
1428 | display: -webkit-flex; | |
1429 | display: -ms-flexbox; | |
1430 | display: flex; | |
1431 | -webkit-box-pack: justify; | |
1432 | -webkit-justify-content: space-between; | |
1433 | -ms-flex-pack: justify; | |
1434 | justify-content: space-between; | |
1435 | -webkit-box-sizing: border-box; | |
1436 | box-sizing: border-box; | |
1437 | -webkit-box-align: center; | |
1438 | -webkit-align-items: center; | |
1439 | -ms-flex-align: center; | |
1440 | align-items: center; | |
1441 | -webkit-align-content: center; | |
1442 | -ms-flex-line-pack: center; | |
1443 | align-content: center; | |
1444 | } | |
1445 | .views > .tabbar, | |
1446 | .views > .tabbar-labels { | |
1447 | z-index: 5001; | |
1448 | } | |
1449 | .tabbar a.link, | |
1450 | .tabbar-labels a.link { | |
1451 | line-height: 1.4; | |
1452 | } | |
1453 | .tabbar a.tab-link, | |
1454 | .tabbar-labels a.tab-link, | |
1455 | .tabbar a.link, | |
1456 | .tabbar-labels a.link { | |
1457 | height: 100%; | |
1458 | width: 100%; | |
1459 | -webkit-box-sizing: border-box; | |
1460 | box-sizing: border-box; | |
1461 | display: -webkit-box; | |
1462 | display: -webkit-flex; | |
1463 | display: -ms-flexbox; | |
1464 | display: flex; | |
1465 | -webkit-box-pack: center; | |
1466 | -webkit-justify-content: center; | |
1467 | -ms-flex-pack: center; | |
1468 | justify-content: center; | |
1469 | -webkit-box-align: center; | |
1470 | -webkit-align-items: center; | |
1471 | -ms-flex-align: center; | |
1472 | align-items: center; | |
1473 | -webkit-box-orient: vertical; | |
1474 | -webkit-box-direction: normal; | |
1475 | -webkit-flex-direction: column; | |
1476 | -ms-flex-direction: column; | |
1477 | flex-direction: column; | |
1478 | } | |
1479 | .tabbar-labels a.tab-link, | |
1480 | .tabbar-labels a.link { | |
1481 | height: 100%; | |
1482 | -webkit-box-pack: justify; | |
1483 | -webkit-justify-content: space-between; | |
1484 | -ms-flex-pack: justify; | |
1485 | justify-content: space-between; | |
1486 | -webkit-box-align: center; | |
1487 | -webkit-align-items: center; | |
1488 | -ms-flex-align: center; | |
1489 | align-items: center; | |
1490 | } | |
1491 | .tabbar-labels a.tab-link .tabbar-label, | |
1492 | .tabbar-labels a.link .tabbar-label { | |
1493 | display: block; | |
1494 | line-height: 1; | |
1495 | margin: 0; | |
1496 | position: relative; | |
1497 | text-overflow: ellipsis; | |
1498 | white-space: nowrap; | |
1499 | } | |
1500 | .tabbar-scrollable .toolbar-inner { | |
1501 | overflow: auto; | |
1502 | -webkit-overflow-scrolling: touch; | |
1503 | } | |
1504 | .tabbar-scrollable .toolbar-inner::-webkit-scrollbar { | |
1505 | display: none !important; | |
1506 | width: 0 !important; | |
1507 | height: 0 !important; | |
1508 | -webkit-appearance: none; | |
1509 | opacity: 0 !important; | |
1510 | } | |
1511 | .tabbar-scrollable a.tab-link, | |
1512 | .tabbar-scrollable a.link { | |
1513 | width: auto; | |
1514 | -webkit-flex-shrink: 0; | |
1515 | -ms-flex-negative: 0; | |
1516 | flex-shrink: 0; | |
1517 | } | |
1518 | .views > .toolbar, | |
1519 | .view > .toolbar, | |
1520 | .page > .toolbar { | |
1521 | position: absolute; | |
1522 | } | |
1523 | .ios .toolbar { | |
1524 | height: 44px; | |
1525 | font-size: 17px; | |
1526 | background: #f7f7f8; | |
1527 | bottom: 0; | |
1528 | } | |
1529 | .ios .toolbar:after { | |
1530 | -webkit-backface-visibility: hidden; | |
1531 | backface-visibility: hidden; | |
1532 | } | |
1533 | .ios .toolbar a.link { | |
1534 | line-height: 44px; | |
1535 | height: 44px; | |
1536 | } | |
1537 | .ios .toolbar a.link i + span, | |
1538 | .ios .toolbar a.link i + i, | |
1539 | .ios .toolbar a.link span + i, | |
1540 | .ios .toolbar a.link span + span { | |
1541 | margin-right: 7px; | |
1542 | } | |
1543 | .ios .toolbar a.icon-only { | |
1544 | min-height: 44px; | |
1545 | display: -webkit-box; | |
1546 | display: -webkit-flex; | |
1547 | display: -ms-flexbox; | |
1548 | display: flex; | |
1549 | -webkit-box-pack: center; | |
1550 | -webkit-justify-content: center; | |
1551 | -ms-flex-pack: center; | |
1552 | justify-content: center; | |
1553 | -webkit-box-align: center; | |
1554 | -webkit-align-items: center; | |
1555 | -ms-flex-align: center; | |
1556 | align-items: center; | |
1557 | margin: 0; | |
1558 | min-width: 44px; | |
1559 | } | |
1560 | .ios .toolbar b { | |
1561 | font-weight: 600; | |
1562 | } | |
1563 | .ios .toolbar.no-hairline:before { | |
1564 | display: none !important; | |
1565 | } | |
1566 | .ios .toolbar:before { | |
1567 | content: ''; | |
1568 | position: absolute; | |
1569 | background-color: #c4c4c4; | |
1570 | display: block; | |
1571 | z-index: 15; | |
1572 | top: 0; | |
1573 | right: auto; | |
1574 | bottom: auto; | |
1575 | left: 0; | |
1576 | height: 1px; | |
1577 | width: 100%; | |
1578 | -webkit-transform-origin: 50% 0%; | |
1579 | transform-origin: 50% 0%; | |
1580 | } | |
1581 | .ios.device-pixel-ratio-2 .toolbar:before { | |
1582 | -webkit-transform: scaleY(0.5); | |
1583 | transform: scaleY(0.5); | |
1584 | } | |
1585 | .ios.device-pixel-ratio-3 .toolbar:before { | |
1586 | -webkit-transform: scaleY(0.33); | |
1587 | transform: scaleY(0.33); | |
1588 | } | |
1589 | .ios .toolbar-inner { | |
1590 | padding: 0 8px; | |
1591 | } | |
1592 | .ios .tabbar, | |
1593 | .ios .tabbar-labels { | |
1594 | color: #929292; | |
1595 | } | |
1596 | .ios .tabbar a, | |
1597 | .ios .tabbar-labels a { | |
1598 | color: #929292; | |
1599 | } | |
1600 | .ios .tabbar a.tab-link-active, | |
1601 | .ios .tabbar-labels a.tab-link-active { | |
1602 | color: #007aff; | |
1603 | } | |
1604 | .ios .tabbar i.icon, | |
1605 | .ios .tabbar-labels i.icon { | |
1606 | height: 30px; | |
1607 | } | |
1608 | .ios .tabbar-labels { | |
1609 | height: 50px; | |
1610 | } | |
1611 | .ios .tabbar-labels a.tab-link, | |
1612 | .ios .tabbar-labels a.link { | |
1613 | padding-top: 4px; | |
1614 | padding-bottom: 4px; | |
1615 | } | |
1616 | .ios .tabbar-labels a.tab-link i + span, | |
1617 | .ios .tabbar-labels a.link i + span { | |
1618 | margin: 0; | |
1619 | } | |
1620 | .ios .tabbar-labels .tabbar-label { | |
1621 | letter-spacing: 0.01em; | |
1622 | font-size: 10px; | |
1623 | } | |
1624 | @media (min-width: 768px) { | |
1625 | .ios .tabbar .toolbar-inner, | |
1626 | .ios .tabbar-labels .toolbar-inner { | |
1627 | -webkit-box-pack: center; | |
1628 | -webkit-justify-content: center; | |
1629 | -ms-flex-pack: center; | |
1630 | justify-content: center; | |
1631 | } | |
1632 | .ios .tabbar a.tab-link, | |
1633 | .ios .tabbar-labels a.tab-link, | |
1634 | .ios .tabbar a.link, | |
1635 | .ios .tabbar-labels a.link { | |
1636 | width: auto; | |
1637 | min-width: 105px; | |
1638 | } | |
1639 | .ios .tabbar-labels { | |
1640 | height: 56px; | |
1641 | } | |
1642 | .ios .tabbar-labels .tabbar-label { | |
1643 | font-size: 14px; | |
1644 | } | |
1645 | } | |
1646 | .ios .tabbar-scrollable .toolbar-inner { | |
1647 | -webkit-box-pack: start; | |
1648 | -webkit-justify-content: flex-start; | |
1649 | -ms-flex-pack: start; | |
1650 | justify-content: flex-start; | |
1651 | } | |
1652 | .ios .tabbar-scrollable a.tab-link, | |
1653 | .ios .tabbar-scrollable a.link { | |
1654 | padding: 0 8px; | |
1655 | } | |
1656 | .ios .toolbar ~ * .page-content, | |
1657 | .ios .toolbar ~ .page-content { | |
1658 | padding-bottom: 44px; | |
1659 | } | |
1660 | .ios .tabbar-labels ~ * .page-content, | |
1661 | .ios .tabbar-labels ~ .page-content { | |
1662 | padding-bottom: 50px; | |
1663 | } | |
1664 | @media (min-width: 768px) { | |
1665 | .ios .tabbar-labels ~ * .page-content, | |
1666 | .ios .tabbar-labels ~ .page-content { | |
1667 | padding-bottom: 56px; | |
1668 | } | |
1669 | } | |
1670 | .ios .toolbar-transitioning { | |
1671 | -webkit-transition-duration: 400ms; | |
1672 | transition-duration: 400ms; | |
1673 | } | |
1674 | .ios .toolbar-hidden { | |
1675 | -webkit-transform: translate3d(0, 100%, 0); | |
1676 | transform: translate3d(0, 100%, 0); | |
1677 | } | |
1678 | .ios .theme-dark .toolbar, | |
1679 | .toolbar.ios .theme-dark { | |
1680 | background: #1b1b1b; | |
1681 | } | |
1682 | .ios .theme-dark .toolbar:before, | |
1683 | .toolbar.ios .theme-dark:before { | |
1684 | background-color: #282829; | |
1685 | } | |
1686 | .ios .color-theme-red .tabbar a.tab-link-active, | |
1687 | .ios .color-theme-red .tabbar-labels a.tab-link-active, | |
1688 | .ios .color-theme-red.tabbar-labels a.tab-link-active, | |
1689 | .ios .color-theme-red.tabbar a.tab-link-active { | |
1690 | color: #ff3b30; | |
1691 | } | |
1692 | .ios .color-theme-green .tabbar a.tab-link-active, | |
1693 | .ios .color-theme-green .tabbar-labels a.tab-link-active, | |
1694 | .ios .color-theme-green.tabbar-labels a.tab-link-active, | |
1695 | .ios .color-theme-green.tabbar a.tab-link-active { | |
1696 | color: #4cd964; | |
1697 | } | |
1698 | .ios .color-theme-blue .tabbar a.tab-link-active, | |
1699 | .ios .color-theme-blue .tabbar-labels a.tab-link-active, | |
1700 | .ios .color-theme-blue.tabbar-labels a.tab-link-active, | |
1701 | .ios .color-theme-blue.tabbar a.tab-link-active { | |
1702 | color: #007aff; | |
1703 | } | |
1704 | .ios .color-theme-pink .tabbar a.tab-link-active, | |
1705 | .ios .color-theme-pink .tabbar-labels a.tab-link-active, | |
1706 | .ios .color-theme-pink.tabbar-labels a.tab-link-active, | |
1707 | .ios .color-theme-pink.tabbar a.tab-link-active { | |
1708 | color: #ff2d55; | |
1709 | } | |
1710 | .ios .color-theme-yellow .tabbar a.tab-link-active, | |
1711 | .ios .color-theme-yellow .tabbar-labels a.tab-link-active, | |
1712 | .ios .color-theme-yellow.tabbar-labels a.tab-link-active, | |
1713 | .ios .color-theme-yellow.tabbar a.tab-link-active { | |
1714 | color: #ffcc00; | |
1715 | } | |
1716 | .ios .color-theme-orange .tabbar a.tab-link-active, | |
1717 | .ios .color-theme-orange .tabbar-labels a.tab-link-active, | |
1718 | .ios .color-theme-orange.tabbar-labels a.tab-link-active, | |
1719 | .ios .color-theme-orange.tabbar a.tab-link-active { | |
1720 | color: #ff9500; | |
1721 | } | |
1722 | .ios .color-theme-gray .tabbar a.tab-link-active, | |
1723 | .ios .color-theme-gray .tabbar-labels a.tab-link-active, | |
1724 | .ios .color-theme-gray.tabbar-labels a.tab-link-active, | |
1725 | .ios .color-theme-gray.tabbar a.tab-link-active { | |
1726 | color: #8e8e93; | |
1727 | } | |
1728 | .ios .color-theme-white .tabbar a.tab-link-active, | |
1729 | .ios .color-theme-white .tabbar-labels a.tab-link-active, | |
1730 | .ios .color-theme-white.tabbar-labels a.tab-link-active, | |
1731 | .ios .color-theme-white.tabbar a.tab-link-active { | |
1732 | color: #ffffff; | |
1733 | } | |
1734 | .ios .color-theme-black .tabbar a.tab-link-active, | |
1735 | .ios .color-theme-black .tabbar-labels a.tab-link-active, | |
1736 | .ios .color-theme-black.tabbar-labels a.tab-link-active, | |
1737 | .ios .color-theme-black.tabbar a.tab-link-active { | |
1738 | color: #000000; | |
1739 | } | |
1740 | .ios .tabbar-labels.color-red a.tab-link-active, | |
1741 | .ios .tabbar.color-red a.tab-link-active { | |
1742 | color: #ff3b30; | |
1743 | } | |
1744 | .ios .tabbar-labels.color-green a.tab-link-active, | |
1745 | .ios .tabbar.color-green a.tab-link-active { | |
1746 | color: #4cd964; | |
1747 | } | |
1748 | .ios .tabbar-labels.color-blue a.tab-link-active, | |
1749 | .ios .tabbar.color-blue a.tab-link-active { | |
1750 | color: #007aff; | |
1751 | } | |
1752 | .ios .tabbar-labels.color-pink a.tab-link-active, | |
1753 | .ios .tabbar.color-pink a.tab-link-active { | |
1754 | color: #ff2d55; | |
1755 | } | |
1756 | .ios .tabbar-labels.color-yellow a.tab-link-active, | |
1757 | .ios .tabbar.color-yellow a.tab-link-active { | |
1758 | color: #ffcc00; | |
1759 | } | |
1760 | .ios .tabbar-labels.color-orange a.tab-link-active, | |
1761 | .ios .tabbar.color-orange a.tab-link-active { | |
1762 | color: #ff9500; | |
1763 | } | |
1764 | .ios .tabbar-labels.color-gray a.tab-link-active, | |
1765 | .ios .tabbar.color-gray a.tab-link-active { | |
1766 | color: #8e8e93; | |
1767 | } | |
1768 | .ios .tabbar-labels.color-white a.tab-link-active, | |
1769 | .ios .tabbar.color-white a.tab-link-active { | |
1770 | color: #ffffff; | |
1771 | } | |
1772 | .ios .tabbar-labels.color-black a.tab-link-active, | |
1773 | .ios .tabbar.color-black a.tab-link-active { | |
1774 | color: #000000; | |
1775 | } | |
1776 | .ios.device-iphone-x .views > .toolbar, | |
1777 | .ios.device-iphone-x .view > .toolbar, | |
1778 | .ios.device-iphone-x .page > .toolbar, | |
1779 | .ios.device-iphone-x .popup > .toolbar, | |
1780 | .ios.device-iphone-x .panel > .toolbar, | |
1781 | .ios.device-iphone-x .login-screen > .toolbar { | |
1782 | height: calc(44px + constant(safe-area-inset-bottom)); | |
1783 | height: calc(44px + env(safe-area-inset-bottom)); | |
1784 | } | |
1785 | .ios.device-iphone-x .views > .toolbar .toolbar-inner, | |
1786 | .ios.device-iphone-x .view > .toolbar .toolbar-inner, | |
1787 | .ios.device-iphone-x .page > .toolbar .toolbar-inner, | |
1788 | .ios.device-iphone-x .popup > .toolbar .toolbar-inner, | |
1789 | .ios.device-iphone-x .panel > .toolbar .toolbar-inner, | |
1790 | .ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { | |
1791 | height: auto; | |
1792 | bottom: constant(safe-area-inset-bottom); | |
1793 | bottom: env(safe-area-inset-bottom); | |
1794 | } | |
1795 | .ios.device-iphone-x .views > .tabbar-labels, | |
1796 | .ios.device-iphone-x .view > .tabbar-labels, | |
1797 | .ios.device-iphone-x .page > .tabbar-labels, | |
1798 | .ios.device-iphone-x .popup > .tabbar-labels, | |
1799 | .ios.device-iphone-x .panel > .tabbar-labels, | |
1800 | .ios.device-iphone-x .login-screen > .tabbar-labels { | |
1801 | height: calc(50px + constant(safe-area-inset-bottom)); | |
1802 | height: calc(50px + env(safe-area-inset-bottom)); | |
1803 | } | |
1804 | @media (min-width: 768px) { | |
1805 | .ios.device-iphone-x .views > .tabbar-labels, | |
1806 | .ios.device-iphone-x .view > .tabbar-labels, | |
1807 | .ios.device-iphone-x .page > .tabbar-labels, | |
1808 | .ios.device-iphone-x .popup > .tabbar-labels, | |
1809 | .ios.device-iphone-x .panel > .tabbar-labels, | |
1810 | .ios.device-iphone-x .login-screen > .tabbar-labels { | |
1811 | height: calc(56px + constant(safe-area-inset-bottom)); | |
1812 | height: calc(56px + env(safe-area-inset-bottom)); | |
1813 | } | |
1814 | } | |
1815 | .ios.device-iphone-x .toolbar ~ * .page-content, | |
1816 | .ios.device-iphone-x .toolbar ~ .page-content { | |
1817 | padding-bottom: calc(44px + constant(safe-area-inset-bottom)); | |
1818 | padding-bottom: calc(44px + env(safe-area-inset-bottom)); | |
1819 | } | |
1820 | .ios.device-iphone-x .tabbar-labels ~ * .page-content, | |
1821 | .ios.device-iphone-x .tabbar-labels ~ .page-content { | |
1822 | padding-bottom: calc(50px + constant(safe-area-inset-bottom)); | |
1823 | padding-bottom: calc(50px + env(safe-area-inset-bottom)); | |
1824 | } | |
1825 | @media (min-width: 768px) { | |
1826 | .ios.device-iphone-x .tabbar-labels ~ * .page-content, | |
1827 | .ios.device-iphone-x .tabbar-labels ~ .page-content { | |
1828 | padding-bottom: calc(56px + constant(safe-area-inset-bottom)); | |
1829 | padding-bottom: calc(56px + env(safe-area-inset-bottom)); | |
1830 | } | |
1831 | } | |
1832 | @media (orientation: landscape) { | |
1833 | .ios.device-iphone-x .ios-left-edge .toolbar-inner, | |
1834 | .ios.device-iphone-x .ios-edges .toolbar-inner, | |
1835 | .ios.device-iphone-x .popup .toolbar-inner, | |
1836 | .ios.device-iphone-x .sheet-modal .toolbar-inner, | |
1837 | .ios.device-iphone-x .panel-left .toolbar-inner { | |
1838 | padding-left: calc(8px + constant(safe-area-inset-left)); | |
1839 | padding-left: calc(8px + env(safe-area-inset-left)); | |
1840 | } | |
1841 | .ios.device-iphone-x .ios-right-edge .toolbar-inner, | |
1842 | .ios.device-iphone-x .ios-edges .toolbar-inner, | |
1843 | .ios.device-iphone-x .popup .toolbar-inner, | |
1844 | .ios.device-iphone-x .sheet-modal .toolbar-inner, | |
1845 | .ios.device-iphone-x .panel-right .toolbar-inner { | |
1846 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
1847 | padding-right: calc(8px + env(safe-area-inset-right)); | |
1848 | } | |
1849 | } | |
1850 | .md .toolbar { | |
1851 | background: #2196f3; | |
1852 | height: 48px; | |
1853 | color: #fff; | |
1854 | font-size: 14px; | |
1855 | top: 0; | |
1856 | } | |
1857 | .md .toolbar:after { | |
1858 | content: ''; | |
1859 | position: absolute; | |
1860 | right: 0; | |
1861 | width: 100%; | |
1862 | top: 100%; | |
1863 | bottom: auto; | |
1864 | height: 10px; | |
1865 | pointer-events: none; | |
1866 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); | |
1867 | background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1868 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1869 | } | |
1870 | .md .toolbar.no-shadow:after { | |
1871 | display: none; | |
1872 | } | |
1873 | .md .toolbar a { | |
1874 | color: #fff; | |
1875 | } | |
1876 | .md .toolbar a.link { | |
1877 | -webkit-box-pack: center; | |
1878 | -webkit-justify-content: center; | |
1879 | -ms-flex-pack: center; | |
1880 | justify-content: center; | |
1881 | padding: 0 16px; | |
1882 | min-width: 48px; | |
1883 | line-height: 48px; | |
1884 | height: 48px; | |
1885 | } | |
1886 | .md .toolbar a.link:before { | |
1887 | content: ''; | |
1888 | width: 152%; | |
1889 | height: 152%; | |
1890 | position: absolute; | |
1891 | left: -26%; | |
1892 | top: -26%; | |
1893 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1894 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1895 | background-repeat: no-repeat; | |
1896 | background-position: center; | |
1897 | background-size: 100% 100%; | |
1898 | opacity: 0; | |
1899 | pointer-events: none; | |
1900 | -webkit-transition-duration: 600ms; | |
1901 | transition-duration: 600ms; | |
1902 | } | |
1903 | .md .toolbar a.link.active-state:before { | |
1904 | opacity: 1; | |
1905 | -webkit-transition-duration: 150ms; | |
1906 | transition-duration: 150ms; | |
1907 | } | |
1908 | .md .toolbar a.link i + span, | |
1909 | .md .toolbar a.link i + i, | |
1910 | .md .toolbar a.link span + i, | |
1911 | .md .toolbar a.link span + span { | |
1912 | margin-right: 8px; | |
1913 | } | |
1914 | .md .toolbar a.icon-only { | |
1915 | min-width: 0; | |
1916 | -webkit-flex-shrink: 0; | |
1917 | -ms-flex-negative: 0; | |
1918 | flex-shrink: 0; | |
1919 | } | |
1920 | .md .toolbar-inner { | |
1921 | overflow: hidden; | |
1922 | } | |
1923 | .md .tabbar a.link, | |
1924 | .md .tabbar-labels a.link, | |
1925 | .md .tabbar a.tab-link, | |
1926 | .md .tabbar-labels a.tab-link { | |
1927 | padding-left: 0; | |
1928 | padding-right: 0; | |
1929 | font-size: 14px; | |
1930 | text-transform: uppercase; | |
1931 | font-weight: 500; | |
1932 | letter-spacing: 0.03em; | |
1933 | } | |
1934 | .md .tabbar i.icon, | |
1935 | .md .tabbar-labels i.icon { | |
1936 | height: 24px; | |
1937 | } | |
1938 | .md .tabbar a.tab-link, | |
1939 | .md .tabbar-labels a.tab-link { | |
1940 | -webkit-transition-duration: 300ms; | |
1941 | transition-duration: 300ms; | |
1942 | overflow: hidden; | |
1943 | color: rgba(255, 255, 255, 0.7); | |
1944 | position: relative; | |
1945 | } | |
1946 | .md .tabbar a.tab-link.tab-link-active, | |
1947 | .md .tabbar-labels a.tab-link.tab-link-active, | |
1948 | .md .tabbar a.tab-link.active-state, | |
1949 | .md .tabbar-labels a.tab-link.active-state { | |
1950 | color: #ffffff; | |
1951 | } | |
1952 | .md .tabbar .tab-link-highlight, | |
1953 | .md .tabbar-labels .tab-link-highlight { | |
1954 | position: absolute; | |
1955 | left: 0; | |
1956 | bottom: 0; | |
1957 | height: 2px; | |
1958 | background: #fff; | |
1959 | -webkit-transition-duration: 300ms; | |
1960 | transition-duration: 300ms; | |
1961 | right: 0; | |
1962 | } | |
1963 | .md .toolbar-bottom-md, | |
1964 | .md .messagebar { | |
1965 | top: auto !important; | |
1966 | bottom: 0 !important; | |
1967 | } | |
1968 | .md .toolbar-bottom-md:after, | |
1969 | .md .messagebar:after { | |
1970 | content: ''; | |
1971 | position: absolute; | |
1972 | right: 0; | |
1973 | width: 100%; | |
1974 | bottom: 100%; | |
1975 | height: 10px; | |
1976 | top: auto; | |
1977 | pointer-events: none; | |
1978 | background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); | |
1979 | background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1980 | background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
1981 | } | |
1982 | .md .toolbar-bottom-md .tab-link-highlight, | |
1983 | .md .messagebar .tab-link-highlight { | |
1984 | bottom: auto; | |
1985 | top: 0; | |
1986 | } | |
1987 | .md .tabbar-labels { | |
1988 | height: 72px; | |
1989 | } | |
1990 | .md .tabbar-labels a.tab-link, | |
1991 | .md .tabbar-labels a.link { | |
1992 | padding-top: 12px; | |
1993 | padding-bottom: 12px; | |
1994 | } | |
1995 | .md .tabbar-labels .tabbar-label { | |
1996 | margin-top: 10px; | |
1997 | max-width: 100%; | |
1998 | overflow: hidden; | |
1999 | } | |
2000 | .md .tabbar-labels.toolbar-bottom-md { | |
2001 | height: 56px; | |
2002 | } | |
2003 | .md .tabbar-labels.toolbar-bottom-md a.tab-link, | |
2004 | .md .tabbar-labels.toolbar-bottom-md a.link { | |
2005 | padding-top: 7px; | |
2006 | padding-bottom: 7px; | |
2007 | } | |
2008 | .md .tabbar-labels.toolbar-bottom-md .tabbar-label { | |
2009 | text-transform: none; | |
2010 | line-height: 1.2; | |
2011 | font-weight: normal; | |
2012 | letter-spacing: 0; | |
2013 | } | |
2014 | .md .tabbar-scrollable .toolbar-inner { | |
2015 | overflow: auto; | |
2016 | -webkit-box-pack: start; | |
2017 | -webkit-justify-content: flex-start; | |
2018 | -ms-flex-pack: start; | |
2019 | justify-content: flex-start; | |
2020 | } | |
2021 | .md .tabbar-scrollable a.tab-link, | |
2022 | .md .tabbar-scrollable a.link { | |
2023 | padding: 0 16px; | |
2024 | } | |
2025 | .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2026 | .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2027 | padding-top: 48px; | |
2028 | } | |
2029 | .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2030 | .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2031 | padding-top: 72px; | |
2032 | } | |
2033 | .md .toolbar-hidden { | |
2034 | -webkit-transform: translate3d(0, -100%, 0); | |
2035 | transform: translate3d(0, -100%, 0); | |
2036 | } | |
2037 | .md .toolbar-hidden:after { | |
2038 | display: none; | |
2039 | } | |
2040 | .md .toolbar-hidden.toolbar-bottom-md, | |
2041 | .md .toolbar-hidden.messagebar { | |
2042 | -webkit-transform: translate3d(0, 100%, 0); | |
2043 | transform: translate3d(0, 100%, 0); | |
2044 | } | |
2045 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { | |
2046 | top: 56px; | |
2047 | } | |
2048 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2049 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2050 | padding-top: 104px; | |
2051 | } | |
2052 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2053 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2054 | padding-top: 128px; | |
2055 | } | |
2056 | .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { | |
2057 | -webkit-transform: translate3d(0, -104px, 0); | |
2058 | transform: translate3d(0, -104px, 0); | |
2059 | } | |
2060 | .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { | |
2061 | -webkit-transform: translate3d(0, -128px, 0); | |
2062 | transform: translate3d(0, -128px, 0); | |
2063 | } | |
2064 | .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { | |
2065 | -webkit-transform: translate3d(0, -56px, 0); | |
2066 | transform: translate3d(0, -56px, 0); | |
2067 | } | |
2068 | @media (min-width: 768px) { | |
2069 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { | |
2070 | top: 64px; | |
2071 | } | |
2072 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2073 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2074 | padding-top: 112px; | |
2075 | } | |
2076 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2077 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2078 | padding-top: 136px; | |
2079 | } | |
2080 | .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { | |
2081 | -webkit-transform: translate3d(0, -64px, 0); | |
2082 | transform: translate3d(0, -64px, 0); | |
2083 | } | |
2084 | .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { | |
2085 | -webkit-transform: translate3d(0, -112px, 0); | |
2086 | transform: translate3d(0, -112px, 0); | |
2087 | } | |
2088 | .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { | |
2089 | -webkit-transform: translate3d(0, -136px, 0); | |
2090 | transform: translate3d(0, -136px, 0); | |
2091 | } | |
2092 | } | |
2093 | .md .toolbar-bottom-md ~ * .page-content, | |
2094 | .md .toolbar-bottom-md ~ .page-content, | |
2095 | .md .messagebar ~ * .page-content, | |
2096 | .md .messagebar ~ .page-content { | |
2097 | padding-bottom: 48px; | |
2098 | } | |
2099 | .md .toolbar-bottom-md.tabbar-labels ~ * .page-content, | |
2100 | .md .toolbar-bottom-md.tabbar-labels ~ .page-content { | |
2101 | padding-bottom: 56px; | |
2102 | } | |
2103 | .md .toolbar-transitioning, | |
2104 | .md .navbar-transitioning + .toolbar { | |
2105 | -webkit-transition-duration: 400ms; | |
2106 | transition-duration: 400ms; | |
2107 | } | |
2108 | .md .color-theme-red .toolbar:not(.messagebar), | |
2109 | .md .color-theme-red.toolbar:not(.messagebar) { | |
2110 | background: #f44336; | |
2111 | } | |
2112 | .md .color-theme-green .toolbar:not(.messagebar), | |
2113 | .md .color-theme-green.toolbar:not(.messagebar) { | |
2114 | background: #4caf50; | |
2115 | } | |
2116 | .md .color-theme-blue .toolbar:not(.messagebar), | |
2117 | .md .color-theme-blue.toolbar:not(.messagebar) { | |
2118 | background: #2196f3; | |
2119 | } | |
2120 | .md .color-theme-pink .toolbar:not(.messagebar), | |
2121 | .md .color-theme-pink.toolbar:not(.messagebar) { | |
2122 | background: #e91e63; | |
2123 | } | |
2124 | .md .color-theme-yellow .toolbar:not(.messagebar), | |
2125 | .md .color-theme-yellow.toolbar:not(.messagebar) { | |
2126 | background: #ffeb3b; | |
2127 | } | |
2128 | .md .color-theme-orange .toolbar:not(.messagebar), | |
2129 | .md .color-theme-orange.toolbar:not(.messagebar) { | |
2130 | background: #ff9800; | |
2131 | } | |
2132 | .md .color-theme-gray .toolbar:not(.messagebar), | |
2133 | .md .color-theme-gray.toolbar:not(.messagebar) { | |
2134 | background: #9e9e9e; | |
2135 | } | |
2136 | .md .color-theme-white .toolbar:not(.messagebar), | |
2137 | .md .color-theme-white.toolbar:not(.messagebar) { | |
2138 | background: #ffffff; | |
2139 | } | |
2140 | .md .color-theme-black .toolbar:not(.messagebar), | |
2141 | .md .color-theme-black.toolbar:not(.messagebar) { | |
2142 | background: #000000; | |
2143 | } | |
2144 | .md .toolbar:not(.messagebar).color-red { | |
2145 | background: #f44336; | |
2146 | } | |
2147 | .md .toolbar:not(.messagebar).color-green { | |
2148 | background: #4caf50; | |
2149 | } | |
2150 | .md .toolbar:not(.messagebar).color-blue { | |
2151 | background: #2196f3; | |
2152 | } | |
2153 | .md .toolbar:not(.messagebar).color-pink { | |
2154 | background: #e91e63; | |
2155 | } | |
2156 | .md .toolbar:not(.messagebar).color-yellow { | |
2157 | background: #ffeb3b; | |
2158 | } | |
2159 | .md .toolbar:not(.messagebar).color-orange { | |
2160 | background: #ff9800; | |
2161 | } | |
2162 | .md .toolbar:not(.messagebar).color-gray { | |
2163 | background: #9e9e9e; | |
2164 | } | |
2165 | .md .toolbar:not(.messagebar).color-white { | |
2166 | background: #ffffff; | |
2167 | } | |
2168 | .md .toolbar:not(.messagebar).color-black { | |
2169 | background: #000000; | |
2170 | } | |
2171 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), | |
2172 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), | |
2173 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), | |
2174 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), | |
2175 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), | |
2176 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { | |
2177 | height: calc(48px + constant(safe-area-inset-top)); | |
2178 | height: calc(48px + env(safe-area-inset-top)); | |
2179 | } | |
2180 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2181 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2182 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2183 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2184 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2185 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { | |
2186 | height: auto; | |
2187 | } | |
2188 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2189 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2190 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2191 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2192 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2193 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { | |
2194 | bottom: 0; | |
2195 | top: constant(safe-area-inset-top); | |
2196 | top: env(safe-area-inset-top); | |
2197 | } | |
2198 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2199 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2200 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2201 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2202 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2203 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { | |
2204 | height: calc(72px + constant(safe-area-inset-top)); | |
2205 | height: calc(72px + env(safe-area-inset-top)); | |
2206 | } | |
2207 | .md.device-iphone-x .views > .toolbar-bottom-md, | |
2208 | .md.device-iphone-x .view > .toolbar-bottom-md, | |
2209 | .md.device-iphone-x .page > .toolbar-bottom-md, | |
2210 | .md.device-iphone-x .popup > .toolbar-bottom-md, | |
2211 | .md.device-iphone-x .panel > .toolbar-bottom-md, | |
2212 | .md.device-iphone-x .login-screen > .toolbar-bottom-md { | |
2213 | height: calc(48px + constant(safe-area-inset-bottom)); | |
2214 | height: calc(48px + env(safe-area-inset-bottom)); | |
2215 | } | |
2216 | .md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, | |
2217 | .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, | |
2218 | .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, | |
2219 | .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, | |
2220 | .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, | |
2221 | .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { | |
2222 | height: auto; | |
2223 | top: 0; | |
2224 | bottom: constant(safe-area-inset-bottom); | |
2225 | bottom: env(safe-area-inset-bottom); | |
2226 | } | |
2227 | .md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, | |
2228 | .md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, | |
2229 | .md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, | |
2230 | .md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, | |
2231 | .md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, | |
2232 | .md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { | |
2233 | height: calc(56px + constant(safe-area-inset-bottom)); | |
2234 | height: calc(56px + env(safe-area-inset-bottom)); | |
2235 | } | |
2236 | .md.device-iphone-x .toolbar-bottom-md ~ * .page-content, | |
2237 | .md.device-iphone-x .toolbar-bottom-md ~ .page-content, | |
2238 | .md.device-iphone-x .messagebar ~ * .page-content, | |
2239 | .md.device-iphone-x .messagebar ~ .page-content { | |
2240 | padding-bottom: calc(48px + constant(safe-area-inset-bottom)); | |
2241 | padding-bottom: calc(48px + env(safe-area-inset-bottom)); | |
2242 | } | |
2243 | .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, | |
2244 | .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { | |
2245 | padding-bottom: calc(56px + constant(safe-area-inset-bottom)); | |
2246 | padding-bottom: calc(56px + env(safe-area-inset-bottom)); | |
2247 | } | |
2248 | @media (orientation: landscape) { | |
2249 | .md.device-iphone-x .ios-left-edge .toolbar-inner, | |
2250 | .md.device-iphone-x .ios-edges .toolbar-inner, | |
2251 | .md.device-iphone-x .popup .toolbar-inner, | |
2252 | .md.device-iphone-x .sheet-modal .toolbar-inner, | |
2253 | .md.device-iphone-x .panel-left .toolbar-inner { | |
2254 | padding-left: constant(safe-area-inset-left); | |
2255 | padding-left: env(safe-area-inset-left); | |
2256 | } | |
2257 | .md.device-iphone-x .ios-right-edge .toolbar-inner, | |
2258 | .md.device-iphone-x .ios-edges .toolbar-inner, | |
2259 | .md.device-iphone-x .popup .toolbar-inner, | |
2260 | .md.device-iphone-x .sheet-modal .toolbar-inner, | |
2261 | .md.device-iphone-x .panel-right .toolbar-inner { | |
2262 | padding-right: constant(safe-area-inset-right); | |
2263 | padding-right: env(safe-area-inset-right); | |
2264 | } | |
2265 | } | |
2266 | /* === Subnavbar === */ | |
2267 | .subnavbar { | |
2268 | width: 100%; | |
2269 | position: absolute; | |
2270 | left: 0; | |
2271 | top: 0; | |
2272 | z-index: 500; | |
2273 | -webkit-box-sizing: border-box; | |
2274 | box-sizing: border-box; | |
2275 | display: -webkit-box; | |
2276 | display: -webkit-flex; | |
2277 | display: -ms-flexbox; | |
2278 | display: flex; | |
2279 | -webkit-box-pack: justify; | |
2280 | -webkit-justify-content: space-between; | |
2281 | -ms-flex-pack: justify; | |
2282 | justify-content: space-between; | |
2283 | -webkit-box-align: center; | |
2284 | -webkit-align-items: center; | |
2285 | -ms-flex-align: center; | |
2286 | align-items: center; | |
2287 | } | |
2288 | .subnavbar .title { | |
2289 | position: relative; | |
2290 | overflow: hidden; | |
2291 | text-overflow: ellpsis; | |
2292 | white-space: nowrap; | |
2293 | } | |
2294 | .subnavbar .left, | |
2295 | .subnavbar .right { | |
2296 | -webkit-flex-shrink: 0; | |
2297 | -ms-flex-negative: 0; | |
2298 | flex-shrink: 0; | |
2299 | display: -webkit-box; | |
2300 | display: -webkit-flex; | |
2301 | display: -ms-flexbox; | |
2302 | display: flex; | |
2303 | -webkit-box-pack: start; | |
2304 | -webkit-justify-content: flex-start; | |
2305 | -ms-flex-pack: start; | |
2306 | justify-content: flex-start; | |
2307 | -webkit-box-align: center; | |
2308 | -webkit-align-items: center; | |
2309 | -ms-flex-align: center; | |
2310 | align-items: center; | |
2311 | } | |
2312 | .subnavbar .right:first-child { | |
2313 | position: absolute; | |
2314 | height: 100%; | |
2315 | } | |
2316 | .subnavbar-inner { | |
2317 | width: 100%; | |
2318 | height: 100%; | |
2319 | display: -webkit-box; | |
2320 | display: -webkit-flex; | |
2321 | display: -ms-flexbox; | |
2322 | display: flex; | |
2323 | -webkit-box-align: center; | |
2324 | -webkit-align-items: center; | |
2325 | -ms-flex-align: center; | |
2326 | align-items: center; | |
2327 | -webkit-box-sizing: border-box; | |
2328 | box-sizing: border-box; | |
2329 | -webkit-box-pack: justify; | |
2330 | -webkit-justify-content: space-between; | |
2331 | -ms-flex-pack: justify; | |
2332 | justify-content: space-between; | |
2333 | overflow: hidden; | |
2334 | } | |
2335 | .subnavbar-inner.stacked { | |
2336 | display: none; | |
2337 | } | |
2338 | .navbar .subnavbar { | |
2339 | top: 100%; | |
2340 | } | |
2341 | .views > .navbar, | |
2342 | .view > .navbar, | |
2343 | .page > .navbar { | |
2344 | position: absolute; | |
2345 | } | |
2346 | .ios .subnavbar { | |
2347 | height: 45px; | |
2348 | margin-top: -1px; | |
2349 | padding-top: 1px; | |
2350 | background: #f7f7f8; | |
2351 | } | |
2352 | .ios .subnavbar.no-hairline:after { | |
2353 | display: none !important; | |
2354 | } | |
2355 | .ios .subnavbar .title { | |
2356 | font-weight: 700; | |
2357 | line-height: 1; | |
2358 | overflow: visible; | |
2359 | font-size: 34px; | |
2360 | text-align: center; | |
2361 | display: -webkit-box; | |
2362 | display: -webkit-flex; | |
2363 | display: -ms-flexbox; | |
2364 | display: flex; | |
2365 | -webkit-box-align: center; | |
2366 | -webkit-align-items: center; | |
2367 | -ms-flex-align: center; | |
2368 | align-items: center; | |
2369 | -webkit-align-self: flex-start; | |
2370 | -ms-flex-item-align: start; | |
2371 | align-self: flex-start; | |
2372 | -webkit-flex-shrink: 10; | |
2373 | -ms-flex-negative: 10; | |
2374 | flex-shrink: 10; | |
2375 | letter-spacing: -0.03em; | |
2376 | } | |
2377 | .ios .subnavbar .title { | |
2378 | margin-right: 7px; | |
2379 | } | |
2380 | .ios .subnavbar .left a + a, | |
2381 | .ios .subnavbar .right a + a { | |
2382 | margin-right: 15px; | |
2383 | } | |
2384 | .ios .subnavbar .left { | |
2385 | margin-left: 10px; | |
2386 | } | |
2387 | .ios .subnavbar .right { | |
2388 | margin-right: 10px; | |
2389 | } | |
2390 | .ios .subnavbar .right:first-child { | |
2391 | left: 8px; | |
2392 | } | |
2393 | .ios .subnavbar a.link { | |
2394 | line-height: 44px; | |
2395 | height: 44px; | |
2396 | -webkit-box-pack: start; | |
2397 | -webkit-justify-content: flex-start; | |
2398 | -ms-flex-pack: start; | |
2399 | justify-content: flex-start; | |
2400 | } | |
2401 | .ios .subnavbar a.icon-only { | |
2402 | min-width: 44px; | |
2403 | -webkit-box-pack: center; | |
2404 | -webkit-justify-content: center; | |
2405 | -ms-flex-pack: center; | |
2406 | justify-content: center; | |
2407 | margin: 0; | |
2408 | } | |
2409 | .ios .subnavbar:after { | |
2410 | content: ''; | |
2411 | position: absolute; | |
2412 | background-color: #c4c4c4; | |
2413 | display: block; | |
2414 | z-index: 15; | |
2415 | top: auto; | |
2416 | right: auto; | |
2417 | bottom: 0; | |
2418 | left: 0; | |
2419 | height: 1px; | |
2420 | width: 100%; | |
2421 | -webkit-transform-origin: 50% 100%; | |
2422 | transform-origin: 50% 100%; | |
2423 | } | |
2424 | .ios.device-pixel-ratio-2 .subnavbar:after { | |
2425 | -webkit-transform: scaleY(0.5); | |
2426 | transform: scaleY(0.5); | |
2427 | } | |
2428 | .ios.device-pixel-ratio-3 .subnavbar:after { | |
2429 | -webkit-transform: scaleY(0.33); | |
2430 | transform: scaleY(0.33); | |
2431 | } | |
2432 | .ios .subnavbar-inner { | |
2433 | padding: 0 8px; | |
2434 | } | |
2435 | .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, | |
2436 | .ios .navbar ~ .subnavbar { | |
2437 | top: 44px; | |
2438 | } | |
2439 | .ios .page-with-subnavbar .page-content, | |
2440 | .ios .subnavbar ~ .page-content, | |
2441 | .ios .subnavbar ~ * .page-content { | |
2442 | padding-top: 44px; | |
2443 | } | |
2444 | .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, | |
2445 | .ios .page-with-subnavbar .navbar ~ .page-content, | |
2446 | .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, | |
2447 | .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { | |
2448 | padding-top: 88px; | |
2449 | } | |
2450 | .ios .theme-dark .subnavbar, | |
2451 | .subnavbar.ios .theme-dark { | |
2452 | background: #1b1b1b; | |
2453 | } | |
2454 | .ios .theme-dark .subnavbar:after, | |
2455 | .subnavbar.ios .theme-dark:after { | |
2456 | background-color: #282829; | |
2457 | } | |
2458 | @media (orientation: landscape) { | |
2459 | .ios.device-iphone-x .ios-left-edge .subnavbar-inner, | |
2460 | .ios.device-iphone-x .ios-edges .subnavbar-inner, | |
2461 | .ios.device-iphone-x .popup .subnavbar-inner, | |
2462 | .ios.device-iphone-x .sheet-modal .subnavbar-inner, | |
2463 | .ios.device-iphone-x .panel-left .subnavbar-inner { | |
2464 | padding-left: calc(8px + constant(safe-area-inset-left)); | |
2465 | padding-left: calc(8px + env(safe-area-inset-left)); | |
2466 | } | |
2467 | .ios.device-iphone-x .ios-right-edge .subnavbar-inner, | |
2468 | .ios.device-iphone-x .ios-edges .subnavbar-inner, | |
2469 | .ios.device-iphone-x .popup .subnavbar-inner, | |
2470 | .ios.device-iphone-x .sheet-modal .subnavbar-inner, | |
2471 | .ios.device-iphone-x .panel-right .subnavbar-inner { | |
2472 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
2473 | padding-right: calc(8px + env(safe-area-inset-right)); | |
2474 | } | |
2475 | } | |
2476 | .md .subnavbar { | |
2477 | height: 48px; | |
2478 | background: #2196f3; | |
2479 | color: #fff; | |
2480 | } | |
2481 | .md .subnavbar:after { | |
2482 | content: ''; | |
2483 | position: absolute; | |
2484 | right: 0; | |
2485 | width: 100%; | |
2486 | top: 100%; | |
2487 | bottom: auto; | |
2488 | height: 10px; | |
2489 | pointer-events: none; | |
2490 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); | |
2491 | background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
2492 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); | |
2493 | } | |
2494 | .md .subnavbar.no-shadow:after { | |
2495 | display: none; | |
2496 | } | |
2497 | .md .subnavbar .title { | |
2498 | margin: 0 16px; | |
2499 | font-size: 20px; | |
2500 | line-height: 48px; | |
2501 | display: inline-block; | |
2502 | text-align: left; | |
2503 | font-weight: 500; | |
2504 | } | |
2505 | .md .subnavbar .title:first-child { | |
2506 | margin-right: 56px; | |
2507 | } | |
2508 | .md .subnavbar .right { | |
2509 | margin-right: auto; | |
2510 | } | |
2511 | .md .subnavbar .right:first-child { | |
2512 | left: 16px; | |
2513 | } | |
2514 | .md .subnavbar a { | |
2515 | color: inherit; | |
2516 | } | |
2517 | .md .subnavbar a.link { | |
2518 | line-height: 48px; | |
2519 | height: 48px; | |
2520 | min-width: 48px; | |
2521 | -webkit-box-pack: center; | |
2522 | -webkit-justify-content: center; | |
2523 | -ms-flex-pack: center; | |
2524 | justify-content: center; | |
2525 | padding: 0 16px; | |
2526 | } | |
2527 | .md .subnavbar a.link:before { | |
2528 | content: ''; | |
2529 | width: 152%; | |
2530 | height: 152%; | |
2531 | position: absolute; | |
2532 | left: -26%; | |
2533 | top: -26%; | |
2534 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
2535 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
2536 | background-repeat: no-repeat; | |
2537 | background-position: center; | |
2538 | background-size: 100% 100%; | |
2539 | opacity: 0; | |
2540 | pointer-events: none; | |
2541 | -webkit-transition-duration: 600ms; | |
2542 | transition-duration: 600ms; | |
2543 | } | |
2544 | .md .subnavbar a.link.active-state:before { | |
2545 | opacity: 1; | |
2546 | -webkit-transition-duration: 150ms; | |
2547 | transition-duration: 150ms; | |
2548 | } | |
2549 | .md .subnavbar a.icon-only { | |
2550 | -webkit-flex-shrink: 0; | |
2551 | -ms-flex-negative: 0; | |
2552 | flex-shrink: 0; | |
2553 | min-width: 0; | |
2554 | } | |
2555 | .md .subnavbar-inner { | |
2556 | padding: 0 16px; | |
2557 | } | |
2558 | .md .subnavbar-inner > a.link:first-child { | |
2559 | margin-right: -16px; | |
2560 | } | |
2561 | .md .subnavbar-inner > a.link:last-child { | |
2562 | margin-left: -16px; | |
2563 | } | |
2564 | .md .subnavbar ~ * .page-content, | |
2565 | .md .subnavbar ~ .page-content, | |
2566 | .md .page-with-subnavbar .page-content { | |
2567 | padding-top: 48px; | |
2568 | } | |
2569 | .md .navbar ~ .subnavbar ~ .page-content, | |
2570 | .md .navbar ~ .subnavbar ~ * .page-content, | |
2571 | .md .page-with-subnavbar .navbar ~ * .page-content, | |
2572 | .md .page-with-subnavbar .navbar ~ .page-content { | |
2573 | padding-top: 104px; | |
2574 | } | |
2575 | @media (min-width: 768px) { | |
2576 | .md .navbar ~ .subnavbar ~ .page-content, | |
2577 | .md .navbar ~ .subnavbar ~ * .page-content, | |
2578 | .md .page-with-subnavbar .navbar ~ * .page-content, | |
2579 | .md .page-with-subnavbar .navbar ~ .page-content { | |
2580 | padding-top: 112px; | |
2581 | } | |
2582 | } | |
2583 | .md .navbar ~ .subnavbar, | |
2584 | .md .navbar ~ * .subnavbar, | |
2585 | .md .page-with-subnavbar .navbar ~ .subnavbar, | |
2586 | .md .page-with-subnavbar .navbar ~ * .subnavbar { | |
2587 | top: 56px; | |
2588 | } | |
2589 | @media (min-width: 768px) { | |
2590 | .md .navbar ~ .subnavbar, | |
2591 | .md .navbar ~ * .subnavbar, | |
2592 | .md .page-with-subnavbar .navbar ~ .subnavbar, | |
2593 | .md .page-with-subnavbar .navbar ~ * .subnavbar { | |
2594 | top: 64px; | |
2595 | } | |
2596 | } | |
2597 | .md .color-theme-red .subnavbar, | |
2598 | .md .color-theme-red.subnavbar { | |
2599 | background: #f44336; | |
2600 | } | |
2601 | .md .color-theme-green .subnavbar, | |
2602 | .md .color-theme-green.subnavbar { | |
2603 | background: #4caf50; | |
2604 | } | |
2605 | .md .color-theme-blue .subnavbar, | |
2606 | .md .color-theme-blue.subnavbar { | |
2607 | background: #2196f3; | |
2608 | } | |
2609 | .md .color-theme-pink .subnavbar, | |
2610 | .md .color-theme-pink.subnavbar { | |
2611 | background: #e91e63; | |
2612 | } | |
2613 | .md .color-theme-yellow .subnavbar, | |
2614 | .md .color-theme-yellow.subnavbar { | |
2615 | background: #ffeb3b; | |
2616 | } | |
2617 | .md .color-theme-orange .subnavbar, | |
2618 | .md .color-theme-orange.subnavbar { | |
2619 | background: #ff9800; | |
2620 | } | |
2621 | .md .color-theme-gray .subnavbar, | |
2622 | .md .color-theme-gray.subnavbar { | |
2623 | background: #9e9e9e; | |
2624 | } | |
2625 | .md .color-theme-white .subnavbar, | |
2626 | .md .color-theme-white.subnavbar { | |
2627 | background: #ffffff; | |
2628 | } | |
2629 | .md .color-theme-black .subnavbar, | |
2630 | .md .color-theme-black.subnavbar { | |
2631 | background: #000000; | |
2632 | } | |
2633 | .md .subnavbar.color-red { | |
2634 | background: #f44336; | |
2635 | } | |
2636 | .md .subnavbar.color-green { | |
2637 | background: #4caf50; | |
2638 | } | |
2639 | .md .subnavbar.color-blue { | |
2640 | background: #2196f3; | |
2641 | } | |
2642 | .md .subnavbar.color-pink { | |
2643 | background: #e91e63; | |
2644 | } | |
2645 | .md .subnavbar.color-yellow { | |
2646 | background: #ffeb3b; | |
2647 | } | |
2648 | .md .subnavbar.color-orange { | |
2649 | background: #ff9800; | |
2650 | } | |
2651 | .md .subnavbar.color-gray { | |
2652 | background: #9e9e9e; | |
2653 | } | |
2654 | .md .subnavbar.color-white { | |
2655 | background: #ffffff; | |
2656 | } | |
2657 | .md .subnavbar.color-black { | |
2658 | background: #000000; | |
2659 | } | |
2660 | @media (orientation: landscape) { | |
2661 | .md.device-iphone-x .ios-left-edge .subnavbar-inner, | |
2662 | .md.device-iphone-x .ios-edges .subnavbar-inner, | |
2663 | .md.device-iphone-x .popup .subnavbar-inner, | |
2664 | .md.device-iphone-x .sheet-modal .subnavbar-inner, | |
2665 | .md.device-iphone-x .panel-left .subnavbar-inner { | |
2666 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
2667 | padding-left: calc(16px + env(safe-area-inset-left)); | |
2668 | } | |
2669 | .md.device-iphone-x .ios-right-edge .subnavbar-inner, | |
2670 | .md.device-iphone-x .ios-edges .subnavbar-inner, | |
2671 | .md.device-iphone-x .popup .subnavbar-inner, | |
2672 | .md.device-iphone-x .sheet-modal .subnavbar-inner, | |
2673 | .md.device-iphone-x .panel-right .subnavbar-inner { | |
2674 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
2675 | padding-right: calc(16px + env(safe-area-inset-right)); | |
2676 | } | |
2677 | } | |
2678 | /* === Content Block === */ | |
2679 | .block { | |
2680 | -webkit-box-sizing: border-box; | |
2681 | box-sizing: border-box; | |
2682 | position: relative; | |
2683 | z-index: 1; | |
2684 | } | |
2685 | .block.no-hairlines:before, | |
2686 | .block.no-hairlines ul:before, | |
2687 | .md .block.no-hairlines-md:before, | |
2688 | .md .block.no-hairlines-md ul:before, | |
2689 | .ios .block.no-hairlines-ios:before, | |
2690 | .ios .block.no-hairlines-ios ul:before { | |
2691 | display: none !important; | |
2692 | } | |
2693 | .block.no-hairlines:after, | |
2694 | .block.no-hairlines ul:after, | |
2695 | .md .block.no-hairlines-md:after, | |
2696 | .md .block.no-hairlines-md ul:after, | |
2697 | .ios .block.no-hairlines-ios:after, | |
2698 | .ios .block.no-hairlines-ios ul:after { | |
2699 | display: none !important; | |
2700 | } | |
2701 | .block.no-hairline-top:before, | |
2702 | .block.no-hairline-top ul:before, | |
2703 | .md .block.no-hairline-top-md:before, | |
2704 | .md .block.no-hairline-top-md ul:before, | |
2705 | .ios .block.no-hairline-top-ios:before, | |
2706 | .ios .block.no-hairline-top-ios ul:before { | |
2707 | display: none !important; | |
2708 | } | |
2709 | .block.no-hairline-bottom:after, | |
2710 | .block.no-hairline-bottom ul:after, | |
2711 | .md .block.no-hairline-bottom-md:after, | |
2712 | .md .block.no-hairline-bottom-md ul:after, | |
2713 | .ios .block.no-hairline-bottom-ios:after, | |
2714 | .ios .block.no-hairline-bottom-ios ul:after { | |
2715 | display: none !important; | |
2716 | } | |
2717 | .block > h1:first-child, | |
2718 | .block > h2:first-child, | |
2719 | .block > h3:first-child, | |
2720 | .block > h4:first-child, | |
2721 | .block > p:first-child { | |
2722 | margin-top: 0; | |
2723 | } | |
2724 | .block > h1:last-child, | |
2725 | .block > h2:last-child, | |
2726 | .block > h3:last-child, | |
2727 | .block > h4:last-child, | |
2728 | .block > p:last-child { | |
2729 | margin-bottom: 0; | |
2730 | } | |
2731 | .block-title { | |
2732 | position: relative; | |
2733 | overflow: hidden; | |
2734 | margin: 0; | |
2735 | white-space: nowrap; | |
2736 | text-overflow: ellipsis; | |
2737 | font-size: 14px; | |
2738 | line-height: 1; | |
2739 | } | |
2740 | .block-strong.inset { | |
2741 | border-radius: 7px; | |
2742 | } | |
2743 | .block-strong.inset:before { | |
2744 | display: none !important; | |
2745 | } | |
2746 | .block-strong.inset:after { | |
2747 | display: none !important; | |
2748 | } | |
2749 | .block-footer, | |
2750 | .block-header { | |
2751 | font-size: 14px; | |
2752 | } | |
2753 | .block-footer ul:first-child, | |
2754 | .block-header ul:first-child, | |
2755 | .block-footer p:first-child, | |
2756 | .block-header p:first-child, | |
2757 | .block-footer h1:first-child, | |
2758 | .block-header h1:first-child, | |
2759 | .block-footer h2:first-child, | |
2760 | .block-header h2:first-child, | |
2761 | .block-footer h3:first-child, | |
2762 | .block-header h3:first-child, | |
2763 | .block-footer h4:first-child, | |
2764 | .block-header h4:first-child { | |
2765 | margin-top: 0; | |
2766 | } | |
2767 | .block-footer ul:last-child, | |
2768 | .block-header ul:last-child, | |
2769 | .block-footer p:last-child, | |
2770 | .block-header p:last-child, | |
2771 | .block-footer h1:last-child, | |
2772 | .block-header h1:last-child, | |
2773 | .block-footer h2:last-child, | |
2774 | .block-header h2:last-child, | |
2775 | .block-footer h3:last-child, | |
2776 | .block-header h3:last-child, | |
2777 | .block-footer h4:last-child, | |
2778 | .block-header h4:last-child { | |
2779 | margin-bottom: 0; | |
2780 | } | |
2781 | .block-footer ul:first-child:last-child, | |
2782 | .block-header ul:first-child:last-child, | |
2783 | .block-footer p:first-child:last-child, | |
2784 | .block-header p:first-child:last-child, | |
2785 | .block-footer h1:first-child:last-child, | |
2786 | .block-header h1:first-child:last-child, | |
2787 | .block-footer h2:first-child:last-child, | |
2788 | .block-header h2:first-child:last-child, | |
2789 | .block-footer h3:first-child:last-child, | |
2790 | .block-header h3:first-child:last-child, | |
2791 | .block-footer h4:first-child:last-child, | |
2792 | .block-header h4:first-child:last-child { | |
2793 | margin-top: 0; | |
2794 | margin-bottom: 0; | |
2795 | } | |
2796 | .block-header { | |
2797 | margin-bottom: 10px; | |
2798 | } | |
2799 | .block-footer { | |
2800 | margin-top: 10px; | |
2801 | } | |
2802 | @media (min-width: 768px) { | |
2803 | .block-strong.tablet-inset:before { | |
2804 | display: none !important; | |
2805 | } | |
2806 | .block-strong.tablet-inset:after { | |
2807 | display: none !important; | |
2808 | } | |
2809 | } | |
2810 | /* === Content Block === */ | |
2811 | .ios .block { | |
2812 | margin: 35px 0; | |
2813 | padding: 0 15px; | |
2814 | color: #6d6d72; | |
2815 | } | |
2816 | .ios .block-title { | |
2817 | text-transform: uppercase; | |
2818 | color: #6d6d72; | |
2819 | margin: 35px 15px 10px; | |
2820 | line-height: 17px; | |
2821 | } | |
2822 | .ios .block-title + .list, | |
2823 | .ios .block-title + .block, | |
2824 | .ios .block-title + .card, | |
2825 | .ios .block-title + .timeline, | |
2826 | .ios .block-title + .block-header { | |
2827 | margin-top: 10px; | |
2828 | } | |
2829 | .ios .block-strong { | |
2830 | color: #000; | |
2831 | background: #fff; | |
2832 | padding: 15px 15px; | |
2833 | } | |
2834 | .ios .block-strong:before { | |
2835 | content: ''; | |
2836 | position: absolute; | |
2837 | background-color: #c8c7cc; | |
2838 | display: block; | |
2839 | z-index: 15; | |
2840 | top: 0; | |
2841 | right: auto; | |
2842 | bottom: auto; | |
2843 | left: 0; | |
2844 | height: 1px; | |
2845 | width: 100%; | |
2846 | -webkit-transform-origin: 50% 0%; | |
2847 | transform-origin: 50% 0%; | |
2848 | } | |
2849 | .ios.device-pixel-ratio-2 .block-strong:before { | |
2850 | -webkit-transform: scaleY(0.5); | |
2851 | transform: scaleY(0.5); | |
2852 | } | |
2853 | .ios.device-pixel-ratio-3 .block-strong:before { | |
2854 | -webkit-transform: scaleY(0.33); | |
2855 | transform: scaleY(0.33); | |
2856 | } | |
2857 | .ios .block-strong:after { | |
2858 | content: ''; | |
2859 | position: absolute; | |
2860 | background-color: #c8c7cc; | |
2861 | display: block; | |
2862 | z-index: 15; | |
2863 | top: auto; | |
2864 | right: auto; | |
2865 | bottom: 0; | |
2866 | left: 0; | |
2867 | height: 1px; | |
2868 | width: 100%; | |
2869 | -webkit-transform-origin: 50% 100%; | |
2870 | transform-origin: 50% 100%; | |
2871 | } | |
2872 | .ios.device-pixel-ratio-2 .block-strong:after { | |
2873 | -webkit-transform: scaleY(0.5); | |
2874 | transform: scaleY(0.5); | |
2875 | } | |
2876 | .ios.device-pixel-ratio-3 .block-strong:after { | |
2877 | -webkit-transform: scaleY(0.33); | |
2878 | transform: scaleY(0.33); | |
2879 | } | |
2880 | .ios .block.inset { | |
2881 | margin-left: 15px; | |
2882 | margin-right: 15px; | |
2883 | } | |
2884 | .ios .block-strong-inset { | |
2885 | border-radius: 7px; | |
2886 | } | |
2887 | .ios .block-header, | |
2888 | .ios .block-footer { | |
2889 | padding: 0 15px; | |
2890 | color: #8f8f94; | |
2891 | } | |
2892 | .ios .block .block-header, | |
2893 | .ios .block .block-footer { | |
2894 | padding: 0 !important; | |
2895 | } | |
2896 | .ios .block-header { | |
2897 | margin-top: 35px; | |
2898 | } | |
2899 | .ios .block-header + .list, | |
2900 | .ios .block-header + .block, | |
2901 | .ios .block-header + .card, | |
2902 | .ios .block-header + .timeline { | |
2903 | margin-top: 10px; | |
2904 | } | |
2905 | .ios .block-footer { | |
2906 | margin-bottom: 35px; | |
2907 | } | |
2908 | .ios .list .block-header, | |
2909 | .ios .block .block-header, | |
2910 | .ios .card .block-header, | |
2911 | .ios .timeline .block-header { | |
2912 | margin-top: 0; | |
2913 | } | |
2914 | .ios .list .block-footer, | |
2915 | .ios .block .block-footer, | |
2916 | .ios .card .block-footer, | |
2917 | .ios .timeline .block-footer { | |
2918 | margin-bottom: 0; | |
2919 | } | |
2920 | .ios .list + .block-footer, | |
2921 | .ios .block + .block-footer, | |
2922 | .ios .card + .block-footer, | |
2923 | .ios .timeline + .block-footer { | |
2924 | margin-top: -25px; | |
2925 | } | |
2926 | .ios .block + .block-footer { | |
2927 | margin-top: -25px; | |
2928 | margin-bottom: 35px; | |
2929 | } | |
2930 | @media (min-width: 768px) { | |
2931 | .ios .block.tablet-inset { | |
2932 | margin-left: 15px; | |
2933 | margin-right: 15px; | |
2934 | border-radius: 7px; | |
2935 | } | |
2936 | .ios .block-strong.tablet-inset { | |
2937 | border-radius: 7px; | |
2938 | } | |
2939 | } | |
2940 | .ios .theme-dark .block-title, | |
2941 | .ios .theme-dark .block-header, | |
2942 | .ios .theme-dark .block-footer { | |
2943 | color: #8E8E93; | |
2944 | } | |
2945 | .ios .theme-dark .block { | |
2946 | color: #8E8E93; | |
2947 | } | |
2948 | .ios .theme-dark .block-strong, | |
2949 | .ios .theme-dark.block-strong { | |
2950 | background-color: #1c1c1d; | |
2951 | color: #fff; | |
2952 | } | |
2953 | .ios .theme-dark .block-strong:before, | |
2954 | .ios .theme-dark.block-strong:before { | |
2955 | background-color: #282829; | |
2956 | } | |
2957 | .ios .theme-dark .block-strong:after, | |
2958 | .ios .theme-dark.block-strong:after { | |
2959 | background-color: #282829; | |
2960 | } | |
2961 | @media (orientation: landscape) { | |
2962 | .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2963 | .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2964 | .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2965 | .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2966 | .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2967 | .ios.device-iphone-x .ios-left-edge .block-header, | |
2968 | .ios.device-iphone-x .ios-edges .block-header, | |
2969 | .ios.device-iphone-x .popup .block-header, | |
2970 | .ios.device-iphone-x .sheet-modal .block-header, | |
2971 | .ios.device-iphone-x .panel-left .block-header, | |
2972 | .ios.device-iphone-x .ios-left-edge .block-footer, | |
2973 | .ios.device-iphone-x .ios-edges .block-footer, | |
2974 | .ios.device-iphone-x .popup .block-footer, | |
2975 | .ios.device-iphone-x .sheet-modal .block-footer, | |
2976 | .ios.device-iphone-x .panel-left .block-footer { | |
2977 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
2978 | padding-left: calc(15px + env(safe-area-inset-left)); | |
2979 | } | |
2980 | .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2981 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2982 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2983 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2984 | .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2985 | .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2986 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2987 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2988 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2989 | .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
2990 | padding-left: 0; | |
2991 | } | |
2992 | .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2993 | .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2994 | .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2995 | .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2996 | .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2997 | .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2998 | .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2999 | .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3000 | .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3001 | .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3002 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
3003 | margin-left: calc(15px + env(safe-area-inset-left)); | |
3004 | } | |
3005 | .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3006 | .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3007 | .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3008 | .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3009 | .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3010 | .ios.device-iphone-x .ios-right-edge .block-header, | |
3011 | .ios.device-iphone-x .ios-edges .block-header, | |
3012 | .ios.device-iphone-x .popup .block-header, | |
3013 | .ios.device-iphone-x .sheet-modal .block-header, | |
3014 | .ios.device-iphone-x .panel-right .block-header, | |
3015 | .ios.device-iphone-x .ios-right-edge .block-footer, | |
3016 | .ios.device-iphone-x .ios-edges .block-footer, | |
3017 | .ios.device-iphone-x .popup .block-footer, | |
3018 | .ios.device-iphone-x .sheet-modal .block-footer, | |
3019 | .ios.device-iphone-x .panel-right .block-footer { | |
3020 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
3021 | padding-right: calc(15px + env(safe-area-inset-right)); | |
3022 | } | |
3023 | .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3024 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3025 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3026 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3027 | .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3028 | .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3029 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3030 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3031 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3032 | .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
3033 | padding-right: 0; | |
3034 | } | |
3035 | .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3036 | .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3037 | .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3038 | .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3039 | .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3040 | .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3041 | .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3042 | .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3043 | .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3044 | .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3045 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
3046 | margin-right: calc(15px + env(safe-area-inset-right)); | |
3047 | } | |
3048 | } | |
3049 | @media (orientation: landscape) and (min-width: 768px) { | |
3050 | .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3051 | .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3052 | .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3053 | .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3054 | .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3055 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
3056 | margin-left: calc(15px + env(safe-area-inset-left)); | |
3057 | } | |
3058 | } | |
3059 | @media (orientation: landscape) and (min-width: 768px) { | |
3060 | .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3061 | .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3062 | .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3063 | .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3064 | .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3065 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
3066 | margin-right: calc(15px + env(safe-area-inset-right)); | |
3067 | } | |
3068 | } | |
3069 | .md .block { | |
3070 | margin: 32px 0; | |
3071 | padding: 0 16px; | |
3072 | } | |
3073 | .md .block-title { | |
3074 | color: rgba(0, 0, 0, 0.54); | |
3075 | margin: 32px 16px 16px; | |
3076 | line-height: 16px; | |
3077 | font-weight: 500; | |
3078 | } | |
3079 | .md .block-title + .list, | |
3080 | .md .block-title + .block, | |
3081 | .md .block-title + .card, | |
3082 | .md .block-title + .timeline, | |
3083 | .md .block-title + .block-header { | |
3084 | margin-top: 0px; | |
3085 | } | |
3086 | .md .block-strong { | |
3087 | padding: 16px; | |
3088 | } | |
3089 | .md .block-strong:before { | |
3090 | content: ''; | |
3091 | position: absolute; | |
3092 | background-color: rgba(0, 0, 0, 0.12); | |
3093 | display: block; | |
3094 | z-index: 15; | |
3095 | top: 0; | |
3096 | right: auto; | |
3097 | bottom: auto; | |
3098 | left: 0; | |
3099 | height: 1px; | |
3100 | width: 100%; | |
3101 | -webkit-transform-origin: 50% 0%; | |
3102 | transform-origin: 50% 0%; | |
3103 | } | |
3104 | .md.device-pixel-ratio-2 .block-strong:before { | |
3105 | -webkit-transform: scaleY(0.5); | |
3106 | transform: scaleY(0.5); | |
3107 | } | |
3108 | .md.device-pixel-ratio-3 .block-strong:before { | |
3109 | -webkit-transform: scaleY(0.33); | |
3110 | transform: scaleY(0.33); | |
3111 | } | |
3112 | .md .block-strong:after { | |
3113 | content: ''; | |
3114 | position: absolute; | |
3115 | background-color: rgba(0, 0, 0, 0.12); | |
3116 | display: block; | |
3117 | z-index: 15; | |
3118 | top: auto; | |
3119 | right: auto; | |
3120 | bottom: 0; | |
3121 | left: 0; | |
3122 | height: 1px; | |
3123 | width: 100%; | |
3124 | -webkit-transform-origin: 50% 100%; | |
3125 | transform-origin: 50% 100%; | |
3126 | } | |
3127 | .md.device-pixel-ratio-2 .block-strong:after { | |
3128 | -webkit-transform: scaleY(0.5); | |
3129 | transform: scaleY(0.5); | |
3130 | } | |
3131 | .md.device-pixel-ratio-3 .block-strong:after { | |
3132 | -webkit-transform: scaleY(0.33); | |
3133 | transform: scaleY(0.33); | |
3134 | } | |
3135 | .md .block.inset { | |
3136 | margin-left: 16px; | |
3137 | margin-right: 16px; | |
3138 | } | |
3139 | .md .block-strong.inset { | |
3140 | border-radius: 4px; | |
3141 | } | |
3142 | .md .block-header, | |
3143 | .md .block-footer { | |
3144 | padding: 0 16px; | |
3145 | color: rgba(0, 0, 0, 0.54); | |
3146 | } | |
3147 | .md .block .block-header, | |
3148 | .md .block .block-footer { | |
3149 | padding: 0; | |
3150 | } | |
3151 | .md .block-header { | |
3152 | margin-top: 32px; | |
3153 | } | |
3154 | .md .block-header + .list, | |
3155 | .md .block-header + .block, | |
3156 | .md .block-header + .card, | |
3157 | .md .block-header + .timeline { | |
3158 | margin-top: 10px; | |
3159 | } | |
3160 | .md .block-footer { | |
3161 | margin-bottom: 32px; | |
3162 | } | |
3163 | .md .list .block-header, | |
3164 | .md .block .block-header, | |
3165 | .md .card .block-header, | |
3166 | .md .timeline .block-header { | |
3167 | margin-top: 0; | |
3168 | } | |
3169 | .md .list .block-footer, | |
3170 | .md .block .block-footer, | |
3171 | .md .card .block-footer, | |
3172 | .md .timeline .block-footer { | |
3173 | margin-bottom: 0; | |
3174 | } | |
3175 | .md .list + .block-footer, | |
3176 | .md .block + .block-footer, | |
3177 | .md .card + .block-footer, | |
3178 | .md .timeline + .block-footer { | |
3179 | margin-top: -22px; | |
3180 | } | |
3181 | .md .block + .block-footer { | |
3182 | margin-top: -22px; | |
3183 | margin-bottom: 32px; | |
3184 | } | |
3185 | @media (min-width: 768px) { | |
3186 | .md .block.tablet-inset { | |
3187 | margin-left: 16px; | |
3188 | margin-right: 16px; | |
3189 | border-radius: 4px; | |
3190 | } | |
3191 | .md .block-strong.tablet-inset { | |
3192 | border-radius: 4px; | |
3193 | } | |
3194 | } | |
3195 | .md .theme-dark .block-title { | |
3196 | color: #fff; | |
3197 | } | |
3198 | .md .theme-dark .block-header, | |
3199 | .md .theme-dark .block-footer { | |
3200 | color: rgba(255, 255, 255, 0.54); | |
3201 | } | |
3202 | @media (orientation: landscape) { | |
3203 | .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3204 | .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3205 | .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3206 | .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3207 | .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3208 | .md.device-iphone-x .ios-left-edge .block-header, | |
3209 | .md.device-iphone-x .ios-edges .block-header, | |
3210 | .md.device-iphone-x .popup .block-header, | |
3211 | .md.device-iphone-x .sheet-modal .block-header, | |
3212 | .md.device-iphone-x .panel-left .block-header, | |
3213 | .md.device-iphone-x .ios-left-edge .block-footer, | |
3214 | .md.device-iphone-x .ios-edges .block-footer, | |
3215 | .md.device-iphone-x .popup .block-footer, | |
3216 | .md.device-iphone-x .sheet-modal .block-footer, | |
3217 | .md.device-iphone-x .panel-left .block-footer { | |
3218 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
3219 | padding-left: calc(16px + env(safe-area-inset-left)); | |
3220 | } | |
3221 | .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3222 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3223 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3224 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3225 | .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3226 | .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3227 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3228 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3229 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3230 | .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
3231 | padding-left: 0; | |
3232 | } | |
3233 | .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3234 | .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3235 | .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3236 | .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3237 | .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3238 | .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3239 | .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3240 | .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3241 | .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3242 | .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3243 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
3244 | margin-left: calc(16px + env(safe-area-inset-left)); | |
3245 | } | |
3246 | .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3247 | .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3248 | .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3249 | .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3250 | .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3251 | .md.device-iphone-x .ios-right-edge .block-header, | |
3252 | .md.device-iphone-x .ios-edges .block-header, | |
3253 | .md.device-iphone-x .popup .block-header, | |
3254 | .md.device-iphone-x .sheet-modal .block-header, | |
3255 | .md.device-iphone-x .panel-right .block-header, | |
3256 | .md.device-iphone-x .ios-right-edge .block-footer, | |
3257 | .md.device-iphone-x .ios-edges .block-footer, | |
3258 | .md.device-iphone-x .popup .block-footer, | |
3259 | .md.device-iphone-x .sheet-modal .block-footer, | |
3260 | .md.device-iphone-x .panel-right .block-footer { | |
3261 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
3262 | padding-right: calc(16px + env(safe-area-inset-right)); | |
3263 | } | |
3264 | .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3265 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3266 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3267 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3268 | .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3269 | .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3270 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3271 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3272 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3273 | .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
3274 | padding-right: 0; | |
3275 | } | |
3276 | .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3277 | .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3278 | .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3279 | .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3280 | .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3281 | .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3282 | .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3283 | .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3284 | .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3285 | .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3286 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
3287 | margin-right: calc(16px + env(safe-area-inset-right)); | |
3288 | } | |
3289 | } | |
3290 | @media (orientation: landscape) and (min-width: 768px) { | |
3291 | .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3292 | .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3293 | .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3294 | .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3295 | .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3296 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
3297 | margin-left: calc(16px + env(safe-area-inset-left)); | |
3298 | } | |
3299 | } | |
3300 | @media (orientation: landscape) and (min-width: 768px) { | |
3301 | .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3302 | .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3303 | .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3304 | .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3305 | .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3306 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
3307 | margin-right: calc(16px + env(safe-area-inset-right)); | |
3308 | } | |
3309 | } | |
3310 | /* === List View === */ | |
3311 | .list { | |
3312 | position: relative; | |
3313 | z-index: 1; | |
3314 | } | |
3315 | .list ul { | |
3316 | list-style: none; | |
3317 | margin: 0; | |
3318 | padding: 0; | |
3319 | position: relative; | |
3320 | } | |
3321 | .list ul ul:before { | |
3322 | display: none !important; | |
3323 | } | |
3324 | .list ul ul:after { | |
3325 | display: none !important; | |
3326 | } | |
3327 | .list li { | |
3328 | position: relative; | |
3329 | -webkit-box-sizing: border-box; | |
3330 | box-sizing: border-box; | |
3331 | } | |
3332 | .list .item-media { | |
3333 | display: -webkit-box; | |
3334 | display: -webkit-flex; | |
3335 | display: -ms-flexbox; | |
3336 | display: flex; | |
3337 | -webkit-flex-shrink: 0; | |
3338 | -ms-flex-negative: 0; | |
3339 | flex-shrink: 0; | |
3340 | -webkit-flex-wrap: nowrap; | |
3341 | -ms-flex-wrap: nowrap; | |
3342 | flex-wrap: nowrap; | |
3343 | -webkit-box-align: center; | |
3344 | -webkit-align-items: center; | |
3345 | -ms-flex-align: center; | |
3346 | align-items: center; | |
3347 | -webkit-box-sizing: border-box; | |
3348 | box-sizing: border-box; | |
3349 | padding-bottom: 8px; | |
3350 | } | |
3351 | .list .item-inner { | |
3352 | position: relative; | |
3353 | width: 100%; | |
3354 | padding-top: 8px; | |
3355 | padding-bottom: 8px; | |
3356 | min-width: 0; | |
3357 | display: -webkit-box; | |
3358 | display: -webkit-flex; | |
3359 | display: -ms-flexbox; | |
3360 | display: flex; | |
3361 | -webkit-box-pack: justify; | |
3362 | -webkit-justify-content: space-between; | |
3363 | -ms-flex-pack: justify; | |
3364 | justify-content: space-between; | |
3365 | -webkit-box-sizing: border-box; | |
3366 | box-sizing: border-box; | |
3367 | -webkit-box-align: center; | |
3368 | -webkit-align-items: center; | |
3369 | -ms-flex-align: center; | |
3370 | align-items: center; | |
3371 | -webkit-align-self: stretch; | |
3372 | -ms-flex-item-align: stretch; | |
3373 | align-self: stretch; | |
3374 | } | |
3375 | .list .item-title { | |
3376 | min-width: 0; | |
3377 | -webkit-flex-shrink: 1; | |
3378 | -ms-flex-negative: 1; | |
3379 | flex-shrink: 1; | |
3380 | white-space: nowrap; | |
3381 | position: relative; | |
3382 | overflow: hidden; | |
3383 | text-overflow: ellipsis; | |
3384 | max-width: 100%; | |
3385 | } | |
3386 | .list .item-after { | |
3387 | white-space: nowrap; | |
3388 | -webkit-flex-shrink: 0; | |
3389 | -ms-flex-negative: 0; | |
3390 | flex-shrink: 0; | |
3391 | display: -webkit-box; | |
3392 | display: -webkit-flex; | |
3393 | display: -ms-flexbox; | |
3394 | display: flex; | |
3395 | margin-right: auto; | |
3396 | } | |
3397 | .list .item-link, | |
3398 | .list .list-button { | |
3399 | -webkit-transition-duration: 300ms; | |
3400 | transition-duration: 300ms; | |
3401 | -webkit-transition-property: background-color; | |
3402 | transition-property: background-color; | |
3403 | display: block; | |
3404 | position: relative; | |
3405 | overflow: hidden; | |
3406 | z-index: 0; | |
3407 | } | |
3408 | .list .item-content { | |
3409 | display: -webkit-box; | |
3410 | display: -webkit-flex; | |
3411 | display: -ms-flexbox; | |
3412 | display: flex; | |
3413 | -webkit-box-pack: justify; | |
3414 | -webkit-justify-content: space-between; | |
3415 | -ms-flex-pack: justify; | |
3416 | justify-content: space-between; | |
3417 | -webkit-box-sizing: border-box; | |
3418 | box-sizing: border-box; | |
3419 | -webkit-box-align: center; | |
3420 | -webkit-align-items: center; | |
3421 | -ms-flex-align: center; | |
3422 | align-items: center; | |
3423 | } | |
3424 | .list .item-subtitle { | |
3425 | position: relative; | |
3426 | overflow: hidden; | |
3427 | white-space: nowrap; | |
3428 | max-width: 100%; | |
3429 | text-overflow: ellipsis; | |
3430 | } | |
3431 | .list .item-text { | |
3432 | position: relative; | |
3433 | overflow: hidden; | |
3434 | text-overflow: hidden; | |
3435 | -webkit-line-clamp: 2; | |
3436 | -webkit-box-orient: vertical; | |
3437 | display: -webkit-box; | |
3438 | } | |
3439 | .list .item-title-row { | |
3440 | display: -webkit-box; | |
3441 | display: -webkit-flex; | |
3442 | display: -ms-flexbox; | |
3443 | display: flex; | |
3444 | -webkit-box-pack: justify; | |
3445 | -webkit-justify-content: space-between; | |
3446 | -ms-flex-pack: justify; | |
3447 | justify-content: space-between; | |
3448 | -webkit-box-sizing: border-box; | |
3449 | box-sizing: border-box; | |
3450 | } | |
3451 | .list .item-title-row .item-after { | |
3452 | -webkit-align-self: center; | |
3453 | -ms-flex-item-align: center; | |
3454 | align-self: center; | |
3455 | } | |
3456 | .list .item-row { | |
3457 | display: -webkit-box; | |
3458 | display: -webkit-flex; | |
3459 | display: -ms-flexbox; | |
3460 | display: flex; | |
3461 | -webkit-box-pack: justify; | |
3462 | -webkit-justify-content: space-between; | |
3463 | -ms-flex-pack: justify; | |
3464 | justify-content: space-between; | |
3465 | -webkit-box-sizing: border-box; | |
3466 | box-sizing: border-box; | |
3467 | } | |
3468 | .list .item-cell { | |
3469 | display: block; | |
3470 | -webkit-align-self: center; | |
3471 | -ms-flex-item-align: center; | |
3472 | align-self: center; | |
3473 | -webkit-box-sizing: border-box; | |
3474 | box-sizing: border-box; | |
3475 | -webkit-flex-shrink: 1; | |
3476 | -ms-flex-negative: 1; | |
3477 | flex-shrink: 1; | |
3478 | } | |
3479 | .list li:last-child .list-button:after { | |
3480 | display: none !important; | |
3481 | } | |
3482 | .list li:last-child > .item-inner:after, | |
3483 | .list li:last-child li:last-child > .item-inner:after, | |
3484 | .list li:last-child > .item-content > .item-inner:after, | |
3485 | .list li:last-child li:last-child > .item-content > .item-inner:after, | |
3486 | .list li:last-child > .swipeout-content > .item-content > .item-inner:after, | |
3487 | .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, | |
3488 | .list li:last-child > .item-link > .item-content > .item-inner:after, | |
3489 | .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { | |
3490 | display: none !important; | |
3491 | } | |
3492 | .list.no-hairlines:before, | |
3493 | .list.no-hairlines ul:before, | |
3494 | .md .list.no-hairlines-md:before, | |
3495 | .md .list.no-hairlines-md ul:before, | |
3496 | .ios .list.no-hairlines-ios:before, | |
3497 | .ios .list.no-hairlines-ios ul:before { | |
3498 | display: none !important; | |
3499 | } | |
3500 | .list.no-hairlines:after, | |
3501 | .list.no-hairlines ul:after, | |
3502 | .md .list.no-hairlines-md:after, | |
3503 | .md .list.no-hairlines-md ul:after, | |
3504 | .ios .list.no-hairlines-ios:after, | |
3505 | .ios .list.no-hairlines-ios ul:after { | |
3506 | display: none !important; | |
3507 | } | |
3508 | .list.no-hairline-top:before, | |
3509 | .list.no-hairline-top ul:before, | |
3510 | .md .list.no-hairline-top-md:before, | |
3511 | .md .list.no-hairline-top-md ul:before, | |
3512 | .ios .list.no-hairline-top-ios:before, | |
3513 | .ios .list.no-hairline-top-ios ul:before { | |
3514 | display: none !important; | |
3515 | } | |
3516 | .list.no-hairline-bottom:after, | |
3517 | .list.no-hairline-bottom ul:after, | |
3518 | .md .list.no-hairline-bottom-md:after, | |
3519 | .md .list.no-hairline-bottom-md ul:after, | |
3520 | .ios .list.no-hairline-bottom-ios:after, | |
3521 | .ios .list.no-hairline-bottom-ios ul:after { | |
3522 | display: none !important; | |
3523 | } | |
3524 | .list.no-hairlines-between .item-inner:after, | |
3525 | .md .list.no-hairlines-between-md .item-inner:after, | |
3526 | .ios .list.no-hairlines-between-ios .item-inner:after, | |
3527 | .list.no-hairlines-between .list-button:after, | |
3528 | .md .list.no-hairlines-between-md .list-button:after, | |
3529 | .ios .list.no-hairlines-between-ios .list-button:after, | |
3530 | .list.no-hairlines-between .item-divider:after, | |
3531 | .md .list.no-hairlines-between-md .item-divider:after, | |
3532 | .ios .list.no-hairlines-between-ios .item-divider:after, | |
3533 | .list.no-hairlines-between .list-group-title:after, | |
3534 | .md .list.no-hairlines-between-md .list-group-title:after, | |
3535 | .ios .list.no-hairlines-between-ios .list-group-title:after, | |
3536 | .list.no-hairlines-between .list-group-title:after, | |
3537 | .md .list.no-hairlines-between-md .list-group-title:after, | |
3538 | .ios .list.no-hairlines-between-ios .list-group-title:after { | |
3539 | display: none !important; | |
3540 | } | |
3541 | .list.no-hairlines-between.simple-list li:after, | |
3542 | .md .list.no-hairlines-between-md.simple-list li:after, | |
3543 | .ios .list.no-hairlines-between-ios.simple-list li:after { | |
3544 | display: none !important; | |
3545 | } | |
3546 | .list.no-hairlines-between.links-list a:after, | |
3547 | .md .list.no-hairlines-between-md.links-list a:after, | |
3548 | .ios .list.no-hairlines-between-ios.links-list a:after { | |
3549 | display: none !important; | |
3550 | } | |
3551 | .list.simple-list li { | |
3552 | position: relative; | |
3553 | white-space: nowrap; | |
3554 | text-overflow: ellipsis; | |
3555 | max-width: 100%; | |
3556 | -webkit-box-sizing: border-box; | |
3557 | box-sizing: border-box; | |
3558 | display: -webkit-box; | |
3559 | display: -webkit-flex; | |
3560 | display: -ms-flexbox; | |
3561 | display: flex; | |
3562 | -webkit-box-pack: justify; | |
3563 | -webkit-justify-content: space-between; | |
3564 | -ms-flex-pack: justify; | |
3565 | justify-content: space-between; | |
3566 | -webkit-box-align: center; | |
3567 | -webkit-align-items: center; | |
3568 | -ms-flex-align: center; | |
3569 | align-items: center; | |
3570 | -webkit-align-content: center; | |
3571 | -ms-flex-line-pack: center; | |
3572 | align-content: center; | |
3573 | } | |
3574 | .list.simple-list li:last-child:after { | |
3575 | display: none !important; | |
3576 | } | |
3577 | .list.links-list a { | |
3578 | -webkit-transition-duration: 300ms; | |
3579 | transition-duration: 300ms; | |
3580 | -webkit-transition-property: background-color; | |
3581 | transition-property: background-color; | |
3582 | display: block; | |
3583 | position: relative; | |
3584 | overflow: hidden; | |
3585 | display: -webkit-box; | |
3586 | display: -webkit-flex; | |
3587 | display: -ms-flexbox; | |
3588 | display: flex; | |
3589 | -webkit-box-align: center; | |
3590 | -webkit-align-items: center; | |
3591 | -ms-flex-align: center; | |
3592 | align-items: center; | |
3593 | -webkit-align-content: center; | |
3594 | -ms-flex-line-pack: center; | |
3595 | align-content: center; | |
3596 | -webkit-box-pack: justify; | |
3597 | -webkit-justify-content: space-between; | |
3598 | -ms-flex-pack: justify; | |
3599 | justify-content: space-between; | |
3600 | -webkit-box-sizing: border-box; | |
3601 | box-sizing: border-box; | |
3602 | white-space: nowrap; | |
3603 | text-overflow: ellipsis; | |
3604 | max-width: 100%; | |
3605 | } | |
3606 | .list.links-list li:last-child a:after { | |
3607 | display: none !important; | |
3608 | } | |
3609 | .media-list .item-inner, | |
3610 | li.media-item .item-inner { | |
3611 | display: block; | |
3612 | -webkit-align-self: stretch; | |
3613 | -ms-flex-item-align: stretch; | |
3614 | align-self: stretch; | |
3615 | } | |
3616 | .media-list .item-link .item-inner, | |
3617 | li.media-item .item-link .item-inner { | |
3618 | background: none; | |
3619 | } | |
3620 | .media-list .item-media, | |
3621 | li.media-item .item-media { | |
3622 | -webkit-align-self: flex-start; | |
3623 | -ms-flex-item-align: start; | |
3624 | align-self: flex-start; | |
3625 | } | |
3626 | .media-list .item-media img, | |
3627 | li.media-item .item-media img { | |
3628 | display: block; | |
3629 | } | |
3630 | .list .item-link .item-inner, | |
3631 | .links-list a, | |
3632 | .media-list .item-link .item-title-row, | |
3633 | li.media-item .item-link .item-title-row, | |
3634 | .media-list.chevron-center .item-link .item-inner, | |
3635 | .media-list .chevron-center .item-link .item-inner, | |
3636 | .media-list .item-link.chevron-center .item-inner, | |
3637 | li.media-item.chevron-center .item-link .item-inner, | |
3638 | li.media-item .chevron-center .item-link .item-inner, | |
3639 | li.media-item .item-link.chevron-center .item-inner { | |
3640 | background-size: 8px 13px; | |
3641 | background-repeat: no-repeat; | |
3642 | background-position: 15px center; | |
3643 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); | |
3644 | } | |
3645 | .links-list.no-chevron a, | |
3646 | .no-chevron .links-list a, | |
3647 | .links-list .no-chevron a, | |
3648 | .item-link.no-chevron .item-inner, | |
3649 | .no-chevron .item-link .item-inner, | |
3650 | .media-list.no-chevron .item-link .item-title-row, | |
3651 | .no-chevron .media-list .item-link .item-title-row, | |
3652 | li.media-item .no-chevron .item-title-row, | |
3653 | li.media-item.no-chevron .item-title-row, | |
3654 | .media-list.chevron-center .item-title-row, | |
3655 | .media-list .chevron-center .item-title-row, | |
3656 | li.media-item.chevron-center .item-title-row, | |
3657 | li.media-item .chevron-center .item-title-row { | |
3658 | background-image: none !important; | |
3659 | } | |
3660 | .media-list .item-link .item-inner, | |
3661 | li.media-item .item-link .item-inner { | |
3662 | background-image: none; | |
3663 | } | |
3664 | .media-list .item-link .item-title-row, | |
3665 | li.media-item .item-link .item-title-row { | |
3666 | background-position: left center !important; | |
3667 | } | |
3668 | .list-group ul:after, | |
3669 | .list-group ul:before { | |
3670 | z-index: 25 !important; | |
3671 | } | |
3672 | .list-group + .list-group ul:before { | |
3673 | display: none !important; | |
3674 | } | |
3675 | li.item-divider, | |
3676 | .item-divider, | |
3677 | li.list-group-title { | |
3678 | white-space: nowrap; | |
3679 | position: relative; | |
3680 | max-width: 100%; | |
3681 | text-overflow: ellipsis; | |
3682 | overflow: hidden; | |
3683 | z-index: 15; | |
3684 | } | |
3685 | li.list-group-title, | |
3686 | .list li.list-group-title { | |
3687 | position: relative; | |
3688 | position: -webkit-sticky; | |
3689 | position: sticky; | |
3690 | top: 0; | |
3691 | margin-top: 0; | |
3692 | z-index: 20; | |
3693 | } | |
3694 | li.list-group-title:before, | |
3695 | .list li.list-group-title:before { | |
3696 | display: none !important; | |
3697 | } | |
3698 | .list.inset .block-title { | |
3699 | margin-left: 0; | |
3700 | margin-right: 0; | |
3701 | } | |
3702 | .list.inset ul:before { | |
3703 | display: none !important; | |
3704 | } | |
3705 | .list.inset ul:after { | |
3706 | display: none !important; | |
3707 | } | |
3708 | @media (min-width: 768px) { | |
3709 | .list.tablet-inset .block-title { | |
3710 | margin-left: 0; | |
3711 | margin-right: 0; | |
3712 | } | |
3713 | .list.tablet-inset ul:before { | |
3714 | display: none !important; | |
3715 | } | |
3716 | .list.tablet-inset ul:after { | |
3717 | display: none !important; | |
3718 | } | |
3719 | } | |
3720 | .theme-dark .list .item-link .item-inner, | |
3721 | .list.theme-dark .item-link .item-inner, | |
3722 | .theme-dark .links-list a, | |
3723 | .links-list.theme-dark a, | |
3724 | .theme-dark .media-list .item-link .item-title-row, | |
3725 | .media-list.theme-dark .item-link .item-title-row, | |
3726 | .theme-dark li.media-item .item-link .item-title-row { | |
3727 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23434345'%20transform%3D'translate(6.500000%2C%206.500000)%20rotate(-225.000000)%20translate(-6.500000%2C%20-6.500000)%20'%20points%3D'11%2011%2011%202%209%202%209%209%202%209%202%2011%2010%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); | |
3728 | } | |
3729 | .theme-dark .media-list .item-link .item-inner, | |
3730 | .media-list.theme-dark .item-link .item-inner, | |
3731 | .theme-dark li.media-item .item-link .item-inner { | |
3732 | background-image: none; | |
3733 | } | |
3734 | .ios .list { | |
3735 | margin: 35px 0; | |
3736 | font-size: 17px; | |
3737 | } | |
3738 | .ios .list .item-cell { | |
3739 | width: 100%; | |
3740 | min-width: 0; | |
3741 | margin-right: 15px; | |
3742 | } | |
3743 | .ios .list .item-cell:first-child { | |
3744 | margin-right: 0; | |
3745 | } | |
3746 | .ios .list ul { | |
3747 | background: #fff; | |
3748 | } | |
3749 | .ios .list ul ul { | |
3750 | padding-right: 45px; | |
3751 | } | |
3752 | .ios .list .item-media { | |
3753 | padding-top: 7px; | |
3754 | } | |
3755 | .ios .list .item-media i + i, | |
3756 | .ios .list .item-media i + img { | |
3757 | margin-right: 5px; | |
3758 | } | |
3759 | .ios .list .item-media + .item-inner { | |
3760 | margin-right: 15px; | |
3761 | } | |
3762 | .ios .list .item-inner { | |
3763 | min-height: 44px; | |
3764 | padding-left: 15px; | |
3765 | } | |
3766 | .ios .list .item-after { | |
3767 | color: #8e8e93; | |
3768 | padding-right: 5px; | |
3769 | } | |
3770 | .ios .list .item-link, | |
3771 | .ios .list .list-button { | |
3772 | color: inherit; | |
3773 | } | |
3774 | .ios .list .item-link .item-inner, | |
3775 | .ios .list .list-button .item-inner { | |
3776 | padding-left: 35px; | |
3777 | } | |
3778 | .ios .list .item-link.active-state, | |
3779 | .ios .list .list-button.active-state { | |
3780 | -webkit-transition-duration: 0ms; | |
3781 | transition-duration: 0ms; | |
3782 | background-color: #d9d9d9; | |
3783 | } | |
3784 | .ios .list .item-link.active-state .item-inner:after, | |
3785 | .ios .list .list-button.active-state .item-inner:after { | |
3786 | background-color: transparent; | |
3787 | } | |
3788 | .ios .list .list-button { | |
3789 | padding: 0 15px; | |
3790 | text-align: center; | |
3791 | color: #007aff; | |
3792 | line-height: 44px; | |
3793 | } | |
3794 | .ios .list .item-content { | |
3795 | min-height: 44px; | |
3796 | padding-right: 15px; | |
3797 | } | |
3798 | .ios .list .item-subtitle { | |
3799 | font-size: 15px; | |
3800 | } | |
3801 | .ios .list .item-text { | |
3802 | font-size: 15px; | |
3803 | color: #8e8e93; | |
3804 | line-height: 21px; | |
3805 | max-height: 42px; | |
3806 | } | |
3807 | .ios .list .item-header, | |
3808 | .ios .list .item-footer { | |
3809 | font-weight: normal; | |
3810 | font-size: 12px; | |
3811 | line-height: 1.2; | |
3812 | white-space: normal; | |
3813 | } | |
3814 | .ios .list .item-footer { | |
3815 | color: #8e8e93; | |
3816 | } | |
3817 | .ios .list .item-link.no-chevron .item-inner, | |
3818 | .ios .list.no-chevron .item-link .item-inner, | |
3819 | .ios .list .no-chevron .item-link .item-inner, | |
3820 | .ios .no-chevron .list .item-link .item-inner { | |
3821 | padding-left: 15px; | |
3822 | } | |
3823 | .ios .simple-list li:after { | |
3824 | content: ''; | |
3825 | position: absolute; | |
3826 | background-color: #c8c7cc; | |
3827 | display: block; | |
3828 | z-index: 15; | |
3829 | top: auto; | |
3830 | right: auto; | |
3831 | bottom: 0; | |
3832 | left: 0; | |
3833 | height: 1px; | |
3834 | width: 100%; | |
3835 | -webkit-transform-origin: 50% 100%; | |
3836 | transform-origin: 50% 100%; | |
3837 | } | |
3838 | .ios.device-pixel-ratio-2 .simple-list li:after { | |
3839 | -webkit-transform: scaleY(0.5); | |
3840 | transform: scaleY(0.5); | |
3841 | } | |
3842 | .ios.device-pixel-ratio-3 .simple-list li:after { | |
3843 | -webkit-transform: scaleY(0.33); | |
3844 | transform: scaleY(0.33); | |
3845 | } | |
3846 | .ios .simple-list li { | |
3847 | padding-left: 15px; | |
3848 | padding-right: 15px; | |
3849 | line-height: 44px; | |
3850 | height: 44px; | |
3851 | } | |
3852 | .ios .simple-list li:after { | |
3853 | left: 15px; | |
3854 | right: 0; | |
3855 | width: auto; | |
3856 | right: 15px; | |
3857 | left: 0; | |
3858 | } | |
3859 | .ios .links-list a:after { | |
3860 | content: ''; | |
3861 | position: absolute; | |
3862 | background-color: #c8c7cc; | |
3863 | display: block; | |
3864 | z-index: 15; | |
3865 | top: auto; | |
3866 | right: auto; | |
3867 | bottom: 0; | |
3868 | left: 0; | |
3869 | height: 1px; | |
3870 | width: 100%; | |
3871 | -webkit-transform-origin: 50% 100%; | |
3872 | transform-origin: 50% 100%; | |
3873 | } | |
3874 | .ios.device-pixel-ratio-2 .links-list a:after { | |
3875 | -webkit-transform: scaleY(0.5); | |
3876 | transform: scaleY(0.5); | |
3877 | } | |
3878 | .ios.device-pixel-ratio-3 .links-list a:after { | |
3879 | -webkit-transform: scaleY(0.33); | |
3880 | transform: scaleY(0.33); | |
3881 | } | |
3882 | .ios .links-list a { | |
3883 | height: 44px; | |
3884 | color: inherit; | |
3885 | } | |
3886 | .ios .links-list a.active-state { | |
3887 | -webkit-transition-duration: 0ms; | |
3888 | transition-duration: 0ms; | |
3889 | background-color: #d9d9d9; | |
3890 | } | |
3891 | .ios .links-list a:after { | |
3892 | width: auto; | |
3893 | } | |
3894 | .ios .links-list a { | |
3895 | padding-right: 15px; | |
3896 | padding-left: 35px; | |
3897 | } | |
3898 | .ios .links-list a:after { | |
3899 | right: 15px; | |
3900 | left: 0; | |
3901 | } | |
3902 | .ios .links-list.no-chevron a, | |
3903 | .ios .no-chevron .links-list a, | |
3904 | .ios .links-list a.no-chevron, | |
3905 | .ios .links-list .no-chevron a { | |
3906 | padding-left: 15px; | |
3907 | } | |
3908 | .ios .media-list .item-title, | |
3909 | .ios li.media-item .item-title { | |
3910 | font-weight: 600; | |
3911 | } | |
3912 | .ios .media-list .item-inner, | |
3913 | .ios li.media-item .item-inner { | |
3914 | padding-top: 10px; | |
3915 | padding-bottom: 9px; | |
3916 | } | |
3917 | .ios .media-list .item-media, | |
3918 | .ios li.media-item .item-media { | |
3919 | padding-top: 9px; | |
3920 | padding-bottom: 10px; | |
3921 | } | |
3922 | .ios .media-list .item-link .item-inner, | |
3923 | .ios li.media-item .item-link .item-inner { | |
3924 | padding-left: 15px; | |
3925 | } | |
3926 | .ios .media-list .item-link .item-title-row, | |
3927 | .ios li.media-item .item-link .item-title-row { | |
3928 | padding-left: 20px; | |
3929 | } | |
3930 | .ios .media-list.chevron-center .item-link .item-inner, | |
3931 | .ios .media-list .chevron-center .item-link .item-inner, | |
3932 | .ios .media-list .item-link.chevron-center .item-inner, | |
3933 | .ios li.media-item.chevron-center .item-link .item-inner, | |
3934 | .ios li.media-item .item-link.chevron-center .item-inner, | |
3935 | .ios li.media-item .chevron-center .item-link .item-inner { | |
3936 | padding-left: 35px; | |
3937 | } | |
3938 | .ios .media-list.no-chevron .item-link .item-title-row, | |
3939 | .ios .no-chevron .media-list .item-link .item-title-row, | |
3940 | .ios .media-list .no-chevron .item-link .item-title-row, | |
3941 | .ios li.media-item.no-chevron .item-link .item-title-row, | |
3942 | .ios .no-chevron li.media-item .item-link .item-title-row, | |
3943 | .ios .media-list.chevron-center .item-title-row, | |
3944 | .ios .media-list .chevron-center .item-title-row, | |
3945 | .ios li.media-item.chevron-center .item-title-row, | |
3946 | .ios li.media-item .chevron-center .item-title-row { | |
3947 | padding-left: 0 !important; | |
3948 | } | |
3949 | .ios .list .item-link .item-inner, | |
3950 | .ios .links-list a { | |
3951 | background-position: 15px center; | |
3952 | } | |
3953 | .ios .item-divider, | |
3954 | .ios .list-group-title { | |
3955 | margin-top: -1px; | |
3956 | padding: 4px 15px; | |
3957 | background: #f7f7f7; | |
3958 | color: #8e8e93; | |
3959 | } | |
3960 | .ios .item-divider:after, | |
3961 | .ios .list-group-title:after { | |
3962 | display: none !important; | |
3963 | } | |
3964 | .ios .list-group-title { | |
3965 | margin-top: 0; | |
3966 | } | |
3967 | .ios .item-divider:before { | |
3968 | content: ''; | |
3969 | position: absolute; | |
3970 | background-color: #c8c7cc; | |
3971 | display: block; | |
3972 | z-index: 15; | |
3973 | top: 0; | |
3974 | right: auto; | |
3975 | bottom: auto; | |
3976 | left: 0; | |
3977 | height: 1px; | |
3978 | width: 100%; | |
3979 | -webkit-transform-origin: 50% 0%; | |
3980 | transform-origin: 50% 0%; | |
3981 | } | |
3982 | .ios.device-pixel-ratio-2 .item-divider:before { | |
3983 | -webkit-transform: scaleY(0.5); | |
3984 | transform: scaleY(0.5); | |
3985 | } | |
3986 | .ios.device-pixel-ratio-3 .item-divider:before { | |
3987 | -webkit-transform: scaleY(0.33); | |
3988 | transform: scaleY(0.33); | |
3989 | } | |
3990 | .ios .list-group-title:before { | |
3991 | content: ''; | |
3992 | position: absolute; | |
3993 | background-color: #c8c7cc; | |
3994 | display: block; | |
3995 | z-index: 15; | |
3996 | top: 0; | |
3997 | right: auto; | |
3998 | bottom: auto; | |
3999 | left: 0; | |
4000 | height: 1px; | |
4001 | width: 100%; | |
4002 | -webkit-transform-origin: 50% 0%; | |
4003 | transform-origin: 50% 0%; | |
4004 | } | |
4005 | .ios.device-pixel-ratio-2 .list-group-title:before { | |
4006 | -webkit-transform: scaleY(0.5); | |
4007 | transform: scaleY(0.5); | |
4008 | } | |
4009 | .ios.device-pixel-ratio-3 .list-group-title:before { | |
4010 | -webkit-transform: scaleY(0.33); | |
4011 | transform: scaleY(0.33); | |
4012 | } | |
4013 | .ios .list .list-button:after { | |
4014 | content: ''; | |
4015 | position: absolute; | |
4016 | background-color: #c8c7cc; | |
4017 | display: block; | |
4018 | z-index: 15; | |
4019 | top: auto; | |
4020 | right: auto; | |
4021 | bottom: 0; | |
4022 | left: 0; | |
4023 | height: 1px; | |
4024 | width: 100%; | |
4025 | -webkit-transform-origin: 50% 100%; | |
4026 | transform-origin: 50% 100%; | |
4027 | } | |
4028 | .ios.device-pixel-ratio-2 .list .list-button:after { | |
4029 | -webkit-transform: scaleY(0.5); | |
4030 | transform: scaleY(0.5); | |
4031 | } | |
4032 | .ios.device-pixel-ratio-3 .list .list-button:after { | |
4033 | -webkit-transform: scaleY(0.33); | |
4034 | transform: scaleY(0.33); | |
4035 | } | |
4036 | .ios .list .item-inner:after { | |
4037 | content: ''; | |
4038 | position: absolute; | |
4039 | background-color: #c8c7cc; | |
4040 | display: block; | |
4041 | z-index: 15; | |
4042 | top: auto; | |
4043 | right: auto; | |
4044 | bottom: 0; | |
4045 | left: 0; | |
4046 | height: 1px; | |
4047 | width: 100%; | |
4048 | -webkit-transform-origin: 50% 100%; | |
4049 | transform-origin: 50% 100%; | |
4050 | } | |
4051 | .ios.device-pixel-ratio-2 .list .item-inner:after { | |
4052 | -webkit-transform: scaleY(0.5); | |
4053 | transform: scaleY(0.5); | |
4054 | } | |
4055 | .ios.device-pixel-ratio-3 .list .item-inner:after { | |
4056 | -webkit-transform: scaleY(0.33); | |
4057 | transform: scaleY(0.33); | |
4058 | } | |
4059 | .ios .list ul:before { | |
4060 | content: ''; | |
4061 | position: absolute; | |
4062 | background-color: #c8c7cc; | |
4063 | display: block; | |
4064 | z-index: 15; | |
4065 | top: 0; | |
4066 | right: auto; | |
4067 | bottom: auto; | |
4068 | left: 0; | |
4069 | height: 1px; | |
4070 | width: 100%; | |
4071 | -webkit-transform-origin: 50% 0%; | |
4072 | transform-origin: 50% 0%; | |
4073 | } | |
4074 | .ios.device-pixel-ratio-2 .list ul:before { | |
4075 | -webkit-transform: scaleY(0.5); | |
4076 | transform: scaleY(0.5); | |
4077 | } | |
4078 | .ios.device-pixel-ratio-3 .list ul:before { | |
4079 | -webkit-transform: scaleY(0.33); | |
4080 | transform: scaleY(0.33); | |
4081 | } | |
4082 | .ios .list ul:after { | |
4083 | content: ''; | |
4084 | position: absolute; | |
4085 | background-color: #c8c7cc; | |
4086 | display: block; | |
4087 | z-index: 15; | |
4088 | top: auto; | |
4089 | right: auto; | |
4090 | bottom: 0; | |
4091 | left: 0; | |
4092 | height: 1px; | |
4093 | width: 100%; | |
4094 | -webkit-transform-origin: 50% 100%; | |
4095 | transform-origin: 50% 100%; | |
4096 | } | |
4097 | .ios.device-pixel-ratio-2 .list ul:after { | |
4098 | -webkit-transform: scaleY(0.5); | |
4099 | transform: scaleY(0.5); | |
4100 | } | |
4101 | .ios.device-pixel-ratio-3 .list ul:after { | |
4102 | -webkit-transform: scaleY(0.33); | |
4103 | transform: scaleY(0.33); | |
4104 | } | |
4105 | .ios .list.inset { | |
4106 | margin-left: 15px; | |
4107 | margin-right: 15px; | |
4108 | border-radius: 7px; | |
4109 | } | |
4110 | .ios .list.inset ul { | |
4111 | border-radius: 7px; | |
4112 | } | |
4113 | .ios .list.inset li:first-child > a { | |
4114 | border-radius: 7px 7px 0 0; | |
4115 | } | |
4116 | .ios .list.inset li:last-child > a { | |
4117 | border-radius: 0 0 7px 7px; | |
4118 | } | |
4119 | .ios .list.inset li:first-child:last-child > a { | |
4120 | border-radius: 7px; | |
4121 | } | |
4122 | @media (min-width: 768px) { | |
4123 | .ios .list.tablet-inset { | |
4124 | margin-left: 15px; | |
4125 | margin-right: 15px; | |
4126 | border-radius: 7px; | |
4127 | } | |
4128 | .ios .list.tablet-inset ul { | |
4129 | border-radius: 7px; | |
4130 | } | |
4131 | .ios .list.tablet-inset li:first-child > a { | |
4132 | border-radius: 7px 7px 0 0; | |
4133 | } | |
4134 | .ios .list.tablet-inset li:last-child > a { | |
4135 | border-radius: 0 0 7px 7px; | |
4136 | } | |
4137 | .ios .list.tablet-inset li:first-child:last-child > a { | |
4138 | border-radius: 7px; | |
4139 | } | |
4140 | } | |
4141 | .ios li li:last-child .item-inner:after, | |
4142 | .ios li:last-child li .item-inner:after { | |
4143 | content: ''; | |
4144 | position: absolute; | |
4145 | background-color: #c8c7cc; | |
4146 | display: block; | |
4147 | z-index: 15; | |
4148 | top: auto; | |
4149 | right: auto; | |
4150 | bottom: 0; | |
4151 | left: 0; | |
4152 | height: 1px; | |
4153 | width: 100%; | |
4154 | -webkit-transform-origin: 50% 100%; | |
4155 | transform-origin: 50% 100%; | |
4156 | } | |
4157 | html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, | |
4158 | html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { | |
4159 | -webkit-transform: scaleY(0.5); | |
4160 | transform: scaleY(0.5); | |
4161 | } | |
4162 | html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, | |
4163 | html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { | |
4164 | -webkit-transform: scaleY(0.33); | |
4165 | transform: scaleY(0.33); | |
4166 | } | |
4167 | @media (orientation: landscape) { | |
4168 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4169 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4170 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4171 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4172 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { | |
4173 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4174 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4175 | } | |
4176 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4177 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4178 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4179 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4180 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4181 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4182 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4183 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4184 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4185 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { | |
4186 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4187 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4188 | } | |
4189 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4190 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4191 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4192 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4193 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
4194 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
4195 | margin-left: calc(15px + env(safe-area-inset-left)); | |
4196 | } | |
4197 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4198 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4199 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4200 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4201 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4202 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4203 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4204 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4205 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4206 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
4207 | padding-left: 15px; | |
4208 | } | |
4209 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4210 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4211 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4212 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4213 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4214 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4215 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4216 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4217 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4218 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
4219 | background-position: calc(15px + constant(safe-area-inset-left)) center; | |
4220 | background-position: calc(15px + env(safe-area-inset-left)) center; | |
4221 | } | |
4222 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
4223 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
4224 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
4225 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
4226 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { | |
4227 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4228 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4229 | } | |
4230 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4231 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4232 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4233 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
4234 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { | |
4235 | padding-left: calc(35px + constant(safe-area-inset-left)); | |
4236 | padding-left: calc(35px + env(safe-area-inset-left)); | |
4237 | } | |
4238 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
4239 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
4240 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
4241 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
4242 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
4243 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
4244 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
4245 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
4246 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
4247 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { | |
4248 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4249 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4250 | } | |
4251 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4252 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4253 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4254 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4255 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
4256 | padding-left: calc(35px + constant(safe-area-inset-left)); | |
4257 | padding-left: calc(35px + env(safe-area-inset-left)); | |
4258 | } | |
4259 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
4260 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
4261 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
4262 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
4263 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
4264 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
4265 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
4266 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
4267 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
4268 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
4269 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
4270 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
4271 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
4272 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
4273 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
4274 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
4275 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
4276 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
4277 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
4278 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
4279 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
4280 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
4281 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
4282 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
4283 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
4284 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
4285 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
4286 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
4287 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
4288 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { | |
4289 | padding-left: calc(35px + constant(safe-area-inset-left)); | |
4290 | padding-left: calc(35px + env(safe-area-inset-left)); | |
4291 | } | |
4292 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
4293 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
4294 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
4295 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
4296 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
4297 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
4298 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
4299 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
4300 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
4301 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
4302 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
4303 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
4304 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
4305 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
4306 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
4307 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
4308 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
4309 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
4310 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
4311 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
4312 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
4313 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
4314 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
4315 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
4316 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
4317 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
4318 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
4319 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
4320 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
4321 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { | |
4322 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4323 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4324 | } | |
4325 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
4326 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
4327 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
4328 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
4329 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
4330 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
4331 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
4332 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
4333 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
4334 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
4335 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4336 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4337 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4338 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4339 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4340 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
4341 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
4342 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
4343 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
4344 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { | |
4345 | padding-left: 0; | |
4346 | } | |
4347 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4348 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4349 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4350 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4351 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
4352 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
4353 | margin-right: calc(15px + env(safe-area-inset-right)); | |
4354 | } | |
4355 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4356 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4357 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4358 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4359 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4360 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4361 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4362 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4363 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4364 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
4365 | padding-right: 15px; | |
4366 | } | |
4367 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4368 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4369 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4370 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4371 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4372 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4373 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4374 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4375 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4376 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
4377 | padding-right: 15px; | |
4378 | } | |
4379 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4380 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4381 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4382 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4383 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4384 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4385 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4386 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4387 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4388 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { | |
4389 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4390 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4391 | } | |
4392 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4393 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4394 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4395 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4396 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { | |
4397 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4398 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4399 | } | |
4400 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
4401 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
4402 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
4403 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
4404 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { | |
4405 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4406 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4407 | } | |
4408 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
4409 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
4410 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
4411 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
4412 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { | |
4413 | right: calc(15px + constant(safe-area-inset-right)); | |
4414 | right: calc(15px + env(safe-area-inset-right)); | |
4415 | } | |
4416 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4417 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4418 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4419 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4420 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
4421 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4422 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4423 | } | |
4424 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
4425 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
4426 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
4427 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
4428 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { | |
4429 | right: calc(15px + const(safe-area-inset-right)); | |
4430 | right: calc(15px + env(safe-area-inset-right)); | |
4431 | } | |
4432 | } | |
4433 | @media (orientation: landscape) and (min-width: 768px) { | |
4434 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4435 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4436 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4437 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4438 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
4439 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
4440 | margin-left: calc(15px + env(safe-area-inset-left)); | |
4441 | } | |
4442 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4443 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4444 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4445 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4446 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4447 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4448 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4449 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4450 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4451 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
4452 | padding-left: 15px; | |
4453 | } | |
4454 | } | |
4455 | @media (orientation: landscape) and (min-width: 768px) { | |
4456 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4457 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4458 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4459 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4460 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
4461 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
4462 | margin-right: calc(15px + env(safe-area-inset-right)); | |
4463 | } | |
4464 | } | |
4465 | .ios .theme-dark .list ul, | |
4466 | .list.ios .theme-dark ul { | |
4467 | background: #1c1c1d; | |
4468 | } | |
4469 | .ios .theme-dark .list ul:before, | |
4470 | .list.ios .theme-dark ul:before { | |
4471 | background-color: #282829; | |
4472 | } | |
4473 | .ios .theme-dark .list ul:after, | |
4474 | .list.ios .theme-dark ul:after { | |
4475 | background-color: #282829; | |
4476 | } | |
4477 | .ios .theme-dark .list li li:last-child .item-inner:after, | |
4478 | .list.ios .theme-dark li li:last-child .item-inner:after, | |
4479 | .ios .theme-dark .list li:last-child li .item-inner:after, | |
4480 | .list.ios .theme-dark li:last-child li .item-inner:after { | |
4481 | background-color: #282829; | |
4482 | } | |
4483 | .ios .theme-dark .item-divider:before { | |
4484 | background-color: #282829; | |
4485 | } | |
4486 | .ios .theme-dark .list-group-title:before { | |
4487 | background-color: #282829; | |
4488 | } | |
4489 | .ios .theme-dark .list-button:after { | |
4490 | background-color: #282829; | |
4491 | } | |
4492 | .ios .theme-dark .item-inner:after { | |
4493 | background-color: #282829; | |
4494 | } | |
4495 | .ios .theme-dark .item-divider, | |
4496 | .ios .theme-dark .list-group-title { | |
4497 | background-color: #111; | |
4498 | } | |
4499 | .ios .theme-dark .links-list a:after, | |
4500 | .ios .theme-dark .simple-list li:after, | |
4501 | .ios .theme-dark .links-list a:after, | |
4502 | .links-list.ios .theme-dark a .simple-list li:after, | |
4503 | .simple-list.ios .theme-dark li:after { | |
4504 | background-color: #282829; | |
4505 | } | |
4506 | .ios .theme-dark .list .item-link.active-state, | |
4507 | .list.ios .theme-dark .item-link.active-state, | |
4508 | .ios .theme-dark .list .list-button.active-state, | |
4509 | .list.ios .theme-dark .list-button.active-state, | |
4510 | .ios .theme-dark .links-list a.active-state, | |
4511 | .links-list.ios .theme-dark a.active-state { | |
4512 | background-color: #363636; | |
4513 | } | |
4514 | .ios .color-theme-red .list-button { | |
4515 | color: #ff3b30; | |
4516 | } | |
4517 | .ios .color-theme-green .list-button { | |
4518 | color: #4cd964; | |
4519 | } | |
4520 | .ios .color-theme-blue .list-button { | |
4521 | color: #007aff; | |
4522 | } | |
4523 | .ios .color-theme-pink .list-button { | |
4524 | color: #ff2d55; | |
4525 | } | |
4526 | .ios .color-theme-yellow .list-button { | |
4527 | color: #ffcc00; | |
4528 | } | |
4529 | .ios .color-theme-orange .list-button { | |
4530 | color: #ff9500; | |
4531 | } | |
4532 | .ios .color-theme-gray .list-button { | |
4533 | color: #8e8e93; | |
4534 | } | |
4535 | .ios .color-theme-white .list-button { | |
4536 | color: #ffffff; | |
4537 | } | |
4538 | .ios .color-theme-black .list-button { | |
4539 | color: #000000; | |
4540 | } | |
4541 | .ios .list .list-button.color-red, | |
4542 | .ios .list li.color-red .list-button, | |
4543 | .ios .links-list li.color-red a, | |
4544 | .ios .simple-list li.color-red, | |
4545 | .ios .links-list a.color-red, | |
4546 | .ios .list .item-link.color-red, | |
4547 | .ios .list li.color-red .item-link { | |
4548 | color: #ff3b30; | |
4549 | } | |
4550 | .ios .list .list-button.color-green, | |
4551 | .ios .list li.color-green .list-button, | |
4552 | .ios .links-list li.color-green a, | |
4553 | .ios .simple-list li.color-green, | |
4554 | .ios .links-list a.color-green, | |
4555 | .ios .list .item-link.color-green, | |
4556 | .ios .list li.color-green .item-link { | |
4557 | color: #4cd964; | |
4558 | } | |
4559 | .ios .list .list-button.color-blue, | |
4560 | .ios .list li.color-blue .list-button, | |
4561 | .ios .links-list li.color-blue a, | |
4562 | .ios .simple-list li.color-blue, | |
4563 | .ios .links-list a.color-blue, | |
4564 | .ios .list .item-link.color-blue, | |
4565 | .ios .list li.color-blue .item-link { | |
4566 | color: #007aff; | |
4567 | } | |
4568 | .ios .list .list-button.color-pink, | |
4569 | .ios .list li.color-pink .list-button, | |
4570 | .ios .links-list li.color-pink a, | |
4571 | .ios .simple-list li.color-pink, | |
4572 | .ios .links-list a.color-pink, | |
4573 | .ios .list .item-link.color-pink, | |
4574 | .ios .list li.color-pink .item-link { | |
4575 | color: #ff2d55; | |
4576 | } | |
4577 | .ios .list .list-button.color-yellow, | |
4578 | .ios .list li.color-yellow .list-button, | |
4579 | .ios .links-list li.color-yellow a, | |
4580 | .ios .simple-list li.color-yellow, | |
4581 | .ios .links-list a.color-yellow, | |
4582 | .ios .list .item-link.color-yellow, | |
4583 | .ios .list li.color-yellow .item-link { | |
4584 | color: #ffcc00; | |
4585 | } | |
4586 | .ios .list .list-button.color-orange, | |
4587 | .ios .list li.color-orange .list-button, | |
4588 | .ios .links-list li.color-orange a, | |
4589 | .ios .simple-list li.color-orange, | |
4590 | .ios .links-list a.color-orange, | |
4591 | .ios .list .item-link.color-orange, | |
4592 | .ios .list li.color-orange .item-link { | |
4593 | color: #ff9500; | |
4594 | } | |
4595 | .ios .list .list-button.color-gray, | |
4596 | .ios .list li.color-gray .list-button, | |
4597 | .ios .links-list li.color-gray a, | |
4598 | .ios .simple-list li.color-gray, | |
4599 | .ios .links-list a.color-gray, | |
4600 | .ios .list .item-link.color-gray, | |
4601 | .ios .list li.color-gray .item-link { | |
4602 | color: #8e8e93; | |
4603 | } | |
4604 | .ios .list .list-button.color-white, | |
4605 | .ios .list li.color-white .list-button, | |
4606 | .ios .links-list li.color-white a, | |
4607 | .ios .simple-list li.color-white, | |
4608 | .ios .links-list a.color-white, | |
4609 | .ios .list .item-link.color-white, | |
4610 | .ios .list li.color-white .item-link { | |
4611 | color: #ffffff; | |
4612 | } | |
4613 | .ios .list .list-button.color-black, | |
4614 | .ios .list li.color-black .list-button, | |
4615 | .ios .links-list li.color-black a, | |
4616 | .ios .simple-list li.color-black, | |
4617 | .ios .links-list a.color-black, | |
4618 | .ios .list .item-link.color-black, | |
4619 | .ios .list li.color-black .item-link { | |
4620 | color: #000000; | |
4621 | } | |
4622 | .md .list { | |
4623 | margin: 32px 0; | |
4624 | font-size: 16px; | |
4625 | } | |
4626 | .md .list .item-cell { | |
4627 | width: 100%; | |
4628 | min-width: 0; | |
4629 | margin-right: 16px; | |
4630 | } | |
4631 | .md .list .item-cell:first-child { | |
4632 | margin-right: 0; | |
4633 | } | |
4634 | .md .list ul ul { | |
4635 | padding-right: 56px; | |
4636 | } | |
4637 | .md .list .item-media { | |
4638 | padding-top: 8px; | |
4639 | min-width: 40px; | |
4640 | } | |
4641 | .md .list .item-media i + i, | |
4642 | .md .list .item-media i + img { | |
4643 | margin-right: 8px; | |
4644 | } | |
4645 | .md .list .item-media + .item-inner { | |
4646 | margin-right: 16px; | |
4647 | } | |
4648 | .md .list .item-inner { | |
4649 | min-height: 48px; | |
4650 | padding-left: 16px; | |
4651 | } | |
4652 | .md .list .item-after { | |
4653 | color: #757575; | |
4654 | font-size: 14px; | |
4655 | padding-right: 8px; | |
4656 | } | |
4657 | .md .list .item-link, | |
4658 | .md .list .list-button { | |
4659 | color: inherit; | |
4660 | } | |
4661 | .md .list .item-link .item-inner, | |
4662 | .md .list .list-button .item-inner { | |
4663 | padding-left: 42px; | |
4664 | } | |
4665 | .md .list .item-link.active-state, | |
4666 | .md .list .list-button.active-state { | |
4667 | background-color: rgba(0, 0, 0, 0.1); | |
4668 | } | |
4669 | .md .list .list-button { | |
4670 | padding: 0 16px; | |
4671 | font-size: 16px; | |
4672 | line-height: 48px; | |
4673 | } | |
4674 | .md .list .item-content { | |
4675 | min-height: 48px; | |
4676 | padding-right: 16px; | |
4677 | } | |
4678 | .md .list .item-subtitle { | |
4679 | font-size: 14px; | |
4680 | } | |
4681 | .md .list .item-text { | |
4682 | font-size: 14px; | |
4683 | color: #757575; | |
4684 | line-height: 20px; | |
4685 | max-height: 40px; | |
4686 | } | |
4687 | .md .list .item-header, | |
4688 | .md .list .item-footer { | |
4689 | font-weight: normal; | |
4690 | font-size: 12px; | |
4691 | line-height: 1.2; | |
4692 | white-space: normal; | |
4693 | } | |
4694 | .md .list .item-footer { | |
4695 | color: rgba(0, 0, 0, 0.5); | |
4696 | } | |
4697 | .md .list .item-link.no-chevron .item-inner, | |
4698 | .md .list.no-chevron .item-link .item-inner, | |
4699 | .md .list .no-chevron .item-link .item-inner, | |
4700 | .md .no-chevron .list .item-link .item-inner { | |
4701 | padding-left: 16px; | |
4702 | } | |
4703 | .md .simple-list li:after { | |
4704 | content: ''; | |
4705 | position: absolute; | |
4706 | background-color: rgba(0, 0, 0, 0.12); | |
4707 | display: block; | |
4708 | z-index: 15; | |
4709 | top: auto; | |
4710 | right: auto; | |
4711 | bottom: 0; | |
4712 | left: 0; | |
4713 | height: 1px; | |
4714 | width: 100%; | |
4715 | -webkit-transform-origin: 50% 100%; | |
4716 | transform-origin: 50% 100%; | |
4717 | } | |
4718 | .md.device-pixel-ratio-2 .simple-list li:after { | |
4719 | -webkit-transform: scaleY(0.5); | |
4720 | transform: scaleY(0.5); | |
4721 | } | |
4722 | .md.device-pixel-ratio-3 .simple-list li:after { | |
4723 | -webkit-transform: scaleY(0.33); | |
4724 | transform: scaleY(0.33); | |
4725 | } | |
4726 | .md .simple-list li { | |
4727 | padding-left: 16px; | |
4728 | padding-right: 16px; | |
4729 | line-height: 48px; | |
4730 | height: 48px; | |
4731 | } | |
4732 | .md .simple-list li:after { | |
4733 | width: auto; | |
4734 | left: 0; | |
4735 | right: 16px; | |
4736 | } | |
4737 | .md .links-list a:after { | |
4738 | content: ''; | |
4739 | position: absolute; | |
4740 | background-color: rgba(0, 0, 0, 0.12); | |
4741 | display: block; | |
4742 | z-index: 15; | |
4743 | top: auto; | |
4744 | right: auto; | |
4745 | bottom: 0; | |
4746 | left: 0; | |
4747 | height: 1px; | |
4748 | width: 100%; | |
4749 | -webkit-transform-origin: 50% 100%; | |
4750 | transform-origin: 50% 100%; | |
4751 | } | |
4752 | .md.device-pixel-ratio-2 .links-list a:after { | |
4753 | -webkit-transform: scaleY(0.5); | |
4754 | transform: scaleY(0.5); | |
4755 | } | |
4756 | .md.device-pixel-ratio-3 .links-list a:after { | |
4757 | -webkit-transform: scaleY(0.33); | |
4758 | transform: scaleY(0.33); | |
4759 | } | |
4760 | .md .links-list a { | |
4761 | height: 48px; | |
4762 | color: inherit; | |
4763 | } | |
4764 | .md .links-list a.active-state { | |
4765 | background-color: rgba(0, 0, 0, 0.1); | |
4766 | } | |
4767 | .md .links-list a:after { | |
4768 | width: auto; | |
4769 | } | |
4770 | .md .links-list a { | |
4771 | padding-right: 16px; | |
4772 | padding-left: 42px; | |
4773 | } | |
4774 | .md .links-list a:after { | |
4775 | right: 16px; | |
4776 | left: 0; | |
4777 | } | |
4778 | .md .links-list.no-chevron a, | |
4779 | .md .no-chevron .links-list a, | |
4780 | .md .links-list a.no-chevron, | |
4781 | .md .links-list .no-chevron a { | |
4782 | padding-left: 16px; | |
4783 | } | |
4784 | .md .media-list .item-inner, | |
4785 | .md li.media-item .item-inner { | |
4786 | padding-top: 14px; | |
4787 | padding-bottom: 14px; | |
4788 | } | |
4789 | .md .media-list .item-link .item-inner, | |
4790 | .md li.media-item .item-link .item-inner { | |
4791 | padding-left: 16px; | |
4792 | } | |
4793 | .md .media-list .item-link .item-title-row, | |
4794 | .md li.media-item .item-link .item-title-row { | |
4795 | padding-left: 26px; | |
4796 | } | |
4797 | .md .media-list .item-media, | |
4798 | .md li.media-item .item-media { | |
4799 | padding-top: 14px; | |
4800 | padding-bottom: 14px; | |
4801 | } | |
4802 | .md .media-list.chevron-center .item-link .item-inner, | |
4803 | .md .media-list .chevron-center .item-link .item-inner, | |
4804 | .md .media-list .item-link.chevron-center .item-inner, | |
4805 | .md li.media-item.chevron-center .item-link .item-inner, | |
4806 | .md li.media-item .item-link.chevron-center .item-inner, | |
4807 | .md li.media-item .chevron-center .item-link .item-inner { | |
4808 | padding-left: 42px; | |
4809 | } | |
4810 | .md .media-list.no-chevron .item-link .item-title-row, | |
4811 | .md .no-chevron .media-list .item-link .item-title-row, | |
4812 | .md .media-list .no-chevron .item-link .item-title-row, | |
4813 | .md li.media-item.no-chevron .item-link .item-title-row, | |
4814 | .md .no-chevron li.media-item .item-link .item-title-row, | |
4815 | .md .media-list.chevron-center .item-title-row, | |
4816 | .md .media-list .chevron-center .item-title-row, | |
4817 | .md li.media-item.chevron-center .item-title-row, | |
4818 | .md li.media-item .chevron-center .item-title-row { | |
4819 | padding-left: 0 !important; | |
4820 | } | |
4821 | .md .list .item-link .item-inner, | |
4822 | .md .links-list a { | |
4823 | background-position: 16px center; | |
4824 | } | |
4825 | .md .item-divider, | |
4826 | .md .list-group-title { | |
4827 | padding: 0 16px; | |
4828 | background: #f4f4f4; | |
4829 | color: rgba(0, 0, 0, 0.54); | |
4830 | height: 48px; | |
4831 | line-height: 48px; | |
4832 | -webkit-box-sizing: border-box; | |
4833 | box-sizing: border-box; | |
4834 | font-size: 14px; | |
4835 | } | |
4836 | .md .item-divider:before, | |
4837 | .md .list-group-title:before { | |
4838 | display: none !important; | |
4839 | } | |
4840 | .md .item-divider:after, | |
4841 | .md .list-group-title:after { | |
4842 | display: none !important; | |
4843 | } | |
4844 | .md .list-group-title { | |
4845 | margin-top: 0; | |
4846 | } | |
4847 | .md .list .item-inner:after { | |
4848 | content: ''; | |
4849 | position: absolute; | |
4850 | background-color: rgba(0, 0, 0, 0.12); | |
4851 | display: block; | |
4852 | z-index: 15; | |
4853 | top: auto; | |
4854 | right: auto; | |
4855 | bottom: 0; | |
4856 | left: 0; | |
4857 | height: 1px; | |
4858 | width: 100%; | |
4859 | -webkit-transform-origin: 50% 100%; | |
4860 | transform-origin: 50% 100%; | |
4861 | } | |
4862 | .md.device-pixel-ratio-2 .list .item-inner:after { | |
4863 | -webkit-transform: scaleY(0.5); | |
4864 | transform: scaleY(0.5); | |
4865 | } | |
4866 | .md.device-pixel-ratio-3 .list .item-inner:after { | |
4867 | -webkit-transform: scaleY(0.33); | |
4868 | transform: scaleY(0.33); | |
4869 | } | |
4870 | .md .list ul:before { | |
4871 | content: ''; | |
4872 | position: absolute; | |
4873 | background-color: rgba(0, 0, 0, 0.12); | |
4874 | display: block; | |
4875 | z-index: 15; | |
4876 | top: 0; | |
4877 | right: auto; | |
4878 | bottom: auto; | |
4879 | left: 0; | |
4880 | height: 1px; | |
4881 | width: 100%; | |
4882 | -webkit-transform-origin: 50% 0%; | |
4883 | transform-origin: 50% 0%; | |
4884 | } | |
4885 | .md.device-pixel-ratio-2 .list ul:before { | |
4886 | -webkit-transform: scaleY(0.5); | |
4887 | transform: scaleY(0.5); | |
4888 | } | |
4889 | .md.device-pixel-ratio-3 .list ul:before { | |
4890 | -webkit-transform: scaleY(0.33); | |
4891 | transform: scaleY(0.33); | |
4892 | } | |
4893 | .md .list ul:after { | |
4894 | content: ''; | |
4895 | position: absolute; | |
4896 | background-color: rgba(0, 0, 0, 0.12); | |
4897 | display: block; | |
4898 | z-index: 15; | |
4899 | top: auto; | |
4900 | right: auto; | |
4901 | bottom: 0; | |
4902 | left: 0; | |
4903 | height: 1px; | |
4904 | width: 100%; | |
4905 | -webkit-transform-origin: 50% 100%; | |
4906 | transform-origin: 50% 100%; | |
4907 | } | |
4908 | .md.device-pixel-ratio-2 .list ul:after { | |
4909 | -webkit-transform: scaleY(0.5); | |
4910 | transform: scaleY(0.5); | |
4911 | } | |
4912 | .md.device-pixel-ratio-3 .list ul:after { | |
4913 | -webkit-transform: scaleY(0.33); | |
4914 | transform: scaleY(0.33); | |
4915 | } | |
4916 | .md .list.inset { | |
4917 | margin-left: 16px; | |
4918 | margin-right: 16px; | |
4919 | border-radius: 4px; | |
4920 | } | |
4921 | .md .list.inset ul { | |
4922 | border-radius: 4px; | |
4923 | } | |
4924 | .md .list.inset li:first-child > a { | |
4925 | border-radius: 4px 4px 0 0; | |
4926 | } | |
4927 | .md .list.inset li:last-child > a { | |
4928 | border-radius: 0 0 4px 4px; | |
4929 | } | |
4930 | .md .list.inset li:first-child:last-child > a { | |
4931 | border-radius: 4px; | |
4932 | } | |
4933 | @media (min-width: 768px) { | |
4934 | .md .list.tablet-inset { | |
4935 | margin-left: 16px; | |
4936 | margin-right: 16px; | |
4937 | border-radius: 4px; | |
4938 | } | |
4939 | .md .list.tablet-inset li:first-child > a { | |
4940 | border-radius: 4px 4px 0 0; | |
4941 | } | |
4942 | .md .list.tablet-inset li:last-child > a { | |
4943 | border-radius: 0 0 4px 4px; | |
4944 | } | |
4945 | .md .list.tablet-inset li:first-child:last-child > a { | |
4946 | border-radius: 4px; | |
4947 | } | |
4948 | } | |
4949 | .md li li:last-child .item-inner:after, | |
4950 | .md li:last-child li .item-inner:after { | |
4951 | content: ''; | |
4952 | position: absolute; | |
4953 | background-color: rgba(0, 0, 0, 0.12); | |
4954 | display: block; | |
4955 | z-index: 15; | |
4956 | top: auto; | |
4957 | right: auto; | |
4958 | bottom: 0; | |
4959 | left: 0; | |
4960 | height: 1px; | |
4961 | width: 100%; | |
4962 | -webkit-transform-origin: 50% 100%; | |
4963 | transform-origin: 50% 100%; | |
4964 | } | |
4965 | html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, | |
4966 | html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { | |
4967 | -webkit-transform: scaleY(0.5); | |
4968 | transform: scaleY(0.5); | |
4969 | } | |
4970 | html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, | |
4971 | html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { | |
4972 | -webkit-transform: scaleY(0.33); | |
4973 | transform: scaleY(0.33); | |
4974 | } | |
4975 | @media (orientation: landscape) { | |
4976 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4977 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4978 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4979 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4980 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { | |
4981 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
4982 | padding-left: calc(16px + env(safe-area-inset-left)); | |
4983 | } | |
4984 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4985 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4986 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4987 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4988 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4989 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4990 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4991 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4992 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4993 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { | |
4994 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
4995 | padding-left: calc(16px + env(safe-area-inset-left)); | |
4996 | } | |
4997 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4998 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4999 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5000 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5001 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
5002 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
5003 | margin-left: calc(16px + env(safe-area-inset-left)); | |
5004 | } | |
5005 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5006 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5007 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5008 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5009 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5010 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5011 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5012 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5013 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5014 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
5015 | padding-left: 15px; | |
5016 | } | |
5017 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5018 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5019 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5020 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5021 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5022 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5023 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5024 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5025 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5026 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
5027 | background-position: calc(16px + constant(safe-area-inset-left)) center; | |
5028 | background-position: calc(16px + env(safe-area-inset-left)) center; | |
5029 | } | |
5030 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
5031 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
5032 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
5033 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner, | |
5034 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-inner { | |
5035 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
5036 | padding-left: calc(16px + env(safe-area-inset-left)); | |
5037 | } | |
5038 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5039 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5040 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5041 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner, | |
5042 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link .item-inner { | |
5043 | padding-left: calc(42px + constant(safe-area-inset-left)); | |
5044 | padding-left: calc(42px + env(safe-area-inset-left)); | |
5045 | } | |
5046 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
5047 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
5048 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
5049 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
5050 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link .item-inner, | |
5051 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
5052 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
5053 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
5054 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner, | |
5055 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link .item-inner { | |
5056 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
5057 | padding-left: calc(16px + env(safe-area-inset-left)); | |
5058 | } | |
5059 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5060 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5061 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5062 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5063 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
5064 | padding-left: calc(42px + constant(safe-area-inset-left)); | |
5065 | padding-left: calc(42px + env(safe-area-inset-left)); | |
5066 | } | |
5067 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
5068 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
5069 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
5070 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
5071 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.chevron-center .item-link .item-inner, | |
5072 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
5073 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
5074 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
5075 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
5076 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .chevron-center .item-link .item-inner, | |
5077 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
5078 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
5079 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
5080 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
5081 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .item-link.chevron-center .item-inner, | |
5082 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
5083 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
5084 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
5085 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
5086 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.chevron-center .item-link .item-inner, | |
5087 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
5088 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
5089 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
5090 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
5091 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .item-link.chevron-center .item-inner, | |
5092 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
5093 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
5094 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
5095 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner, | |
5096 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item .chevron-center .item-link .item-inner { | |
5097 | padding-left: calc(42px + constant(safe-area-inset-left)); | |
5098 | padding-left: calc(42px + env(safe-area-inset-left)); | |
5099 | } | |
5100 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
5101 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
5102 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
5103 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
5104 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-link.no-chevron .item-inner, | |
5105 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
5106 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
5107 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
5108 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
5109 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron .item-link .item-inner, | |
5110 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
5111 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
5112 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
5113 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
5114 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .no-chevron .item-link .item-inner, | |
5115 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
5116 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
5117 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
5118 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
5119 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list.no-chevron a, | |
5120 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
5121 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
5122 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
5123 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
5124 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a.no-chevron, | |
5125 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
5126 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
5127 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
5128 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a, | |
5129 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list .no-chevron a { | |
5130 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
5131 | padding-left: calc(16px + env(safe-area-inset-left)); | |
5132 | } | |
5133 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
5134 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
5135 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
5136 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
5137 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list.no-chevron .item-link .item-title-row, | |
5138 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
5139 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
5140 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
5141 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
5142 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).media-list .no-chevron .item-link .item-title-row, | |
5143 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5144 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5145 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5146 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5147 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5148 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
5149 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
5150 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
5151 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row, | |
5152 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).no-chevron li.media-item .item-link .item-title-row { | |
5153 | padding-left: 0; | |
5154 | } | |
5155 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5156 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5157 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5158 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5159 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
5160 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
5161 | margin-right: calc(16px + env(safe-area-inset-right)); | |
5162 | } | |
5163 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5164 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5165 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5166 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5167 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5168 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5169 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5170 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5171 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5172 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
5173 | padding-right: 16px; | |
5174 | } | |
5175 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5176 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5177 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5178 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5179 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5180 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5181 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5182 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5183 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5184 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
5185 | padding-right: 16px; | |
5186 | } | |
5187 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5188 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5189 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5190 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5191 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5192 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5193 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5194 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5195 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5196 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { | |
5197 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5198 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5199 | } | |
5200 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5201 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5202 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5203 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5204 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { | |
5205 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5206 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5207 | } | |
5208 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
5209 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
5210 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
5211 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content, | |
5212 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-content { | |
5213 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5214 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5215 | } | |
5216 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
5217 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
5218 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
5219 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after, | |
5220 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li:after { | |
5221 | right: calc(16px + constant(safe-area-inset-right)); | |
5222 | right: calc(16px + env(safe-area-inset-right)); | |
5223 | } | |
5224 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5225 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5226 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5227 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5228 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
5229 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5230 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5231 | } | |
5232 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
5233 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
5234 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
5235 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after, | |
5236 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a:after { | |
5237 | right: calc(16px + const(safe-area-inset-right)); | |
5238 | right: calc(16px + env(safe-area-inset-right)); | |
5239 | } | |
5240 | } | |
5241 | @media (orientation: landscape) and (min-width: 768px) { | |
5242 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5243 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5244 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5245 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5246 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
5247 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
5248 | margin-left: calc(16px + env(safe-area-inset-left)); | |
5249 | } | |
5250 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5251 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5252 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5253 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5254 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5255 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5256 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5257 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5258 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5259 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
5260 | padding-left: 15px; | |
5261 | } | |
5262 | } | |
5263 | @media (orientation: landscape) and (min-width: 768px) { | |
5264 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5265 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5266 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5267 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5268 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
5269 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
5270 | margin-right: calc(16px + env(safe-area-inset-right)); | |
5271 | } | |
5272 | } | |
5273 | .md .theme-dark .list ul:before, | |
5274 | .list.md .theme-dark ul:before { | |
5275 | background-color: rgba(255, 255, 255, 0.08); | |
5276 | } | |
5277 | .md .theme-dark .list ul:after, | |
5278 | .list.md .theme-dark ul:after { | |
5279 | background-color: rgba(255, 255, 255, 0.08); | |
5280 | } | |
5281 | .md .theme-dark .list li li:last-child .item-inner:after, | |
5282 | .list.md .theme-dark li li:last-child .item-inner:after, | |
5283 | .md .theme-dark .list li:last-child li .item-inner:after, | |
5284 | .list.md .theme-dark li:last-child li .item-inner:after { | |
5285 | background-color: rgba(255, 255, 255, 0.08); | |
5286 | } | |
5287 | .md .theme-dark .item-divider:before { | |
5288 | background-color: rgba(255, 255, 255, 0.08); | |
5289 | } | |
5290 | .md .theme-dark .list-group-title:before { | |
5291 | background-color: rgba(255, 255, 255, 0.08); | |
5292 | } | |
5293 | .md .theme-dark .list-button:after { | |
5294 | background-color: rgba(255, 255, 255, 0.08); | |
5295 | } | |
5296 | .md .theme-dark .item-inner:after { | |
5297 | background-color: rgba(255, 255, 255, 0.08); | |
5298 | } | |
5299 | .md .theme-dark .item-divider, | |
5300 | .md .theme-dark .list-group-title { | |
5301 | background-color: #111; | |
5302 | color: #fff; | |
5303 | } | |
5304 | .md .theme-dark .links-list a:after, | |
5305 | .md .theme-dark .simple-list li:after, | |
5306 | .md .theme-dark .links-list a:after, | |
5307 | .links-list.md .theme-dark a .simple-list li:after, | |
5308 | .simple-list.md .theme-dark li:after { | |
5309 | background-color: rgba(255, 255, 255, 0.08); | |
5310 | } | |
5311 | .md .theme-dark .list .item-link.active-state, | |
5312 | .list.md .theme-dark .item-link.active-state, | |
5313 | .md .theme-dark .list .list-button.active-state, | |
5314 | .list.md .theme-dark .list-button.active-state, | |
5315 | .md .theme-dark .links-list a.active-state, | |
5316 | .links-list.md .theme-dark a.active-state { | |
5317 | background-color: rgba(255, 255, 255, 0.05); | |
5318 | } | |
5319 | .md .theme-dark .item-after, | |
5320 | .md .theme-dark .item-text { | |
5321 | color: rgba(255, 255, 255, 0.54); | |
5322 | } | |
5323 | .md .color-theme-red .list-button { | |
5324 | color: #f44336; | |
5325 | } | |
5326 | .md .color-theme-green .list-button { | |
5327 | color: #4caf50; | |
5328 | } | |
5329 | .md .color-theme-blue .list-button { | |
5330 | color: #2196f3; | |
5331 | } | |
5332 | .md .color-theme-pink .list-button { | |
5333 | color: #e91e63; | |
5334 | } | |
5335 | .md .color-theme-yellow .list-button { | |
5336 | color: #ffeb3b; | |
5337 | } | |
5338 | .md .color-theme-orange .list-button { | |
5339 | color: #ff9800; | |
5340 | } | |
5341 | .md .color-theme-gray .list-button { | |
5342 | color: #9e9e9e; | |
5343 | } | |
5344 | .md .color-theme-white .list-button { | |
5345 | color: #ffffff; | |
5346 | } | |
5347 | .md .color-theme-black .list-button { | |
5348 | color: #000000; | |
5349 | } | |
5350 | .md .list .list-button.color-red, | |
5351 | .md .list li.color-red .list-button, | |
5352 | .md .links-list li.color-red a, | |
5353 | .md .simple-list li.color-red, | |
5354 | .md .links-list a.color-red, | |
5355 | .md .list .item-link.color-red, | |
5356 | .md .list li.color-red .item-link { | |
5357 | color: #f44336; | |
5358 | } | |
5359 | .md .list .list-button.color-green, | |
5360 | .md .list li.color-green .list-button, | |
5361 | .md .links-list li.color-green a, | |
5362 | .md .simple-list li.color-green, | |
5363 | .md .links-list a.color-green, | |
5364 | .md .list .item-link.color-green, | |
5365 | .md .list li.color-green .item-link { | |
5366 | color: #4caf50; | |
5367 | } | |
5368 | .md .list .list-button.color-blue, | |
5369 | .md .list li.color-blue .list-button, | |
5370 | .md .links-list li.color-blue a, | |
5371 | .md .simple-list li.color-blue, | |
5372 | .md .links-list a.color-blue, | |
5373 | .md .list .item-link.color-blue, | |
5374 | .md .list li.color-blue .item-link { | |
5375 | color: #2196f3; | |
5376 | } | |
5377 | .md .list .list-button.color-pink, | |
5378 | .md .list li.color-pink .list-button, | |
5379 | .md .links-list li.color-pink a, | |
5380 | .md .simple-list li.color-pink, | |
5381 | .md .links-list a.color-pink, | |
5382 | .md .list .item-link.color-pink, | |
5383 | .md .list li.color-pink .item-link { | |
5384 | color: #e91e63; | |
5385 | } | |
5386 | .md .list .list-button.color-yellow, | |
5387 | .md .list li.color-yellow .list-button, | |
5388 | .md .links-list li.color-yellow a, | |
5389 | .md .simple-list li.color-yellow, | |
5390 | .md .links-list a.color-yellow, | |
5391 | .md .list .item-link.color-yellow, | |
5392 | .md .list li.color-yellow .item-link { | |
5393 | color: #ffeb3b; | |
5394 | } | |
5395 | .md .list .list-button.color-orange, | |
5396 | .md .list li.color-orange .list-button, | |
5397 | .md .links-list li.color-orange a, | |
5398 | .md .simple-list li.color-orange, | |
5399 | .md .links-list a.color-orange, | |
5400 | .md .list .item-link.color-orange, | |
5401 | .md .list li.color-orange .item-link { | |
5402 | color: #ff9800; | |
5403 | } | |
5404 | .md .list .list-button.color-gray, | |
5405 | .md .list li.color-gray .list-button, | |
5406 | .md .links-list li.color-gray a, | |
5407 | .md .simple-list li.color-gray, | |
5408 | .md .links-list a.color-gray, | |
5409 | .md .list .item-link.color-gray, | |
5410 | .md .list li.color-gray .item-link { | |
5411 | color: #9e9e9e; | |
5412 | } | |
5413 | .md .list .list-button.color-white, | |
5414 | .md .list li.color-white .list-button, | |
5415 | .md .links-list li.color-white a, | |
5416 | .md .simple-list li.color-white, | |
5417 | .md .links-list a.color-white, | |
5418 | .md .list .item-link.color-white, | |
5419 | .md .list li.color-white .item-link { | |
5420 | color: #ffffff; | |
5421 | } | |
5422 | .md .list .list-button.color-black, | |
5423 | .md .list li.color-black .list-button, | |
5424 | .md .links-list li.color-black a, | |
5425 | .md .simple-list li.color-black, | |
5426 | .md .links-list a.color-black, | |
5427 | .md .list .item-link.color-black, | |
5428 | .md .list li.color-black .item-link { | |
5429 | color: #000000; | |
5430 | } | |
5431 | /* === Badge === */ | |
5432 | .badge { | |
5433 | display: inline-block; | |
5434 | color: #fff; | |
5435 | background: #8e8e93; | |
5436 | position: relative; | |
5437 | -webkit-box-sizing: border-box; | |
5438 | box-sizing: border-box; | |
5439 | text-align: center; | |
5440 | } | |
5441 | .icon .badge, | |
5442 | .f7-icons .badge, | |
5443 | .framework7-icons .badge, | |
5444 | .material-icons .badge { | |
5445 | position: absolute; | |
5446 | left: 100%; | |
5447 | margin-left: -10px; | |
5448 | top: -2px; | |
5449 | } | |
5450 | .ios .badge { | |
5451 | font-size: 13px; | |
5452 | border-radius: 20px; | |
5453 | padding: 0 6px; | |
5454 | height: 20px; | |
5455 | line-height: 20px; | |
5456 | } | |
5457 | .ios .icon .badge, | |
5458 | .ios .f7-icons .badge, | |
5459 | .ios .framework7-icons .badge, | |
5460 | .ios .material-icons .badge { | |
5461 | line-height: 16px; | |
5462 | height: 16px; | |
5463 | border-radius: 16px; | |
5464 | padding: 0 4px; | |
5465 | min-width: 16px; | |
5466 | font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; | |
5467 | font-size: 10px; | |
5468 | } | |
5469 | .ios .badge.color-red { | |
5470 | background-color: #ff3b30; | |
5471 | } | |
5472 | .ios .badge.color-green { | |
5473 | background-color: #4cd964; | |
5474 | } | |
5475 | .ios .badge.color-blue { | |
5476 | background-color: #007aff; | |
5477 | } | |
5478 | .ios .badge.color-pink { | |
5479 | background-color: #ff2d55; | |
5480 | } | |
5481 | .ios .badge.color-yellow { | |
5482 | background-color: #ffcc00; | |
5483 | } | |
5484 | .ios .badge.color-orange { | |
5485 | background-color: #ff9500; | |
5486 | } | |
5487 | .ios .badge.color-gray { | |
5488 | background-color: #8e8e93; | |
5489 | } | |
5490 | .ios .badge.color-white { | |
5491 | background-color: #ffffff; | |
5492 | } | |
5493 | .ios .badge.color-black { | |
5494 | background-color: #000000; | |
5495 | } | |
5496 | .md .badge { | |
5497 | font-size: 10px; | |
5498 | border-radius: 3px; | |
5499 | padding: 1px 6px; | |
5500 | vertical-align: middle; | |
5501 | } | |
5502 | .md .icon .badge, | |
5503 | .md .f7-icons .badge, | |
5504 | .md .framework7-icons .badge, | |
5505 | .md .material-icons .badge { | |
5506 | line-height: 1.4; | |
5507 | padding: 1px 5px; | |
5508 | font-family: Roboto, Noto, Helvetica, Arial, sans-serif; | |
5509 | font-size: 10px; | |
5510 | } | |
5511 | .md .badge.color-red { | |
5512 | background-color: #f44336; | |
5513 | } | |
5514 | .md .badge.color-green { | |
5515 | background-color: #4caf50; | |
5516 | } | |
5517 | .md .badge.color-blue { | |
5518 | background-color: #2196f3; | |
5519 | } | |
5520 | .md .badge.color-pink { | |
5521 | background-color: #e91e63; | |
5522 | } | |
5523 | .md .badge.color-yellow { | |
5524 | background-color: #ffeb3b; | |
5525 | } | |
5526 | .md .badge.color-orange { | |
5527 | background-color: #ff9800; | |
5528 | } | |
5529 | .md .badge.color-gray { | |
5530 | background-color: #9e9e9e; | |
5531 | } | |
5532 | .md .badge.color-white { | |
5533 | background-color: #ffffff; | |
5534 | } | |
5535 | .md .badge.color-black { | |
5536 | background-color: #000000; | |
5537 | } | |
5538 | button { | |
5539 | -webkit-appearance: none; | |
5540 | -moz-appearance: none; | |
5541 | appearance: none; | |
5542 | } | |
5543 | .button { | |
5544 | text-decoration: none; | |
5545 | text-align: center; | |
5546 | display: block; | |
5547 | -webkit-appearance: none; | |
5548 | -moz-appearance: none; | |
5549 | appearance: none; | |
5550 | background: none; | |
5551 | padding: 0 10px; | |
5552 | margin: 0; | |
5553 | white-space: nowrap; | |
5554 | text-overflow: ellipsis; | |
5555 | font-size: 14px; | |
5556 | position: relative; | |
5557 | overflow: hidden; | |
5558 | font-family: inherit; | |
5559 | cursor: pointer; | |
5560 | outline: 0; | |
5561 | -webkit-box-sizing: border-box; | |
5562 | box-sizing: border-box; | |
5563 | vertical-align: middle; | |
5564 | } | |
5565 | input[type="submit"].button, | |
5566 | input[type="button"].button { | |
5567 | width: 100%; | |
5568 | } | |
5569 | button { | |
5570 | width: 100%; | |
5571 | } | |
5572 | .segmented { | |
5573 | -webkit-align-self: center; | |
5574 | -ms-flex-item-align: center; | |
5575 | align-self: center; | |
5576 | display: -webkit-box; | |
5577 | display: -webkit-flex; | |
5578 | display: -ms-flexbox; | |
5579 | display: flex; | |
5580 | -webkit-flex-wrap: nowrap; | |
5581 | -ms-flex-wrap: nowrap; | |
5582 | flex-wrap: nowrap; | |
5583 | } | |
5584 | .segmented .button, | |
5585 | .segmented button { | |
5586 | width: 100%; | |
5587 | -webkit-flex-shrink: 1; | |
5588 | -ms-flex-negative: 1; | |
5589 | flex-shrink: 1; | |
5590 | min-width: 0; | |
5591 | } | |
5592 | .subnavbar .segmented { | |
5593 | width: 100%; | |
5594 | } | |
5595 | .ios .button { | |
5596 | border: 1px solid #007aff; | |
5597 | color: #007aff; | |
5598 | border-radius: 5px; | |
5599 | line-height: 27px; | |
5600 | height: 29px; | |
5601 | } | |
5602 | .ios .button.active-state { | |
5603 | background: rgba(0, 122, 255, 0.15); | |
5604 | } | |
5605 | .ios .button.button-round, | |
5606 | .ios .button.button-round-ios { | |
5607 | border-radius: 29px; | |
5608 | } | |
5609 | .ios .button.button-active, | |
5610 | .ios .button.tab-link-active { | |
5611 | background: #007aff; | |
5612 | color: #fff; | |
5613 | } | |
5614 | .ios .button.button-big, | |
5615 | .ios .button.button-big-ios { | |
5616 | font-size: 17px; | |
5617 | height: 44px; | |
5618 | line-height: 42px; | |
5619 | } | |
5620 | .ios .button.button-small, | |
5621 | .ios .button.button-small-ios { | |
5622 | height: 26px; | |
5623 | line-height: 22px; | |
5624 | border-width: 2px; | |
5625 | font-size: 13px; | |
5626 | font-weight: 600; | |
5627 | text-transform: uppercase; | |
5628 | -webkit-transition-duration: 200ms; | |
5629 | transition-duration: 200ms; | |
5630 | } | |
5631 | .ios .button.button-small.button-fill.active-state, | |
5632 | .ios .button.button-small-ios.button-fill.active-state, | |
5633 | .ios .button.button-small.button-fill-ios.active-state, | |
5634 | .ios .button.button-small-ios.button-fill-ios.active-state { | |
5635 | color: #007aff; | |
5636 | border: 2px solid #007aff; | |
5637 | background-color: transparent; | |
5638 | opacity: 1; | |
5639 | } | |
5640 | .ios .button.button-fill, | |
5641 | .ios .button.button-fill-ios { | |
5642 | color: #fff; | |
5643 | background: #007aff; | |
5644 | border-color: transparent; | |
5645 | } | |
5646 | .ios .button.button-fill.active-state, | |
5647 | .ios .button.button-fill-ios.active-state { | |
5648 | opacity: 0.8; | |
5649 | } | |
5650 | .ios .button i.icon:first-child { | |
5651 | margin-left: 10px; | |
5652 | } | |
5653 | .ios .button i.icon:last-child { | |
5654 | margin-right: 10px; | |
5655 | } | |
5656 | .ios .button i.icon:first-child:last-child { | |
5657 | margin-left: 0; | |
5658 | margin-right: 0; | |
5659 | } | |
5660 | .ios .segmented .button { | |
5661 | border-radius: 0; | |
5662 | border-right-width: 0; | |
5663 | } | |
5664 | .ios .segmented .button:first-child { | |
5665 | border-radius: 0 5px 5px 0; | |
5666 | border-right-width: 1px; | |
5667 | border-right-style: solid; | |
5668 | } | |
5669 | .ios .segmented .button:first-child.button-small { | |
5670 | border-right-width: 2px; | |
5671 | } | |
5672 | .ios .segmented .button:last-child { | |
5673 | border-radius: 5px 0 0 5px; | |
5674 | } | |
5675 | .ios .segmented .button:first-child:last-child { | |
5676 | border-radius: 5px; | |
5677 | } | |
5678 | .ios .segmented .button.button-round:first-child, | |
5679 | .ios .segmented .button.button-round-ios:first-child { | |
5680 | border-radius: 0 29px 29px 0; | |
5681 | } | |
5682 | .ios .segmented .button.button-round:last-child, | |
5683 | .ios .segmented .button.button-round-ios:last-child { | |
5684 | border-radius: 0 29px 29px 0; | |
5685 | border-radius: 29px 0 0 29px; | |
5686 | } | |
5687 | .ios .color-theme-red .button { | |
5688 | border-color: #ff3b30; | |
5689 | color: #ff3b30; | |
5690 | } | |
5691 | .ios .color-theme-red .button.active-state { | |
5692 | background: rgba(255, 59, 48, 0.15); | |
5693 | } | |
5694 | .ios .color-theme-red .button.button-active, | |
5695 | .ios .color-theme-red .button.tab-link-active, | |
5696 | .ios .color-theme-red .button.button-fill, | |
5697 | .ios .color-theme-red .button.button-fill-ios { | |
5698 | color: #fff; | |
5699 | } | |
5700 | .ios .color-theme-red .button.button-active, | |
5701 | .ios .color-theme-red .button.tab-link-active { | |
5702 | background: #ff3b30; | |
5703 | } | |
5704 | .ios .color-theme-red .button.button-fill, | |
5705 | .ios .color-theme-red .button.button-fill-ios { | |
5706 | background: #ff3b30; | |
5707 | border-color: transparent; | |
5708 | } | |
5709 | .ios .color-theme-red .button.button-small.button-fill.active-state, | |
5710 | .ios .color-theme-red .button.button-small-ios.button-fill.active-state, | |
5711 | .ios .color-theme-red .button.button-small.button-fill-ios.active-state, | |
5712 | .ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { | |
5713 | color: #ff3b30; | |
5714 | border: 2px solid #ff3b30; | |
5715 | background-color: transparent; | |
5716 | } | |
5717 | .ios .color-theme-green .button { | |
5718 | border-color: #4cd964; | |
5719 | color: #4cd964; | |
5720 | } | |
5721 | .ios .color-theme-green .button.active-state { | |
5722 | background: rgba(76, 217, 100, 0.15); | |
5723 | } | |
5724 | .ios .color-theme-green .button.button-active, | |
5725 | .ios .color-theme-green .button.tab-link-active, | |
5726 | .ios .color-theme-green .button.button-fill, | |
5727 | .ios .color-theme-green .button.button-fill-ios { | |
5728 | color: #fff; | |
5729 | } | |
5730 | .ios .color-theme-green .button.button-active, | |
5731 | .ios .color-theme-green .button.tab-link-active { | |
5732 | background: #4cd964; | |
5733 | } | |
5734 | .ios .color-theme-green .button.button-fill, | |
5735 | .ios .color-theme-green .button.button-fill-ios { | |
5736 | background: #4cd964; | |
5737 | border-color: transparent; | |
5738 | } | |
5739 | .ios .color-theme-green .button.button-small.button-fill.active-state, | |
5740 | .ios .color-theme-green .button.button-small-ios.button-fill.active-state, | |
5741 | .ios .color-theme-green .button.button-small.button-fill-ios.active-state, | |
5742 | .ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { | |
5743 | color: #4cd964; | |
5744 | border: 2px solid #4cd964; | |
5745 | background-color: transparent; | |
5746 | } | |
5747 | .ios .color-theme-blue .button { | |
5748 | border-color: #007aff; | |
5749 | color: #007aff; | |
5750 | } | |
5751 | .ios .color-theme-blue .button.active-state { | |
5752 | background: rgba(0, 122, 255, 0.15); | |
5753 | } | |
5754 | .ios .color-theme-blue .button.button-active, | |
5755 | .ios .color-theme-blue .button.tab-link-active, | |
5756 | .ios .color-theme-blue .button.button-fill, | |
5757 | .ios .color-theme-blue .button.button-fill-ios { | |
5758 | color: #fff; | |
5759 | } | |
5760 | .ios .color-theme-blue .button.button-active, | |
5761 | .ios .color-theme-blue .button.tab-link-active { | |
5762 | background: #007aff; | |
5763 | } | |
5764 | .ios .color-theme-blue .button.button-fill, | |
5765 | .ios .color-theme-blue .button.button-fill-ios { | |
5766 | background: #007aff; | |
5767 | border-color: transparent; | |
5768 | } | |
5769 | .ios .color-theme-blue .button.button-small.button-fill.active-state, | |
5770 | .ios .color-theme-blue .button.button-small-ios.button-fill.active-state, | |
5771 | .ios .color-theme-blue .button.button-small.button-fill-ios.active-state, | |
5772 | .ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { | |
5773 | color: #007aff; | |
5774 | border: 2px solid #007aff; | |
5775 | background-color: transparent; | |
5776 | } | |
5777 | .ios .color-theme-pink .button { | |
5778 | border-color: #ff2d55; | |
5779 | color: #ff2d55; | |
5780 | } | |
5781 | .ios .color-theme-pink .button.active-state { | |
5782 | background: rgba(255, 45, 85, 0.15); | |
5783 | } | |
5784 | .ios .color-theme-pink .button.button-active, | |
5785 | .ios .color-theme-pink .button.tab-link-active, | |
5786 | .ios .color-theme-pink .button.button-fill, | |
5787 | .ios .color-theme-pink .button.button-fill-ios { | |
5788 | color: #fff; | |
5789 | } | |
5790 | .ios .color-theme-pink .button.button-active, | |
5791 | .ios .color-theme-pink .button.tab-link-active { | |
5792 | background: #ff2d55; | |
5793 | } | |
5794 | .ios .color-theme-pink .button.button-fill, | |
5795 | .ios .color-theme-pink .button.button-fill-ios { | |
5796 | background: #ff2d55; | |
5797 | border-color: transparent; | |
5798 | } | |
5799 | .ios .color-theme-pink .button.button-small.button-fill.active-state, | |
5800 | .ios .color-theme-pink .button.button-small-ios.button-fill.active-state, | |
5801 | .ios .color-theme-pink .button.button-small.button-fill-ios.active-state, | |
5802 | .ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { | |
5803 | color: #ff2d55; | |
5804 | border: 2px solid #ff2d55; | |
5805 | background-color: transparent; | |
5806 | } | |
5807 | .ios .color-theme-yellow .button { | |
5808 | border-color: #ffcc00; | |
5809 | color: #ffcc00; | |
5810 | } | |
5811 | .ios .color-theme-yellow .button.active-state { | |
5812 | background: rgba(255, 204, 0, 0.15); | |
5813 | } | |
5814 | .ios .color-theme-yellow .button.button-active, | |
5815 | .ios .color-theme-yellow .button.tab-link-active, | |
5816 | .ios .color-theme-yellow .button.button-fill, | |
5817 | .ios .color-theme-yellow .button.button-fill-ios { | |
5818 | color: #fff; | |
5819 | } | |
5820 | .ios .color-theme-yellow .button.button-active, | |
5821 | .ios .color-theme-yellow .button.tab-link-active { | |
5822 | background: #ffcc00; | |
5823 | } | |
5824 | .ios .color-theme-yellow .button.button-fill, | |
5825 | .ios .color-theme-yellow .button.button-fill-ios { | |
5826 | background: #ffcc00; | |
5827 | border-color: transparent; | |
5828 | } | |
5829 | .ios .color-theme-yellow .button.button-small.button-fill.active-state, | |
5830 | .ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, | |
5831 | .ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, | |
5832 | .ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { | |
5833 | color: #ffcc00; | |
5834 | border: 2px solid #ffcc00; | |
5835 | background-color: transparent; | |
5836 | } | |
5837 | .ios .color-theme-orange .button { | |
5838 | border-color: #ff9500; | |
5839 | color: #ff9500; | |
5840 | } | |
5841 | .ios .color-theme-orange .button.active-state { | |
5842 | background: rgba(255, 149, 0, 0.15); | |
5843 | } | |
5844 | .ios .color-theme-orange .button.button-active, | |
5845 | .ios .color-theme-orange .button.tab-link-active, | |
5846 | .ios .color-theme-orange .button.button-fill, | |
5847 | .ios .color-theme-orange .button.button-fill-ios { | |
5848 | color: #fff; | |
5849 | } | |
5850 | .ios .color-theme-orange .button.button-active, | |
5851 | .ios .color-theme-orange .button.tab-link-active { | |
5852 | background: #ff9500; | |
5853 | } | |
5854 | .ios .color-theme-orange .button.button-fill, | |
5855 | .ios .color-theme-orange .button.button-fill-ios { | |
5856 | background: #ff9500; | |
5857 | border-color: transparent; | |
5858 | } | |
5859 | .ios .color-theme-orange .button.button-small.button-fill.active-state, | |
5860 | .ios .color-theme-orange .button.button-small-ios.button-fill.active-state, | |
5861 | .ios .color-theme-orange .button.button-small.button-fill-ios.active-state, | |
5862 | .ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { | |
5863 | color: #ff9500; | |
5864 | border: 2px solid #ff9500; | |
5865 | background-color: transparent; | |
5866 | } | |
5867 | .ios .color-theme-gray .button { | |
5868 | border-color: #8e8e93; | |
5869 | color: #8e8e93; | |
5870 | } | |
5871 | .ios .color-theme-gray .button.active-state { | |
5872 | background: rgba(142, 142, 147, 0.15); | |
5873 | } | |
5874 | .ios .color-theme-gray .button.button-active, | |
5875 | .ios .color-theme-gray .button.tab-link-active, | |
5876 | .ios .color-theme-gray .button.button-fill, | |
5877 | .ios .color-theme-gray .button.button-fill-ios { | |
5878 | color: #fff; | |
5879 | } | |
5880 | .ios .color-theme-gray .button.button-active, | |
5881 | .ios .color-theme-gray .button.tab-link-active { | |
5882 | background: #8e8e93; | |
5883 | } | |
5884 | .ios .color-theme-gray .button.button-fill, | |
5885 | .ios .color-theme-gray .button.button-fill-ios { | |
5886 | background: #8e8e93; | |
5887 | border-color: transparent; | |
5888 | } | |
5889 | .ios .color-theme-gray .button.button-small.button-fill.active-state, | |
5890 | .ios .color-theme-gray .button.button-small-ios.button-fill.active-state, | |
5891 | .ios .color-theme-gray .button.button-small.button-fill-ios.active-state, | |
5892 | .ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { | |
5893 | color: #8e8e93; | |
5894 | border: 2px solid #8e8e93; | |
5895 | background-color: transparent; | |
5896 | } | |
5897 | .ios .color-theme-white .button { | |
5898 | border-color: #ffffff; | |
5899 | color: #ffffff; | |
5900 | } | |
5901 | .ios .color-theme-white .button.active-state { | |
5902 | background: rgba(255, 255, 255, 0.15); | |
5903 | } | |
5904 | .ios .color-theme-white .button.button-active, | |
5905 | .ios .color-theme-white .button.tab-link-active, | |
5906 | .ios .color-theme-white .button.button-fill, | |
5907 | .ios .color-theme-white .button.button-fill-ios { | |
5908 | color: #fff; | |
5909 | } | |
5910 | .ios .color-theme-white .button.button-active, | |
5911 | .ios .color-theme-white .button.tab-link-active { | |
5912 | background: #ffffff; | |
5913 | } | |
5914 | .ios .color-theme-white .button.button-fill, | |
5915 | .ios .color-theme-white .button.button-fill-ios { | |
5916 | background: #ffffff; | |
5917 | border-color: transparent; | |
5918 | } | |
5919 | .ios .color-theme-white .button.button-small.button-fill.active-state, | |
5920 | .ios .color-theme-white .button.button-small-ios.button-fill.active-state, | |
5921 | .ios .color-theme-white .button.button-small.button-fill-ios.active-state, | |
5922 | .ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { | |
5923 | color: #ffffff; | |
5924 | border: 2px solid #ffffff; | |
5925 | background-color: transparent; | |
5926 | } | |
5927 | .ios .color-theme-black .button { | |
5928 | border-color: #000000; | |
5929 | color: #000000; | |
5930 | } | |
5931 | .ios .color-theme-black .button.active-state { | |
5932 | background: rgba(0, 0, 0, 0.15); | |
5933 | } | |
5934 | .ios .color-theme-black .button.button-active, | |
5935 | .ios .color-theme-black .button.tab-link-active, | |
5936 | .ios .color-theme-black .button.button-fill, | |
5937 | .ios .color-theme-black .button.button-fill-ios { | |
5938 | color: #fff; | |
5939 | } | |
5940 | .ios .color-theme-black .button.button-active, | |
5941 | .ios .color-theme-black .button.tab-link-active { | |
5942 | background: #000000; | |
5943 | } | |
5944 | .ios .color-theme-black .button.button-fill, | |
5945 | .ios .color-theme-black .button.button-fill-ios { | |
5946 | background: #000000; | |
5947 | border-color: transparent; | |
5948 | } | |
5949 | .ios .color-theme-black .button.button-small.button-fill.active-state, | |
5950 | .ios .color-theme-black .button.button-small-ios.button-fill.active-state, | |
5951 | .ios .color-theme-black .button.button-small.button-fill-ios.active-state, | |
5952 | .ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { | |
5953 | color: #000000; | |
5954 | border: 2px solid #000000; | |
5955 | background-color: transparent; | |
5956 | } | |
5957 | .ios .button.color-red { | |
5958 | border-color: #ff3b30; | |
5959 | color: #ff3b30; | |
5960 | } | |
5961 | .ios .button.color-red.active-state { | |
5962 | background: rgba(255, 59, 48, 0.15); | |
5963 | } | |
5964 | .ios .button.color-red.button-active, | |
5965 | .ios .button.color-red.tab-link-active, | |
5966 | .ios .button.color-red.button-fill, | |
5967 | .ios .button.color-red.button-fill-ios { | |
5968 | color: #fff; | |
5969 | } | |
5970 | .ios .button.color-red.button-active, | |
5971 | .ios .button.color-red.tab-link-active { | |
5972 | background: #ff3b30; | |
5973 | } | |
5974 | .ios .button.color-red.button-fill, | |
5975 | .ios .button.color-red.button-fill-ios { | |
5976 | background: #ff3b30; | |
5977 | border-color: transparent; | |
5978 | } | |
5979 | .ios .button.color-red.button-small.button-fill.active-state, | |
5980 | .ios .button.color-red.button-small-ios.button-fill.active-state, | |
5981 | .ios .button.color-red.button-small.button-fill-ios.active-state, | |
5982 | .ios .button.color-red.button-small-ios.button-fill-ios.active-state { | |
5983 | color: #ff3b30; | |
5984 | border: 2px solid #ff3b30; | |
5985 | background-color: transparent; | |
5986 | } | |
5987 | .ios .button.color-green { | |
5988 | border-color: #4cd964; | |
5989 | color: #4cd964; | |
5990 | } | |
5991 | .ios .button.color-green.active-state { | |
5992 | background: rgba(76, 217, 100, 0.15); | |
5993 | } | |
5994 | .ios .button.color-green.button-active, | |
5995 | .ios .button.color-green.tab-link-active, | |
5996 | .ios .button.color-green.button-fill, | |
5997 | .ios .button.color-green.button-fill-ios { | |
5998 | color: #fff; | |
5999 | } | |
6000 | .ios .button.color-green.button-active, | |
6001 | .ios .button.color-green.tab-link-active { | |
6002 | background: #4cd964; | |
6003 | } | |
6004 | .ios .button.color-green.button-fill, | |
6005 | .ios .button.color-green.button-fill-ios { | |
6006 | background: #4cd964; | |
6007 | border-color: transparent; | |
6008 | } | |
6009 | .ios .button.color-green.button-small.button-fill.active-state, | |
6010 | .ios .button.color-green.button-small-ios.button-fill.active-state, | |
6011 | .ios .button.color-green.button-small.button-fill-ios.active-state, | |
6012 | .ios .button.color-green.button-small-ios.button-fill-ios.active-state { | |
6013 | color: #4cd964; | |
6014 | border: 2px solid #4cd964; | |
6015 | background-color: transparent; | |
6016 | } | |
6017 | .ios .button.color-blue { | |
6018 | border-color: #007aff; | |
6019 | color: #007aff; | |
6020 | } | |
6021 | .ios .button.color-blue.active-state { | |
6022 | background: rgba(0, 122, 255, 0.15); | |
6023 | } | |
6024 | .ios .button.color-blue.button-active, | |
6025 | .ios .button.color-blue.tab-link-active, | |
6026 | .ios .button.color-blue.button-fill, | |
6027 | .ios .button.color-blue.button-fill-ios { | |
6028 | color: #fff; | |
6029 | } | |
6030 | .ios .button.color-blue.button-active, | |
6031 | .ios .button.color-blue.tab-link-active { | |
6032 | background: #007aff; | |
6033 | } | |
6034 | .ios .button.color-blue.button-fill, | |
6035 | .ios .button.color-blue.button-fill-ios { | |
6036 | background: #007aff; | |
6037 | border-color: transparent; | |
6038 | } | |
6039 | .ios .button.color-blue.button-small.button-fill.active-state, | |
6040 | .ios .button.color-blue.button-small-ios.button-fill.active-state, | |
6041 | .ios .button.color-blue.button-small.button-fill-ios.active-state, | |
6042 | .ios .button.color-blue.button-small-ios.button-fill-ios.active-state { | |
6043 | color: #007aff; | |
6044 | border: 2px solid #007aff; | |
6045 | background-color: transparent; | |
6046 | } | |
6047 | .ios .button.color-pink { | |
6048 | border-color: #ff2d55; | |
6049 | color: #ff2d55; | |
6050 | } | |
6051 | .ios .button.color-pink.active-state { | |
6052 | background: rgba(255, 45, 85, 0.15); | |
6053 | } | |
6054 | .ios .button.color-pink.button-active, | |
6055 | .ios .button.color-pink.tab-link-active, | |
6056 | .ios .button.color-pink.button-fill, | |
6057 | .ios .button.color-pink.button-fill-ios { | |
6058 | color: #fff; | |
6059 | } | |
6060 | .ios .button.color-pink.button-active, | |
6061 | .ios .button.color-pink.tab-link-active { | |
6062 | background: #ff2d55; | |
6063 | } | |
6064 | .ios .button.color-pink.button-fill, | |
6065 | .ios .button.color-pink.button-fill-ios { | |
6066 | background: #ff2d55; | |
6067 | border-color: transparent; | |
6068 | } | |
6069 | .ios .button.color-pink.button-small.button-fill.active-state, | |
6070 | .ios .button.color-pink.button-small-ios.button-fill.active-state, | |
6071 | .ios .button.color-pink.button-small.button-fill-ios.active-state, | |
6072 | .ios .button.color-pink.button-small-ios.button-fill-ios.active-state { | |
6073 | color: #ff2d55; | |
6074 | border: 2px solid #ff2d55; | |
6075 | background-color: transparent; | |
6076 | } | |
6077 | .ios .button.color-yellow { | |
6078 | border-color: #ffcc00; | |
6079 | color: #ffcc00; | |
6080 | } | |
6081 | .ios .button.color-yellow.active-state { | |
6082 | background: rgba(255, 204, 0, 0.15); | |
6083 | } | |
6084 | .ios .button.color-yellow.button-active, | |
6085 | .ios .button.color-yellow.tab-link-active, | |
6086 | .ios .button.color-yellow.button-fill, | |
6087 | .ios .button.color-yellow.button-fill-ios { | |
6088 | color: #fff; | |
6089 | } | |
6090 | .ios .button.color-yellow.button-active, | |
6091 | .ios .button.color-yellow.tab-link-active { | |
6092 | background: #ffcc00; | |
6093 | } | |
6094 | .ios .button.color-yellow.button-fill, | |
6095 | .ios .button.color-yellow.button-fill-ios { | |
6096 | background: #ffcc00; | |
6097 | border-color: transparent; | |
6098 | } | |
6099 | .ios .button.color-yellow.button-small.button-fill.active-state, | |
6100 | .ios .button.color-yellow.button-small-ios.button-fill.active-state, | |
6101 | .ios .button.color-yellow.button-small.button-fill-ios.active-state, | |
6102 | .ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { | |
6103 | color: #ffcc00; | |
6104 | border: 2px solid #ffcc00; | |
6105 | background-color: transparent; | |
6106 | } | |
6107 | .ios .button.color-orange { | |
6108 | border-color: #ff9500; | |
6109 | color: #ff9500; | |
6110 | } | |
6111 | .ios .button.color-orange.active-state { | |
6112 | background: rgba(255, 149, 0, 0.15); | |
6113 | } | |
6114 | .ios .button.color-orange.button-active, | |
6115 | .ios .button.color-orange.tab-link-active, | |
6116 | .ios .button.color-orange.button-fill, | |
6117 | .ios .button.color-orange.button-fill-ios { | |
6118 | color: #fff; | |
6119 | } | |
6120 | .ios .button.color-orange.button-active, | |
6121 | .ios .button.color-orange.tab-link-active { | |
6122 | background: #ff9500; | |
6123 | } | |
6124 | .ios .button.color-orange.button-fill, | |
6125 | .ios .button.color-orange.button-fill-ios { | |
6126 | background: #ff9500; | |
6127 | border-color: transparent; | |
6128 | } | |
6129 | .ios .button.color-orange.button-small.button-fill.active-state, | |
6130 | .ios .button.color-orange.button-small-ios.button-fill.active-state, | |
6131 | .ios .button.color-orange.button-small.button-fill-ios.active-state, | |
6132 | .ios .button.color-orange.button-small-ios.button-fill-ios.active-state { | |
6133 | color: #ff9500; | |
6134 | border: 2px solid #ff9500; | |
6135 | background-color: transparent; | |
6136 | } | |
6137 | .ios .button.color-gray { | |
6138 | border-color: #8e8e93; | |
6139 | color: #8e8e93; | |
6140 | } | |
6141 | .ios .button.color-gray.active-state { | |
6142 | background: rgba(142, 142, 147, 0.15); | |
6143 | } | |
6144 | .ios .button.color-gray.button-active, | |
6145 | .ios .button.color-gray.tab-link-active, | |
6146 | .ios .button.color-gray.button-fill, | |
6147 | .ios .button.color-gray.button-fill-ios { | |
6148 | color: #fff; | |
6149 | } | |
6150 | .ios .button.color-gray.button-active, | |
6151 | .ios .button.color-gray.tab-link-active { | |
6152 | background: #8e8e93; | |
6153 | } | |
6154 | .ios .button.color-gray.button-fill, | |
6155 | .ios .button.color-gray.button-fill-ios { | |
6156 | background: #8e8e93; | |
6157 | border-color: transparent; | |
6158 | } | |
6159 | .ios .button.color-gray.button-small.button-fill.active-state, | |
6160 | .ios .button.color-gray.button-small-ios.button-fill.active-state, | |
6161 | .ios .button.color-gray.button-small.button-fill-ios.active-state, | |
6162 | .ios .button.color-gray.button-small-ios.button-fill-ios.active-state { | |
6163 | color: #8e8e93; | |
6164 | border: 2px solid #8e8e93; | |
6165 | background-color: transparent; | |
6166 | } | |
6167 | .ios .button.color-white { | |
6168 | border-color: #ffffff; | |
6169 | color: #ffffff; | |
6170 | } | |
6171 | .ios .button.color-white.active-state { | |
6172 | background: rgba(255, 255, 255, 0.15); | |
6173 | } | |
6174 | .ios .button.color-white.button-active, | |
6175 | .ios .button.color-white.tab-link-active, | |
6176 | .ios .button.color-white.button-fill, | |
6177 | .ios .button.color-white.button-fill-ios { | |
6178 | color: #fff; | |
6179 | } | |
6180 | .ios .button.color-white.button-active, | |
6181 | .ios .button.color-white.tab-link-active { | |
6182 | background: #ffffff; | |
6183 | } | |
6184 | .ios .button.color-white.button-fill, | |
6185 | .ios .button.color-white.button-fill-ios { | |
6186 | background: #ffffff; | |
6187 | border-color: transparent; | |
6188 | } | |
6189 | .ios .button.color-white.button-small.button-fill.active-state, | |
6190 | .ios .button.color-white.button-small-ios.button-fill.active-state, | |
6191 | .ios .button.color-white.button-small.button-fill-ios.active-state, | |
6192 | .ios .button.color-white.button-small-ios.button-fill-ios.active-state { | |
6193 | color: #ffffff; | |
6194 | border: 2px solid #ffffff; | |
6195 | background-color: transparent; | |
6196 | } | |
6197 | .ios .button.color-black { | |
6198 | border-color: #000000; | |
6199 | color: #000000; | |
6200 | } | |
6201 | .ios .button.color-black.active-state { | |
6202 | background: rgba(0, 0, 0, 0.15); | |
6203 | } | |
6204 | .ios .button.color-black.button-active, | |
6205 | .ios .button.color-black.tab-link-active, | |
6206 | .ios .button.color-black.button-fill, | |
6207 | .ios .button.color-black.button-fill-ios { | |
6208 | color: #fff; | |
6209 | } | |
6210 | .ios .button.color-black.button-active, | |
6211 | .ios .button.color-black.tab-link-active { | |
6212 | background: #000000; | |
6213 | } | |
6214 | .ios .button.color-black.button-fill, | |
6215 | .ios .button.color-black.button-fill-ios { | |
6216 | background: #000000; | |
6217 | border-color: transparent; | |
6218 | } | |
6219 | .ios .button.color-black.button-small.button-fill.active-state, | |
6220 | .ios .button.color-black.button-small-ios.button-fill.active-state, | |
6221 | .ios .button.color-black.button-small.button-fill-ios.active-state, | |
6222 | .ios .button.color-black.button-small-ios.button-fill-ios.active-state { | |
6223 | color: #000000; | |
6224 | border: 2px solid #000000; | |
6225 | background-color: transparent; | |
6226 | } | |
6227 | .md .button { | |
6228 | color: #2196f3; | |
6229 | border-radius: 4px; | |
6230 | line-height: 36px; | |
6231 | height: 36px; | |
6232 | text-transform: uppercase; | |
6233 | min-width: 64px; | |
6234 | padding: 0 8px; | |
6235 | border: none; | |
6236 | -webkit-transition-duration: 300ms; | |
6237 | transition-duration: 300ms; | |
6238 | -webkit-transform: translate3d(0, 0, 0); | |
6239 | transform: translate3d(0, 0, 0); | |
6240 | font-weight: 500; | |
6241 | letter-spacing: 0.03em; | |
6242 | } | |
6243 | .md .button.active-state { | |
6244 | background: rgba(0, 0, 0, 0.1); | |
6245 | } | |
6246 | .md .button.button-fill, | |
6247 | .md .button.button-fill-md, | |
6248 | .md .button.button-active, | |
6249 | .md .button.tab-link-active { | |
6250 | background-color: #2196f3; | |
6251 | color: #fff; | |
6252 | } | |
6253 | .md .button.button-fill.active-state, | |
6254 | .md .button.button-fill-md.active-state, | |
6255 | .md .button.button-active.active-state, | |
6256 | .md .button.tab-link-active.active-state { | |
6257 | background: #0c82df; | |
6258 | } | |
6259 | .md .button.button-big, | |
6260 | .md .button.button-big-md { | |
6261 | height: 48px; | |
6262 | line-height: 48px; | |
6263 | border-radius: 4px; | |
6264 | } | |
6265 | .md .button.button-round, | |
6266 | .md .button.button-round-md { | |
6267 | border-radius: 36px; | |
6268 | } | |
6269 | .md .button.button-outline { | |
6270 | border: 2px solid #2196f3; | |
6271 | line-height: 32px; | |
6272 | } | |
6273 | .md .button.button-outline.button-big, | |
6274 | .md .button.button-outline.button-big-md { | |
6275 | line-height: 44px; | |
6276 | } | |
6277 | .md .button.button-small, | |
6278 | .md .button.button-small-md { | |
6279 | height: 28px; | |
6280 | line-height: 28px; | |
6281 | font-size: 13px; | |
6282 | font-weight: 500; | |
6283 | letter-spacing: 0.03em; | |
6284 | } | |
6285 | .md .button.button-small.button-outline, | |
6286 | .md .button.button-small-md.button-outline { | |
6287 | border-width: 2px; | |
6288 | line-height: 24px; | |
6289 | } | |
6290 | .md .button > i.icon + span, | |
6291 | .md .button > span:not(.ripple-wave) + span, | |
6292 | .md .button > span:not(.ripple-wave) + i.icon, | |
6293 | .md .button > i.icon + i.icon { | |
6294 | margin-right: 8px; | |
6295 | } | |
6296 | .md .button.button-raised { | |
6297 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6298 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6299 | } | |
6300 | .md .button.button-raised.active-state { | |
6301 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | |
6302 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | |
6303 | } | |
6304 | .md .navbar .button:not(.button-fill):not(.button-fill-md), | |
6305 | .md .subnavbar .button:not(.button-fill):not(.button-fill-md), | |
6306 | .md .toolbar .button:not(.button-fill):not(.button-fill-md) { | |
6307 | color: #fff; | |
6308 | } | |
6309 | .md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, | |
6310 | .md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, | |
6311 | .md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { | |
6312 | background: rgba(255, 255, 255, 0.15); | |
6313 | } | |
6314 | .md .toast .button:not(.button-fill):not(.button-fill-md).active-state { | |
6315 | background: rgba(255, 255, 255, 0.15); | |
6316 | } | |
6317 | .md .segmented { | |
6318 | border-radius: 4px; | |
6319 | } | |
6320 | .md .segmented.segmented-raised { | |
6321 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6322 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6323 | } | |
6324 | .md .segmented.segmented-round { | |
6325 | border-radius: 36px; | |
6326 | } | |
6327 | .md .segmented .button { | |
6328 | border-radius: 0; | |
6329 | min-width: 0; | |
6330 | border-right: 1px solid rgba(0, 0, 0, 0.1); | |
6331 | } | |
6332 | .md .segmented .button:first-child { | |
6333 | border-radius: 0 4px 4px 0; | |
6334 | border-right: none; | |
6335 | } | |
6336 | .md .segmented .button.button-outline { | |
6337 | border: 2px solid #2196f3; | |
6338 | } | |
6339 | .md .segmented .button.button-outline:nth-child(n + 2) { | |
6340 | border-right: none; | |
6341 | } | |
6342 | .md .segmented .button:last-child { | |
6343 | border-radius: 4px 0 0 4px; | |
6344 | } | |
6345 | .md .segmented .button:first-child:last-child { | |
6346 | border-radius: 4px; | |
6347 | } | |
6348 | .md .segmented .button.button-round:first-child { | |
6349 | border-radius: 0 36px 36px 0; | |
6350 | } | |
6351 | .md .segmented .button.button-round:last-child { | |
6352 | border-radius: 36px 0 0 36px; | |
6353 | } | |
6354 | .md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { | |
6355 | background-color: rgba(255, 255, 255, 0.1); | |
6356 | } | |
6357 | .md .color-theme-red .button, | |
6358 | .md .color-red .button { | |
6359 | color: #f44336; | |
6360 | } | |
6361 | .md .color-theme-red .button.button-fill, | |
6362 | .md .color-red .button.button-fill, | |
6363 | .md .color-theme-red .button.button-fill-md, | |
6364 | .md .color-red .button.button-fill-md, | |
6365 | .md .color-theme-red .button.button-active, | |
6366 | .md .color-red .button.button-active, | |
6367 | .md .color-theme-red .button.tab-link-active, | |
6368 | .md .color-red .button.tab-link-active { | |
6369 | background-color: #f44336; | |
6370 | color: #fff; | |
6371 | } | |
6372 | .md .color-theme-red .button.button-fill.active-state, | |
6373 | .md .color-red .button.button-fill.active-state, | |
6374 | .md .color-theme-red .button.button-fill-md.active-state, | |
6375 | .md .color-red .button.button-fill-md.active-state, | |
6376 | .md .color-theme-red .button.button-active.active-state, | |
6377 | .md .color-red .button.button-active.active-state, | |
6378 | .md .color-theme-red .button.tab-link-active.active-state, | |
6379 | .md .color-red .button.tab-link-active.active-state { | |
6380 | background: #f21f0f; | |
6381 | } | |
6382 | .md .color-theme-red .button.button-outline, | |
6383 | .md .color-red .button.button-outline { | |
6384 | border-color: #f44336; | |
6385 | } | |
6386 | .md .color-theme-green .button, | |
6387 | .md .color-green .button { | |
6388 | color: #4caf50; | |
6389 | } | |
6390 | .md .color-theme-green .button.button-fill, | |
6391 | .md .color-green .button.button-fill, | |
6392 | .md .color-theme-green .button.button-fill-md, | |
6393 | .md .color-green .button.button-fill-md, | |
6394 | .md .color-theme-green .button.button-active, | |
6395 | .md .color-green .button.button-active, | |
6396 | .md .color-theme-green .button.tab-link-active, | |
6397 | .md .color-green .button.tab-link-active { | |
6398 | background-color: #4caf50; | |
6399 | color: #fff; | |
6400 | } | |
6401 | .md .color-theme-green .button.button-fill.active-state, | |
6402 | .md .color-green .button.button-fill.active-state, | |
6403 | .md .color-theme-green .button.button-fill-md.active-state, | |
6404 | .md .color-green .button.button-fill-md.active-state, | |
6405 | .md .color-theme-green .button.button-active.active-state, | |
6406 | .md .color-green .button.button-active.active-state, | |
6407 | .md .color-theme-green .button.tab-link-active.active-state, | |
6408 | .md .color-green .button.tab-link-active.active-state { | |
6409 | background: #409343; | |
6410 | } | |
6411 | .md .color-theme-green .button.button-outline, | |
6412 | .md .color-green .button.button-outline { | |
6413 | border-color: #4caf50; | |
6414 | } | |
6415 | .md .color-theme-blue .button, | |
6416 | .md .color-blue .button { | |
6417 | color: #2196f3; | |
6418 | } | |
6419 | .md .color-theme-blue .button.button-fill, | |
6420 | .md .color-blue .button.button-fill, | |
6421 | .md .color-theme-blue .button.button-fill-md, | |
6422 | .md .color-blue .button.button-fill-md, | |
6423 | .md .color-theme-blue .button.button-active, | |
6424 | .md .color-blue .button.button-active, | |
6425 | .md .color-theme-blue .button.tab-link-active, | |
6426 | .md .color-blue .button.tab-link-active { | |
6427 | background-color: #2196f3; | |
6428 | color: #fff; | |
6429 | } | |
6430 | .md .color-theme-blue .button.button-fill.active-state, | |
6431 | .md .color-blue .button.button-fill.active-state, | |
6432 | .md .color-theme-blue .button.button-fill-md.active-state, | |
6433 | .md .color-blue .button.button-fill-md.active-state, | |
6434 | .md .color-theme-blue .button.button-active.active-state, | |
6435 | .md .color-blue .button.button-active.active-state, | |
6436 | .md .color-theme-blue .button.tab-link-active.active-state, | |
6437 | .md .color-blue .button.tab-link-active.active-state { | |
6438 | background: #0c82df; | |
6439 | } | |
6440 | .md .color-theme-blue .button.button-outline, | |
6441 | .md .color-blue .button.button-outline { | |
6442 | border-color: #2196f3; | |
6443 | } | |
6444 | .md .color-theme-pink .button, | |
6445 | .md .color-pink .button { | |
6446 | color: #e91e63; | |
6447 | } | |
6448 | .md .color-theme-pink .button.button-fill, | |
6449 | .md .color-pink .button.button-fill, | |
6450 | .md .color-theme-pink .button.button-fill-md, | |
6451 | .md .color-pink .button.button-fill-md, | |
6452 | .md .color-theme-pink .button.button-active, | |
6453 | .md .color-pink .button.button-active, | |
6454 | .md .color-theme-pink .button.tab-link-active, | |
6455 | .md .color-pink .button.tab-link-active { | |
6456 | background-color: #e91e63; | |
6457 | color: #fff; | |
6458 | } | |
6459 | .md .color-theme-pink .button.button-fill.active-state, | |
6460 | .md .color-pink .button.button-fill.active-state, | |
6461 | .md .color-theme-pink .button.button-fill-md.active-state, | |
6462 | .md .color-pink .button.button-fill-md.active-state, | |
6463 | .md .color-theme-pink .button.button-active.active-state, | |
6464 | .md .color-pink .button.button-active.active-state, | |
6465 | .md .color-theme-pink .button.tab-link-active.active-state, | |
6466 | .md .color-pink .button.tab-link-active.active-state { | |
6467 | background: #ca1452; | |
6468 | } | |
6469 | .md .color-theme-pink .button.button-outline, | |
6470 | .md .color-pink .button.button-outline { | |
6471 | border-color: #e91e63; | |
6472 | } | |
6473 | .md .color-theme-yellow .button, | |
6474 | .md .color-yellow .button { | |
6475 | color: #ffeb3b; | |
6476 | } | |
6477 | .md .color-theme-yellow .button.button-fill, | |
6478 | .md .color-yellow .button.button-fill, | |
6479 | .md .color-theme-yellow .button.button-fill-md, | |
6480 | .md .color-yellow .button.button-fill-md, | |
6481 | .md .color-theme-yellow .button.button-active, | |
6482 | .md .color-yellow .button.button-active, | |
6483 | .md .color-theme-yellow .button.tab-link-active, | |
6484 | .md .color-yellow .button.tab-link-active { | |
6485 | background-color: #ffeb3b; | |
6486 | color: #fff; | |
6487 | } | |
6488 | .md .color-theme-yellow .button.button-fill.active-state, | |
6489 | .md .color-yellow .button.button-fill.active-state, | |
6490 | .md .color-theme-yellow .button.button-fill-md.active-state, | |
6491 | .md .color-yellow .button.button-fill-md.active-state, | |
6492 | .md .color-theme-yellow .button.button-active.active-state, | |
6493 | .md .color-yellow .button.button-active.active-state, | |
6494 | .md .color-theme-yellow .button.tab-link-active.active-state, | |
6495 | .md .color-yellow .button.tab-link-active.active-state { | |
6496 | background: #ffe712; | |
6497 | } | |
6498 | .md .color-theme-yellow .button.button-outline, | |
6499 | .md .color-yellow .button.button-outline { | |
6500 | border-color: #ffeb3b; | |
6501 | } | |
6502 | .md .color-theme-orange .button, | |
6503 | .md .color-orange .button { | |
6504 | color: #ff9800; | |
6505 | } | |
6506 | .md .color-theme-orange .button.button-fill, | |
6507 | .md .color-orange .button.button-fill, | |
6508 | .md .color-theme-orange .button.button-fill-md, | |
6509 | .md .color-orange .button.button-fill-md, | |
6510 | .md .color-theme-orange .button.button-active, | |
6511 | .md .color-orange .button.button-active, | |
6512 | .md .color-theme-orange .button.tab-link-active, | |
6513 | .md .color-orange .button.tab-link-active { | |
6514 | background-color: #ff9800; | |
6515 | color: #fff; | |
6516 | } | |
6517 | .md .color-theme-orange .button.button-fill.active-state, | |
6518 | .md .color-orange .button.button-fill.active-state, | |
6519 | .md .color-theme-orange .button.button-fill-md.active-state, | |
6520 | .md .color-orange .button.button-fill-md.active-state, | |
6521 | .md .color-theme-orange .button.button-active.active-state, | |
6522 | .md .color-orange .button.button-active.active-state, | |
6523 | .md .color-theme-orange .button.tab-link-active.active-state, | |
6524 | .md .color-orange .button.tab-link-active.active-state { | |
6525 | background: #d68000; | |
6526 | } | |
6527 | .md .color-theme-orange .button.button-outline, | |
6528 | .md .color-orange .button.button-outline { | |
6529 | border-color: #ff9800; | |
6530 | } | |
6531 | .md .color-theme-gray .button, | |
6532 | .md .color-gray .button { | |
6533 | color: #9e9e9e; | |
6534 | } | |
6535 | .md .color-theme-gray .button.button-fill, | |
6536 | .md .color-gray .button.button-fill, | |
6537 | .md .color-theme-gray .button.button-fill-md, | |
6538 | .md .color-gray .button.button-fill-md, | |
6539 | .md .color-theme-gray .button.button-active, | |
6540 | .md .color-gray .button.button-active, | |
6541 | .md .color-theme-gray .button.tab-link-active, | |
6542 | .md .color-gray .button.tab-link-active { | |
6543 | background-color: #9e9e9e; | |
6544 | color: #fff; | |
6545 | } | |
6546 | .md .color-theme-gray .button.button-fill.active-state, | |
6547 | .md .color-gray .button.button-fill.active-state, | |
6548 | .md .color-theme-gray .button.button-fill-md.active-state, | |
6549 | .md .color-gray .button.button-fill-md.active-state, | |
6550 | .md .color-theme-gray .button.button-active.active-state, | |
6551 | .md .color-gray .button.button-active.active-state, | |
6552 | .md .color-theme-gray .button.tab-link-active.active-state, | |
6553 | .md .color-gray .button.tab-link-active.active-state { | |
6554 | background: #8a8a8a; | |
6555 | } | |
6556 | .md .color-theme-gray .button.button-outline, | |
6557 | .md .color-gray .button.button-outline { | |
6558 | border-color: #9e9e9e; | |
6559 | } | |
6560 | .md .color-theme-white .button, | |
6561 | .md .color-white .button { | |
6562 | color: #ffffff; | |
6563 | } | |
6564 | .md .color-theme-white .button.button-fill, | |
6565 | .md .color-white .button.button-fill, | |
6566 | .md .color-theme-white .button.button-fill-md, | |
6567 | .md .color-white .button.button-fill-md, | |
6568 | .md .color-theme-white .button.button-active, | |
6569 | .md .color-white .button.button-active, | |
6570 | .md .color-theme-white .button.tab-link-active, | |
6571 | .md .color-white .button.tab-link-active { | |
6572 | background-color: #ffffff; | |
6573 | color: #fff; | |
6574 | } | |
6575 | .md .color-theme-white .button.button-fill.active-state, | |
6576 | .md .color-white .button.button-fill.active-state, | |
6577 | .md .color-theme-white .button.button-fill-md.active-state, | |
6578 | .md .color-white .button.button-fill-md.active-state, | |
6579 | .md .color-theme-white .button.button-active.active-state, | |
6580 | .md .color-white .button.button-active.active-state, | |
6581 | .md .color-theme-white .button.tab-link-active.active-state, | |
6582 | .md .color-white .button.tab-link-active.active-state { | |
6583 | background: #ebebeb; | |
6584 | } | |
6585 | .md .color-theme-white .button.button-outline, | |
6586 | .md .color-white .button.button-outline { | |
6587 | border-color: #ffffff; | |
6588 | } | |
6589 | .md .color-theme-black .button, | |
6590 | .md .color-black .button { | |
6591 | color: #000000; | |
6592 | } | |
6593 | .md .color-theme-black .button.button-fill, | |
6594 | .md .color-black .button.button-fill, | |
6595 | .md .color-theme-black .button.button-fill-md, | |
6596 | .md .color-black .button.button-fill-md, | |
6597 | .md .color-theme-black .button.button-active, | |
6598 | .md .color-black .button.button-active, | |
6599 | .md .color-theme-black .button.tab-link-active, | |
6600 | .md .color-black .button.tab-link-active { | |
6601 | background-color: #000000; | |
6602 | color: #fff; | |
6603 | } | |
6604 | .md .color-theme-black .button.button-fill.active-state, | |
6605 | .md .color-black .button.button-fill.active-state, | |
6606 | .md .color-theme-black .button.button-fill-md.active-state, | |
6607 | .md .color-black .button.button-fill-md.active-state, | |
6608 | .md .color-theme-black .button.button-active.active-state, | |
6609 | .md .color-black .button.button-active.active-state, | |
6610 | .md .color-theme-black .button.tab-link-active.active-state, | |
6611 | .md .color-black .button.tab-link-active.active-state { | |
6612 | background: #000000; | |
6613 | } | |
6614 | .md .color-theme-black .button.button-outline, | |
6615 | .md .color-black .button.button-outline { | |
6616 | border-color: #000000; | |
6617 | } | |
6618 | .md .button.color-red { | |
6619 | color: #f44336; | |
6620 | } | |
6621 | .md .button.color-red.button-fill, | |
6622 | .md .button.color-red.button-fill-md, | |
6623 | .md .button.color-red.button-active, | |
6624 | .md .button.color-red.tab-link-active { | |
6625 | background-color: #f44336; | |
6626 | color: #fff; | |
6627 | } | |
6628 | .md .button.color-red.button-fill.active-state, | |
6629 | .md .button.color-red.button-fill-md.active-state, | |
6630 | .md .button.color-red.button-active.active-state, | |
6631 | .md .button.color-red.tab-link-active.active-state { | |
6632 | background: #f21f0f; | |
6633 | } | |
6634 | .md .button.color-red.button-outline { | |
6635 | border-color: #f44336; | |
6636 | } | |
6637 | .md .button.color-green { | |
6638 | color: #4caf50; | |
6639 | } | |
6640 | .md .button.color-green.button-fill, | |
6641 | .md .button.color-green.button-fill-md, | |
6642 | .md .button.color-green.button-active, | |
6643 | .md .button.color-green.tab-link-active { | |
6644 | background-color: #4caf50; | |
6645 | color: #fff; | |
6646 | } | |
6647 | .md .button.color-green.button-fill.active-state, | |
6648 | .md .button.color-green.button-fill-md.active-state, | |
6649 | .md .button.color-green.button-active.active-state, | |
6650 | .md .button.color-green.tab-link-active.active-state { | |
6651 | background: #409343; | |
6652 | } | |
6653 | .md .button.color-green.button-outline { | |
6654 | border-color: #4caf50; | |
6655 | } | |
6656 | .md .button.color-blue { | |
6657 | color: #2196f3; | |
6658 | } | |
6659 | .md .button.color-blue.button-fill, | |
6660 | .md .button.color-blue.button-fill-md, | |
6661 | .md .button.color-blue.button-active, | |
6662 | .md .button.color-blue.tab-link-active { | |
6663 | background-color: #2196f3; | |
6664 | color: #fff; | |
6665 | } | |
6666 | .md .button.color-blue.button-fill.active-state, | |
6667 | .md .button.color-blue.button-fill-md.active-state, | |
6668 | .md .button.color-blue.button-active.active-state, | |
6669 | .md .button.color-blue.tab-link-active.active-state { | |
6670 | background: #0c82df; | |
6671 | } | |
6672 | .md .button.color-blue.button-outline { | |
6673 | border-color: #2196f3; | |
6674 | } | |
6675 | .md .button.color-pink { | |
6676 | color: #e91e63; | |
6677 | } | |
6678 | .md .button.color-pink.button-fill, | |
6679 | .md .button.color-pink.button-fill-md, | |
6680 | .md .button.color-pink.button-active, | |
6681 | .md .button.color-pink.tab-link-active { | |
6682 | background-color: #e91e63; | |
6683 | color: #fff; | |
6684 | } | |
6685 | .md .button.color-pink.button-fill.active-state, | |
6686 | .md .button.color-pink.button-fill-md.active-state, | |
6687 | .md .button.color-pink.button-active.active-state, | |
6688 | .md .button.color-pink.tab-link-active.active-state { | |
6689 | background: #ca1452; | |
6690 | } | |
6691 | .md .button.color-pink.button-outline { | |
6692 | border-color: #e91e63; | |
6693 | } | |
6694 | .md .button.color-yellow { | |
6695 | color: #ffeb3b; | |
6696 | } | |
6697 | .md .button.color-yellow.button-fill, | |
6698 | .md .button.color-yellow.button-fill-md, | |
6699 | .md .button.color-yellow.button-active, | |
6700 | .md .button.color-yellow.tab-link-active { | |
6701 | background-color: #ffeb3b; | |
6702 | color: #fff; | |
6703 | } | |
6704 | .md .button.color-yellow.button-fill.active-state, | |
6705 | .md .button.color-yellow.button-fill-md.active-state, | |
6706 | .md .button.color-yellow.button-active.active-state, | |
6707 | .md .button.color-yellow.tab-link-active.active-state { | |
6708 | background: #ffe712; | |
6709 | } | |
6710 | .md .button.color-yellow.button-outline { | |
6711 | border-color: #ffeb3b; | |
6712 | } | |
6713 | .md .button.color-orange { | |
6714 | color: #ff9800; | |
6715 | } | |
6716 | .md .button.color-orange.button-fill, | |
6717 | .md .button.color-orange.button-fill-md, | |
6718 | .md .button.color-orange.button-active, | |
6719 | .md .button.color-orange.tab-link-active { | |
6720 | background-color: #ff9800; | |
6721 | color: #fff; | |
6722 | } | |
6723 | .md .button.color-orange.button-fill.active-state, | |
6724 | .md .button.color-orange.button-fill-md.active-state, | |
6725 | .md .button.color-orange.button-active.active-state, | |
6726 | .md .button.color-orange.tab-link-active.active-state { | |
6727 | background: #d68000; | |
6728 | } | |
6729 | .md .button.color-orange.button-outline { | |
6730 | border-color: #ff9800; | |
6731 | } | |
6732 | .md .button.color-gray { | |
6733 | color: #9e9e9e; | |
6734 | } | |
6735 | .md .button.color-gray.button-fill, | |
6736 | .md .button.color-gray.button-fill-md, | |
6737 | .md .button.color-gray.button-active, | |
6738 | .md .button.color-gray.tab-link-active { | |
6739 | background-color: #9e9e9e; | |
6740 | color: #fff; | |
6741 | } | |
6742 | .md .button.color-gray.button-fill.active-state, | |
6743 | .md .button.color-gray.button-fill-md.active-state, | |
6744 | .md .button.color-gray.button-active.active-state, | |
6745 | .md .button.color-gray.tab-link-active.active-state { | |
6746 | background: #8a8a8a; | |
6747 | } | |
6748 | .md .button.color-gray.button-outline { | |
6749 | border-color: #9e9e9e; | |
6750 | } | |
6751 | .md .button.color-white { | |
6752 | color: #ffffff; | |
6753 | } | |
6754 | .md .button.color-white.button-fill, | |
6755 | .md .button.color-white.button-fill-md, | |
6756 | .md .button.color-white.button-active, | |
6757 | .md .button.color-white.tab-link-active { | |
6758 | background-color: #ffffff; | |
6759 | color: #fff; | |
6760 | } | |
6761 | .md .button.color-white.button-fill.active-state, | |
6762 | .md .button.color-white.button-fill-md.active-state, | |
6763 | .md .button.color-white.button-active.active-state, | |
6764 | .md .button.color-white.tab-link-active.active-state { | |
6765 | background: #ebebeb; | |
6766 | } | |
6767 | .md .button.color-white.button-outline { | |
6768 | border-color: #ffffff; | |
6769 | } | |
6770 | .md .button.color-black { | |
6771 | color: #000000; | |
6772 | } | |
6773 | .md .button.color-black.button-fill, | |
6774 | .md .button.color-black.button-fill-md, | |
6775 | .md .button.color-black.button-active, | |
6776 | .md .button.color-black.tab-link-active { | |
6777 | background-color: #000000; | |
6778 | color: #fff; | |
6779 | } | |
6780 | .md .button.color-black.button-fill.active-state, | |
6781 | .md .button.color-black.button-fill-md.active-state, | |
6782 | .md .button.color-black.button-active.active-state, | |
6783 | .md .button.color-black.tab-link-active.active-state { | |
6784 | background: #000000; | |
6785 | } | |
6786 | .md .button.color-black.button-outline { | |
6787 | border-color: #000000; | |
6788 | } | |
6789 | /* === Touch Ripple === */ | |
6790 | .md .ripple, | |
6791 | .md .fab a, | |
6792 | .md a.link, | |
6793 | .md a.item-link, | |
6794 | .md .button, | |
6795 | .md .dialog-button, | |
6796 | .md .tab-link, | |
6797 | .md .radio, | |
6798 | .md .checkbox, | |
6799 | .md .actions-button, | |
6800 | .md .speed-dial-buttons a { | |
6801 | -webkit-user-select: none; | |
6802 | -moz-user-select: none; | |
6803 | -ms-user-select: none; | |
6804 | user-select: none; | |
6805 | } | |
6806 | .md .ripple-wave { | |
6807 | left: 0; | |
6808 | top: 0; | |
6809 | position: absolute !important; | |
6810 | border-radius: 50%; | |
6811 | pointer-events: none; | |
6812 | z-index: -1; | |
6813 | background: rgba(0, 0, 0, 0.1); | |
6814 | padding: 0; | |
6815 | margin: 0; | |
6816 | font-size: 0; | |
6817 | -webkit-transform: translate3d(0px, 0px, 0) scale(0); | |
6818 | transform: translate3d(0px, 0px, 0) scale(0); | |
6819 | -webkit-transition-duration: 1400ms; | |
6820 | transition-duration: 1400ms; | |
6821 | } | |
6822 | .md .ripple-wave.ripple-wave-fill { | |
6823 | -webkit-transition-duration: 300ms; | |
6824 | transition-duration: 300ms; | |
6825 | opacity: 0.35; | |
6826 | } | |
6827 | .md .ripple-wave.ripple-wave-out { | |
6828 | -webkit-transition-duration: 600ms; | |
6829 | transition-duration: 600ms; | |
6830 | opacity: 0; | |
6831 | } | |
6832 | .button-fill .md .ripple-wave, | |
6833 | .picker-calendar-day .md .ripple-wave { | |
6834 | z-index: 1; | |
6835 | } | |
6836 | .md .button-fill .ripple-wave, | |
6837 | .md .button-active .ripple-wave, | |
6838 | .md .navbar .ripple-wave, | |
6839 | .md .toolbar .ripple-wave, | |
6840 | .md .subnavbar .ripple-wave, | |
6841 | .md .toast .ripple-wave, | |
6842 | .md .fab a .ripple-wave, | |
6843 | .md .stepper-fill .ripple-wave { | |
6844 | background: rgba(255, 255, 255, 0.3); | |
6845 | } | |
6846 | .md .messagebar .ripple-wave, | |
6847 | .md .searchbar .ripple-wave { | |
6848 | background: rgba(0, 0, 0, 0.1); | |
6849 | } | |
6850 | .md .data-table .sortable-cell .ripple-wave { | |
6851 | z-index: 0; | |
6852 | } | |
6853 | .md .checkbox .ripple-wave, | |
6854 | .md .radio .ripple-wave { | |
6855 | background: rgba(33, 150, 243, 0.5); | |
6856 | z-index: 0; | |
6857 | } | |
6858 | .md .theme-dark .page-content .ripple-wave, | |
6859 | .md .theme-dark .messagebar .ripple-wave, | |
6860 | .md .theme-dark .popover .ripple-wave, | |
6861 | .md .theme-dark .calendar .ripple-wave, | |
6862 | .calendar.md .theme-dark .ripple-wave { | |
6863 | background-color: rgba(255, 255, 255, 0.3); | |
6864 | } | |
6865 | .md .ripple-color-red .ripple-wave, | |
6866 | .md .ripple-red .ripple-wave { | |
6867 | background-color: rgba(244, 67, 54, 0.3); | |
6868 | } | |
6869 | .md .ripple-color-green .ripple-wave, | |
6870 | .md .ripple-green .ripple-wave { | |
6871 | background-color: rgba(76, 175, 80, 0.3); | |
6872 | } | |
6873 | .md .ripple-color-blue .ripple-wave, | |
6874 | .md .ripple-blue .ripple-wave { | |
6875 | background-color: rgba(33, 150, 243, 0.3); | |
6876 | } | |
6877 | .md .ripple-color-pink .ripple-wave, | |
6878 | .md .ripple-pink .ripple-wave { | |
6879 | background-color: rgba(233, 30, 99, 0.3); | |
6880 | } | |
6881 | .md .ripple-color-yellow .ripple-wave, | |
6882 | .md .ripple-yellow .ripple-wave { | |
6883 | background-color: rgba(255, 235, 59, 0.3); | |
6884 | } | |
6885 | .md .ripple-color-orange .ripple-wave, | |
6886 | .md .ripple-orange .ripple-wave { | |
6887 | background-color: rgba(255, 152, 0, 0.3); | |
6888 | } | |
6889 | .md .ripple-color-gray .ripple-wave, | |
6890 | .md .ripple-gray .ripple-wave { | |
6891 | background-color: rgba(158, 158, 158, 0.3); | |
6892 | } | |
6893 | .md .ripple-color-white .ripple-wave, | |
6894 | .md .ripple-white .ripple-wave { | |
6895 | background-color: rgba(255, 255, 255, 0.3); | |
6896 | } | |
6897 | .md .ripple-color-black .ripple-wave, | |
6898 | .md .ripple-black .ripple-wave { | |
6899 | background-color: rgba(0, 0, 0, 0.3); | |
6900 | } | |
6901 | /* === Icon === */ | |
6902 | i.icon { | |
6903 | display: inline-block; | |
6904 | vertical-align: middle; | |
6905 | background-size: 100% auto; | |
6906 | background-position: center; | |
6907 | background-repeat: no-repeat; | |
6908 | font-style: normal; | |
6909 | position: relative; | |
6910 | } | |
6911 | .ios .icon-back, | |
6912 | .ios .icon-prev { | |
6913 | width: 12px; | |
6914 | height: 20px; | |
6915 | } | |
6916 | .ios .icon-forward, | |
6917 | .ios .icon-next { | |
6918 | width: 12px; | |
6919 | height: 20px; | |
6920 | } | |
6921 | .ios .icon-next, | |
6922 | .ios .icon-prev { | |
6923 | width: 10px; | |
6924 | } | |
6925 | .ios .icon-forward, | |
6926 | .ios .icon-next { | |
6927 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6928 | } | |
6929 | .ios .icon-back, | |
6930 | .ios .icon-prev { | |
6931 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6932 | } | |
6933 | .ios .navbar .f7-icons, | |
6934 | .ios .toolbar .f7-icons { | |
6935 | font-size: 22px; | |
6936 | } | |
6937 | .ios .tabbar .f7-icons, | |
6938 | .ios .tabbar-labels .f7-icons { | |
6939 | font-size: 25px; | |
6940 | } | |
6941 | .ios .item-media .f7-icons { | |
6942 | font-size: 25px; | |
6943 | width: 29px; | |
6944 | height: 29px; | |
6945 | } | |
6946 | .ios .button .f7-icons { | |
6947 | font-size: 22px; | |
6948 | } | |
6949 | .ios .item-media .icon { | |
6950 | color: #808080; | |
6951 | } | |
6952 | .ios .color-theme-red .icon-forward, | |
6953 | .ios .icon-forward.color-red, | |
6954 | .ios a.link.color-red .icon-forward, | |
6955 | .ios .color-theme-red .icon-next, | |
6956 | .ios .icon-next.color-red, | |
6957 | .ios a.link.color-red .icon-next { | |
6958 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6959 | } | |
6960 | .ios .color-theme-red .icon-back, | |
6961 | .ios .icon-back.color-red, | |
6962 | .ios a.link.color-red .icon-back, | |
6963 | .ios .color-theme-red .icon-prev, | |
6964 | .ios .icon-prev.color-red, | |
6965 | .ios a.link.color-red .icon-prev { | |
6966 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff3b30'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6967 | } | |
6968 | .ios .color-theme-green .icon-forward, | |
6969 | .ios .icon-forward.color-green, | |
6970 | .ios a.link.color-green .icon-forward, | |
6971 | .ios .color-theme-green .icon-next, | |
6972 | .ios .icon-next.color-green, | |
6973 | .ios a.link.color-green .icon-next { | |
6974 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6975 | } | |
6976 | .ios .color-theme-green .icon-back, | |
6977 | .ios .icon-back.color-green, | |
6978 | .ios a.link.color-green .icon-back, | |
6979 | .ios .color-theme-green .icon-prev, | |
6980 | .ios .icon-prev.color-green, | |
6981 | .ios a.link.color-green .icon-prev { | |
6982 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%234cd964'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6983 | } | |
6984 | .ios .color-theme-blue .icon-forward, | |
6985 | .ios .icon-forward.color-blue, | |
6986 | .ios a.link.color-blue .icon-forward, | |
6987 | .ios .color-theme-blue .icon-next, | |
6988 | .ios .icon-next.color-blue, | |
6989 | .ios a.link.color-blue .icon-next { | |
6990 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6991 | } | |
6992 | .ios .color-theme-blue .icon-back, | |
6993 | .ios .icon-back.color-blue, | |
6994 | .ios a.link.color-blue .icon-back, | |
6995 | .ios .color-theme-blue .icon-prev, | |
6996 | .ios .icon-prev.color-blue, | |
6997 | .ios a.link.color-blue .icon-prev { | |
6998 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23007aff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
6999 | } | |
7000 | .ios .color-theme-pink .icon-forward, | |
7001 | .ios .icon-forward.color-pink, | |
7002 | .ios a.link.color-pink .icon-forward, | |
7003 | .ios .color-theme-pink .icon-next, | |
7004 | .ios .icon-next.color-pink, | |
7005 | .ios a.link.color-pink .icon-next { | |
7006 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7007 | } | |
7008 | .ios .color-theme-pink .icon-back, | |
7009 | .ios .icon-back.color-pink, | |
7010 | .ios a.link.color-pink .icon-back, | |
7011 | .ios .color-theme-pink .icon-prev, | |
7012 | .ios .icon-prev.color-pink, | |
7013 | .ios a.link.color-pink .icon-prev { | |
7014 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff2d55'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7015 | } | |
7016 | .ios .color-theme-yellow .icon-forward, | |
7017 | .ios .icon-forward.color-yellow, | |
7018 | .ios a.link.color-yellow .icon-forward, | |
7019 | .ios .color-theme-yellow .icon-next, | |
7020 | .ios .icon-next.color-yellow, | |
7021 | .ios a.link.color-yellow .icon-next { | |
7022 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7023 | } | |
7024 | .ios .color-theme-yellow .icon-back, | |
7025 | .ios .icon-back.color-yellow, | |
7026 | .ios a.link.color-yellow .icon-back, | |
7027 | .ios .color-theme-yellow .icon-prev, | |
7028 | .ios .icon-prev.color-yellow, | |
7029 | .ios a.link.color-yellow .icon-prev { | |
7030 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffcc00'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7031 | } | |
7032 | .ios .color-theme-orange .icon-forward, | |
7033 | .ios .icon-forward.color-orange, | |
7034 | .ios a.link.color-orange .icon-forward, | |
7035 | .ios .color-theme-orange .icon-next, | |
7036 | .ios .icon-next.color-orange, | |
7037 | .ios a.link.color-orange .icon-next { | |
7038 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7039 | } | |
7040 | .ios .color-theme-orange .icon-back, | |
7041 | .ios .icon-back.color-orange, | |
7042 | .ios a.link.color-orange .icon-back, | |
7043 | .ios .color-theme-orange .icon-prev, | |
7044 | .ios .icon-prev.color-orange, | |
7045 | .ios a.link.color-orange .icon-prev { | |
7046 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ff9500'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7047 | } | |
7048 | .ios .color-theme-gray .icon-forward, | |
7049 | .ios .icon-forward.color-gray, | |
7050 | .ios a.link.color-gray .icon-forward, | |
7051 | .ios .color-theme-gray .icon-next, | |
7052 | .ios .icon-next.color-gray, | |
7053 | .ios a.link.color-gray .icon-next { | |
7054 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7055 | } | |
7056 | .ios .color-theme-gray .icon-back, | |
7057 | .ios .icon-back.color-gray, | |
7058 | .ios a.link.color-gray .icon-back, | |
7059 | .ios .color-theme-gray .icon-prev, | |
7060 | .ios .icon-prev.color-gray, | |
7061 | .ios a.link.color-gray .icon-prev { | |
7062 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%238e8e93'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7063 | } | |
7064 | .ios .color-theme-white .icon-forward, | |
7065 | .ios .icon-forward.color-white, | |
7066 | .ios a.link.color-white .icon-forward, | |
7067 | .ios .color-theme-white .icon-next, | |
7068 | .ios .icon-next.color-white, | |
7069 | .ios a.link.color-white .icon-next { | |
7070 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7071 | } | |
7072 | .ios .color-theme-white .icon-back, | |
7073 | .ios .icon-back.color-white, | |
7074 | .ios a.link.color-white .icon-back, | |
7075 | .ios .color-theme-white .icon-prev, | |
7076 | .ios .icon-prev.color-white, | |
7077 | .ios a.link.color-white .icon-prev { | |
7078 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7079 | } | |
7080 | .ios .color-theme-black .icon-forward, | |
7081 | .ios .icon-forward.color-black, | |
7082 | .ios a.link.color-black .icon-forward, | |
7083 | .ios .color-theme-black .icon-next, | |
7084 | .ios .icon-next.color-black, | |
7085 | .ios a.link.color-black .icon-next { | |
7086 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7087 | } | |
7088 | .ios .color-theme-black .icon-back, | |
7089 | .ios .icon-back.color-black, | |
7090 | .ios a.link.color-black .icon-back, | |
7091 | .ios .color-theme-black .icon-prev, | |
7092 | .ios .icon-prev.color-black, | |
7093 | .ios a.link.color-black .icon-prev { | |
7094 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.51840604%2010.5648622c-.0352203.05148305-.07573462.10050698-.1215468.14631917L2.5584348%2019.5496058c-.5830904.58309038-1.52656832.5849888-2.11643872-.00488163-.5857864-.58578644-.591222-1.53009836-.0048816-2.11643873L7.87507783%209.9903221.4431923%202.5584366C-.1398981%201.9753462-.1417965%201.0318683.448074.4419979c.5857864-.5857865%201.5300983-.591222%202.11643868-.0048816l8.83842442%208.8384244c.3526746.3526746.3939974.89699.11546894%201.2893215z'%20fill%3D'%23000000'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E"); | |
7095 | } | |
7096 | .ios .icon.color-red { | |
7097 | color: #ff3b30; | |
7098 | } | |
7099 | .ios .icon.color-green { | |
7100 | color: #4cd964; | |
7101 | } | |
7102 | .ios .icon.color-blue { | |
7103 | color: #007aff; | |
7104 | } | |
7105 | .ios .icon.color-pink { | |
7106 | color: #ff2d55; | |
7107 | } | |
7108 | .ios .icon.color-yellow { | |
7109 | color: #ffcc00; | |
7110 | } | |
7111 | .ios .icon.color-orange { | |
7112 | color: #ff9500; | |
7113 | } | |
7114 | .ios .icon.color-gray { | |
7115 | color: #8e8e93; | |
7116 | } | |
7117 | .ios .icon.color-white { | |
7118 | color: #ffffff; | |
7119 | } | |
7120 | .ios .icon.color-black { | |
7121 | color: #000000; | |
7122 | } | |
7123 | .md .icon-back { | |
7124 | width: 24px; | |
7125 | height: 24px; | |
7126 | } | |
7127 | .md .icon-forward { | |
7128 | width: 24px; | |
7129 | height: 24px; | |
7130 | } | |
7131 | .md .icon-next, | |
7132 | .md .icon-prev { | |
7133 | width: 24px; | |
7134 | height: 24px; | |
7135 | } | |
7136 | .md .item-media .icon { | |
7137 | color: #737373; | |
7138 | } | |
7139 | .md .item-media .material-icons { | |
7140 | font-size: 24px; | |
7141 | width: 24px; | |
7142 | height: 24px; | |
7143 | } | |
7144 | .md .icon-forward { | |
7145 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | |
7146 | } | |
7147 | .md .icon-back { | |
7148 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | |
7149 | } | |
7150 | .md .icon-prev { | |
7151 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7152 | } | |
7153 | .md .icon-next { | |
7154 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7155 | } | |
7156 | .md .icon-forward.color-red, | |
7157 | .md a.link .color-red .icon-forward { | |
7158 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); | |
7159 | } | |
7160 | .md .icon-back.color-red, | |
7161 | .md a.link .color-red .icon-back { | |
7162 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); | |
7163 | } | |
7164 | .md .icon-prev.color-red, | |
7165 | .md a.link .color-red .icon-prev { | |
7166 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7167 | } | |
7168 | .md .icon-next.color-red, | |
7169 | .md a.link .color-red .icon-next { | |
7170 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7171 | } | |
7172 | .md .icon-forward.color-green, | |
7173 | .md a.link .color-green .icon-forward { | |
7174 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); | |
7175 | } | |
7176 | .md .icon-back.color-green, | |
7177 | .md a.link .color-green .icon-back { | |
7178 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); | |
7179 | } | |
7180 | .md .icon-prev.color-green, | |
7181 | .md a.link .color-green .icon-prev { | |
7182 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7183 | } | |
7184 | .md .icon-next.color-green, | |
7185 | .md a.link .color-green .icon-next { | |
7186 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7187 | } | |
7188 | .md .icon-forward.color-blue, | |
7189 | .md a.link .color-blue .icon-forward { | |
7190 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); | |
7191 | } | |
7192 | .md .icon-back.color-blue, | |
7193 | .md a.link .color-blue .icon-back { | |
7194 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); | |
7195 | } | |
7196 | .md .icon-prev.color-blue, | |
7197 | .md a.link .color-blue .icon-prev { | |
7198 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7199 | } | |
7200 | .md .icon-next.color-blue, | |
7201 | .md a.link .color-blue .icon-next { | |
7202 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7203 | } | |
7204 | .md .icon-forward.color-pink, | |
7205 | .md a.link .color-pink .icon-forward { | |
7206 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); | |
7207 | } | |
7208 | .md .icon-back.color-pink, | |
7209 | .md a.link .color-pink .icon-back { | |
7210 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); | |
7211 | } | |
7212 | .md .icon-prev.color-pink, | |
7213 | .md a.link .color-pink .icon-prev { | |
7214 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7215 | } | |
7216 | .md .icon-next.color-pink, | |
7217 | .md a.link .color-pink .icon-next { | |
7218 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7219 | } | |
7220 | .md .icon-forward.color-yellow, | |
7221 | .md a.link .color-yellow .icon-forward { | |
7222 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); | |
7223 | } | |
7224 | .md .icon-back.color-yellow, | |
7225 | .md a.link .color-yellow .icon-back { | |
7226 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); | |
7227 | } | |
7228 | .md .icon-prev.color-yellow, | |
7229 | .md a.link .color-yellow .icon-prev { | |
7230 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7231 | } | |
7232 | .md .icon-next.color-yellow, | |
7233 | .md a.link .color-yellow .icon-next { | |
7234 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7235 | } | |
7236 | .md .icon-forward.color-orange, | |
7237 | .md a.link .color-orange .icon-forward { | |
7238 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); | |
7239 | } | |
7240 | .md .icon-back.color-orange, | |
7241 | .md a.link .color-orange .icon-back { | |
7242 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); | |
7243 | } | |
7244 | .md .icon-prev.color-orange, | |
7245 | .md a.link .color-orange .icon-prev { | |
7246 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7247 | } | |
7248 | .md .icon-next.color-orange, | |
7249 | .md a.link .color-orange .icon-next { | |
7250 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7251 | } | |
7252 | .md .icon-forward.color-gray, | |
7253 | .md a.link .color-gray .icon-forward { | |
7254 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); | |
7255 | } | |
7256 | .md .icon-back.color-gray, | |
7257 | .md a.link .color-gray .icon-back { | |
7258 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); | |
7259 | } | |
7260 | .md .icon-prev.color-gray, | |
7261 | .md a.link .color-gray .icon-prev { | |
7262 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7263 | } | |
7264 | .md .icon-next.color-gray, | |
7265 | .md a.link .color-gray .icon-next { | |
7266 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7267 | } | |
7268 | .md .icon-forward.color-white, | |
7269 | .md a.link .color-white .icon-forward { | |
7270 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | |
7271 | } | |
7272 | .md .icon-back.color-white, | |
7273 | .md a.link .color-white .icon-back { | |
7274 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | |
7275 | } | |
7276 | .md .icon-prev.color-white, | |
7277 | .md a.link .color-white .icon-prev { | |
7278 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7279 | } | |
7280 | .md .icon-next.color-white, | |
7281 | .md a.link .color-white .icon-next { | |
7282 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7283 | } | |
7284 | .md .icon-forward.color-black, | |
7285 | .md a.link .color-black .icon-forward { | |
7286 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | |
7287 | } | |
7288 | .md .icon-back.color-black, | |
7289 | .md a.link .color-black .icon-back { | |
7290 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | |
7291 | } | |
7292 | .md .icon-prev.color-black, | |
7293 | .md a.link .color-black .icon-prev { | |
7294 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7295 | } | |
7296 | .md .icon-next.color-black, | |
7297 | .md a.link .color-black .icon-next { | |
7298 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); | |
7299 | } | |
7300 | .md .icon.color-red { | |
7301 | color: #f44336; | |
7302 | } | |
7303 | .md .icon.color-green { | |
7304 | color: #4caf50; | |
7305 | } | |
7306 | .md .icon.color-blue { | |
7307 | color: #2196f3; | |
7308 | } | |
7309 | .md .icon.color-pink { | |
7310 | color: #e91e63; | |
7311 | } | |
7312 | .md .icon.color-yellow { | |
7313 | color: #ffeb3b; | |
7314 | } | |
7315 | .md .icon.color-orange { | |
7316 | color: #ff9800; | |
7317 | } | |
7318 | .md .icon.color-gray { | |
7319 | color: #9e9e9e; | |
7320 | } | |
7321 | .md .icon.color-white { | |
7322 | color: #ffffff; | |
7323 | } | |
7324 | .md .icon.color-black { | |
7325 | color: #000000; | |
7326 | } | |
7327 | .custom-modal-backdrop { | |
7328 | position: absolute; | |
7329 | left: 0; | |
7330 | top: 0; | |
7331 | width: 100%; | |
7332 | height: 100%; | |
7333 | background: rgba(0, 0, 0, 0.4); | |
7334 | z-index: 13000; | |
7335 | visibility: hidden; | |
7336 | opacity: 0; | |
7337 | -webkit-transition-duration: 400ms; | |
7338 | transition-duration: 400ms; | |
7339 | z-index: 10500; | |
7340 | } | |
7341 | .custom-modal-backdrop.not-animated { | |
7342 | -webkit-transition-duration: 0ms; | |
7343 | transition-duration: 0ms; | |
7344 | } | |
7345 | .custom-modal-backdrop.backdrop-in { | |
7346 | visibility: visible; | |
7347 | opacity: 1; | |
7348 | } |