]>
Commit | Line | Data |
---|---|---|
5309fbda DC |
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 | body, | |
14 | .framework7-root { | |
15 | position: relative; | |
16 | height: 100%; | |
17 | width: 100%; | |
18 | overflow-x: hidden; | |
19 | } | |
20 | body { | |
21 | margin: 0; | |
22 | padding: 0; | |
23 | font-size: 14px; | |
24 | width: 100%; | |
25 | background: #fff; | |
26 | overflow: hidden; | |
27 | -webkit-text-size-adjust: 100%; | |
28 | -webkit-font-smoothing: antialiased; | |
29 | } | |
30 | .framework7-root { | |
31 | overflow: hidden; | |
32 | -webkit-box-sizing: border-box; | |
33 | box-sizing: border-box; | |
34 | } | |
35 | .framework7-initializing *, | |
36 | .framework7-initializing *:before, | |
37 | .framework7-initializing *:after { | |
38 | -webkit-transition-duration: 0ms !important; | |
39 | transition-duration: 0ms !important; | |
40 | } | |
41 | /* | |
42 | a, button, input, textarea, .link, .button, label, .sortable-handler { | |
43 | touch-action: manipulation; | |
44 | -ms-touch-action: manipulation; | |
45 | } | |
46 | */ | |
47 | @media (width: 1024px) and (height: 691px) and (orientation: landscape) { | |
48 | html, | |
49 | body, | |
50 | .framework7-root { | |
51 | height: 671px; | |
52 | } | |
53 | } | |
54 | @media (width: 1024px) and (height: 692px) and (orientation: landscape) { | |
55 | html, | |
56 | body, | |
57 | .framework7-root { | |
58 | height: 672px; | |
59 | } | |
60 | } | |
61 | * { | |
62 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
63 | -webkit-touch-callout: none; | |
64 | } | |
65 | a, | |
66 | input, | |
67 | textarea, | |
68 | select { | |
69 | outline: 0; | |
70 | } | |
71 | a { | |
72 | cursor: pointer; | |
73 | text-decoration: none; | |
74 | } | |
75 | p { | |
76 | margin: 1em 0; | |
77 | } | |
78 | .disabled { | |
79 | opacity: 0.55 !important; | |
80 | pointer-events: none !important; | |
81 | } | |
82 | .ios body { | |
83 | font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; | |
84 | color: #000; | |
85 | line-height: 1.4; | |
86 | } | |
87 | .ios .md-only, | |
88 | .ios .if-md { | |
89 | display: none !important; | |
90 | } | |
91 | .ios a { | |
92 | color: #007aff; | |
93 | } | |
94 | @media (width: 1024px) and (height: 691px) and (orientation: landscape) { | |
95 | .ios, | |
96 | .ios body, | |
97 | .ios .framework7-root { | |
98 | height: 671px; | |
99 | } | |
100 | } | |
101 | @media (width: 1024px) and (height: 692px) and (orientation: landscape) { | |
102 | .ios, | |
103 | .ios body, | |
104 | .ios .framework7-root { | |
105 | height: 672px; | |
106 | } | |
107 | } | |
108 | .ios .theme-dark { | |
109 | color: #fff; | |
110 | } | |
111 | .ios .color-theme-red a { | |
112 | color: #ff3b30; | |
113 | } | |
114 | .ios .color-theme-green a { | |
115 | color: #4cd964; | |
116 | } | |
117 | .ios .color-theme-blue a { | |
118 | color: #007aff; | |
119 | } | |
120 | .ios .color-theme-pink a { | |
121 | color: #ff2d55; | |
122 | } | |
123 | .ios .color-theme-yellow a { | |
124 | color: #ffcc00; | |
125 | } | |
126 | .ios .color-theme-orange a { | |
127 | color: #ff9500; | |
128 | } | |
129 | .ios .color-theme-gray a { | |
130 | color: #8e8e93; | |
131 | } | |
132 | .ios .color-theme-white a { | |
133 | color: #ffffff; | |
134 | } | |
135 | .ios .color-theme-black a { | |
136 | color: #000000; | |
137 | } | |
138 | .ios a.color-red { | |
139 | color: #ff3b30; | |
140 | } | |
141 | .ios a.color-green { | |
142 | color: #4cd964; | |
143 | } | |
144 | .ios a.color-blue { | |
145 | color: #007aff; | |
146 | } | |
147 | .ios a.color-pink { | |
148 | color: #ff2d55; | |
149 | } | |
150 | .ios a.color-yellow { | |
151 | color: #ffcc00; | |
152 | } | |
153 | .ios a.color-orange { | |
154 | color: #ff9500; | |
155 | } | |
156 | .ios a.color-gray { | |
157 | color: #8e8e93; | |
158 | } | |
159 | .ios a.color-white { | |
160 | color: #ffffff; | |
161 | } | |
162 | .ios a.color-black { | |
163 | color: #000000; | |
164 | } | |
165 | .md body { | |
166 | font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; | |
167 | color: #212121; | |
168 | line-height: 1.5; | |
169 | } | |
170 | .md .ios-only, | |
171 | .md .if-ios { | |
172 | display: none !important; | |
173 | } | |
174 | .md a { | |
175 | color: #2196f3; | |
176 | } | |
177 | .md .theme-dark { | |
178 | color: rgba(255, 255, 255, 0.87); | |
179 | } | |
180 | .md .color-theme-red a { | |
181 | color: #f44336; | |
182 | } | |
183 | .md .color-theme-green a { | |
184 | color: #4caf50; | |
185 | } | |
186 | .md .color-theme-blue a { | |
187 | color: #2196f3; | |
188 | } | |
189 | .md .color-theme-pink a { | |
190 | color: #e91e63; | |
191 | } | |
192 | .md .color-theme-yellow a { | |
193 | color: #ffeb3b; | |
194 | } | |
195 | .md .color-theme-orange a { | |
196 | color: #ff9800; | |
197 | } | |
198 | .md .color-theme-gray a { | |
199 | color: #9e9e9e; | |
200 | } | |
201 | .md .color-theme-white a { | |
202 | color: #ffffff; | |
203 | } | |
204 | .md .color-theme-black a { | |
205 | color: #000000; | |
206 | } | |
207 | .md a.color-red { | |
208 | color: #f44336; | |
209 | } | |
210 | .md a.color-green { | |
211 | color: #4caf50; | |
212 | } | |
213 | .md a.color-blue { | |
214 | color: #2196f3; | |
215 | } | |
216 | .md a.color-pink { | |
217 | color: #e91e63; | |
218 | } | |
219 | .md a.color-yellow { | |
220 | color: #ffeb3b; | |
221 | } | |
222 | .md a.color-orange { | |
223 | color: #ff9800; | |
224 | } | |
225 | .md a.color-gray { | |
226 | color: #9e9e9e; | |
227 | } | |
228 | .md a.color-white { | |
229 | color: #ffffff; | |
230 | } | |
231 | .md a.color-black { | |
232 | color: #000000; | |
233 | } | |
234 | /* === Statusbar === */ | |
235 | .statusbar { | |
236 | position: absolute; | |
237 | left: 0; | |
238 | top: 0; | |
239 | width: 100%; | |
240 | z-index: 10000; | |
241 | -webkit-box-sizing: border-box; | |
242 | box-sizing: border-box; | |
243 | display: none; | |
244 | } | |
245 | html.device-ios .statusbar, | |
246 | html.ios:not(.device-ios):not(.device-android) .statusbar { | |
247 | height: 20px; | |
248 | } | |
249 | html.device-android .statusbar, | |
250 | html.md:not(.device-ios):not(.device-android) .statusbar { | |
251 | height: 24px; | |
252 | } | |
253 | html.device-ios.device-iphone-x .statusbar { | |
254 | height: constant(safe-area-inset-top); | |
255 | height: env(safe-area-inset-top); | |
256 | } | |
257 | html.with-statusbar .statusbar { | |
258 | display: block; | |
259 | } | |
260 | html.with-statusbar.device-ios .framework7-root, | |
261 | html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root { | |
262 | padding-top: 20px; | |
263 | } | |
264 | html.with-statusbar.device-android .framework7-root, | |
265 | html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root { | |
266 | padding-top: 24px; | |
267 | } | |
268 | html.with-statusbar.device-iphone-x .framework7-root { | |
269 | padding-top: constant(safe-area-inset-top); | |
270 | padding-top: env(safe-area-inset-top); | |
271 | } | |
272 | .ios .statusbar { | |
273 | background: #f7f7f8; | |
274 | } | |
275 | .ios .theme-dark .statusbar { | |
276 | background-color: #1b1b1b; | |
277 | } | |
278 | .md .statusbar { | |
279 | background: #0a6ebd; | |
280 | } | |
281 | .md .color-theme-red .statusbar { | |
282 | background: #d2190b; | |
283 | } | |
284 | .md .color-theme-green .statusbar { | |
285 | background: #357a38; | |
286 | } | |
287 | .md .color-theme-blue .statusbar { | |
288 | background: #0a6ebd; | |
289 | } | |
290 | .md .color-theme-pink .statusbar { | |
291 | background: #aa1145; | |
292 | } | |
293 | .md .color-theme-yellow .statusbar { | |
294 | background: #eed500; | |
295 | } | |
296 | .md .color-theme-orange .statusbar { | |
297 | background: #b36a00; | |
298 | } | |
299 | .md .color-theme-gray .statusbar { | |
300 | background: #787878; | |
301 | } | |
302 | .md .color-theme-white .statusbar { | |
303 | background: #d9d9d9; | |
304 | } | |
305 | .md .color-theme-black .statusbar { | |
306 | background: #000000; | |
307 | } | |
308 | /* === Views === */ | |
309 | .views, | |
310 | .view { | |
311 | position: relative; | |
312 | height: 100%; | |
313 | z-index: 5000; | |
314 | overflow: hidden; | |
315 | -webkit-box-sizing: border-box; | |
316 | box-sizing: border-box; | |
317 | } | |
318 | /* === Pages === */ | |
319 | .pages { | |
320 | position: relative; | |
321 | width: 100%; | |
322 | height: 100%; | |
323 | overflow: hidden; | |
324 | } | |
325 | .page { | |
326 | -webkit-box-sizing: border-box; | |
327 | box-sizing: border-box; | |
328 | position: absolute; | |
329 | left: 0; | |
330 | top: 0; | |
331 | width: 100%; | |
332 | height: 100%; | |
333 | -webkit-transform: translate3d(0, 0, 0); | |
334 | transform: translate3d(0, 0, 0); | |
335 | } | |
336 | .page.stacked { | |
337 | display: none; | |
338 | } | |
339 | .page-previous { | |
340 | pointer-events: none; | |
341 | } | |
342 | .page-content { | |
343 | overflow: auto; | |
344 | -webkit-overflow-scrolling: touch; | |
345 | -webkit-box-sizing: border-box; | |
346 | box-sizing: border-box; | |
347 | height: 100%; | |
348 | position: relative; | |
349 | z-index: 1; | |
350 | } | |
351 | .ios .page-shadow-effect { | |
352 | position: absolute; | |
353 | top: 0; | |
354 | width: 16px; | |
355 | bottom: 0; | |
356 | z-index: -1; | |
357 | content: ''; | |
358 | opacity: 0; | |
359 | right: 100%; | |
360 | background: -webkit-gradient(linear, left top, right 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))); | |
361 | background: -webkit-linear-gradient(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%); | |
362 | background: linear-gradient(to 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%); | |
363 | } | |
364 | .ios .page-opacity-effect { | |
365 | position: absolute; | |
366 | left: 0; | |
367 | top: 0; | |
368 | background: rgba(0, 0, 0, 0.1); | |
369 | width: 100%; | |
370 | bottom: 0; | |
371 | content: ''; | |
372 | opacity: 0; | |
373 | z-index: 10000; | |
374 | } | |
375 | .ios .router-dynamic-navbar-inside .page-shadow-effect, | |
376 | .ios .router-dynamic-navbar-inside .page-opacity-effect { | |
377 | top: 44px; | |
378 | } | |
379 | .ios .page { | |
380 | background: #efeff4; | |
381 | } | |
382 | .ios .page-previous { | |
383 | -webkit-transform: translate3d(-20%, 0, 0); | |
384 | transform: translate3d(-20%, 0, 0); | |
385 | } | |
386 | .ios .page-next { | |
387 | -webkit-transform: translate3d(100%, 0, 0); | |
388 | transform: translate3d(100%, 0, 0); | |
389 | } | |
390 | .ios .page-previous .page-opacity-effect { | |
391 | opacity: 1; | |
392 | } | |
393 | .ios .page-previous:after { | |
394 | opacity: 1; | |
395 | } | |
396 | .ios .page-current .page-shadow-effect { | |
397 | opacity: 1; | |
398 | } | |
399 | .ios .page-transitioning, | |
400 | .ios .page-transitioning .page-shadow-effect, | |
401 | .ios .page-transitioning .page-opacity-effect { | |
402 | -webkit-transition-duration: 400ms; | |
403 | transition-duration: 400ms; | |
404 | } | |
405 | .ios .router-transition-forward .page-next, | |
406 | .ios .router-transition-backward .page-next, | |
407 | .ios .router-transition-forward .page-current, | |
408 | .ios .router-transition-backward .page-current, | |
409 | .ios .router-transition-forward .page-previous:not(.stacked), | |
410 | .ios .router-transition-backward .page-previous:not(.stacked) { | |
411 | pointer-events: none; | |
412 | } | |
413 | .ios .router-transition-css-forward .page-next { | |
414 | -webkit-animation: ios-page-next-to-current 400ms forwards; | |
415 | animation: ios-page-next-to-current 400ms forwards; | |
416 | } | |
417 | .ios .router-transition-css-forward .page-next:before { | |
418 | position: absolute; | |
419 | top: 0; | |
420 | width: 16px; | |
421 | bottom: 0; | |
422 | z-index: -1; | |
423 | content: ''; | |
424 | opacity: 0; | |
425 | right: 100%; | |
426 | background: -webkit-gradient(linear, left top, right 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))); | |
427 | background: -webkit-linear-gradient(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%); | |
428 | background: linear-gradient(to 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%); | |
429 | -webkit-animation: ios-page-next-to-current-shadow 400ms forwards; | |
430 | animation: ios-page-next-to-current-shadow 400ms forwards; | |
431 | } | |
432 | .ios .router-transition-css-forward .page-current { | |
433 | -webkit-animation: ios-page-current-to-previous 400ms forwards; | |
434 | animation: ios-page-current-to-previous 400ms forwards; | |
435 | } | |
436 | .ios .router-transition-css-forward .page-current:after { | |
437 | position: absolute; | |
438 | left: 0; | |
439 | top: 0; | |
440 | background: rgba(0, 0, 0, 0.1); | |
441 | width: 100%; | |
442 | bottom: 0; | |
443 | content: ''; | |
444 | opacity: 0; | |
445 | z-index: 10000; | |
446 | -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards; | |
447 | animation: ios-page-current-to-previous-opacity 400ms forwards; | |
448 | } | |
449 | .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before, | |
450 | .ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after { | |
451 | top: 44px; | |
452 | } | |
453 | .ios .router-transition-css-backward .page-previous, | |
454 | .ios .router-transition-css-backward .page-current { | |
455 | pointer-events: none; | |
456 | } | |
457 | .ios .router-transition-css-backward .page-previous { | |
458 | -webkit-animation: ios-page-previous-to-current 400ms forwards; | |
459 | animation: ios-page-previous-to-current 400ms forwards; | |
460 | } | |
461 | .ios .router-transition-css-backward .page-previous:after { | |
462 | position: absolute; | |
463 | left: 0; | |
464 | top: 0; | |
465 | background: rgba(0, 0, 0, 0.1); | |
466 | width: 100%; | |
467 | bottom: 0; | |
468 | content: ''; | |
469 | opacity: 0; | |
470 | z-index: 10000; | |
471 | -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards; | |
472 | animation: ios-page-previous-to-current-opacity 400ms forwards; | |
473 | } | |
474 | .ios .router-transition-css-backward .page-current { | |
475 | -webkit-animation: ios-page-current-to-next 400ms forwards; | |
476 | animation: ios-page-current-to-next 400ms forwards; | |
477 | } | |
478 | .ios .router-transition-css-backward .page-current:before { | |
479 | position: absolute; | |
480 | top: 0; | |
481 | width: 16px; | |
482 | bottom: 0; | |
483 | z-index: -1; | |
484 | content: ''; | |
485 | opacity: 0; | |
486 | right: 100%; | |
487 | background: -webkit-gradient(linear, left top, right 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))); | |
488 | background: -webkit-linear-gradient(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%); | |
489 | background: linear-gradient(to 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%); | |
490 | -webkit-animation: ios-page-current-to-next-shadow 400ms forwards; | |
491 | animation: ios-page-current-to-next-shadow 400ms forwards; | |
492 | } | |
493 | .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before, | |
494 | .ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after { | |
495 | top: 44px; | |
496 | } | |
497 | .ios .theme-dark .page, | |
498 | .page.ios .theme-dark { | |
499 | background: #171717; | |
500 | } | |
501 | @-webkit-keyframes ios-page-next-to-current { | |
502 | from { | |
503 | -webkit-transform: translate3d(100%, 0, 0); | |
504 | transform: translate3d(100%, 0, 0); | |
505 | } | |
506 | to { | |
507 | -webkit-transform: translate3d(0%, 0, 0); | |
508 | transform: translate3d(0%, 0, 0); | |
509 | } | |
510 | } | |
511 | @keyframes ios-page-next-to-current { | |
512 | from { | |
513 | -webkit-transform: translate3d(100%, 0, 0); | |
514 | transform: translate3d(100%, 0, 0); | |
515 | } | |
516 | to { | |
517 | -webkit-transform: translate3d(0%, 0, 0); | |
518 | transform: translate3d(0%, 0, 0); | |
519 | } | |
520 | } | |
521 | @-webkit-keyframes ios-page-previous-to-current { | |
522 | from { | |
523 | -webkit-transform: translate3d(-20%, 0, 0); | |
524 | transform: translate3d(-20%, 0, 0); | |
525 | } | |
526 | to { | |
527 | -webkit-transform: translate3d(0%, 0, 0); | |
528 | transform: translate3d(0%, 0, 0); | |
529 | } | |
530 | } | |
531 | @keyframes ios-page-previous-to-current { | |
532 | from { | |
533 | -webkit-transform: translate3d(-20%, 0, 0); | |
534 | transform: translate3d(-20%, 0, 0); | |
535 | } | |
536 | to { | |
537 | -webkit-transform: translate3d(0%, 0, 0); | |
538 | transform: translate3d(0%, 0, 0); | |
539 | } | |
540 | } | |
541 | @-webkit-keyframes ios-page-current-to-previous { | |
542 | from { | |
543 | -webkit-transform: translate3d(0, 0, 0); | |
544 | transform: translate3d(0, 0, 0); | |
545 | } | |
546 | to { | |
547 | -webkit-transform: translate3d(-20%, 0, 0); | |
548 | transform: translate3d(-20%, 0, 0); | |
549 | } | |
550 | } | |
551 | @keyframes ios-page-current-to-previous { | |
552 | from { | |
553 | -webkit-transform: translate3d(0, 0, 0); | |
554 | transform: translate3d(0, 0, 0); | |
555 | } | |
556 | to { | |
557 | -webkit-transform: translate3d(-20%, 0, 0); | |
558 | transform: translate3d(-20%, 0, 0); | |
559 | } | |
560 | } | |
561 | @-webkit-keyframes ios-page-current-to-next { | |
562 | from { | |
563 | -webkit-transform: translate3d(0, 0, 0); | |
564 | transform: translate3d(0, 0, 0); | |
565 | } | |
566 | to { | |
567 | -webkit-transform: translate3d(100%, 0, 0); | |
568 | transform: translate3d(100%, 0, 0); | |
569 | } | |
570 | } | |
571 | @keyframes ios-page-current-to-next { | |
572 | from { | |
573 | -webkit-transform: translate3d(0, 0, 0); | |
574 | transform: translate3d(0, 0, 0); | |
575 | } | |
576 | to { | |
577 | -webkit-transform: translate3d(100%, 0, 0); | |
578 | transform: translate3d(100%, 0, 0); | |
579 | } | |
580 | } | |
581 | @-webkit-keyframes ios-page-next-to-current-shadow { | |
582 | from { | |
583 | opacity: 0; | |
584 | } | |
585 | to { | |
586 | opacity: 1; | |
587 | } | |
588 | } | |
589 | @keyframes ios-page-next-to-current-shadow { | |
590 | from { | |
591 | opacity: 0; | |
592 | } | |
593 | to { | |
594 | opacity: 1; | |
595 | } | |
596 | } | |
597 | @-webkit-keyframes ios-page-previous-to-current-opacity { | |
598 | from { | |
599 | opacity: 1; | |
600 | } | |
601 | to { | |
602 | opacity: 0; | |
603 | } | |
604 | } | |
605 | @keyframes ios-page-previous-to-current-opacity { | |
606 | from { | |
607 | opacity: 1; | |
608 | } | |
609 | to { | |
610 | opacity: 0; | |
611 | } | |
612 | } | |
613 | @-webkit-keyframes ios-page-current-to-previous-opacity { | |
614 | from { | |
615 | opacity: 0; | |
616 | } | |
617 | to { | |
618 | opacity: 1; | |
619 | } | |
620 | } | |
621 | @keyframes ios-page-current-to-previous-opacity { | |
622 | from { | |
623 | opacity: 0; | |
624 | } | |
625 | to { | |
626 | opacity: 1; | |
627 | } | |
628 | } | |
629 | @-webkit-keyframes ios-page-current-to-next-shadow { | |
630 | from { | |
631 | opacity: 1; | |
632 | } | |
633 | to { | |
634 | opacity: 0; | |
635 | } | |
636 | } | |
637 | @keyframes ios-page-current-to-next-shadow { | |
638 | from { | |
639 | opacity: 1; | |
640 | } | |
641 | to { | |
642 | opacity: 0; | |
643 | } | |
644 | } | |
645 | .md .page-shadow-effect { | |
646 | position: absolute; | |
647 | top: 0; | |
648 | width: 16px; | |
649 | bottom: 0; | |
650 | z-index: -1; | |
651 | content: ''; | |
652 | opacity: 0; | |
653 | right: 100%; | |
654 | background: -webkit-gradient(linear, left top, right 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))); | |
655 | background: -webkit-linear-gradient(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%); | |
656 | background: linear-gradient(to 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%); | |
657 | } | |
658 | .md .page-opacity-effect { | |
659 | position: absolute; | |
660 | left: 0; | |
661 | top: 0; | |
662 | background: rgba(0, 0, 0, 0.1); | |
663 | width: 100%; | |
664 | bottom: 0; | |
665 | content: ''; | |
666 | opacity: 0; | |
667 | z-index: 10000; | |
668 | } | |
669 | .md .page { | |
670 | background: #fff; | |
671 | } | |
672 | .md .page-next { | |
673 | -webkit-transform: translate3d(0, 56px, 0); | |
674 | transform: translate3d(0, 56px, 0); | |
675 | opacity: 0; | |
676 | pointer-events: none; | |
677 | } | |
678 | .md .page-next.page-next-on-right { | |
679 | -webkit-transform: translate3d(100%, 0, 0); | |
680 | transform: translate3d(100%, 0, 0); | |
681 | } | |
682 | .md .page-transitioning, | |
683 | .md .page-transitioning .page-shadow-effect, | |
684 | .md .page-transitioning .page-opacity-effect { | |
685 | -webkit-transition-duration: 250ms; | |
686 | transition-duration: 250ms; | |
687 | } | |
688 | .md .page-transitioning-swipeback, | |
689 | .md .page-transitioning-swipeback .page-shadow-effect, | |
690 | .md .page-transitioning-swipeback .page-opacity-effect { | |
691 | -webkit-transition-duration: 400ms; | |
692 | transition-duration: 400ms; | |
693 | } | |
694 | .md .router-transition-forward .page, | |
695 | .md .router-transition-backward .page { | |
696 | pointer-events: none; | |
697 | } | |
698 | .md .router-transition-css-forward .page-next { | |
699 | -webkit-animation: md-page-next-to-current 250ms forwards; | |
700 | animation: md-page-next-to-current 250ms forwards; | |
701 | } | |
702 | .md .router-transition-css-forward .page-current { | |
703 | -webkit-animation: none; | |
704 | animation: none; | |
705 | } | |
706 | .md .router-transition-css-backward .page-current { | |
707 | -webkit-animation: md-page-current-to-next 250ms forwards; | |
708 | animation: md-page-current-to-next 250ms forwards; | |
709 | } | |
710 | .md .router-transition-css-backward .page-previous { | |
711 | -webkit-animation: none; | |
712 | animation: none; | |
713 | } | |
714 | .md .theme-dark .page, | |
715 | .page.md .theme-dark { | |
716 | background: #171717; | |
717 | } | |
718 | @-webkit-keyframes md-page-next-to-current { | |
719 | from { | |
720 | -webkit-transform: translate3d(0, 56px, 0); | |
721 | transform: translate3d(0, 56px, 0); | |
722 | opacity: 0; | |
723 | } | |
724 | to { | |
725 | -webkit-transform: translate3d(0, 0px, 0); | |
726 | transform: translate3d(0, 0px, 0); | |
727 | opacity: 1; | |
728 | } | |
729 | } | |
730 | @keyframes md-page-next-to-current { | |
731 | from { | |
732 | -webkit-transform: translate3d(0, 56px, 0); | |
733 | transform: translate3d(0, 56px, 0); | |
734 | opacity: 0; | |
735 | } | |
736 | to { | |
737 | -webkit-transform: translate3d(0, 0px, 0); | |
738 | transform: translate3d(0, 0px, 0); | |
739 | opacity: 1; | |
740 | } | |
741 | } | |
742 | @-webkit-keyframes md-page-current-to-next { | |
743 | from { | |
744 | -webkit-transform: translate3d(0, 0, 0); | |
745 | transform: translate3d(0, 0, 0); | |
746 | opacity: 1; | |
747 | } | |
748 | to { | |
749 | -webkit-transform: translate3d(0, 56px, 0); | |
750 | transform: translate3d(0, 56px, 0); | |
751 | opacity: 0; | |
752 | } | |
753 | } | |
754 | @keyframes md-page-current-to-next { | |
755 | from { | |
756 | -webkit-transform: translate3d(0, 0, 0); | |
757 | transform: translate3d(0, 0, 0); | |
758 | opacity: 1; | |
759 | } | |
760 | to { | |
761 | -webkit-transform: translate3d(0, 56px, 0); | |
762 | transform: translate3d(0, 56px, 0); | |
763 | opacity: 0; | |
764 | } | |
765 | } | |
766 | /* === Link === */ | |
767 | .link, | |
768 | .tab-link { | |
769 | display: -webkit-inline-box; | |
770 | display: -webkit-inline-flex; | |
771 | display: -ms-inline-flexbox; | |
772 | display: inline-flex; | |
773 | -webkit-box-align: center; | |
774 | -webkit-align-items: center; | |
775 | -ms-flex-align: center; | |
776 | align-items: center; | |
777 | -webkit-align-content: center; | |
778 | -ms-flex-line-pack: center; | |
779 | align-content: center; | |
780 | -webkit-box-pack: center; | |
781 | -webkit-justify-content: center; | |
782 | -ms-flex-pack: center; | |
783 | justify-content: center; | |
784 | position: relative; | |
785 | -webkit-box-sizing: border-box; | |
786 | box-sizing: border-box; | |
787 | -webkit-transform: translate3d(0, 0, 0); | |
788 | transform: translate3d(0, 0, 0); | |
789 | z-index: 1; | |
790 | } | |
791 | .ios .link { | |
792 | -webkit-transition: opacity 300ms; | |
793 | transition: opacity 300ms; | |
794 | } | |
795 | .ios .link i + span, | |
796 | .ios .link i + i, | |
797 | .ios .link span + i, | |
798 | .ios .link span + span { | |
799 | margin-left: 7px; | |
800 | } | |
801 | .ios .link.active-state { | |
802 | opacity: 0.3; | |
803 | -webkit-transition-duration: 0ms; | |
804 | transition-duration: 0ms; | |
805 | } | |
806 | .md .link i + span, | |
807 | .md .link i + i, | |
808 | .md .link span + i, | |
809 | .md .link span + span { | |
810 | margin-left: 8px; | |
811 | } | |
812 | /* === Navbar === */ | |
813 | .navbar { | |
814 | position: relative; | |
815 | left: 0; | |
816 | top: 0; | |
817 | width: 100%; | |
818 | z-index: 500; | |
819 | -webkit-backface-visibility: hidden; | |
820 | backface-visibility: hidden; | |
821 | -webkit-box-sizing: border-box; | |
822 | box-sizing: border-box; | |
823 | margin: 0; | |
824 | -webkit-transform: translate3d(0, 0, 0); | |
825 | transform: translate3d(0, 0, 0); | |
826 | } | |
827 | .navbar b { | |
828 | font-weight: 500; | |
829 | } | |
830 | .navbar a.link { | |
831 | display: -webkit-box; | |
832 | display: -webkit-flex; | |
833 | display: -ms-flexbox; | |
834 | display: flex; | |
835 | } | |
836 | .navbar .title, | |
837 | .navbar .left, | |
838 | .navbar .right { | |
839 | position: relative; | |
840 | z-index: 1; | |
841 | } | |
842 | .navbar .title { | |
843 | text-align: center; | |
844 | position: relative; | |
845 | overflow: hidden; | |
846 | text-overflow: ellipsis; | |
847 | white-space: nowrap; | |
848 | -webkit-flex-shrink: 10; | |
849 | -ms-flex-negative: 10; | |
850 | flex-shrink: 10; | |
851 | font-weight: 500; | |
852 | display: inline-block; | |
853 | } | |
854 | .navbar .subtitle { | |
855 | display: block; | |
856 | } | |
857 | .navbar .left, | |
858 | .navbar .right { | |
859 | -webkit-flex-shrink: 0; | |
860 | -ms-flex-negative: 0; | |
861 | flex-shrink: 0; | |
862 | display: -webkit-box; | |
863 | display: -webkit-flex; | |
864 | display: -ms-flexbox; | |
865 | display: flex; | |
866 | -webkit-box-pack: start; | |
867 | -webkit-justify-content: flex-start; | |
868 | -ms-flex-pack: start; | |
869 | justify-content: flex-start; | |
870 | -webkit-box-align: center; | |
871 | -webkit-align-items: center; | |
872 | -ms-flex-align: center; | |
873 | align-items: center; | |
874 | -webkit-transform: translate3d(0, 0, 0); | |
875 | transform: translate3d(0, 0, 0); | |
876 | } | |
877 | .navbar .right:first-child { | |
878 | position: absolute; | |
879 | height: 100%; | |
880 | } | |
881 | .navbar-inner { | |
882 | position: absolute; | |
883 | left: 0; | |
884 | top: 0; | |
885 | width: 100%; | |
886 | height: 100%; | |
887 | display: -webkit-box; | |
888 | display: -webkit-flex; | |
889 | display: -ms-flexbox; | |
890 | display: flex; | |
891 | -webkit-box-align: center; | |
892 | -webkit-align-items: center; | |
893 | -ms-flex-align: center; | |
894 | align-items: center; | |
895 | -webkit-box-sizing: border-box; | |
896 | box-sizing: border-box; | |
897 | } | |
898 | .navbar-inner.stacked { | |
899 | display: none; | |
900 | } | |
901 | .views > .navbar, | |
902 | .view > .navbar, | |
903 | .page > .navbar { | |
904 | position: absolute; | |
905 | } | |
906 | .ios .navbar { | |
907 | height: 44px; | |
908 | font-size: 17px; | |
909 | background: #f7f7f8; | |
910 | } | |
911 | .ios .navbar.no-hairline:after { | |
912 | display: none !important; | |
913 | } | |
914 | .ios .navbar:after { | |
915 | -webkit-backface-visibility: hidden; | |
916 | backface-visibility: hidden; | |
917 | } | |
918 | .ios .navbar a.link { | |
919 | -webkit-box-pack: start; | |
920 | -webkit-justify-content: flex-start; | |
921 | -ms-flex-pack: start; | |
922 | justify-content: flex-start; | |
923 | line-height: 44px; | |
924 | height: 44px; | |
925 | } | |
926 | .ios .navbar a.icon-only { | |
927 | width: 44px; | |
928 | margin: 0; | |
929 | -webkit-box-pack: center; | |
930 | -webkit-justify-content: center; | |
931 | -ms-flex-pack: center; | |
932 | justify-content: center; | |
933 | } | |
934 | .ios .navbar .title { | |
935 | font-size: 17px; | |
936 | margin: 0; | |
937 | line-height: 1.2; | |
938 | } | |
939 | .ios .navbar .subtitle { | |
940 | color: #6d6d72; | |
941 | line-height: 1; | |
942 | font-size: 10px; | |
943 | text-align: center; | |
944 | font-weight: normal; | |
945 | } | |
946 | .ios .navbar .left a + a, | |
947 | .ios .navbar .right a + a { | |
948 | margin-left: 15px; | |
949 | } | |
950 | .ios .navbar b, | |
951 | .ios .navbar .title { | |
952 | font-weight: 600; | |
953 | } | |
954 | .ios .navbar .left { | |
955 | margin-right: 10px; | |
956 | } | |
957 | .ios .navbar .right { | |
958 | margin-left: 10px; | |
959 | } | |
960 | .ios .navbar .right:first-child { | |
961 | right: 8px; | |
962 | } | |
963 | .ios .navbar:after { | |
964 | content: ''; | |
965 | position: absolute; | |
966 | background-color: #c4c4c4; | |
967 | display: block; | |
968 | z-index: 15; | |
969 | top: auto; | |
970 | right: auto; | |
971 | bottom: 0; | |
972 | left: 0; | |
973 | height: 1px; | |
974 | width: 100%; | |
975 | -webkit-transform-origin: 50% 100%; | |
976 | transform-origin: 50% 100%; | |
977 | } | |
978 | .ios.device-pixel-ratio-2 .navbar:after { | |
979 | -webkit-transform: scaleY(0.5); | |
980 | transform: scaleY(0.5); | |
981 | } | |
982 | .ios.device-pixel-ratio-3 .navbar:after { | |
983 | -webkit-transform: scaleY(0.33); | |
984 | transform: scaleY(0.33); | |
985 | } | |
986 | .ios .navbar-inner { | |
987 | -webkit-box-pack: justify; | |
988 | -webkit-justify-content: space-between; | |
989 | -ms-flex-pack: justify; | |
990 | justify-content: space-between; | |
991 | padding: 0 8px; | |
992 | } | |
993 | .ios .navbar ~ *:not(.no-navbar) .page-content, | |
994 | .ios .navbar ~ .page-content { | |
995 | padding-top: 44px; | |
996 | } | |
997 | .ios .navbar-previous { | |
998 | pointer-events: none; | |
999 | } | |
1000 | .ios .navbar-previous .left, | |
1001 | .ios .navbar-previous .right, | |
1002 | .ios .navbar-previous > .title, | |
1003 | .ios .navbar-previous .subnavbar, | |
1004 | .ios .navbar-previous .fading { | |
1005 | opacity: 0; | |
1006 | } | |
1007 | .ios .navbar-previous .sliding { | |
1008 | opacity: 0; | |
1009 | } | |
1010 | .ios .navbar-previous .subnavbar.sliding, | |
1011 | .ios .navbar-previous.sliding .subnavbar { | |
1012 | opacity: 1; | |
1013 | -webkit-transform: translate3d(-100%, 0, 0); | |
1014 | transform: translate3d(-100%, 0, 0); | |
1015 | } | |
1016 | .ios .navbar-next { | |
1017 | pointer-events: none; | |
1018 | } | |
1019 | .ios .navbar-next .left, | |
1020 | .ios .navbar-next .right, | |
1021 | .ios .navbar-next > .title, | |
1022 | .ios .navbar-next .subnavbar, | |
1023 | .ios .navbar-next .fading { | |
1024 | opacity: 0; | |
1025 | } | |
1026 | .ios .navbar-next .sliding { | |
1027 | opacity: 0; | |
1028 | } | |
1029 | .ios .navbar-next.sliding .left, | |
1030 | .ios .navbar-next.sliding .right, | |
1031 | .ios .navbar-next.sliding > .title, | |
1032 | .ios .navbar-next.sliding .subnavbar { | |
1033 | opacity: 0; | |
1034 | } | |
1035 | .ios .navbar-next .subnavbar.sliding, | |
1036 | .ios .navbar-next.sliding .subnavbar { | |
1037 | opacity: 1; | |
1038 | -webkit-transform: translate3d(100%, 0, 0); | |
1039 | transform: translate3d(100%, 0, 0); | |
1040 | } | |
1041 | .ios .navbar-transitioning { | |
1042 | -webkit-transition-duration: 400ms; | |
1043 | transition-duration: 400ms; | |
1044 | } | |
1045 | .ios .navbar-hidden { | |
1046 | -webkit-transform: translate3d(0, -100%, 0); | |
1047 | transform: translate3d(0, -100%, 0); | |
1048 | } | |
1049 | .ios .router-transition-css-forward .navbar-current .left, | |
1050 | .ios .router-transition-css-backward .navbar-current .left, | |
1051 | .ios .router-transition-css-forward .navbar-current > .title, | |
1052 | .ios .router-transition-css-backward .navbar-current > .title, | |
1053 | .ios .router-transition-css-forward .navbar-current .right, | |
1054 | .ios .router-transition-css-backward .navbar-current .right, | |
1055 | .ios .router-transition-css-forward .navbar-current .subnavbar, | |
1056 | .ios .router-transition-css-backward .navbar-current .subnavbar { | |
1057 | -webkit-animation: ios-navbar-element-fade-out 400ms forwards; | |
1058 | animation: ios-navbar-element-fade-out 400ms forwards; | |
1059 | } | |
1060 | .ios .router-transition-css-forward .navbar-current .sliding, | |
1061 | .ios .router-transition-css-backward .navbar-current .sliding, | |
1062 | .ios .router-transition-css-forward .navbar-current .left.sliding .icon, | |
1063 | .ios .router-transition-css-backward .navbar-current .left.sliding .icon, | |
1064 | .ios .router-transition-css-forward .navbar-current.sliding .left, | |
1065 | .ios .router-transition-css-backward .navbar-current.sliding .left, | |
1066 | .ios .router-transition-css-forward .navbar-current.sliding .left .icon, | |
1067 | .ios .router-transition-css-backward .navbar-current.sliding .left .icon, | |
1068 | .ios .router-transition-css-forward .navbar-current.sliding > .title, | |
1069 | .ios .router-transition-css-backward .navbar-current.sliding > .title, | |
1070 | .ios .router-transition-css-forward .navbar-current.sliding .right, | |
1071 | .ios .router-transition-css-backward .navbar-current.sliding .right { | |
1072 | -webkit-transition-duration: 400ms; | |
1073 | transition-duration: 400ms; | |
1074 | opacity: 0 !important; | |
1075 | -webkit-animation: none; | |
1076 | animation: none; | |
1077 | } | |
1078 | .ios .router-transition-css-forward .navbar-current.sliding .subnavbar, | |
1079 | .ios .router-transition-css-backward .navbar-current.sliding .subnavbar, | |
1080 | .ios .router-transition-css-forward .navbar-current .sliding.subnavbar, | |
1081 | .ios .router-transition-css-backward .navbar-current .sliding.subnavbar { | |
1082 | -webkit-transition-duration: 400ms; | |
1083 | transition-duration: 400ms; | |
1084 | -webkit-animation: none; | |
1085 | animation: none; | |
1086 | opacity: 1; | |
1087 | } | |
1088 | .ios .router-transition-css-forward .navbar-next .left, | |
1089 | .ios .router-transition-css-backward .navbar-previous .left, | |
1090 | .ios .router-transition-css-forward .navbar-next > .title, | |
1091 | .ios .router-transition-css-backward .navbar-previous > .title, | |
1092 | .ios .router-transition-css-forward .navbar-next .right, | |
1093 | .ios .router-transition-css-backward .navbar-previous .right, | |
1094 | .ios .router-transition-css-forward .navbar-next .subnavbar, | |
1095 | .ios .router-transition-css-backward .navbar-previous .subnavbar { | |
1096 | -webkit-animation: ios-navbar-element-fade-in 400ms forwards; | |
1097 | animation: ios-navbar-element-fade-in 400ms forwards; | |
1098 | } | |
1099 | .ios .router-transition-css-forward .navbar-next .sliding, | |
1100 | .ios .router-transition-css-backward .navbar-previous .sliding, | |
1101 | .ios .router-transition-css-forward .navbar-next .left.sliding .icon, | |
1102 | .ios .router-transition-css-backward .navbar-previous .left.sliding .icon, | |
1103 | .ios .router-transition-css-forward .navbar-next.sliding .left, | |
1104 | .ios .router-transition-css-backward .navbar-previous.sliding .left, | |
1105 | .ios .router-transition-css-forward .navbar-next.sliding .left .icon, | |
1106 | .ios .router-transition-css-backward .navbar-previous.sliding .left .icon, | |
1107 | .ios .router-transition-css-forward .navbar-next.sliding > .title, | |
1108 | .ios .router-transition-css-backward .navbar-previous.sliding > .title, | |
1109 | .ios .router-transition-css-forward .navbar-next.sliding .right, | |
1110 | .ios .router-transition-css-backward .navbar-previous.sliding .right, | |
1111 | .ios .router-transition-css-forward .navbar-next.sliding .subnavbar, | |
1112 | .ios .router-transition-css-backward .navbar-previous.sliding .subnavbar { | |
1113 | -webkit-transition-duration: 400ms; | |
1114 | transition-duration: 400ms; | |
1115 | -webkit-animation: none; | |
1116 | animation: none; | |
1117 | -webkit-transform: translate3d(0, 0, 0) !important; | |
1118 | transform: translate3d(0, 0, 0) !important; | |
1119 | opacity: 1 !important; | |
1120 | } | |
1121 | .ios .theme-dark .navbar, | |
1122 | .navbar.ios .theme-dark { | |
1123 | background: #1b1b1b; | |
1124 | } | |
1125 | .ios .theme-dark .navbar:after, | |
1126 | .navbar.ios .theme-dark:after { | |
1127 | background-color: #282829; | |
1128 | } | |
1129 | .ios .theme-dark .navbar .subtitle, | |
1130 | .navbar.ios .theme-dark .subtitle { | |
1131 | color: #8e8e93; | |
1132 | } | |
1133 | @media (orientation: landscape) { | |
1134 | .ios.device-iphone-x .ios-left-edge .navbar-inner, | |
1135 | .ios.device-iphone-x .ios-edges .navbar-inner, | |
1136 | .ios.device-iphone-x .popup .navbar-inner, | |
1137 | .ios.device-iphone-x .sheet-modal .navbar-inner, | |
1138 | .ios.device-iphone-x .panel-left .navbar-inner { | |
1139 | padding-left: calc(8px + constant(safe-area-inset-right)); | |
1140 | padding-left: calc(8px + env(safe-area-inset-right)); | |
1141 | } | |
1142 | .ios.device-iphone-x .ios-right-edge .navbar-inner, | |
1143 | .ios.device-iphone-x .ios-edges .navbar-inner, | |
1144 | .ios.device-iphone-x .popup .navbar-inner, | |
1145 | .ios.device-iphone-x .sheet-modal .navbar-inner, | |
1146 | .ios.device-iphone-x .panel-right .navbar-inner { | |
1147 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
1148 | padding-right: calc(8px + env(safe-area-inset-right)); | |
1149 | } | |
1150 | } | |
1151 | @-webkit-keyframes ios-navbar-element-fade-in { | |
1152 | from { | |
1153 | opacity: 0; | |
1154 | } | |
1155 | to { | |
1156 | opacity: 1; | |
1157 | } | |
1158 | } | |
1159 | @keyframes ios-navbar-element-fade-in { | |
1160 | from { | |
1161 | opacity: 0; | |
1162 | } | |
1163 | to { | |
1164 | opacity: 1; | |
1165 | } | |
1166 | } | |
1167 | @-webkit-keyframes ios-navbar-element-fade-out { | |
1168 | from { | |
1169 | opacity: 1; | |
1170 | } | |
1171 | to { | |
1172 | opacity: 0; | |
1173 | } | |
1174 | } | |
1175 | @keyframes ios-navbar-element-fade-out { | |
1176 | from { | |
1177 | opacity: 1; | |
1178 | } | |
1179 | to { | |
1180 | opacity: 0; | |
1181 | } | |
1182 | } | |
1183 | .md .navbar { | |
1184 | height: 56px; | |
1185 | background: #2196f3; | |
1186 | color: #fff; | |
1187 | font-size: 20px; | |
1188 | } | |
1189 | .md .navbar:after { | |
1190 | content: ''; | |
1191 | position: absolute; | |
1192 | right: 0; | |
1193 | width: 100%; | |
1194 | top: 100%; | |
1195 | bottom: auto; | |
1196 | height: 10px; | |
1197 | pointer-events: none; | |
1198 | 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))); | |
1199 | 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%); | |
1200 | 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%); | |
1201 | } | |
1202 | .md .navbar.no-shadow:after { | |
1203 | display: none; | |
1204 | } | |
1205 | .md .navbar a { | |
1206 | color: inherit; | |
1207 | } | |
1208 | .md .navbar a.link { | |
1209 | -webkit-box-pack: center; | |
1210 | -webkit-justify-content: center; | |
1211 | -ms-flex-pack: center; | |
1212 | justify-content: center; | |
1213 | padding: 0 16px; | |
1214 | min-width: 48px; | |
1215 | height: 56px; | |
1216 | line-height: 56px; | |
1217 | } | |
1218 | .md .navbar a.link:before { | |
1219 | content: ''; | |
1220 | width: 152%; | |
1221 | height: 152%; | |
1222 | position: absolute; | |
1223 | left: -26%; | |
1224 | top: -26%; | |
1225 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1226 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1227 | background-repeat: no-repeat; | |
1228 | background-position: center; | |
1229 | background-size: 100% 100%; | |
1230 | opacity: 0; | |
1231 | pointer-events: none; | |
1232 | -webkit-transition-duration: 600ms; | |
1233 | transition-duration: 600ms; | |
1234 | } | |
1235 | .md .navbar a.link.active-state:before { | |
1236 | opacity: 1; | |
1237 | -webkit-transition-duration: 150ms; | |
1238 | transition-duration: 150ms; | |
1239 | } | |
1240 | .md .navbar a.icon-only { | |
1241 | min-width: 0; | |
1242 | -webkit-flex-shrink: 0; | |
1243 | -ms-flex-negative: 0; | |
1244 | flex-shrink: 0; | |
1245 | } | |
1246 | .md .navbar .title { | |
1247 | margin: 0 16px; | |
1248 | line-height: 1.2; | |
1249 | text-align: left; | |
1250 | } | |
1251 | .md .navbar .subtitle { | |
1252 | line-height: 1.2; | |
1253 | font-size: 14px; | |
1254 | font-weight: normal; | |
1255 | color: rgba(255, 255, 255, 0.85); | |
1256 | } | |
1257 | .md .navbar .right { | |
1258 | margin-left: auto; | |
1259 | } | |
1260 | .md .navbar .right:first-child { | |
1261 | right: 16px; | |
1262 | } | |
1263 | .md .navbar-inner { | |
1264 | -webkit-box-pack: start; | |
1265 | -webkit-justify-content: flex-start; | |
1266 | -ms-flex-pack: start; | |
1267 | justify-content: flex-start; | |
1268 | overflow: hidden; | |
1269 | } | |
1270 | .md .page-with-subnavbar .navbar-inner { | |
1271 | overflow: visible; | |
1272 | } | |
1273 | .md .navbar ~ * .page-content, | |
1274 | .md .navbar ~ .page-content { | |
1275 | padding-top: 56px; | |
1276 | } | |
1277 | @media (min-width: 768px) { | |
1278 | .md .navbar { | |
1279 | height: 64px; | |
1280 | } | |
1281 | .md .navbar a.link { | |
1282 | height: 64px; | |
1283 | line-height: 64px; | |
1284 | } | |
1285 | .md .navbar ~ * .page-content, | |
1286 | .md .navbar ~ .page-content { | |
1287 | padding-top: 64px; | |
1288 | } | |
1289 | } | |
1290 | .md .navbar-transitioning { | |
1291 | -webkit-transition-duration: 400ms; | |
1292 | transition-duration: 400ms; | |
1293 | } | |
1294 | .md .navbar-hidden { | |
1295 | -webkit-transform: translate3d(0, -100%, 0); | |
1296 | transform: translate3d(0, -100%, 0); | |
1297 | } | |
1298 | .md .navbar-hidden:after { | |
1299 | display: none; | |
1300 | } | |
1301 | .md .color-theme-red .navbar, | |
1302 | .md .color-theme-red.navbar { | |
1303 | background: #f44336; | |
1304 | } | |
1305 | .md .color-theme-green .navbar, | |
1306 | .md .color-theme-green.navbar { | |
1307 | background: #4caf50; | |
1308 | } | |
1309 | .md .color-theme-blue .navbar, | |
1310 | .md .color-theme-blue.navbar { | |
1311 | background: #2196f3; | |
1312 | } | |
1313 | .md .color-theme-pink .navbar, | |
1314 | .md .color-theme-pink.navbar { | |
1315 | background: #e91e63; | |
1316 | } | |
1317 | .md .color-theme-yellow .navbar, | |
1318 | .md .color-theme-yellow.navbar { | |
1319 | background: #ffeb3b; | |
1320 | } | |
1321 | .md .color-theme-orange .navbar, | |
1322 | .md .color-theme-orange.navbar { | |
1323 | background: #ff9800; | |
1324 | } | |
1325 | .md .color-theme-gray .navbar, | |
1326 | .md .color-theme-gray.navbar { | |
1327 | background: #9e9e9e; | |
1328 | } | |
1329 | .md .color-theme-white .navbar, | |
1330 | .md .color-theme-white.navbar { | |
1331 | background: #ffffff; | |
1332 | } | |
1333 | .md .color-theme-black .navbar, | |
1334 | .md .color-theme-black.navbar { | |
1335 | background: #000000; | |
1336 | } | |
1337 | .md .navbar.color-red { | |
1338 | background: #f44336; | |
1339 | } | |
1340 | .md .navbar.color-green { | |
1341 | background: #4caf50; | |
1342 | } | |
1343 | .md .navbar.color-blue { | |
1344 | background: #2196f3; | |
1345 | } | |
1346 | .md .navbar.color-pink { | |
1347 | background: #e91e63; | |
1348 | } | |
1349 | .md .navbar.color-yellow { | |
1350 | background: #ffeb3b; | |
1351 | } | |
1352 | .md .navbar.color-orange { | |
1353 | background: #ff9800; | |
1354 | } | |
1355 | .md .navbar.color-gray { | |
1356 | background: #9e9e9e; | |
1357 | } | |
1358 | .md .navbar.color-white { | |
1359 | background: #ffffff; | |
1360 | } | |
1361 | .md .navbar.color-black { | |
1362 | background: #000000; | |
1363 | } | |
1364 | @media (orientation: landscape) { | |
1365 | .md.device-iphone-x .ios-left-edge .navbar-inner, | |
1366 | .md.device-iphone-x .ios-edges .navbar-inner, | |
1367 | .md.device-iphone-x .popup .navbar-inner, | |
1368 | .md.device-iphone-x .sheet-modal .navbar-inner, | |
1369 | .md.device-iphone-x .panel-left .navbar-inner { | |
1370 | padding-left: constant(safe-area-inset-left); | |
1371 | padding-left: env(safe-area-inset-left); | |
1372 | } | |
1373 | .md.device-iphone-x .ios-right-edge .navbar-inner, | |
1374 | .md.device-iphone-x .ios-edges .navbar-inner, | |
1375 | .md.device-iphone-x .popup .navbar-inner, | |
1376 | .md.device-iphone-x .sheet-modal .navbar-inner, | |
1377 | .md.device-iphone-x .panel-right .navbar-inner { | |
1378 | padding-right: constant(safe-area-inset-right); | |
1379 | padding-right: env(safe-area-inset-right); | |
1380 | } | |
1381 | } | |
1382 | /* === Toolbar === */ | |
1383 | .toolbar { | |
1384 | width: 100%; | |
1385 | position: relative; | |
1386 | margin: 0; | |
1387 | -webkit-transform: translate3d(0, 0, 0); | |
1388 | transform: translate3d(0, 0, 0); | |
1389 | -webkit-backface-visibility: hidden; | |
1390 | backface-visibility: hidden; | |
1391 | z-index: 500; | |
1392 | -webkit-box-sizing: border-box; | |
1393 | box-sizing: border-box; | |
1394 | left: 0; | |
1395 | } | |
1396 | .toolbar b { | |
1397 | font-weight: 500; | |
1398 | } | |
1399 | .toolbar a { | |
1400 | -webkit-box-sizing: border-box; | |
1401 | box-sizing: border-box; | |
1402 | -webkit-flex-shrink: 1; | |
1403 | -ms-flex-negative: 1; | |
1404 | flex-shrink: 1; | |
1405 | position: relative; | |
1406 | white-space: nowrap; | |
1407 | text-overflow: ellipsis; | |
1408 | } | |
1409 | .toolbar a.link { | |
1410 | display: -webkit-box; | |
1411 | display: -webkit-flex; | |
1412 | display: -ms-flexbox; | |
1413 | display: flex; | |
1414 | } | |
1415 | .toolbar i.icon { | |
1416 | display: block; | |
1417 | } | |
1418 | .toolbar-inner { | |
1419 | position: absolute; | |
1420 | left: 0; | |
1421 | top: 0; | |
1422 | width: 100%; | |
1423 | height: 100%; | |
1424 | display: -webkit-box; | |
1425 | display: -webkit-flex; | |
1426 | display: -ms-flexbox; | |
1427 | display: flex; | |
1428 | -webkit-box-pack: justify; | |
1429 | -webkit-justify-content: space-between; | |
1430 | -ms-flex-pack: justify; | |
1431 | justify-content: space-between; | |
1432 | -webkit-box-sizing: border-box; | |
1433 | box-sizing: border-box; | |
1434 | -webkit-box-align: center; | |
1435 | -webkit-align-items: center; | |
1436 | -ms-flex-align: center; | |
1437 | align-items: center; | |
1438 | -webkit-align-content: center; | |
1439 | -ms-flex-line-pack: center; | |
1440 | align-content: center; | |
1441 | } | |
1442 | .views > .tabbar, | |
1443 | .views > .tabbar-labels { | |
1444 | z-index: 5001; | |
1445 | } | |
1446 | .tabbar a.link, | |
1447 | .tabbar-labels a.link { | |
1448 | line-height: 1.4; | |
1449 | } | |
1450 | .tabbar a.tab-link, | |
1451 | .tabbar-labels a.tab-link, | |
1452 | .tabbar a.link, | |
1453 | .tabbar-labels a.link { | |
1454 | height: 100%; | |
1455 | width: 100%; | |
1456 | -webkit-box-sizing: border-box; | |
1457 | box-sizing: border-box; | |
1458 | display: -webkit-box; | |
1459 | display: -webkit-flex; | |
1460 | display: -ms-flexbox; | |
1461 | display: flex; | |
1462 | -webkit-box-pack: center; | |
1463 | -webkit-justify-content: center; | |
1464 | -ms-flex-pack: center; | |
1465 | justify-content: center; | |
1466 | -webkit-box-align: center; | |
1467 | -webkit-align-items: center; | |
1468 | -ms-flex-align: center; | |
1469 | align-items: center; | |
1470 | -webkit-box-orient: vertical; | |
1471 | -webkit-box-direction: normal; | |
1472 | -webkit-flex-direction: column; | |
1473 | -ms-flex-direction: column; | |
1474 | flex-direction: column; | |
1475 | } | |
1476 | .tabbar-labels a.tab-link, | |
1477 | .tabbar-labels a.link { | |
1478 | height: 100%; | |
1479 | -webkit-box-pack: justify; | |
1480 | -webkit-justify-content: space-between; | |
1481 | -ms-flex-pack: justify; | |
1482 | justify-content: space-between; | |
1483 | -webkit-box-align: center; | |
1484 | -webkit-align-items: center; | |
1485 | -ms-flex-align: center; | |
1486 | align-items: center; | |
1487 | } | |
1488 | .tabbar-labels a.tab-link .tabbar-label, | |
1489 | .tabbar-labels a.link .tabbar-label { | |
1490 | display: block; | |
1491 | line-height: 1; | |
1492 | margin: 0; | |
1493 | position: relative; | |
1494 | text-overflow: ellipsis; | |
1495 | white-space: nowrap; | |
1496 | } | |
1497 | .tabbar-scrollable .toolbar-inner { | |
1498 | overflow: auto; | |
1499 | -webkit-overflow-scrolling: touch; | |
1500 | } | |
1501 | .tabbar-scrollable .toolbar-inner::-webkit-scrollbar { | |
1502 | display: none !important; | |
1503 | width: 0 !important; | |
1504 | height: 0 !important; | |
1505 | -webkit-appearance: none; | |
1506 | opacity: 0 !important; | |
1507 | } | |
1508 | .tabbar-scrollable a.tab-link, | |
1509 | .tabbar-scrollable a.link { | |
1510 | width: auto; | |
1511 | -webkit-flex-shrink: 0; | |
1512 | -ms-flex-negative: 0; | |
1513 | flex-shrink: 0; | |
1514 | } | |
1515 | .views > .toolbar, | |
1516 | .view > .toolbar, | |
1517 | .page > .toolbar { | |
1518 | position: absolute; | |
1519 | } | |
1520 | .ios .toolbar { | |
1521 | height: 44px; | |
1522 | font-size: 17px; | |
1523 | background: #f7f7f8; | |
1524 | bottom: 0; | |
1525 | } | |
1526 | .ios .toolbar:after { | |
1527 | -webkit-backface-visibility: hidden; | |
1528 | backface-visibility: hidden; | |
1529 | } | |
1530 | .ios .toolbar a.link { | |
1531 | line-height: 44px; | |
1532 | height: 44px; | |
1533 | } | |
1534 | .ios .toolbar a.link i + span, | |
1535 | .ios .toolbar a.link i + i, | |
1536 | .ios .toolbar a.link span + i, | |
1537 | .ios .toolbar a.link span + span { | |
1538 | margin-left: 7px; | |
1539 | } | |
1540 | .ios .toolbar a.icon-only { | |
1541 | min-height: 44px; | |
1542 | display: -webkit-box; | |
1543 | display: -webkit-flex; | |
1544 | display: -ms-flexbox; | |
1545 | display: flex; | |
1546 | -webkit-box-pack: center; | |
1547 | -webkit-justify-content: center; | |
1548 | -ms-flex-pack: center; | |
1549 | justify-content: center; | |
1550 | -webkit-box-align: center; | |
1551 | -webkit-align-items: center; | |
1552 | -ms-flex-align: center; | |
1553 | align-items: center; | |
1554 | margin: 0; | |
1555 | min-width: 44px; | |
1556 | } | |
1557 | .ios .toolbar b { | |
1558 | font-weight: 600; | |
1559 | } | |
1560 | .ios .toolbar.no-hairline:before { | |
1561 | display: none !important; | |
1562 | } | |
1563 | .ios .toolbar:before { | |
1564 | content: ''; | |
1565 | position: absolute; | |
1566 | background-color: #c4c4c4; | |
1567 | display: block; | |
1568 | z-index: 15; | |
1569 | top: 0; | |
1570 | right: auto; | |
1571 | bottom: auto; | |
1572 | left: 0; | |
1573 | height: 1px; | |
1574 | width: 100%; | |
1575 | -webkit-transform-origin: 50% 0%; | |
1576 | transform-origin: 50% 0%; | |
1577 | } | |
1578 | .ios.device-pixel-ratio-2 .toolbar:before { | |
1579 | -webkit-transform: scaleY(0.5); | |
1580 | transform: scaleY(0.5); | |
1581 | } | |
1582 | .ios.device-pixel-ratio-3 .toolbar:before { | |
1583 | -webkit-transform: scaleY(0.33); | |
1584 | transform: scaleY(0.33); | |
1585 | } | |
1586 | .ios .toolbar-inner { | |
1587 | padding: 0 8px; | |
1588 | } | |
1589 | .ios .tabbar, | |
1590 | .ios .tabbar-labels { | |
1591 | color: #929292; | |
1592 | } | |
1593 | .ios .tabbar a, | |
1594 | .ios .tabbar-labels a { | |
1595 | color: #929292; | |
1596 | } | |
1597 | .ios .tabbar a.tab-link-active, | |
1598 | .ios .tabbar-labels a.tab-link-active { | |
1599 | color: #007aff; | |
1600 | } | |
1601 | .ios .tabbar i.icon, | |
1602 | .ios .tabbar-labels i.icon { | |
1603 | height: 30px; | |
1604 | } | |
1605 | .ios .tabbar-labels { | |
1606 | height: 50px; | |
1607 | } | |
1608 | .ios .tabbar-labels a.tab-link, | |
1609 | .ios .tabbar-labels a.link { | |
1610 | padding-top: 4px; | |
1611 | padding-bottom: 4px; | |
1612 | } | |
1613 | .ios .tabbar-labels a.tab-link i + span, | |
1614 | .ios .tabbar-labels a.link i + span { | |
1615 | margin: 0; | |
1616 | } | |
1617 | .ios .tabbar-labels .tabbar-label { | |
1618 | letter-spacing: 0.01em; | |
1619 | font-size: 10px; | |
1620 | } | |
1621 | @media (min-width: 768px) { | |
1622 | .ios .tabbar .toolbar-inner, | |
1623 | .ios .tabbar-labels .toolbar-inner { | |
1624 | -webkit-box-pack: center; | |
1625 | -webkit-justify-content: center; | |
1626 | -ms-flex-pack: center; | |
1627 | justify-content: center; | |
1628 | } | |
1629 | .ios .tabbar a.tab-link, | |
1630 | .ios .tabbar-labels a.tab-link, | |
1631 | .ios .tabbar a.link, | |
1632 | .ios .tabbar-labels a.link { | |
1633 | width: auto; | |
1634 | min-width: 105px; | |
1635 | } | |
1636 | .ios .tabbar-labels { | |
1637 | height: 56px; | |
1638 | } | |
1639 | .ios .tabbar-labels .tabbar-label { | |
1640 | font-size: 14px; | |
1641 | } | |
1642 | } | |
1643 | .ios .tabbar-scrollable .toolbar-inner { | |
1644 | -webkit-box-pack: start; | |
1645 | -webkit-justify-content: flex-start; | |
1646 | -ms-flex-pack: start; | |
1647 | justify-content: flex-start; | |
1648 | } | |
1649 | .ios .tabbar-scrollable a.tab-link, | |
1650 | .ios .tabbar-scrollable a.link { | |
1651 | padding: 0 8px; | |
1652 | } | |
1653 | .ios .toolbar ~ * .page-content, | |
1654 | .ios .toolbar ~ .page-content { | |
1655 | padding-bottom: 44px; | |
1656 | } | |
1657 | .ios .tabbar-labels ~ * .page-content, | |
1658 | .ios .tabbar-labels ~ .page-content { | |
1659 | padding-bottom: 50px; | |
1660 | } | |
1661 | @media (min-width: 768px) { | |
1662 | .ios .tabbar-labels ~ * .page-content, | |
1663 | .ios .tabbar-labels ~ .page-content { | |
1664 | padding-bottom: 56px; | |
1665 | } | |
1666 | } | |
1667 | .ios .toolbar-transitioning { | |
1668 | -webkit-transition-duration: 400ms; | |
1669 | transition-duration: 400ms; | |
1670 | } | |
1671 | .ios .toolbar-hidden { | |
1672 | -webkit-transform: translate3d(0, 100%, 0); | |
1673 | transform: translate3d(0, 100%, 0); | |
1674 | } | |
1675 | .ios .theme-dark .toolbar, | |
1676 | .toolbar.ios .theme-dark { | |
1677 | background: #1b1b1b; | |
1678 | } | |
1679 | .ios .theme-dark .toolbar:before, | |
1680 | .toolbar.ios .theme-dark:before { | |
1681 | background-color: #282829; | |
1682 | } | |
1683 | .ios .color-theme-red .tabbar a.tab-link-active, | |
1684 | .ios .color-theme-red .tabbar-labels a.tab-link-active, | |
1685 | .ios .color-theme-red.tabbar-labels a.tab-link-active, | |
1686 | .ios .color-theme-red.tabbar a.tab-link-active { | |
1687 | color: #ff3b30; | |
1688 | } | |
1689 | .ios .color-theme-green .tabbar a.tab-link-active, | |
1690 | .ios .color-theme-green .tabbar-labels a.tab-link-active, | |
1691 | .ios .color-theme-green.tabbar-labels a.tab-link-active, | |
1692 | .ios .color-theme-green.tabbar a.tab-link-active { | |
1693 | color: #4cd964; | |
1694 | } | |
1695 | .ios .color-theme-blue .tabbar a.tab-link-active, | |
1696 | .ios .color-theme-blue .tabbar-labels a.tab-link-active, | |
1697 | .ios .color-theme-blue.tabbar-labels a.tab-link-active, | |
1698 | .ios .color-theme-blue.tabbar a.tab-link-active { | |
1699 | color: #007aff; | |
1700 | } | |
1701 | .ios .color-theme-pink .tabbar a.tab-link-active, | |
1702 | .ios .color-theme-pink .tabbar-labels a.tab-link-active, | |
1703 | .ios .color-theme-pink.tabbar-labels a.tab-link-active, | |
1704 | .ios .color-theme-pink.tabbar a.tab-link-active { | |
1705 | color: #ff2d55; | |
1706 | } | |
1707 | .ios .color-theme-yellow .tabbar a.tab-link-active, | |
1708 | .ios .color-theme-yellow .tabbar-labels a.tab-link-active, | |
1709 | .ios .color-theme-yellow.tabbar-labels a.tab-link-active, | |
1710 | .ios .color-theme-yellow.tabbar a.tab-link-active { | |
1711 | color: #ffcc00; | |
1712 | } | |
1713 | .ios .color-theme-orange .tabbar a.tab-link-active, | |
1714 | .ios .color-theme-orange .tabbar-labels a.tab-link-active, | |
1715 | .ios .color-theme-orange.tabbar-labels a.tab-link-active, | |
1716 | .ios .color-theme-orange.tabbar a.tab-link-active { | |
1717 | color: #ff9500; | |
1718 | } | |
1719 | .ios .color-theme-gray .tabbar a.tab-link-active, | |
1720 | .ios .color-theme-gray .tabbar-labels a.tab-link-active, | |
1721 | .ios .color-theme-gray.tabbar-labels a.tab-link-active, | |
1722 | .ios .color-theme-gray.tabbar a.tab-link-active { | |
1723 | color: #8e8e93; | |
1724 | } | |
1725 | .ios .color-theme-white .tabbar a.tab-link-active, | |
1726 | .ios .color-theme-white .tabbar-labels a.tab-link-active, | |
1727 | .ios .color-theme-white.tabbar-labels a.tab-link-active, | |
1728 | .ios .color-theme-white.tabbar a.tab-link-active { | |
1729 | color: #ffffff; | |
1730 | } | |
1731 | .ios .color-theme-black .tabbar a.tab-link-active, | |
1732 | .ios .color-theme-black .tabbar-labels a.tab-link-active, | |
1733 | .ios .color-theme-black.tabbar-labels a.tab-link-active, | |
1734 | .ios .color-theme-black.tabbar a.tab-link-active { | |
1735 | color: #000000; | |
1736 | } | |
1737 | .ios .tabbar-labels.color-red a.tab-link-active, | |
1738 | .ios .tabbar.color-red a.tab-link-active { | |
1739 | color: #ff3b30; | |
1740 | } | |
1741 | .ios .tabbar-labels.color-green a.tab-link-active, | |
1742 | .ios .tabbar.color-green a.tab-link-active { | |
1743 | color: #4cd964; | |
1744 | } | |
1745 | .ios .tabbar-labels.color-blue a.tab-link-active, | |
1746 | .ios .tabbar.color-blue a.tab-link-active { | |
1747 | color: #007aff; | |
1748 | } | |
1749 | .ios .tabbar-labels.color-pink a.tab-link-active, | |
1750 | .ios .tabbar.color-pink a.tab-link-active { | |
1751 | color: #ff2d55; | |
1752 | } | |
1753 | .ios .tabbar-labels.color-yellow a.tab-link-active, | |
1754 | .ios .tabbar.color-yellow a.tab-link-active { | |
1755 | color: #ffcc00; | |
1756 | } | |
1757 | .ios .tabbar-labels.color-orange a.tab-link-active, | |
1758 | .ios .tabbar.color-orange a.tab-link-active { | |
1759 | color: #ff9500; | |
1760 | } | |
1761 | .ios .tabbar-labels.color-gray a.tab-link-active, | |
1762 | .ios .tabbar.color-gray a.tab-link-active { | |
1763 | color: #8e8e93; | |
1764 | } | |
1765 | .ios .tabbar-labels.color-white a.tab-link-active, | |
1766 | .ios .tabbar.color-white a.tab-link-active { | |
1767 | color: #ffffff; | |
1768 | } | |
1769 | .ios .tabbar-labels.color-black a.tab-link-active, | |
1770 | .ios .tabbar.color-black a.tab-link-active { | |
1771 | color: #000000; | |
1772 | } | |
1773 | .ios.device-iphone-x .views > .toolbar, | |
1774 | .ios.device-iphone-x .view > .toolbar, | |
1775 | .ios.device-iphone-x .page > .toolbar, | |
1776 | .ios.device-iphone-x .popup > .toolbar, | |
1777 | .ios.device-iphone-x .panel > .toolbar, | |
1778 | .ios.device-iphone-x .login-screen > .toolbar { | |
1779 | height: calc(44px + constant(safe-area-inset-bottom)); | |
1780 | height: calc(44px + env(safe-area-inset-bottom)); | |
1781 | } | |
1782 | .ios.device-iphone-x .views > .toolbar .toolbar-inner, | |
1783 | .ios.device-iphone-x .view > .toolbar .toolbar-inner, | |
1784 | .ios.device-iphone-x .page > .toolbar .toolbar-inner, | |
1785 | .ios.device-iphone-x .popup > .toolbar .toolbar-inner, | |
1786 | .ios.device-iphone-x .panel > .toolbar .toolbar-inner, | |
1787 | .ios.device-iphone-x .login-screen > .toolbar .toolbar-inner { | |
1788 | height: auto; | |
1789 | bottom: constant(safe-area-inset-bottom); | |
1790 | bottom: env(safe-area-inset-bottom); | |
1791 | } | |
1792 | .ios.device-iphone-x .views > .tabbar-labels, | |
1793 | .ios.device-iphone-x .view > .tabbar-labels, | |
1794 | .ios.device-iphone-x .page > .tabbar-labels, | |
1795 | .ios.device-iphone-x .popup > .tabbar-labels, | |
1796 | .ios.device-iphone-x .panel > .tabbar-labels, | |
1797 | .ios.device-iphone-x .login-screen > .tabbar-labels { | |
1798 | height: calc(50px + constant(safe-area-inset-bottom)); | |
1799 | height: calc(50px + env(safe-area-inset-bottom)); | |
1800 | } | |
1801 | @media (min-width: 768px) { | |
1802 | .ios.device-iphone-x .views > .tabbar-labels, | |
1803 | .ios.device-iphone-x .view > .tabbar-labels, | |
1804 | .ios.device-iphone-x .page > .tabbar-labels, | |
1805 | .ios.device-iphone-x .popup > .tabbar-labels, | |
1806 | .ios.device-iphone-x .panel > .tabbar-labels, | |
1807 | .ios.device-iphone-x .login-screen > .tabbar-labels { | |
1808 | height: calc(56px + constant(safe-area-inset-bottom)); | |
1809 | height: calc(56px + env(safe-area-inset-bottom)); | |
1810 | } | |
1811 | } | |
1812 | .ios.device-iphone-x .toolbar ~ * .page-content, | |
1813 | .ios.device-iphone-x .toolbar ~ .page-content { | |
1814 | padding-bottom: calc(44px + constant(safe-area-inset-bottom)); | |
1815 | padding-bottom: calc(44px + env(safe-area-inset-bottom)); | |
1816 | } | |
1817 | .ios.device-iphone-x .tabbar-labels ~ * .page-content, | |
1818 | .ios.device-iphone-x .tabbar-labels ~ .page-content { | |
1819 | padding-bottom: calc(50px + constant(safe-area-inset-bottom)); | |
1820 | padding-bottom: calc(50px + env(safe-area-inset-bottom)); | |
1821 | } | |
1822 | @media (min-width: 768px) { | |
1823 | .ios.device-iphone-x .tabbar-labels ~ * .page-content, | |
1824 | .ios.device-iphone-x .tabbar-labels ~ .page-content { | |
1825 | padding-bottom: calc(56px + constant(safe-area-inset-bottom)); | |
1826 | padding-bottom: calc(56px + env(safe-area-inset-bottom)); | |
1827 | } | |
1828 | } | |
1829 | @media (orientation: landscape) { | |
1830 | .ios.device-iphone-x .ios-left-edge .toolbar-inner, | |
1831 | .ios.device-iphone-x .ios-edges .toolbar-inner, | |
1832 | .ios.device-iphone-x .popup .toolbar-inner, | |
1833 | .ios.device-iphone-x .sheet-modal .toolbar-inner, | |
1834 | .ios.device-iphone-x .panel-left .toolbar-inner { | |
1835 | padding-left: calc(8px + constant(safe-area-inset-left)); | |
1836 | padding-left: calc(8px + env(safe-area-inset-left)); | |
1837 | } | |
1838 | .ios.device-iphone-x .ios-right-edge .toolbar-inner, | |
1839 | .ios.device-iphone-x .ios-edges .toolbar-inner, | |
1840 | .ios.device-iphone-x .popup .toolbar-inner, | |
1841 | .ios.device-iphone-x .sheet-modal .toolbar-inner, | |
1842 | .ios.device-iphone-x .panel-right .toolbar-inner { | |
1843 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
1844 | padding-right: calc(8px + env(safe-area-inset-right)); | |
1845 | } | |
1846 | } | |
1847 | .md .toolbar { | |
1848 | background: #2196f3; | |
1849 | height: 48px; | |
1850 | color: #fff; | |
1851 | font-size: 14px; | |
1852 | top: 0; | |
1853 | } | |
1854 | .md .toolbar:after { | |
1855 | content: ''; | |
1856 | position: absolute; | |
1857 | right: 0; | |
1858 | width: 100%; | |
1859 | top: 100%; | |
1860 | bottom: auto; | |
1861 | height: 10px; | |
1862 | pointer-events: none; | |
1863 | 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))); | |
1864 | 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%); | |
1865 | 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%); | |
1866 | } | |
1867 | .md .toolbar.no-shadow:after { | |
1868 | display: none; | |
1869 | } | |
1870 | .md .toolbar a { | |
1871 | color: #fff; | |
1872 | } | |
1873 | .md .toolbar a.link { | |
1874 | -webkit-box-pack: center; | |
1875 | -webkit-justify-content: center; | |
1876 | -ms-flex-pack: center; | |
1877 | justify-content: center; | |
1878 | padding: 0 16px; | |
1879 | min-width: 48px; | |
1880 | line-height: 48px; | |
1881 | height: 48px; | |
1882 | } | |
1883 | .md .toolbar a.link:before { | |
1884 | content: ''; | |
1885 | width: 152%; | |
1886 | height: 152%; | |
1887 | position: absolute; | |
1888 | left: -26%; | |
1889 | top: -26%; | |
1890 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1891 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
1892 | background-repeat: no-repeat; | |
1893 | background-position: center; | |
1894 | background-size: 100% 100%; | |
1895 | opacity: 0; | |
1896 | pointer-events: none; | |
1897 | -webkit-transition-duration: 600ms; | |
1898 | transition-duration: 600ms; | |
1899 | } | |
1900 | .md .toolbar a.link.active-state:before { | |
1901 | opacity: 1; | |
1902 | -webkit-transition-duration: 150ms; | |
1903 | transition-duration: 150ms; | |
1904 | } | |
1905 | .md .toolbar a.link i + span, | |
1906 | .md .toolbar a.link i + i, | |
1907 | .md .toolbar a.link span + i, | |
1908 | .md .toolbar a.link span + span { | |
1909 | margin-left: 8px; | |
1910 | } | |
1911 | .md .toolbar a.icon-only { | |
1912 | min-width: 0; | |
1913 | -webkit-flex-shrink: 0; | |
1914 | -ms-flex-negative: 0; | |
1915 | flex-shrink: 0; | |
1916 | } | |
1917 | .md .toolbar-inner { | |
1918 | overflow: hidden; | |
1919 | } | |
1920 | .md .tabbar a.link, | |
1921 | .md .tabbar-labels a.link, | |
1922 | .md .tabbar a.tab-link, | |
1923 | .md .tabbar-labels a.tab-link { | |
1924 | padding-left: 0; | |
1925 | padding-right: 0; | |
1926 | font-size: 14px; | |
1927 | text-transform: uppercase; | |
1928 | font-weight: 500; | |
1929 | letter-spacing: 0.03em; | |
1930 | } | |
1931 | .md .tabbar i.icon, | |
1932 | .md .tabbar-labels i.icon { | |
1933 | height: 24px; | |
1934 | } | |
1935 | .md .tabbar a.tab-link, | |
1936 | .md .tabbar-labels a.tab-link { | |
1937 | -webkit-transition-duration: 300ms; | |
1938 | transition-duration: 300ms; | |
1939 | overflow: hidden; | |
1940 | color: rgba(255, 255, 255, 0.7); | |
1941 | position: relative; | |
1942 | } | |
1943 | .md .tabbar a.tab-link.tab-link-active, | |
1944 | .md .tabbar-labels a.tab-link.tab-link-active, | |
1945 | .md .tabbar a.tab-link.active-state, | |
1946 | .md .tabbar-labels a.tab-link.active-state { | |
1947 | color: #ffffff; | |
1948 | } | |
1949 | .md .tabbar .tab-link-highlight, | |
1950 | .md .tabbar-labels .tab-link-highlight { | |
1951 | position: absolute; | |
1952 | bottom: 0; | |
1953 | height: 2px; | |
1954 | background: #fff; | |
1955 | -webkit-transition-duration: 300ms; | |
1956 | transition-duration: 300ms; | |
1957 | left: 0; | |
1958 | } | |
1959 | .md .toolbar-bottom-md, | |
1960 | .md .messagebar { | |
1961 | top: auto !important; | |
1962 | bottom: 0 !important; | |
1963 | } | |
1964 | .md .toolbar-bottom-md:after, | |
1965 | .md .messagebar:after { | |
1966 | content: ''; | |
1967 | position: absolute; | |
1968 | right: 0; | |
1969 | width: 100%; | |
1970 | bottom: 100%; | |
1971 | height: 10px; | |
1972 | top: auto; | |
1973 | pointer-events: none; | |
1974 | 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))); | |
1975 | 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%); | |
1976 | 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%); | |
1977 | } | |
1978 | .md .toolbar-bottom-md .tab-link-highlight, | |
1979 | .md .messagebar .tab-link-highlight { | |
1980 | bottom: auto; | |
1981 | top: 0; | |
1982 | } | |
1983 | .md .tabbar-labels { | |
1984 | height: 72px; | |
1985 | } | |
1986 | .md .tabbar-labels a.tab-link, | |
1987 | .md .tabbar-labels a.link { | |
1988 | padding-top: 12px; | |
1989 | padding-bottom: 12px; | |
1990 | } | |
1991 | .md .tabbar-labels .tabbar-label { | |
1992 | margin-top: 10px; | |
1993 | max-width: 100%; | |
1994 | overflow: hidden; | |
1995 | } | |
1996 | .md .tabbar-labels.toolbar-bottom-md { | |
1997 | height: 56px; | |
1998 | } | |
1999 | .md .tabbar-labels.toolbar-bottom-md a.tab-link, | |
2000 | .md .tabbar-labels.toolbar-bottom-md a.link { | |
2001 | padding-top: 7px; | |
2002 | padding-bottom: 7px; | |
2003 | } | |
2004 | .md .tabbar-labels.toolbar-bottom-md .tabbar-label { | |
2005 | text-transform: none; | |
2006 | line-height: 1.2; | |
2007 | font-weight: normal; | |
2008 | letter-spacing: 0; | |
2009 | } | |
2010 | .md .tabbar-scrollable .toolbar-inner { | |
2011 | overflow: auto; | |
2012 | -webkit-box-pack: start; | |
2013 | -webkit-justify-content: flex-start; | |
2014 | -ms-flex-pack: start; | |
2015 | justify-content: flex-start; | |
2016 | } | |
2017 | .md .tabbar-scrollable a.tab-link, | |
2018 | .md .tabbar-scrollable a.link { | |
2019 | padding: 0 16px; | |
2020 | } | |
2021 | .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2022 | .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2023 | padding-top: 48px; | |
2024 | } | |
2025 | .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2026 | .md .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2027 | padding-top: 72px; | |
2028 | } | |
2029 | .md .toolbar-hidden { | |
2030 | -webkit-transform: translate3d(0, -100%, 0); | |
2031 | transform: translate3d(0, -100%, 0); | |
2032 | } | |
2033 | .md .toolbar-hidden:after { | |
2034 | display: none; | |
2035 | } | |
2036 | .md .toolbar-hidden.toolbar-bottom-md, | |
2037 | .md .toolbar-hidden.messagebar { | |
2038 | -webkit-transform: translate3d(0, 100%, 0); | |
2039 | transform: translate3d(0, 100%, 0); | |
2040 | } | |
2041 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { | |
2042 | top: 56px; | |
2043 | } | |
2044 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2045 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2046 | padding-top: 104px; | |
2047 | } | |
2048 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2049 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2050 | padding-top: 128px; | |
2051 | } | |
2052 | .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { | |
2053 | -webkit-transform: translate3d(0, -104px, 0); | |
2054 | transform: translate3d(0, -104px, 0); | |
2055 | } | |
2056 | .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md) { | |
2057 | -webkit-transform: translate3d(0, -128px, 0); | |
2058 | transform: translate3d(0, -128px, 0); | |
2059 | } | |
2060 | .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { | |
2061 | -webkit-transform: translate3d(0, -56px, 0); | |
2062 | transform: translate3d(0, -56px, 0); | |
2063 | } | |
2064 | @media (min-width: 768px) { | |
2065 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) { | |
2066 | top: 64px; | |
2067 | } | |
2068 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, | |
2069 | .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content { | |
2070 | padding-top: 112px; | |
2071 | } | |
2072 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ * .page-content, | |
2073 | .md .navbar + .toolbar.tabbar-labels:not(.toolbar-bottom-md) ~ .page-content { | |
2074 | padding-top: 136px; | |
2075 | } | |
2076 | .md .navbar.navbar-hidden + .toolbar:not(.toolbar-bottom-md):not(.messagebar):not(.toolbar-hidden) { | |
2077 | -webkit-transform: translate3d(0, -64px, 0); | |
2078 | transform: translate3d(0, -64px, 0); | |
2079 | } | |
2080 | .md .navbar + .toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar) { | |
2081 | -webkit-transform: translate3d(0, -112px, 0); | |
2082 | transform: translate3d(0, -112px, 0); | |
2083 | } | |
2084 | .md .navbar + .toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md):not(.messagebar) { | |
2085 | -webkit-transform: translate3d(0, -136px, 0); | |
2086 | transform: translate3d(0, -136px, 0); | |
2087 | } | |
2088 | } | |
2089 | .md .toolbar-bottom-md ~ * .page-content, | |
2090 | .md .toolbar-bottom-md ~ .page-content, | |
2091 | .md .messagebar ~ * .page-content, | |
2092 | .md .messagebar ~ .page-content { | |
2093 | padding-bottom: 48px; | |
2094 | } | |
2095 | .md .toolbar-bottom-md.tabbar-labels ~ * .page-content, | |
2096 | .md .toolbar-bottom-md.tabbar-labels ~ .page-content { | |
2097 | padding-bottom: 56px; | |
2098 | } | |
2099 | .md .toolbar-transitioning, | |
2100 | .md .navbar-transitioning + .toolbar { | |
2101 | -webkit-transition-duration: 400ms; | |
2102 | transition-duration: 400ms; | |
2103 | } | |
2104 | .md .color-theme-red .toolbar:not(.messagebar), | |
2105 | .md .color-theme-red.toolbar:not(.messagebar) { | |
2106 | background: #f44336; | |
2107 | } | |
2108 | .md .color-theme-green .toolbar:not(.messagebar), | |
2109 | .md .color-theme-green.toolbar:not(.messagebar) { | |
2110 | background: #4caf50; | |
2111 | } | |
2112 | .md .color-theme-blue .toolbar:not(.messagebar), | |
2113 | .md .color-theme-blue.toolbar:not(.messagebar) { | |
2114 | background: #2196f3; | |
2115 | } | |
2116 | .md .color-theme-pink .toolbar:not(.messagebar), | |
2117 | .md .color-theme-pink.toolbar:not(.messagebar) { | |
2118 | background: #e91e63; | |
2119 | } | |
2120 | .md .color-theme-yellow .toolbar:not(.messagebar), | |
2121 | .md .color-theme-yellow.toolbar:not(.messagebar) { | |
2122 | background: #ffeb3b; | |
2123 | } | |
2124 | .md .color-theme-orange .toolbar:not(.messagebar), | |
2125 | .md .color-theme-orange.toolbar:not(.messagebar) { | |
2126 | background: #ff9800; | |
2127 | } | |
2128 | .md .color-theme-gray .toolbar:not(.messagebar), | |
2129 | .md .color-theme-gray.toolbar:not(.messagebar) { | |
2130 | background: #9e9e9e; | |
2131 | } | |
2132 | .md .color-theme-white .toolbar:not(.messagebar), | |
2133 | .md .color-theme-white.toolbar:not(.messagebar) { | |
2134 | background: #ffffff; | |
2135 | } | |
2136 | .md .color-theme-black .toolbar:not(.messagebar), | |
2137 | .md .color-theme-black.toolbar:not(.messagebar) { | |
2138 | background: #000000; | |
2139 | } | |
2140 | .md .toolbar:not(.messagebar).color-red { | |
2141 | background: #f44336; | |
2142 | } | |
2143 | .md .toolbar:not(.messagebar).color-green { | |
2144 | background: #4caf50; | |
2145 | } | |
2146 | .md .toolbar:not(.messagebar).color-blue { | |
2147 | background: #2196f3; | |
2148 | } | |
2149 | .md .toolbar:not(.messagebar).color-pink { | |
2150 | background: #e91e63; | |
2151 | } | |
2152 | .md .toolbar:not(.messagebar).color-yellow { | |
2153 | background: #ffeb3b; | |
2154 | } | |
2155 | .md .toolbar:not(.messagebar).color-orange { | |
2156 | background: #ff9800; | |
2157 | } | |
2158 | .md .toolbar:not(.messagebar).color-gray { | |
2159 | background: #9e9e9e; | |
2160 | } | |
2161 | .md .toolbar:not(.messagebar).color-white { | |
2162 | background: #ffffff; | |
2163 | } | |
2164 | .md .toolbar:not(.messagebar).color-black { | |
2165 | background: #000000; | |
2166 | } | |
2167 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md), | |
2168 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md), | |
2169 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md), | |
2170 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md), | |
2171 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md), | |
2172 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) { | |
2173 | height: calc(48px + constant(safe-area-inset-top)); | |
2174 | height: calc(48px + env(safe-area-inset-top)); | |
2175 | } | |
2176 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2177 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2178 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2179 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2180 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2181 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { | |
2182 | height: auto; | |
2183 | } | |
2184 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2185 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2186 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2187 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2188 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner, | |
2189 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md) .toolbar-inner { | |
2190 | bottom: 0; | |
2191 | top: constant(safe-area-inset-top); | |
2192 | top: env(safe-area-inset-top); | |
2193 | } | |
2194 | .md.device-iphone-x .views > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2195 | .md.device-iphone-x .view > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2196 | .md.device-iphone-x .page > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2197 | .md.device-iphone-x .popup > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2198 | .md.device-iphone-x .panel > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels, | |
2199 | .md.device-iphone-x .login-screen > .toolbar:first-child:not(.toolbar-bottom-md).tabbar-labels { | |
2200 | height: calc(72px + constant(safe-area-inset-top)); | |
2201 | height: calc(72px + env(safe-area-inset-top)); | |
2202 | } | |
2203 | .md.device-iphone-x .views > .toolbar-bottom-md, | |
2204 | .md.device-iphone-x .view > .toolbar-bottom-md, | |
2205 | .md.device-iphone-x .page > .toolbar-bottom-md, | |
2206 | .md.device-iphone-x .popup > .toolbar-bottom-md, | |
2207 | .md.device-iphone-x .panel > .toolbar-bottom-md, | |
2208 | .md.device-iphone-x .login-screen > .toolbar-bottom-md { | |
2209 | height: calc(48px + constant(safe-area-inset-bottom)); | |
2210 | height: calc(48px + env(safe-area-inset-bottom)); | |
2211 | } | |
2212 | .md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, | |
2213 | .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, | |
2214 | .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, | |
2215 | .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, | |
2216 | .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, | |
2217 | .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner { | |
2218 | height: auto; | |
2219 | top: 0; | |
2220 | bottom: constant(safe-area-inset-bottom); | |
2221 | bottom: env(safe-area-inset-bottom); | |
2222 | } | |
2223 | .md.device-iphone-x .views > .toolbar-bottom-md.tabbar-labels, | |
2224 | .md.device-iphone-x .view > .toolbar-bottom-md.tabbar-labels, | |
2225 | .md.device-iphone-x .page > .toolbar-bottom-md.tabbar-labels, | |
2226 | .md.device-iphone-x .popup > .toolbar-bottom-md.tabbar-labels, | |
2227 | .md.device-iphone-x .panel > .toolbar-bottom-md.tabbar-labels, | |
2228 | .md.device-iphone-x .login-screen > .toolbar-bottom-md.tabbar-labels { | |
2229 | height: calc(56px + constant(safe-area-inset-bottom)); | |
2230 | height: calc(56px + env(safe-area-inset-bottom)); | |
2231 | } | |
2232 | .md.device-iphone-x .toolbar-bottom-md ~ * .page-content, | |
2233 | .md.device-iphone-x .toolbar-bottom-md ~ .page-content, | |
2234 | .md.device-iphone-x .messagebar ~ * .page-content, | |
2235 | .md.device-iphone-x .messagebar ~ .page-content { | |
2236 | padding-bottom: calc(48px + constant(safe-area-inset-bottom)); | |
2237 | padding-bottom: calc(48px + env(safe-area-inset-bottom)); | |
2238 | } | |
2239 | .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ * .page-content, | |
2240 | .md.device-iphone-x .toolbar-bottom-md.tabbar-labels ~ .page-content { | |
2241 | padding-bottom: calc(56px + constant(safe-area-inset-bottom)); | |
2242 | padding-bottom: calc(56px + env(safe-area-inset-bottom)); | |
2243 | } | |
2244 | @media (orientation: landscape) { | |
2245 | .md.device-iphone-x .ios-left-edge .toolbar-inner, | |
2246 | .md.device-iphone-x .ios-edges .toolbar-inner, | |
2247 | .md.device-iphone-x .popup .toolbar-inner, | |
2248 | .md.device-iphone-x .sheet-modal .toolbar-inner, | |
2249 | .md.device-iphone-x .panel-left .toolbar-inner { | |
2250 | padding-left: constant(safe-area-inset-left); | |
2251 | padding-left: env(safe-area-inset-left); | |
2252 | } | |
2253 | .md.device-iphone-x .ios-right-edge .toolbar-inner, | |
2254 | .md.device-iphone-x .ios-edges .toolbar-inner, | |
2255 | .md.device-iphone-x .popup .toolbar-inner, | |
2256 | .md.device-iphone-x .sheet-modal .toolbar-inner, | |
2257 | .md.device-iphone-x .panel-right .toolbar-inner { | |
2258 | padding-right: constant(safe-area-inset-right); | |
2259 | padding-right: env(safe-area-inset-right); | |
2260 | } | |
2261 | } | |
2262 | /* === Subnavbar === */ | |
2263 | .subnavbar { | |
2264 | width: 100%; | |
2265 | position: absolute; | |
2266 | left: 0; | |
2267 | top: 0; | |
2268 | z-index: 500; | |
2269 | -webkit-box-sizing: border-box; | |
2270 | box-sizing: border-box; | |
2271 | display: -webkit-box; | |
2272 | display: -webkit-flex; | |
2273 | display: -ms-flexbox; | |
2274 | display: flex; | |
2275 | -webkit-box-pack: justify; | |
2276 | -webkit-justify-content: space-between; | |
2277 | -ms-flex-pack: justify; | |
2278 | justify-content: space-between; | |
2279 | -webkit-box-align: center; | |
2280 | -webkit-align-items: center; | |
2281 | -ms-flex-align: center; | |
2282 | align-items: center; | |
2283 | } | |
2284 | .subnavbar .title { | |
2285 | position: relative; | |
2286 | overflow: hidden; | |
2287 | text-overflow: ellpsis; | |
2288 | white-space: nowrap; | |
2289 | } | |
2290 | .subnavbar .left, | |
2291 | .subnavbar .right { | |
2292 | -webkit-flex-shrink: 0; | |
2293 | -ms-flex-negative: 0; | |
2294 | flex-shrink: 0; | |
2295 | display: -webkit-box; | |
2296 | display: -webkit-flex; | |
2297 | display: -ms-flexbox; | |
2298 | display: flex; | |
2299 | -webkit-box-pack: start; | |
2300 | -webkit-justify-content: flex-start; | |
2301 | -ms-flex-pack: start; | |
2302 | justify-content: flex-start; | |
2303 | -webkit-box-align: center; | |
2304 | -webkit-align-items: center; | |
2305 | -ms-flex-align: center; | |
2306 | align-items: center; | |
2307 | } | |
2308 | .subnavbar .right:first-child { | |
2309 | position: absolute; | |
2310 | height: 100%; | |
2311 | } | |
2312 | .subnavbar-inner { | |
2313 | width: 100%; | |
2314 | height: 100%; | |
2315 | display: -webkit-box; | |
2316 | display: -webkit-flex; | |
2317 | display: -ms-flexbox; | |
2318 | display: flex; | |
2319 | -webkit-box-align: center; | |
2320 | -webkit-align-items: center; | |
2321 | -ms-flex-align: center; | |
2322 | align-items: center; | |
2323 | -webkit-box-sizing: border-box; | |
2324 | box-sizing: border-box; | |
2325 | -webkit-box-pack: justify; | |
2326 | -webkit-justify-content: space-between; | |
2327 | -ms-flex-pack: justify; | |
2328 | justify-content: space-between; | |
2329 | overflow: hidden; | |
2330 | } | |
2331 | .subnavbar-inner.stacked { | |
2332 | display: none; | |
2333 | } | |
2334 | .navbar .subnavbar { | |
2335 | top: 100%; | |
2336 | } | |
2337 | .views > .navbar, | |
2338 | .view > .navbar, | |
2339 | .page > .navbar { | |
2340 | position: absolute; | |
2341 | } | |
2342 | .ios .subnavbar { | |
2343 | height: 45px; | |
2344 | margin-top: -1px; | |
2345 | padding-top: 1px; | |
2346 | background: #f7f7f8; | |
2347 | } | |
2348 | .ios .subnavbar.no-hairline:after { | |
2349 | display: none !important; | |
2350 | } | |
2351 | .ios .subnavbar .title { | |
2352 | font-weight: 700; | |
2353 | line-height: 1; | |
2354 | overflow: visible; | |
2355 | font-size: 34px; | |
2356 | text-align: center; | |
2357 | display: -webkit-box; | |
2358 | display: -webkit-flex; | |
2359 | display: -ms-flexbox; | |
2360 | display: flex; | |
2361 | -webkit-box-align: center; | |
2362 | -webkit-align-items: center; | |
2363 | -ms-flex-align: center; | |
2364 | align-items: center; | |
2365 | -webkit-align-self: flex-start; | |
2366 | -ms-flex-item-align: start; | |
2367 | align-self: flex-start; | |
2368 | -webkit-flex-shrink: 10; | |
2369 | -ms-flex-negative: 10; | |
2370 | flex-shrink: 10; | |
2371 | letter-spacing: -0.03em; | |
2372 | } | |
2373 | .ios .subnavbar .title { | |
2374 | margin-left: 7px; | |
2375 | } | |
2376 | .ios .subnavbar .left a + a, | |
2377 | .ios .subnavbar .right a + a { | |
2378 | margin-left: 15px; | |
2379 | } | |
2380 | .ios .subnavbar .left { | |
2381 | margin-right: 10px; | |
2382 | } | |
2383 | .ios .subnavbar .right { | |
2384 | margin-left: 10px; | |
2385 | } | |
2386 | .ios .subnavbar .right:first-child { | |
2387 | right: 8px; | |
2388 | } | |
2389 | .ios .subnavbar a.link { | |
2390 | line-height: 44px; | |
2391 | height: 44px; | |
2392 | -webkit-box-pack: start; | |
2393 | -webkit-justify-content: flex-start; | |
2394 | -ms-flex-pack: start; | |
2395 | justify-content: flex-start; | |
2396 | } | |
2397 | .ios .subnavbar a.icon-only { | |
2398 | min-width: 44px; | |
2399 | -webkit-box-pack: center; | |
2400 | -webkit-justify-content: center; | |
2401 | -ms-flex-pack: center; | |
2402 | justify-content: center; | |
2403 | margin: 0; | |
2404 | } | |
2405 | .ios .subnavbar:after { | |
2406 | content: ''; | |
2407 | position: absolute; | |
2408 | background-color: #c4c4c4; | |
2409 | display: block; | |
2410 | z-index: 15; | |
2411 | top: auto; | |
2412 | right: auto; | |
2413 | bottom: 0; | |
2414 | left: 0; | |
2415 | height: 1px; | |
2416 | width: 100%; | |
2417 | -webkit-transform-origin: 50% 100%; | |
2418 | transform-origin: 50% 100%; | |
2419 | } | |
2420 | .ios.device-pixel-ratio-2 .subnavbar:after { | |
2421 | -webkit-transform: scaleY(0.5); | |
2422 | transform: scaleY(0.5); | |
2423 | } | |
2424 | .ios.device-pixel-ratio-3 .subnavbar:after { | |
2425 | -webkit-transform: scaleY(0.33); | |
2426 | transform: scaleY(0.33); | |
2427 | } | |
2428 | .ios .subnavbar-inner { | |
2429 | padding: 0 8px; | |
2430 | } | |
2431 | .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar, | |
2432 | .ios .navbar ~ .subnavbar { | |
2433 | top: 44px; | |
2434 | } | |
2435 | .ios .page-with-subnavbar .page-content, | |
2436 | .ios .subnavbar ~ .page-content, | |
2437 | .ios .subnavbar ~ * .page-content { | |
2438 | padding-top: 44px; | |
2439 | } | |
2440 | .ios .navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content, | |
2441 | .ios .page-with-subnavbar .navbar ~ .page-content, | |
2442 | .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content, | |
2443 | .ios .navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content { | |
2444 | padding-top: 88px; | |
2445 | } | |
2446 | .ios .theme-dark .subnavbar, | |
2447 | .subnavbar.ios .theme-dark { | |
2448 | background: #1b1b1b; | |
2449 | } | |
2450 | .ios .theme-dark .subnavbar:after, | |
2451 | .subnavbar.ios .theme-dark:after { | |
2452 | background-color: #282829; | |
2453 | } | |
2454 | @media (orientation: landscape) { | |
2455 | .ios.device-iphone-x .ios-left-edge .subnavbar-inner, | |
2456 | .ios.device-iphone-x .ios-edges .subnavbar-inner, | |
2457 | .ios.device-iphone-x .popup .subnavbar-inner, | |
2458 | .ios.device-iphone-x .sheet-modal .subnavbar-inner, | |
2459 | .ios.device-iphone-x .panel-left .subnavbar-inner { | |
2460 | padding-left: calc(8px + constant(safe-area-inset-left)); | |
2461 | padding-left: calc(8px + env(safe-area-inset-left)); | |
2462 | } | |
2463 | .ios.device-iphone-x .ios-right-edge .subnavbar-inner, | |
2464 | .ios.device-iphone-x .ios-edges .subnavbar-inner, | |
2465 | .ios.device-iphone-x .popup .subnavbar-inner, | |
2466 | .ios.device-iphone-x .sheet-modal .subnavbar-inner, | |
2467 | .ios.device-iphone-x .panel-right .subnavbar-inner { | |
2468 | padding-right: calc(8px + constant(safe-area-inset-right)); | |
2469 | padding-right: calc(8px + env(safe-area-inset-right)); | |
2470 | } | |
2471 | } | |
2472 | .md .subnavbar { | |
2473 | height: 48px; | |
2474 | background: #2196f3; | |
2475 | color: #fff; | |
2476 | } | |
2477 | .md .subnavbar:after { | |
2478 | content: ''; | |
2479 | position: absolute; | |
2480 | right: 0; | |
2481 | width: 100%; | |
2482 | top: 100%; | |
2483 | bottom: auto; | |
2484 | height: 10px; | |
2485 | pointer-events: none; | |
2486 | 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))); | |
2487 | 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%); | |
2488 | 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%); | |
2489 | } | |
2490 | .md .subnavbar.no-shadow:after { | |
2491 | display: none; | |
2492 | } | |
2493 | .md .subnavbar .title { | |
2494 | margin: 0 16px; | |
2495 | font-size: 20px; | |
2496 | line-height: 48px; | |
2497 | display: inline-block; | |
2498 | text-align: left; | |
2499 | font-weight: 500; | |
2500 | } | |
2501 | .md .subnavbar .title:first-child { | |
2502 | margin-left: 56px; | |
2503 | } | |
2504 | .md .subnavbar .right { | |
2505 | margin-left: auto; | |
2506 | } | |
2507 | .md .subnavbar .right:first-child { | |
2508 | right: 16px; | |
2509 | } | |
2510 | .md .subnavbar a { | |
2511 | color: inherit; | |
2512 | } | |
2513 | .md .subnavbar a.link { | |
2514 | line-height: 48px; | |
2515 | height: 48px; | |
2516 | min-width: 48px; | |
2517 | -webkit-box-pack: center; | |
2518 | -webkit-justify-content: center; | |
2519 | -ms-flex-pack: center; | |
2520 | justify-content: center; | |
2521 | padding: 0 16px; | |
2522 | } | |
2523 | .md .subnavbar a.link:before { | |
2524 | content: ''; | |
2525 | width: 152%; | |
2526 | height: 152%; | |
2527 | position: absolute; | |
2528 | left: -26%; | |
2529 | top: -26%; | |
2530 | background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
2531 | background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%); | |
2532 | background-repeat: no-repeat; | |
2533 | background-position: center; | |
2534 | background-size: 100% 100%; | |
2535 | opacity: 0; | |
2536 | pointer-events: none; | |
2537 | -webkit-transition-duration: 600ms; | |
2538 | transition-duration: 600ms; | |
2539 | } | |
2540 | .md .subnavbar a.link.active-state:before { | |
2541 | opacity: 1; | |
2542 | -webkit-transition-duration: 150ms; | |
2543 | transition-duration: 150ms; | |
2544 | } | |
2545 | .md .subnavbar a.icon-only { | |
2546 | -webkit-flex-shrink: 0; | |
2547 | -ms-flex-negative: 0; | |
2548 | flex-shrink: 0; | |
2549 | min-width: 0; | |
2550 | } | |
2551 | .md .subnavbar-inner { | |
2552 | padding: 0 16px; | |
2553 | } | |
2554 | .md .subnavbar-inner > a.link:first-child { | |
2555 | margin-left: -16px; | |
2556 | } | |
2557 | .md .subnavbar-inner > a.link:last-child { | |
2558 | margin-right: -16px; | |
2559 | } | |
2560 | .md .subnavbar ~ * .page-content, | |
2561 | .md .subnavbar ~ .page-content, | |
2562 | .md .page-with-subnavbar .page-content { | |
2563 | padding-top: 48px; | |
2564 | } | |
2565 | .md .navbar ~ .subnavbar ~ .page-content, | |
2566 | .md .navbar ~ .subnavbar ~ * .page-content, | |
2567 | .md .page-with-subnavbar .navbar ~ * .page-content, | |
2568 | .md .page-with-subnavbar .navbar ~ .page-content { | |
2569 | padding-top: 104px; | |
2570 | } | |
2571 | @media (min-width: 768px) { | |
2572 | .md .navbar ~ .subnavbar ~ .page-content, | |
2573 | .md .navbar ~ .subnavbar ~ * .page-content, | |
2574 | .md .page-with-subnavbar .navbar ~ * .page-content, | |
2575 | .md .page-with-subnavbar .navbar ~ .page-content { | |
2576 | padding-top: 112px; | |
2577 | } | |
2578 | } | |
2579 | .md .navbar ~ .subnavbar, | |
2580 | .md .navbar ~ * .subnavbar, | |
2581 | .md .page-with-subnavbar .navbar ~ .subnavbar, | |
2582 | .md .page-with-subnavbar .navbar ~ * .subnavbar { | |
2583 | top: 56px; | |
2584 | } | |
2585 | @media (min-width: 768px) { | |
2586 | .md .navbar ~ .subnavbar, | |
2587 | .md .navbar ~ * .subnavbar, | |
2588 | .md .page-with-subnavbar .navbar ~ .subnavbar, | |
2589 | .md .page-with-subnavbar .navbar ~ * .subnavbar { | |
2590 | top: 64px; | |
2591 | } | |
2592 | } | |
2593 | .md .color-theme-red .subnavbar, | |
2594 | .md .color-theme-red.subnavbar { | |
2595 | background: #f44336; | |
2596 | } | |
2597 | .md .color-theme-green .subnavbar, | |
2598 | .md .color-theme-green.subnavbar { | |
2599 | background: #4caf50; | |
2600 | } | |
2601 | .md .color-theme-blue .subnavbar, | |
2602 | .md .color-theme-blue.subnavbar { | |
2603 | background: #2196f3; | |
2604 | } | |
2605 | .md .color-theme-pink .subnavbar, | |
2606 | .md .color-theme-pink.subnavbar { | |
2607 | background: #e91e63; | |
2608 | } | |
2609 | .md .color-theme-yellow .subnavbar, | |
2610 | .md .color-theme-yellow.subnavbar { | |
2611 | background: #ffeb3b; | |
2612 | } | |
2613 | .md .color-theme-orange .subnavbar, | |
2614 | .md .color-theme-orange.subnavbar { | |
2615 | background: #ff9800; | |
2616 | } | |
2617 | .md .color-theme-gray .subnavbar, | |
2618 | .md .color-theme-gray.subnavbar { | |
2619 | background: #9e9e9e; | |
2620 | } | |
2621 | .md .color-theme-white .subnavbar, | |
2622 | .md .color-theme-white.subnavbar { | |
2623 | background: #ffffff; | |
2624 | } | |
2625 | .md .color-theme-black .subnavbar, | |
2626 | .md .color-theme-black.subnavbar { | |
2627 | background: #000000; | |
2628 | } | |
2629 | .md .subnavbar.color-red { | |
2630 | background: #f44336; | |
2631 | } | |
2632 | .md .subnavbar.color-green { | |
2633 | background: #4caf50; | |
2634 | } | |
2635 | .md .subnavbar.color-blue { | |
2636 | background: #2196f3; | |
2637 | } | |
2638 | .md .subnavbar.color-pink { | |
2639 | background: #e91e63; | |
2640 | } | |
2641 | .md .subnavbar.color-yellow { | |
2642 | background: #ffeb3b; | |
2643 | } | |
2644 | .md .subnavbar.color-orange { | |
2645 | background: #ff9800; | |
2646 | } | |
2647 | .md .subnavbar.color-gray { | |
2648 | background: #9e9e9e; | |
2649 | } | |
2650 | .md .subnavbar.color-white { | |
2651 | background: #ffffff; | |
2652 | } | |
2653 | .md .subnavbar.color-black { | |
2654 | background: #000000; | |
2655 | } | |
2656 | @media (orientation: landscape) { | |
2657 | .md.device-iphone-x .ios-left-edge .subnavbar-inner, | |
2658 | .md.device-iphone-x .ios-edges .subnavbar-inner, | |
2659 | .md.device-iphone-x .popup .subnavbar-inner, | |
2660 | .md.device-iphone-x .sheet-modal .subnavbar-inner, | |
2661 | .md.device-iphone-x .panel-left .subnavbar-inner { | |
2662 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
2663 | padding-left: calc(16px + env(safe-area-inset-left)); | |
2664 | } | |
2665 | .md.device-iphone-x .ios-right-edge .subnavbar-inner, | |
2666 | .md.device-iphone-x .ios-edges .subnavbar-inner, | |
2667 | .md.device-iphone-x .popup .subnavbar-inner, | |
2668 | .md.device-iphone-x .sheet-modal .subnavbar-inner, | |
2669 | .md.device-iphone-x .panel-right .subnavbar-inner { | |
2670 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
2671 | padding-right: calc(16px + env(safe-area-inset-right)); | |
2672 | } | |
2673 | } | |
2674 | /* === Content Block === */ | |
2675 | .block { | |
2676 | -webkit-box-sizing: border-box; | |
2677 | box-sizing: border-box; | |
2678 | position: relative; | |
2679 | z-index: 1; | |
2680 | } | |
2681 | .block.no-hairlines:before, | |
2682 | .block.no-hairlines ul:before, | |
2683 | .md .block.no-hairlines-md:before, | |
2684 | .md .block.no-hairlines-md ul:before, | |
2685 | .ios .block.no-hairlines-ios:before, | |
2686 | .ios .block.no-hairlines-ios ul:before { | |
2687 | display: none !important; | |
2688 | } | |
2689 | .block.no-hairlines:after, | |
2690 | .block.no-hairlines ul:after, | |
2691 | .md .block.no-hairlines-md:after, | |
2692 | .md .block.no-hairlines-md ul:after, | |
2693 | .ios .block.no-hairlines-ios:after, | |
2694 | .ios .block.no-hairlines-ios ul:after { | |
2695 | display: none !important; | |
2696 | } | |
2697 | .block.no-hairline-top:before, | |
2698 | .block.no-hairline-top ul:before, | |
2699 | .md .block.no-hairline-top-md:before, | |
2700 | .md .block.no-hairline-top-md ul:before, | |
2701 | .ios .block.no-hairline-top-ios:before, | |
2702 | .ios .block.no-hairline-top-ios ul:before { | |
2703 | display: none !important; | |
2704 | } | |
2705 | .block.no-hairline-bottom:after, | |
2706 | .block.no-hairline-bottom ul:after, | |
2707 | .md .block.no-hairline-bottom-md:after, | |
2708 | .md .block.no-hairline-bottom-md ul:after, | |
2709 | .ios .block.no-hairline-bottom-ios:after, | |
2710 | .ios .block.no-hairline-bottom-ios ul:after { | |
2711 | display: none !important; | |
2712 | } | |
2713 | .block > h1:first-child, | |
2714 | .block > h2:first-child, | |
2715 | .block > h3:first-child, | |
2716 | .block > h4:first-child, | |
2717 | .block > p:first-child { | |
2718 | margin-top: 0; | |
2719 | } | |
2720 | .block > h1:last-child, | |
2721 | .block > h2:last-child, | |
2722 | .block > h3:last-child, | |
2723 | .block > h4:last-child, | |
2724 | .block > p:last-child { | |
2725 | margin-bottom: 0; | |
2726 | } | |
2727 | .block-title { | |
2728 | position: relative; | |
2729 | overflow: hidden; | |
2730 | margin: 0; | |
2731 | white-space: nowrap; | |
2732 | text-overflow: ellipsis; | |
2733 | font-size: 14px; | |
2734 | line-height: 1; | |
2735 | } | |
2736 | .block-strong.inset { | |
2737 | border-radius: 7px; | |
2738 | } | |
2739 | .block-strong.inset:before { | |
2740 | display: none !important; | |
2741 | } | |
2742 | .block-strong.inset:after { | |
2743 | display: none !important; | |
2744 | } | |
2745 | .block-footer, | |
2746 | .block-header { | |
2747 | font-size: 14px; | |
2748 | } | |
2749 | .block-footer ul:first-child, | |
2750 | .block-header ul:first-child, | |
2751 | .block-footer p:first-child, | |
2752 | .block-header p:first-child, | |
2753 | .block-footer h1:first-child, | |
2754 | .block-header h1:first-child, | |
2755 | .block-footer h2:first-child, | |
2756 | .block-header h2:first-child, | |
2757 | .block-footer h3:first-child, | |
2758 | .block-header h3:first-child, | |
2759 | .block-footer h4:first-child, | |
2760 | .block-header h4:first-child { | |
2761 | margin-top: 0; | |
2762 | } | |
2763 | .block-footer ul:last-child, | |
2764 | .block-header ul:last-child, | |
2765 | .block-footer p:last-child, | |
2766 | .block-header p:last-child, | |
2767 | .block-footer h1:last-child, | |
2768 | .block-header h1:last-child, | |
2769 | .block-footer h2:last-child, | |
2770 | .block-header h2:last-child, | |
2771 | .block-footer h3:last-child, | |
2772 | .block-header h3:last-child, | |
2773 | .block-footer h4:last-child, | |
2774 | .block-header h4:last-child { | |
2775 | margin-bottom: 0; | |
2776 | } | |
2777 | .block-footer ul:first-child:last-child, | |
2778 | .block-header ul:first-child:last-child, | |
2779 | .block-footer p:first-child:last-child, | |
2780 | .block-header p:first-child:last-child, | |
2781 | .block-footer h1:first-child:last-child, | |
2782 | .block-header h1:first-child:last-child, | |
2783 | .block-footer h2:first-child:last-child, | |
2784 | .block-header h2:first-child:last-child, | |
2785 | .block-footer h3:first-child:last-child, | |
2786 | .block-header h3:first-child:last-child, | |
2787 | .block-footer h4:first-child:last-child, | |
2788 | .block-header h4:first-child:last-child { | |
2789 | margin-top: 0; | |
2790 | margin-bottom: 0; | |
2791 | } | |
2792 | .block-header { | |
2793 | margin-bottom: 10px; | |
2794 | } | |
2795 | .block-footer { | |
2796 | margin-top: 10px; | |
2797 | } | |
2798 | @media (min-width: 768px) { | |
2799 | .block-strong.tablet-inset:before { | |
2800 | display: none !important; | |
2801 | } | |
2802 | .block-strong.tablet-inset:after { | |
2803 | display: none !important; | |
2804 | } | |
2805 | } | |
2806 | /* === Content Block === */ | |
2807 | .ios .block { | |
2808 | margin: 35px 0; | |
2809 | padding: 0 15px; | |
2810 | color: #6d6d72; | |
2811 | } | |
2812 | .ios .block-title { | |
2813 | text-transform: uppercase; | |
2814 | color: #6d6d72; | |
2815 | margin: 35px 15px 10px; | |
2816 | line-height: 17px; | |
2817 | } | |
2818 | .ios .block-title + .list, | |
2819 | .ios .block-title + .block, | |
2820 | .ios .block-title + .card, | |
2821 | .ios .block-title + .timeline, | |
2822 | .ios .block-title + .block-header { | |
2823 | margin-top: 10px; | |
2824 | } | |
2825 | .ios .block-strong { | |
2826 | color: #000; | |
2827 | background: #fff; | |
2828 | padding: 15px 15px; | |
2829 | } | |
2830 | .ios .block-strong:before { | |
2831 | content: ''; | |
2832 | position: absolute; | |
2833 | background-color: #c8c7cc; | |
2834 | display: block; | |
2835 | z-index: 15; | |
2836 | top: 0; | |
2837 | right: auto; | |
2838 | bottom: auto; | |
2839 | left: 0; | |
2840 | height: 1px; | |
2841 | width: 100%; | |
2842 | -webkit-transform-origin: 50% 0%; | |
2843 | transform-origin: 50% 0%; | |
2844 | } | |
2845 | .ios.device-pixel-ratio-2 .block-strong:before { | |
2846 | -webkit-transform: scaleY(0.5); | |
2847 | transform: scaleY(0.5); | |
2848 | } | |
2849 | .ios.device-pixel-ratio-3 .block-strong:before { | |
2850 | -webkit-transform: scaleY(0.33); | |
2851 | transform: scaleY(0.33); | |
2852 | } | |
2853 | .ios .block-strong:after { | |
2854 | content: ''; | |
2855 | position: absolute; | |
2856 | background-color: #c8c7cc; | |
2857 | display: block; | |
2858 | z-index: 15; | |
2859 | top: auto; | |
2860 | right: auto; | |
2861 | bottom: 0; | |
2862 | left: 0; | |
2863 | height: 1px; | |
2864 | width: 100%; | |
2865 | -webkit-transform-origin: 50% 100%; | |
2866 | transform-origin: 50% 100%; | |
2867 | } | |
2868 | .ios.device-pixel-ratio-2 .block-strong:after { | |
2869 | -webkit-transform: scaleY(0.5); | |
2870 | transform: scaleY(0.5); | |
2871 | } | |
2872 | .ios.device-pixel-ratio-3 .block-strong:after { | |
2873 | -webkit-transform: scaleY(0.33); | |
2874 | transform: scaleY(0.33); | |
2875 | } | |
2876 | .ios .block.inset { | |
2877 | margin-left: 15px; | |
2878 | margin-right: 15px; | |
2879 | } | |
2880 | .ios .block-strong-inset { | |
2881 | border-radius: 7px; | |
2882 | } | |
2883 | .ios .block-header, | |
2884 | .ios .block-footer { | |
2885 | padding: 0 15px; | |
2886 | color: #8f8f94; | |
2887 | } | |
2888 | .ios .block .block-header, | |
2889 | .ios .block .block-footer { | |
2890 | padding: 0 !important; | |
2891 | } | |
2892 | .ios .block-header { | |
2893 | margin-top: 35px; | |
2894 | } | |
2895 | .ios .block-header + .list, | |
2896 | .ios .block-header + .block, | |
2897 | .ios .block-header + .card, | |
2898 | .ios .block-header + .timeline { | |
2899 | margin-top: 10px; | |
2900 | } | |
2901 | .ios .block-footer { | |
2902 | margin-bottom: 35px; | |
2903 | } | |
2904 | .ios .list .block-header, | |
2905 | .ios .block .block-header, | |
2906 | .ios .card .block-header, | |
2907 | .ios .timeline .block-header { | |
2908 | margin-top: 0; | |
2909 | } | |
2910 | .ios .list .block-footer, | |
2911 | .ios .block .block-footer, | |
2912 | .ios .card .block-footer, | |
2913 | .ios .timeline .block-footer { | |
2914 | margin-bottom: 0; | |
2915 | } | |
2916 | .ios .list + .block-footer, | |
2917 | .ios .block + .block-footer, | |
2918 | .ios .card + .block-footer, | |
2919 | .ios .timeline + .block-footer { | |
2920 | margin-top: -25px; | |
2921 | } | |
2922 | .ios .block + .block-footer { | |
2923 | margin-top: -25px; | |
2924 | margin-bottom: 35px; | |
2925 | } | |
2926 | @media (min-width: 768px) { | |
2927 | .ios .block.tablet-inset { | |
2928 | margin-left: 15px; | |
2929 | margin-right: 15px; | |
2930 | border-radius: 7px; | |
2931 | } | |
2932 | .ios .block-strong.tablet-inset { | |
2933 | border-radius: 7px; | |
2934 | } | |
2935 | } | |
2936 | .ios .theme-dark .block-title, | |
2937 | .ios .theme-dark .block-header, | |
2938 | .ios .theme-dark .block-footer { | |
2939 | color: #8E8E93; | |
2940 | } | |
2941 | .ios .theme-dark .block { | |
2942 | color: #8E8E93; | |
2943 | } | |
2944 | .ios .theme-dark .block-strong, | |
2945 | .ios .theme-dark.block-strong { | |
2946 | background-color: #1c1c1d; | |
2947 | color: #fff; | |
2948 | } | |
2949 | .ios .theme-dark .block-strong:before, | |
2950 | .ios .theme-dark.block-strong:before { | |
2951 | background-color: #282829; | |
2952 | } | |
2953 | .ios .theme-dark .block-strong:after, | |
2954 | .ios .theme-dark.block-strong:after { | |
2955 | background-color: #282829; | |
2956 | } | |
2957 | @media (orientation: landscape) { | |
2958 | .ios.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2959 | .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2960 | .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2961 | .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2962 | .ios.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
2963 | .ios.device-iphone-x .ios-left-edge .block-header, | |
2964 | .ios.device-iphone-x .ios-edges .block-header, | |
2965 | .ios.device-iphone-x .popup .block-header, | |
2966 | .ios.device-iphone-x .sheet-modal .block-header, | |
2967 | .ios.device-iphone-x .panel-left .block-header, | |
2968 | .ios.device-iphone-x .ios-left-edge .block-footer, | |
2969 | .ios.device-iphone-x .ios-edges .block-footer, | |
2970 | .ios.device-iphone-x .popup .block-footer, | |
2971 | .ios.device-iphone-x .sheet-modal .block-footer, | |
2972 | .ios.device-iphone-x .panel-left .block-footer { | |
2973 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
2974 | padding-left: calc(15px + env(safe-area-inset-left)); | |
2975 | } | |
2976 | .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2977 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2978 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2979 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2980 | .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
2981 | .ios.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2982 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2983 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2984 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
2985 | .ios.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
2986 | padding-left: 0; | |
2987 | } | |
2988 | .ios.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2989 | .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2990 | .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2991 | .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2992 | .ios.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
2993 | .ios.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2994 | .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2995 | .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2996 | .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
2997 | .ios.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { | |
2998 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
2999 | margin-left: calc(15px + env(safe-area-inset-left)); | |
3000 | } | |
3001 | .ios.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3002 | .ios.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3003 | .ios.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3004 | .ios.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3005 | .ios.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3006 | .ios.device-iphone-x .ios-right-edge .block-header, | |
3007 | .ios.device-iphone-x .ios-edges .block-header, | |
3008 | .ios.device-iphone-x .popup .block-header, | |
3009 | .ios.device-iphone-x .sheet-modal .block-header, | |
3010 | .ios.device-iphone-x .panel-right .block-header, | |
3011 | .ios.device-iphone-x .ios-right-edge .block-footer, | |
3012 | .ios.device-iphone-x .ios-edges .block-footer, | |
3013 | .ios.device-iphone-x .popup .block-footer, | |
3014 | .ios.device-iphone-x .sheet-modal .block-footer, | |
3015 | .ios.device-iphone-x .panel-right .block-footer { | |
3016 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
3017 | padding-right: calc(15px + env(safe-area-inset-right)); | |
3018 | } | |
3019 | .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3020 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3021 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3022 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3023 | .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3024 | .ios.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3025 | .ios.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3026 | .ios.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3027 | .ios.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3028 | .ios.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
3029 | padding-right: 0; | |
3030 | } | |
3031 | .ios.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3032 | .ios.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3033 | .ios.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3034 | .ios.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3035 | .ios.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3036 | .ios.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3037 | .ios.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3038 | .ios.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3039 | .ios.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3040 | .ios.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3041 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
3042 | margin-right: calc(15px + env(safe-area-inset-right)); | |
3043 | } | |
3044 | } | |
3045 | @media (orientation: landscape) and (min-width: 768px) { | |
3046 | .ios.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3047 | .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3048 | .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3049 | .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3050 | .ios.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3051 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
3052 | margin-left: calc(15px + env(safe-area-inset-left)); | |
3053 | } | |
3054 | } | |
3055 | @media (orientation: landscape) and (min-width: 768px) { | |
3056 | .ios.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3057 | .ios.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3058 | .ios.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3059 | .ios.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3060 | .ios.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3061 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
3062 | margin-right: calc(15px + env(safe-area-inset-right)); | |
3063 | } | |
3064 | } | |
3065 | .md .block { | |
3066 | margin: 32px 0; | |
3067 | padding: 0 16px; | |
3068 | } | |
3069 | .md .block-title { | |
3070 | color: rgba(0, 0, 0, 0.54); | |
3071 | margin: 32px 16px 16px; | |
3072 | line-height: 16px; | |
3073 | font-weight: 500; | |
3074 | } | |
3075 | .md .block-title + .list, | |
3076 | .md .block-title + .block, | |
3077 | .md .block-title + .card, | |
3078 | .md .block-title + .timeline, | |
3079 | .md .block-title + .block-header { | |
3080 | margin-top: 0px; | |
3081 | } | |
3082 | .md .block-strong { | |
3083 | padding: 16px; | |
3084 | } | |
3085 | .md .block-strong:before { | |
3086 | content: ''; | |
3087 | position: absolute; | |
3088 | background-color: rgba(0, 0, 0, 0.12); | |
3089 | display: block; | |
3090 | z-index: 15; | |
3091 | top: 0; | |
3092 | right: auto; | |
3093 | bottom: auto; | |
3094 | left: 0; | |
3095 | height: 1px; | |
3096 | width: 100%; | |
3097 | -webkit-transform-origin: 50% 0%; | |
3098 | transform-origin: 50% 0%; | |
3099 | } | |
3100 | .md.device-pixel-ratio-2 .block-strong:before { | |
3101 | -webkit-transform: scaleY(0.5); | |
3102 | transform: scaleY(0.5); | |
3103 | } | |
3104 | .md.device-pixel-ratio-3 .block-strong:before { | |
3105 | -webkit-transform: scaleY(0.33); | |
3106 | transform: scaleY(0.33); | |
3107 | } | |
3108 | .md .block-strong:after { | |
3109 | content: ''; | |
3110 | position: absolute; | |
3111 | background-color: rgba(0, 0, 0, 0.12); | |
3112 | display: block; | |
3113 | z-index: 15; | |
3114 | top: auto; | |
3115 | right: auto; | |
3116 | bottom: 0; | |
3117 | left: 0; | |
3118 | height: 1px; | |
3119 | width: 100%; | |
3120 | -webkit-transform-origin: 50% 100%; | |
3121 | transform-origin: 50% 100%; | |
3122 | } | |
3123 | .md.device-pixel-ratio-2 .block-strong:after { | |
3124 | -webkit-transform: scaleY(0.5); | |
3125 | transform: scaleY(0.5); | |
3126 | } | |
3127 | .md.device-pixel-ratio-3 .block-strong:after { | |
3128 | -webkit-transform: scaleY(0.33); | |
3129 | transform: scaleY(0.33); | |
3130 | } | |
3131 | .md .block.inset { | |
3132 | margin-left: 16px; | |
3133 | margin-right: 16px; | |
3134 | } | |
3135 | .md .block-strong.inset { | |
3136 | border-radius: 4px; | |
3137 | } | |
3138 | .md .block-header, | |
3139 | .md .block-footer { | |
3140 | padding: 0 16px; | |
3141 | color: rgba(0, 0, 0, 0.54); | |
3142 | } | |
3143 | .md .block .block-header, | |
3144 | .md .block .block-footer { | |
3145 | padding: 0; | |
3146 | } | |
3147 | .md .block-header { | |
3148 | margin-top: 32px; | |
3149 | } | |
3150 | .md .block-header + .list, | |
3151 | .md .block-header + .block, | |
3152 | .md .block-header + .card, | |
3153 | .md .block-header + .timeline { | |
3154 | margin-top: 10px; | |
3155 | } | |
3156 | .md .block-footer { | |
3157 | margin-bottom: 32px; | |
3158 | } | |
3159 | .md .list .block-header, | |
3160 | .md .block .block-header, | |
3161 | .md .card .block-header, | |
3162 | .md .timeline .block-header { | |
3163 | margin-top: 0; | |
3164 | } | |
3165 | .md .list .block-footer, | |
3166 | .md .block .block-footer, | |
3167 | .md .card .block-footer, | |
3168 | .md .timeline .block-footer { | |
3169 | margin-bottom: 0; | |
3170 | } | |
3171 | .md .list + .block-footer, | |
3172 | .md .block + .block-footer, | |
3173 | .md .card + .block-footer, | |
3174 | .md .timeline + .block-footer { | |
3175 | margin-top: -22px; | |
3176 | } | |
3177 | .md .block + .block-footer { | |
3178 | margin-top: -22px; | |
3179 | margin-bottom: 32px; | |
3180 | } | |
3181 | @media (min-width: 768px) { | |
3182 | .md .block.tablet-inset { | |
3183 | margin-left: 16px; | |
3184 | margin-right: 16px; | |
3185 | border-radius: 4px; | |
3186 | } | |
3187 | .md .block-strong.tablet-inset { | |
3188 | border-radius: 4px; | |
3189 | } | |
3190 | } | |
3191 | .md .theme-dark .block-title { | |
3192 | color: #fff; | |
3193 | } | |
3194 | .md .theme-dark .block-header, | |
3195 | .md .theme-dark .block-footer { | |
3196 | color: rgba(255, 255, 255, 0.54); | |
3197 | } | |
3198 | @media (orientation: landscape) { | |
3199 | .md.device-iphone-x .ios-left-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3200 | .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3201 | .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3202 | .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3203 | .md.device-iphone-x .panel-left .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge), | |
3204 | .md.device-iphone-x .ios-left-edge .block-header, | |
3205 | .md.device-iphone-x .ios-edges .block-header, | |
3206 | .md.device-iphone-x .popup .block-header, | |
3207 | .md.device-iphone-x .sheet-modal .block-header, | |
3208 | .md.device-iphone-x .panel-left .block-header, | |
3209 | .md.device-iphone-x .ios-left-edge .block-footer, | |
3210 | .md.device-iphone-x .ios-edges .block-footer, | |
3211 | .md.device-iphone-x .popup .block-footer, | |
3212 | .md.device-iphone-x .sheet-modal .block-footer, | |
3213 | .md.device-iphone-x .panel-left .block-footer { | |
3214 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
3215 | padding-left: calc(16px + env(safe-area-inset-left)); | |
3216 | } | |
3217 | .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3218 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3219 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3220 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3221 | .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
3222 | .md.device-iphone-x .ios-left-edge .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3223 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3224 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3225 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
3226 | .md.device-iphone-x .panel-left .block:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
3227 | padding-left: 0; | |
3228 | } | |
3229 | .md.device-iphone-x .ios-left-edge .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3230 | .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3231 | .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3232 | .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3233 | .md.device-iphone-x .panel-left .block.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3234 | .md.device-iphone-x .ios-left-edge .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3235 | .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3236 | .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3237 | .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-left-edge), | |
3238 | .md.device-iphone-x .panel-left .block-title:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3239 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
3240 | margin-left: calc(16px + env(safe-area-inset-left)); | |
3241 | } | |
3242 | .md.device-iphone-x .ios-right-edge .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3243 | .md.device-iphone-x .ios-edges .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3244 | .md.device-iphone-x .popup .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3245 | .md.device-iphone-x .sheet-modal .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3246 | .md.device-iphone-x .panel-right .block:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge), | |
3247 | .md.device-iphone-x .ios-right-edge .block-header, | |
3248 | .md.device-iphone-x .ios-edges .block-header, | |
3249 | .md.device-iphone-x .popup .block-header, | |
3250 | .md.device-iphone-x .sheet-modal .block-header, | |
3251 | .md.device-iphone-x .panel-right .block-header, | |
3252 | .md.device-iphone-x .ios-right-edge .block-footer, | |
3253 | .md.device-iphone-x .ios-edges .block-footer, | |
3254 | .md.device-iphone-x .popup .block-footer, | |
3255 | .md.device-iphone-x .sheet-modal .block-footer, | |
3256 | .md.device-iphone-x .panel-right .block-footer { | |
3257 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
3258 | padding-right: calc(16px + env(safe-area-inset-right)); | |
3259 | } | |
3260 | .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3261 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3262 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3263 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3264 | .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
3265 | .md.device-iphone-x .ios-right-edge .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3266 | .md.device-iphone-x .ios-edges .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3267 | .md.device-iphone-x .popup .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3268 | .md.device-iphone-x .sheet-modal .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
3269 | .md.device-iphone-x .panel-right .block:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
3270 | padding-right: 0; | |
3271 | } | |
3272 | .md.device-iphone-x .ios-right-edge .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3273 | .md.device-iphone-x .ios-edges .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3274 | .md.device-iphone-x .popup .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3275 | .md.device-iphone-x .sheet-modal .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3276 | .md.device-iphone-x .panel-right .block.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3277 | .md.device-iphone-x .ios-right-edge .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3278 | .md.device-iphone-x .ios-edges .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3279 | .md.device-iphone-x .popup .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3280 | .md.device-iphone-x .sheet-modal .block-title:not(.no-ios-edges):not(.no-ios-right-edge), | |
3281 | .md.device-iphone-x .panel-right .block-title:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3282 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
3283 | margin-right: calc(16px + env(safe-area-inset-right)); | |
3284 | } | |
3285 | } | |
3286 | @media (orientation: landscape) and (min-width: 768px) { | |
3287 | .md.device-iphone-x .ios-left-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3288 | .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3289 | .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3290 | .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
3291 | .md.device-iphone-x .panel-left .block.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
3292 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
3293 | margin-left: calc(16px + env(safe-area-inset-left)); | |
3294 | } | |
3295 | } | |
3296 | @media (orientation: landscape) and (min-width: 768px) { | |
3297 | .md.device-iphone-x .ios-right-edge .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3298 | .md.device-iphone-x .ios-edges .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3299 | .md.device-iphone-x .popup .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3300 | .md.device-iphone-x .sheet-modal .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
3301 | .md.device-iphone-x .panel-right .block.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
3302 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
3303 | margin-right: calc(16px + env(safe-area-inset-right)); | |
3304 | } | |
3305 | } | |
3306 | /* === List View === */ | |
3307 | .list { | |
3308 | position: relative; | |
3309 | z-index: 1; | |
3310 | } | |
3311 | .list ul { | |
3312 | list-style: none; | |
3313 | margin: 0; | |
3314 | padding: 0; | |
3315 | position: relative; | |
3316 | } | |
3317 | .list ul ul:before { | |
3318 | display: none !important; | |
3319 | } | |
3320 | .list ul ul:after { | |
3321 | display: none !important; | |
3322 | } | |
3323 | .list li { | |
3324 | position: relative; | |
3325 | -webkit-box-sizing: border-box; | |
3326 | box-sizing: border-box; | |
3327 | } | |
3328 | .list .item-media { | |
3329 | display: -webkit-box; | |
3330 | display: -webkit-flex; | |
3331 | display: -ms-flexbox; | |
3332 | display: flex; | |
3333 | -webkit-flex-shrink: 0; | |
3334 | -ms-flex-negative: 0; | |
3335 | flex-shrink: 0; | |
3336 | -webkit-flex-wrap: nowrap; | |
3337 | -ms-flex-wrap: nowrap; | |
3338 | flex-wrap: nowrap; | |
3339 | -webkit-box-align: center; | |
3340 | -webkit-align-items: center; | |
3341 | -ms-flex-align: center; | |
3342 | align-items: center; | |
3343 | -webkit-box-sizing: border-box; | |
3344 | box-sizing: border-box; | |
3345 | padding-bottom: 8px; | |
3346 | } | |
3347 | .list .item-inner { | |
3348 | position: relative; | |
3349 | width: 100%; | |
3350 | padding-top: 8px; | |
3351 | padding-bottom: 8px; | |
3352 | min-width: 0; | |
3353 | display: -webkit-box; | |
3354 | display: -webkit-flex; | |
3355 | display: -ms-flexbox; | |
3356 | display: flex; | |
3357 | -webkit-box-pack: justify; | |
3358 | -webkit-justify-content: space-between; | |
3359 | -ms-flex-pack: justify; | |
3360 | justify-content: space-between; | |
3361 | -webkit-box-sizing: border-box; | |
3362 | box-sizing: border-box; | |
3363 | -webkit-box-align: center; | |
3364 | -webkit-align-items: center; | |
3365 | -ms-flex-align: center; | |
3366 | align-items: center; | |
3367 | -webkit-align-self: stretch; | |
3368 | -ms-flex-item-align: stretch; | |
3369 | align-self: stretch; | |
3370 | } | |
3371 | .list .item-title { | |
3372 | min-width: 0; | |
3373 | -webkit-flex-shrink: 1; | |
3374 | -ms-flex-negative: 1; | |
3375 | flex-shrink: 1; | |
3376 | white-space: nowrap; | |
3377 | position: relative; | |
3378 | overflow: hidden; | |
3379 | text-overflow: ellipsis; | |
3380 | max-width: 100%; | |
3381 | } | |
3382 | .list .item-after { | |
3383 | white-space: nowrap; | |
3384 | -webkit-flex-shrink: 0; | |
3385 | -ms-flex-negative: 0; | |
3386 | flex-shrink: 0; | |
3387 | display: -webkit-box; | |
3388 | display: -webkit-flex; | |
3389 | display: -ms-flexbox; | |
3390 | display: flex; | |
3391 | margin-left: auto; | |
3392 | } | |
3393 | .list .item-link, | |
3394 | .list .list-button { | |
3395 | -webkit-transition-duration: 300ms; | |
3396 | transition-duration: 300ms; | |
3397 | -webkit-transition-property: background-color; | |
3398 | transition-property: background-color; | |
3399 | display: block; | |
3400 | position: relative; | |
3401 | overflow: hidden; | |
3402 | z-index: 0; | |
3403 | } | |
3404 | .list .item-content { | |
3405 | display: -webkit-box; | |
3406 | display: -webkit-flex; | |
3407 | display: -ms-flexbox; | |
3408 | display: flex; | |
3409 | -webkit-box-pack: justify; | |
3410 | -webkit-justify-content: space-between; | |
3411 | -ms-flex-pack: justify; | |
3412 | justify-content: space-between; | |
3413 | -webkit-box-sizing: border-box; | |
3414 | box-sizing: border-box; | |
3415 | -webkit-box-align: center; | |
3416 | -webkit-align-items: center; | |
3417 | -ms-flex-align: center; | |
3418 | align-items: center; | |
3419 | } | |
3420 | .list .item-subtitle { | |
3421 | position: relative; | |
3422 | overflow: hidden; | |
3423 | white-space: nowrap; | |
3424 | max-width: 100%; | |
3425 | text-overflow: ellipsis; | |
3426 | } | |
3427 | .list .item-text { | |
3428 | position: relative; | |
3429 | overflow: hidden; | |
3430 | text-overflow: hidden; | |
3431 | -webkit-line-clamp: 2; | |
3432 | -webkit-box-orient: vertical; | |
3433 | display: -webkit-box; | |
3434 | } | |
3435 | .list .item-title-row { | |
3436 | display: -webkit-box; | |
3437 | display: -webkit-flex; | |
3438 | display: -ms-flexbox; | |
3439 | display: flex; | |
3440 | -webkit-box-pack: justify; | |
3441 | -webkit-justify-content: space-between; | |
3442 | -ms-flex-pack: justify; | |
3443 | justify-content: space-between; | |
3444 | -webkit-box-sizing: border-box; | |
3445 | box-sizing: border-box; | |
3446 | } | |
3447 | .list .item-title-row .item-after { | |
3448 | -webkit-align-self: center; | |
3449 | -ms-flex-item-align: center; | |
3450 | align-self: center; | |
3451 | } | |
3452 | .list .item-row { | |
3453 | display: -webkit-box; | |
3454 | display: -webkit-flex; | |
3455 | display: -ms-flexbox; | |
3456 | display: flex; | |
3457 | -webkit-box-pack: justify; | |
3458 | -webkit-justify-content: space-between; | |
3459 | -ms-flex-pack: justify; | |
3460 | justify-content: space-between; | |
3461 | -webkit-box-sizing: border-box; | |
3462 | box-sizing: border-box; | |
3463 | } | |
3464 | .list .item-cell { | |
3465 | display: block; | |
3466 | -webkit-align-self: center; | |
3467 | -ms-flex-item-align: center; | |
3468 | align-self: center; | |
3469 | -webkit-box-sizing: border-box; | |
3470 | box-sizing: border-box; | |
3471 | -webkit-flex-shrink: 1; | |
3472 | -ms-flex-negative: 1; | |
3473 | flex-shrink: 1; | |
3474 | } | |
3475 | .list li:last-child .list-button:after { | |
3476 | display: none !important; | |
3477 | } | |
3478 | .list li:last-child > .item-inner:after, | |
3479 | .list li:last-child li:last-child > .item-inner:after, | |
3480 | .list li:last-child > .item-content > .item-inner:after, | |
3481 | .list li:last-child li:last-child > .item-content > .item-inner:after, | |
3482 | .list li:last-child > .swipeout-content > .item-content > .item-inner:after, | |
3483 | .list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after, | |
3484 | .list li:last-child > .item-link > .item-content > .item-inner:after, | |
3485 | .list li:last-child li:last-child > .item-link > .item-content > .item-inner:after { | |
3486 | display: none !important; | |
3487 | } | |
3488 | .list.no-hairlines:before, | |
3489 | .list.no-hairlines ul:before, | |
3490 | .md .list.no-hairlines-md:before, | |
3491 | .md .list.no-hairlines-md ul:before, | |
3492 | .ios .list.no-hairlines-ios:before, | |
3493 | .ios .list.no-hairlines-ios ul:before { | |
3494 | display: none !important; | |
3495 | } | |
3496 | .list.no-hairlines:after, | |
3497 | .list.no-hairlines ul:after, | |
3498 | .md .list.no-hairlines-md:after, | |
3499 | .md .list.no-hairlines-md ul:after, | |
3500 | .ios .list.no-hairlines-ios:after, | |
3501 | .ios .list.no-hairlines-ios ul:after { | |
3502 | display: none !important; | |
3503 | } | |
3504 | .list.no-hairline-top:before, | |
3505 | .list.no-hairline-top ul:before, | |
3506 | .md .list.no-hairline-top-md:before, | |
3507 | .md .list.no-hairline-top-md ul:before, | |
3508 | .ios .list.no-hairline-top-ios:before, | |
3509 | .ios .list.no-hairline-top-ios ul:before { | |
3510 | display: none !important; | |
3511 | } | |
3512 | .list.no-hairline-bottom:after, | |
3513 | .list.no-hairline-bottom ul:after, | |
3514 | .md .list.no-hairline-bottom-md:after, | |
3515 | .md .list.no-hairline-bottom-md ul:after, | |
3516 | .ios .list.no-hairline-bottom-ios:after, | |
3517 | .ios .list.no-hairline-bottom-ios ul:after { | |
3518 | display: none !important; | |
3519 | } | |
3520 | .list.no-hairlines-between .item-inner:after, | |
3521 | .md .list.no-hairlines-between-md .item-inner:after, | |
3522 | .ios .list.no-hairlines-between-ios .item-inner:after, | |
3523 | .list.no-hairlines-between .list-button:after, | |
3524 | .md .list.no-hairlines-between-md .list-button:after, | |
3525 | .ios .list.no-hairlines-between-ios .list-button:after, | |
3526 | .list.no-hairlines-between .item-divider:after, | |
3527 | .md .list.no-hairlines-between-md .item-divider:after, | |
3528 | .ios .list.no-hairlines-between-ios .item-divider:after, | |
3529 | .list.no-hairlines-between .list-group-title:after, | |
3530 | .md .list.no-hairlines-between-md .list-group-title:after, | |
3531 | .ios .list.no-hairlines-between-ios .list-group-title:after, | |
3532 | .list.no-hairlines-between .list-group-title:after, | |
3533 | .md .list.no-hairlines-between-md .list-group-title:after, | |
3534 | .ios .list.no-hairlines-between-ios .list-group-title:after { | |
3535 | display: none !important; | |
3536 | } | |
3537 | .list.no-hairlines-between.simple-list li:after, | |
3538 | .md .list.no-hairlines-between-md.simple-list li:after, | |
3539 | .ios .list.no-hairlines-between-ios.simple-list li:after { | |
3540 | display: none !important; | |
3541 | } | |
3542 | .list.no-hairlines-between.links-list a:after, | |
3543 | .md .list.no-hairlines-between-md.links-list a:after, | |
3544 | .ios .list.no-hairlines-between-ios.links-list a:after { | |
3545 | display: none !important; | |
3546 | } | |
3547 | .list.simple-list li { | |
3548 | position: relative; | |
3549 | white-space: nowrap; | |
3550 | text-overflow: ellipsis; | |
3551 | max-width: 100%; | |
3552 | -webkit-box-sizing: border-box; | |
3553 | box-sizing: border-box; | |
3554 | display: -webkit-box; | |
3555 | display: -webkit-flex; | |
3556 | display: -ms-flexbox; | |
3557 | display: flex; | |
3558 | -webkit-box-pack: justify; | |
3559 | -webkit-justify-content: space-between; | |
3560 | -ms-flex-pack: justify; | |
3561 | justify-content: space-between; | |
3562 | -webkit-box-align: center; | |
3563 | -webkit-align-items: center; | |
3564 | -ms-flex-align: center; | |
3565 | align-items: center; | |
3566 | -webkit-align-content: center; | |
3567 | -ms-flex-line-pack: center; | |
3568 | align-content: center; | |
3569 | } | |
3570 | .list.simple-list li:last-child:after { | |
3571 | display: none !important; | |
3572 | } | |
3573 | .list.links-list a { | |
3574 | -webkit-transition-duration: 300ms; | |
3575 | transition-duration: 300ms; | |
3576 | -webkit-transition-property: background-color; | |
3577 | transition-property: background-color; | |
3578 | display: block; | |
3579 | position: relative; | |
3580 | overflow: hidden; | |
3581 | display: -webkit-box; | |
3582 | display: -webkit-flex; | |
3583 | display: -ms-flexbox; | |
3584 | display: flex; | |
3585 | -webkit-box-align: center; | |
3586 | -webkit-align-items: center; | |
3587 | -ms-flex-align: center; | |
3588 | align-items: center; | |
3589 | -webkit-align-content: center; | |
3590 | -ms-flex-line-pack: center; | |
3591 | align-content: center; | |
3592 | -webkit-box-pack: justify; | |
3593 | -webkit-justify-content: space-between; | |
3594 | -ms-flex-pack: justify; | |
3595 | justify-content: space-between; | |
3596 | -webkit-box-sizing: border-box; | |
3597 | box-sizing: border-box; | |
3598 | white-space: nowrap; | |
3599 | text-overflow: ellipsis; | |
3600 | max-width: 100%; | |
3601 | } | |
3602 | .list.links-list li:last-child a:after { | |
3603 | display: none !important; | |
3604 | } | |
3605 | .media-list .item-inner, | |
3606 | li.media-item .item-inner { | |
3607 | display: block; | |
3608 | -webkit-align-self: stretch; | |
3609 | -ms-flex-item-align: stretch; | |
3610 | align-self: stretch; | |
3611 | } | |
3612 | .media-list .item-link .item-inner, | |
3613 | li.media-item .item-link .item-inner { | |
3614 | background: none; | |
3615 | } | |
3616 | .media-list .item-media, | |
3617 | li.media-item .item-media { | |
3618 | -webkit-align-self: flex-start; | |
3619 | -ms-flex-item-align: start; | |
3620 | align-self: flex-start; | |
3621 | } | |
3622 | .media-list .item-media img, | |
3623 | li.media-item .item-media img { | |
3624 | display: block; | |
3625 | } | |
3626 | .list .item-link .item-inner, | |
3627 | .links-list a, | |
3628 | .media-list .item-link .item-title-row, | |
3629 | li.media-item .item-link .item-title-row, | |
3630 | .media-list.chevron-center .item-link .item-inner, | |
3631 | .media-list .chevron-center .item-link .item-inner, | |
3632 | .media-list .item-link.chevron-center .item-inner, | |
3633 | li.media-item.chevron-center .item-link .item-inner, | |
3634 | li.media-item .chevron-center .item-link .item-inner, | |
3635 | li.media-item .item-link.chevron-center .item-inner { | |
3636 | background-size: 8px 13px; | |
3637 | background-repeat: no-repeat; | |
3638 | background-position: 95% center; | |
3639 | 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(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); | |
3640 | } | |
3641 | .links-list.no-chevron a, | |
3642 | .no-chevron .links-list a, | |
3643 | .links-list .no-chevron a, | |
3644 | .item-link.no-chevron .item-inner, | |
3645 | .no-chevron .item-link .item-inner, | |
3646 | .media-list.no-chevron .item-link .item-title-row, | |
3647 | .no-chevron .media-list .item-link .item-title-row, | |
3648 | li.media-item .no-chevron .item-title-row, | |
3649 | li.media-item.no-chevron .item-title-row, | |
3650 | .media-list.chevron-center .item-title-row, | |
3651 | .media-list .chevron-center .item-title-row, | |
3652 | li.media-item.chevron-center .item-title-row, | |
3653 | li.media-item .chevron-center .item-title-row { | |
3654 | background-image: none !important; | |
3655 | } | |
3656 | .media-list .item-link .item-inner, | |
3657 | li.media-item .item-link .item-inner { | |
3658 | background-image: none; | |
3659 | } | |
3660 | .media-list .item-link .item-title-row, | |
3661 | li.media-item .item-link .item-title-row { | |
3662 | background-position: right center !important; | |
3663 | } | |
3664 | .list-group ul:after, | |
3665 | .list-group ul:before { | |
3666 | z-index: 25 !important; | |
3667 | } | |
3668 | .list-group + .list-group ul:before { | |
3669 | display: none !important; | |
3670 | } | |
3671 | li.item-divider, | |
3672 | .item-divider, | |
3673 | li.list-group-title { | |
3674 | white-space: nowrap; | |
3675 | position: relative; | |
3676 | max-width: 100%; | |
3677 | text-overflow: ellipsis; | |
3678 | overflow: hidden; | |
3679 | z-index: 15; | |
3680 | } | |
3681 | li.list-group-title, | |
3682 | .list li.list-group-title { | |
3683 | position: relative; | |
3684 | position: -webkit-sticky; | |
3685 | position: sticky; | |
3686 | top: 0; | |
3687 | margin-top: 0; | |
3688 | z-index: 20; | |
3689 | } | |
3690 | li.list-group-title:before, | |
3691 | .list li.list-group-title:before { | |
3692 | display: none !important; | |
3693 | } | |
3694 | .list.inset .block-title { | |
3695 | margin-left: 0; | |
3696 | margin-right: 0; | |
3697 | } | |
3698 | .list.inset ul:before { | |
3699 | display: none !important; | |
3700 | } | |
3701 | .list.inset ul:after { | |
3702 | display: none !important; | |
3703 | } | |
3704 | @media (min-width: 768px) { | |
3705 | .list.tablet-inset .block-title { | |
3706 | margin-left: 0; | |
3707 | margin-right: 0; | |
3708 | } | |
3709 | .list.tablet-inset ul:before { | |
3710 | display: none !important; | |
3711 | } | |
3712 | .list.tablet-inset ul:after { | |
3713 | display: none !important; | |
3714 | } | |
3715 | } | |
3716 | .theme-dark .list .item-link .item-inner, | |
3717 | .list.theme-dark .item-link .item-inner, | |
3718 | .theme-dark .links-list a, | |
3719 | .links-list.theme-dark a, | |
3720 | .theme-dark .media-list .item-link .item-title-row, | |
3721 | .media-list.theme-dark .item-link .item-title-row, | |
3722 | .theme-dark li.media-item .item-link .item-title-row { | |
3723 | 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(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"); | |
3724 | } | |
3725 | .theme-dark .media-list .item-link .item-inner, | |
3726 | .media-list.theme-dark .item-link .item-inner, | |
3727 | .theme-dark li.media-item .item-link .item-inner { | |
3728 | background-image: none; | |
3729 | } | |
3730 | .ios .list { | |
3731 | margin: 35px 0; | |
3732 | font-size: 17px; | |
3733 | } | |
3734 | .ios .list .item-cell { | |
3735 | width: 100%; | |
3736 | min-width: 0; | |
3737 | margin-left: 15px; | |
3738 | } | |
3739 | .ios .list .item-cell:first-child { | |
3740 | margin-left: 0; | |
3741 | } | |
3742 | .ios .list ul { | |
3743 | background: #fff; | |
3744 | } | |
3745 | .ios .list ul ul { | |
3746 | padding-left: 45px; | |
3747 | } | |
3748 | .ios .list .item-media { | |
3749 | padding-top: 7px; | |
3750 | } | |
3751 | .ios .list .item-media i + i, | |
3752 | .ios .list .item-media i + img { | |
3753 | margin-left: 5px; | |
3754 | } | |
3755 | .ios .list .item-media + .item-inner { | |
3756 | margin-left: 15px; | |
3757 | } | |
3758 | .ios .list .item-inner { | |
3759 | min-height: 44px; | |
3760 | padding-right: 15px; | |
3761 | } | |
3762 | .ios .list .item-after { | |
3763 | color: #8e8e93; | |
3764 | padding-left: 5px; | |
3765 | } | |
3766 | .ios .list .item-link, | |
3767 | .ios .list .list-button { | |
3768 | color: inherit; | |
3769 | } | |
3770 | .ios .list .item-link .item-inner, | |
3771 | .ios .list .list-button .item-inner { | |
3772 | padding-right: 35px; | |
3773 | } | |
3774 | .ios .list .item-link.active-state, | |
3775 | .ios .list .list-button.active-state { | |
3776 | -webkit-transition-duration: 0ms; | |
3777 | transition-duration: 0ms; | |
3778 | background-color: #d9d9d9; | |
3779 | } | |
3780 | .ios .list .item-link.active-state .item-inner:after, | |
3781 | .ios .list .list-button.active-state .item-inner:after { | |
3782 | background-color: transparent; | |
3783 | } | |
3784 | .ios .list .list-button { | |
3785 | padding: 0 15px; | |
3786 | text-align: center; | |
3787 | color: #007aff; | |
3788 | line-height: 44px; | |
3789 | } | |
3790 | .ios .list .item-content { | |
3791 | min-height: 44px; | |
3792 | padding-left: 15px; | |
3793 | } | |
3794 | .ios .list .item-subtitle { | |
3795 | font-size: 15px; | |
3796 | } | |
3797 | .ios .list .item-text { | |
3798 | font-size: 15px; | |
3799 | color: #8e8e93; | |
3800 | line-height: 21px; | |
3801 | max-height: 42px; | |
3802 | } | |
3803 | .ios .list .item-header, | |
3804 | .ios .list .item-footer { | |
3805 | font-weight: normal; | |
3806 | font-size: 12px; | |
3807 | line-height: 1.2; | |
3808 | white-space: normal; | |
3809 | } | |
3810 | .ios .list .item-footer { | |
3811 | color: #8e8e93; | |
3812 | } | |
3813 | .ios .list .item-link.no-chevron .item-inner, | |
3814 | .ios .list.no-chevron .item-link .item-inner, | |
3815 | .ios .list .no-chevron .item-link .item-inner, | |
3816 | .ios .no-chevron .list .item-link .item-inner { | |
3817 | padding-right: 15px; | |
3818 | } | |
3819 | .ios .simple-list li:after { | |
3820 | content: ''; | |
3821 | position: absolute; | |
3822 | background-color: #c8c7cc; | |
3823 | display: block; | |
3824 | z-index: 15; | |
3825 | top: auto; | |
3826 | right: auto; | |
3827 | bottom: 0; | |
3828 | left: 0; | |
3829 | height: 1px; | |
3830 | width: 100%; | |
3831 | -webkit-transform-origin: 50% 100%; | |
3832 | transform-origin: 50% 100%; | |
3833 | } | |
3834 | .ios.device-pixel-ratio-2 .simple-list li:after { | |
3835 | -webkit-transform: scaleY(0.5); | |
3836 | transform: scaleY(0.5); | |
3837 | } | |
3838 | .ios.device-pixel-ratio-3 .simple-list li:after { | |
3839 | -webkit-transform: scaleY(0.33); | |
3840 | transform: scaleY(0.33); | |
3841 | } | |
3842 | .ios .simple-list li { | |
3843 | padding-left: 15px; | |
3844 | padding-right: 15px; | |
3845 | line-height: 44px; | |
3846 | height: 44px; | |
3847 | } | |
3848 | .ios .simple-list li:after { | |
3849 | width: auto; | |
3850 | left: 15px; | |
3851 | right: 0; | |
3852 | } | |
3853 | .ios .links-list a:after { | |
3854 | content: ''; | |
3855 | position: absolute; | |
3856 | background-color: #c8c7cc; | |
3857 | display: block; | |
3858 | z-index: 15; | |
3859 | top: auto; | |
3860 | right: auto; | |
3861 | bottom: 0; | |
3862 | left: 0; | |
3863 | height: 1px; | |
3864 | width: 100%; | |
3865 | -webkit-transform-origin: 50% 100%; | |
3866 | transform-origin: 50% 100%; | |
3867 | } | |
3868 | .ios.device-pixel-ratio-2 .links-list a:after { | |
3869 | -webkit-transform: scaleY(0.5); | |
3870 | transform: scaleY(0.5); | |
3871 | } | |
3872 | .ios.device-pixel-ratio-3 .links-list a:after { | |
3873 | -webkit-transform: scaleY(0.33); | |
3874 | transform: scaleY(0.33); | |
3875 | } | |
3876 | .ios .links-list a { | |
3877 | height: 44px; | |
3878 | color: inherit; | |
3879 | } | |
3880 | .ios .links-list a.active-state { | |
3881 | -webkit-transition-duration: 0ms; | |
3882 | transition-duration: 0ms; | |
3883 | background-color: #d9d9d9; | |
3884 | } | |
3885 | .ios .links-list a:after { | |
3886 | width: auto; | |
3887 | } | |
3888 | .ios .links-list a { | |
3889 | padding-left: 15px; | |
3890 | padding-right: 35px; | |
3891 | } | |
3892 | .ios .links-list a:after { | |
3893 | left: 15px; | |
3894 | right: 0; | |
3895 | } | |
3896 | .ios .links-list.no-chevron a, | |
3897 | .ios .no-chevron .links-list a, | |
3898 | .ios .links-list a.no-chevron, | |
3899 | .ios .links-list .no-chevron a { | |
3900 | padding-right: 15px; | |
3901 | } | |
3902 | .ios .media-list .item-title, | |
3903 | .ios li.media-item .item-title { | |
3904 | font-weight: 600; | |
3905 | } | |
3906 | .ios .media-list .item-inner, | |
3907 | .ios li.media-item .item-inner { | |
3908 | padding-top: 10px; | |
3909 | padding-bottom: 9px; | |
3910 | } | |
3911 | .ios .media-list .item-media, | |
3912 | .ios li.media-item .item-media { | |
3913 | padding-top: 9px; | |
3914 | padding-bottom: 10px; | |
3915 | } | |
3916 | .ios .media-list .item-link .item-inner, | |
3917 | .ios li.media-item .item-link .item-inner { | |
3918 | padding-right: 15px; | |
3919 | } | |
3920 | .ios .media-list .item-link .item-title-row, | |
3921 | .ios li.media-item .item-link .item-title-row { | |
3922 | padding-right: 20px; | |
3923 | } | |
3924 | .ios .media-list.chevron-center .item-link .item-inner, | |
3925 | .ios .media-list .chevron-center .item-link .item-inner, | |
3926 | .ios .media-list .item-link.chevron-center .item-inner, | |
3927 | .ios li.media-item.chevron-center .item-link .item-inner, | |
3928 | .ios li.media-item .item-link.chevron-center .item-inner, | |
3929 | .ios li.media-item .chevron-center .item-link .item-inner { | |
3930 | padding-right: 35px; | |
3931 | } | |
3932 | .ios .media-list.no-chevron .item-link .item-title-row, | |
3933 | .ios .no-chevron .media-list .item-link .item-title-row, | |
3934 | .ios .media-list .no-chevron .item-link .item-title-row, | |
3935 | .ios li.media-item.no-chevron .item-link .item-title-row, | |
3936 | .ios .no-chevron li.media-item .item-link .item-title-row, | |
3937 | .ios .media-list.chevron-center .item-title-row, | |
3938 | .ios .media-list .chevron-center .item-title-row, | |
3939 | .ios li.media-item.chevron-center .item-title-row, | |
3940 | .ios li.media-item .chevron-center .item-title-row { | |
3941 | padding-right: 0 !important; | |
3942 | } | |
3943 | .ios .list .item-link .item-inner, | |
3944 | .ios .links-list a { | |
3945 | background-position: calc(100% - 15px) center; | |
3946 | } | |
3947 | .ios .item-divider, | |
3948 | .ios .list-group-title { | |
3949 | margin-top: -1px; | |
3950 | padding: 4px 15px; | |
3951 | background: #f7f7f7; | |
3952 | color: #8e8e93; | |
3953 | } | |
3954 | .ios .item-divider:after, | |
3955 | .ios .list-group-title:after { | |
3956 | display: none !important; | |
3957 | } | |
3958 | .ios .list-group-title { | |
3959 | margin-top: 0; | |
3960 | } | |
3961 | .ios .item-divider:before { | |
3962 | content: ''; | |
3963 | position: absolute; | |
3964 | background-color: #c8c7cc; | |
3965 | display: block; | |
3966 | z-index: 15; | |
3967 | top: 0; | |
3968 | right: auto; | |
3969 | bottom: auto; | |
3970 | left: 0; | |
3971 | height: 1px; | |
3972 | width: 100%; | |
3973 | -webkit-transform-origin: 50% 0%; | |
3974 | transform-origin: 50% 0%; | |
3975 | } | |
3976 | .ios.device-pixel-ratio-2 .item-divider:before { | |
3977 | -webkit-transform: scaleY(0.5); | |
3978 | transform: scaleY(0.5); | |
3979 | } | |
3980 | .ios.device-pixel-ratio-3 .item-divider:before { | |
3981 | -webkit-transform: scaleY(0.33); | |
3982 | transform: scaleY(0.33); | |
3983 | } | |
3984 | .ios .list-group-title:before { | |
3985 | content: ''; | |
3986 | position: absolute; | |
3987 | background-color: #c8c7cc; | |
3988 | display: block; | |
3989 | z-index: 15; | |
3990 | top: 0; | |
3991 | right: auto; | |
3992 | bottom: auto; | |
3993 | left: 0; | |
3994 | height: 1px; | |
3995 | width: 100%; | |
3996 | -webkit-transform-origin: 50% 0%; | |
3997 | transform-origin: 50% 0%; | |
3998 | } | |
3999 | .ios.device-pixel-ratio-2 .list-group-title:before { | |
4000 | -webkit-transform: scaleY(0.5); | |
4001 | transform: scaleY(0.5); | |
4002 | } | |
4003 | .ios.device-pixel-ratio-3 .list-group-title:before { | |
4004 | -webkit-transform: scaleY(0.33); | |
4005 | transform: scaleY(0.33); | |
4006 | } | |
4007 | .ios .list .list-button:after { | |
4008 | content: ''; | |
4009 | position: absolute; | |
4010 | background-color: #c8c7cc; | |
4011 | display: block; | |
4012 | z-index: 15; | |
4013 | top: auto; | |
4014 | right: auto; | |
4015 | bottom: 0; | |
4016 | left: 0; | |
4017 | height: 1px; | |
4018 | width: 100%; | |
4019 | -webkit-transform-origin: 50% 100%; | |
4020 | transform-origin: 50% 100%; | |
4021 | } | |
4022 | .ios.device-pixel-ratio-2 .list .list-button:after { | |
4023 | -webkit-transform: scaleY(0.5); | |
4024 | transform: scaleY(0.5); | |
4025 | } | |
4026 | .ios.device-pixel-ratio-3 .list .list-button:after { | |
4027 | -webkit-transform: scaleY(0.33); | |
4028 | transform: scaleY(0.33); | |
4029 | } | |
4030 | .ios .list .item-inner:after { | |
4031 | content: ''; | |
4032 | position: absolute; | |
4033 | background-color: #c8c7cc; | |
4034 | display: block; | |
4035 | z-index: 15; | |
4036 | top: auto; | |
4037 | right: auto; | |
4038 | bottom: 0; | |
4039 | left: 0; | |
4040 | height: 1px; | |
4041 | width: 100%; | |
4042 | -webkit-transform-origin: 50% 100%; | |
4043 | transform-origin: 50% 100%; | |
4044 | } | |
4045 | .ios.device-pixel-ratio-2 .list .item-inner:after { | |
4046 | -webkit-transform: scaleY(0.5); | |
4047 | transform: scaleY(0.5); | |
4048 | } | |
4049 | .ios.device-pixel-ratio-3 .list .item-inner:after { | |
4050 | -webkit-transform: scaleY(0.33); | |
4051 | transform: scaleY(0.33); | |
4052 | } | |
4053 | .ios .list ul:before { | |
4054 | content: ''; | |
4055 | position: absolute; | |
4056 | background-color: #c8c7cc; | |
4057 | display: block; | |
4058 | z-index: 15; | |
4059 | top: 0; | |
4060 | right: auto; | |
4061 | bottom: auto; | |
4062 | left: 0; | |
4063 | height: 1px; | |
4064 | width: 100%; | |
4065 | -webkit-transform-origin: 50% 0%; | |
4066 | transform-origin: 50% 0%; | |
4067 | } | |
4068 | .ios.device-pixel-ratio-2 .list ul:before { | |
4069 | -webkit-transform: scaleY(0.5); | |
4070 | transform: scaleY(0.5); | |
4071 | } | |
4072 | .ios.device-pixel-ratio-3 .list ul:before { | |
4073 | -webkit-transform: scaleY(0.33); | |
4074 | transform: scaleY(0.33); | |
4075 | } | |
4076 | .ios .list ul:after { | |
4077 | content: ''; | |
4078 | position: absolute; | |
4079 | background-color: #c8c7cc; | |
4080 | display: block; | |
4081 | z-index: 15; | |
4082 | top: auto; | |
4083 | right: auto; | |
4084 | bottom: 0; | |
4085 | left: 0; | |
4086 | height: 1px; | |
4087 | width: 100%; | |
4088 | -webkit-transform-origin: 50% 100%; | |
4089 | transform-origin: 50% 100%; | |
4090 | } | |
4091 | .ios.device-pixel-ratio-2 .list ul:after { | |
4092 | -webkit-transform: scaleY(0.5); | |
4093 | transform: scaleY(0.5); | |
4094 | } | |
4095 | .ios.device-pixel-ratio-3 .list ul:after { | |
4096 | -webkit-transform: scaleY(0.33); | |
4097 | transform: scaleY(0.33); | |
4098 | } | |
4099 | .ios .list.inset { | |
4100 | margin-left: 15px; | |
4101 | margin-right: 15px; | |
4102 | border-radius: 7px; | |
4103 | } | |
4104 | .ios .list.inset ul { | |
4105 | border-radius: 7px; | |
4106 | } | |
4107 | .ios .list.inset li:first-child > a { | |
4108 | border-radius: 7px 7px 0 0; | |
4109 | } | |
4110 | .ios .list.inset li:last-child > a { | |
4111 | border-radius: 0 0 7px 7px; | |
4112 | } | |
4113 | .ios .list.inset li:first-child:last-child > a { | |
4114 | border-radius: 7px; | |
4115 | } | |
4116 | @media (min-width: 768px) { | |
4117 | .ios .list.tablet-inset { | |
4118 | margin-left: 15px; | |
4119 | margin-right: 15px; | |
4120 | border-radius: 7px; | |
4121 | } | |
4122 | .ios .list.tablet-inset ul { | |
4123 | border-radius: 7px; | |
4124 | } | |
4125 | .ios .list.tablet-inset li:first-child > a { | |
4126 | border-radius: 7px 7px 0 0; | |
4127 | } | |
4128 | .ios .list.tablet-inset li:last-child > a { | |
4129 | border-radius: 0 0 7px 7px; | |
4130 | } | |
4131 | .ios .list.tablet-inset li:first-child:last-child > a { | |
4132 | border-radius: 7px; | |
4133 | } | |
4134 | } | |
4135 | .ios li li:last-child .item-inner:after, | |
4136 | .ios li:last-child li .item-inner:after { | |
4137 | content: ''; | |
4138 | position: absolute; | |
4139 | background-color: #c8c7cc; | |
4140 | display: block; | |
4141 | z-index: 15; | |
4142 | top: auto; | |
4143 | right: auto; | |
4144 | bottom: 0; | |
4145 | left: 0; | |
4146 | height: 1px; | |
4147 | width: 100%; | |
4148 | -webkit-transform-origin: 50% 100%; | |
4149 | transform-origin: 50% 100%; | |
4150 | } | |
4151 | html.device-pixel-ratio-2 .ios li li:last-child .item-inner:after, | |
4152 | html.device-pixel-ratio-2 .ios li:last-child li .item-inner:after { | |
4153 | -webkit-transform: scaleY(0.5); | |
4154 | transform: scaleY(0.5); | |
4155 | } | |
4156 | html.device-pixel-ratio-3 .ios li li:last-child .item-inner:after, | |
4157 | html.device-pixel-ratio-3 .ios li:last-child li .item-inner:after { | |
4158 | -webkit-transform: scaleY(0.33); | |
4159 | transform: scaleY(0.33); | |
4160 | } | |
4161 | @media (orientation: landscape) { | |
4162 | .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, | |
4163 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4164 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4165 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4166 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { | |
4167 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4168 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4169 | } | |
4170 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4171 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4172 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4173 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4174 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4175 | .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, | |
4176 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4177 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4178 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4179 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { | |
4180 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4181 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4182 | } | |
4183 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4184 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4185 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4186 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4187 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
4188 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
4189 | margin-left: calc(15px + env(safe-area-inset-left)); | |
4190 | } | |
4191 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4192 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4193 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4194 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4195 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4196 | .ios.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4197 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4198 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4199 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4200 | .ios.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
4201 | padding-left: 15px; | |
4202 | } | |
4203 | .ios.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
4204 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
4205 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
4206 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
4207 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { | |
4208 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4209 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4210 | } | |
4211 | .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:after, | |
4212 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
4213 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
4214 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
4215 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { | |
4216 | left: calc(15px + constant(safe-area-inset-left)); | |
4217 | left: calc(15px + env(safe-area-inset-left)); | |
4218 | } | |
4219 | .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, | |
4220 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4221 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4222 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
4223 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
4224 | padding-left: calc(15px + constant(safe-area-inset-left)); | |
4225 | padding-left: calc(15px + env(safe-area-inset-left)); | |
4226 | } | |
4227 | .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:after, | |
4228 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
4229 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
4230 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
4231 | .ios.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { | |
4232 | left: calc(15px + constant(safe-area-inset-left)); | |
4233 | left: calc(15px + env(safe-area-inset-left)); | |
4234 | } | |
4235 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4236 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4237 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4238 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4239 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
4240 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
4241 | margin-right: calc(15px + env(safe-area-inset-right)); | |
4242 | } | |
4243 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4244 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4245 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4246 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4247 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4248 | .ios.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4249 | .ios.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4250 | .ios.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4251 | .ios.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4252 | .ios.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
4253 | padding-right: 15px; | |
4254 | } | |
4255 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4256 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4257 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4258 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4259 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
4260 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4261 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4262 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4263 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
4264 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
4265 | padding-right: 15px; | |
4266 | } | |
4267 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4268 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4269 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4270 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4271 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
4272 | .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, | |
4273 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4274 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4275 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
4276 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { | |
4277 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4278 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4279 | } | |
4280 | .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, | |
4281 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4282 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4283 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
4284 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { | |
4285 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4286 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4287 | } | |
4288 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4289 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4290 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4291 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4292 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4293 | .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, | |
4294 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4295 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4296 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4297 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
4298 | background-position: calc(100% - 15px - constant(safe-area-inset-right)) center; | |
4299 | background-position: calc(100% - 15px - env(safe-area-inset-right)) center; | |
4300 | } | |
4301 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
4302 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
4303 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
4304 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
4305 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { | |
4306 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4307 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4308 | } | |
4309 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4310 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4311 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4312 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
4313 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { | |
4314 | padding-right: calc(35px + constant(safe-area-inset-right)); | |
4315 | padding-right: calc(35px + env(safe-area-inset-right)); | |
4316 | } | |
4317 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
4318 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
4319 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
4320 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
4321 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
4322 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
4323 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
4324 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
4325 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
4326 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { | |
4327 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4328 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4329 | } | |
4330 | .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, | |
4331 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4332 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4333 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
4334 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
4335 | padding-right: calc(35px + constant(safe-area-inset-right)); | |
4336 | padding-right: calc(35px + env(safe-area-inset-right)); | |
4337 | } | |
4338 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
4339 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
4340 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
4341 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
4342 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
4343 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
4344 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
4345 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
4346 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
4347 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
4348 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
4349 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
4350 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
4351 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
4352 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
4353 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
4354 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
4355 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
4356 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
4357 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
4358 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
4359 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
4360 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
4361 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
4362 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
4363 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
4364 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
4365 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
4366 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
4367 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { | |
4368 | padding-right: calc(35px + constant(safe-area-inset-right)); | |
4369 | padding-right: calc(35px + env(safe-area-inset-right)); | |
4370 | } | |
4371 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
4372 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
4373 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
4374 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
4375 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
4376 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
4377 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
4378 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
4379 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
4380 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
4381 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
4382 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
4383 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
4384 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
4385 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
4386 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
4387 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
4388 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
4389 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
4390 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
4391 | .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.no-chevron, | |
4392 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
4393 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
4394 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
4395 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
4396 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
4397 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
4398 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
4399 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
4400 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { | |
4401 | padding-right: calc(15px + constant(safe-area-inset-right)); | |
4402 | padding-right: calc(15px + env(safe-area-inset-right)); | |
4403 | } | |
4404 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
4405 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
4406 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
4407 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
4408 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
4409 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
4410 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
4411 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
4412 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
4413 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
4414 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4415 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4416 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4417 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4418 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
4419 | .ios.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
4420 | .ios.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
4421 | .ios.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
4422 | .ios.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
4423 | .ios.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { | |
4424 | padding-right: 0; | |
4425 | } | |
4426 | } | |
4427 | @media (orientation: landscape) and (min-width: 768px) { | |
4428 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4429 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4430 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4431 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4432 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
4433 | margin-left: calc(15px + constant(safe-area-inset-left)); | |
4434 | margin-left: calc(15px + env(safe-area-inset-left)); | |
4435 | } | |
4436 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4437 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4438 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4439 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4440 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
4441 | .ios.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4442 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4443 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4444 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
4445 | .ios.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
4446 | padding-left: 15px; | |
4447 | } | |
4448 | } | |
4449 | @media (orientation: landscape) and (min-width: 768px) { | |
4450 | .ios.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4451 | .ios.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4452 | .ios.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4453 | .ios.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
4454 | .ios.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
4455 | margin-right: calc(15px + constant(safe-area-inset-right)); | |
4456 | margin-right: calc(15px + env(safe-area-inset-right)); | |
4457 | } | |
4458 | } | |
4459 | .ios .theme-dark .list ul, | |
4460 | .list.ios .theme-dark ul { | |
4461 | background: #1c1c1d; | |
4462 | } | |
4463 | .ios .theme-dark .list ul:before, | |
4464 | .list.ios .theme-dark ul:before { | |
4465 | background-color: #282829; | |
4466 | } | |
4467 | .ios .theme-dark .list ul:after, | |
4468 | .list.ios .theme-dark ul:after { | |
4469 | background-color: #282829; | |
4470 | } | |
4471 | .ios .theme-dark .list li li:last-child .item-inner:after, | |
4472 | .list.ios .theme-dark li li:last-child .item-inner:after, | |
4473 | .ios .theme-dark .list li:last-child li .item-inner:after, | |
4474 | .list.ios .theme-dark li:last-child li .item-inner:after { | |
4475 | background-color: #282829; | |
4476 | } | |
4477 | .ios .theme-dark .item-divider:before { | |
4478 | background-color: #282829; | |
4479 | } | |
4480 | .ios .theme-dark .list-group-title:before { | |
4481 | background-color: #282829; | |
4482 | } | |
4483 | .ios .theme-dark .list-button:after { | |
4484 | background-color: #282829; | |
4485 | } | |
4486 | .ios .theme-dark .item-inner:after { | |
4487 | background-color: #282829; | |
4488 | } | |
4489 | .ios .theme-dark .item-divider, | |
4490 | .ios .theme-dark .list-group-title { | |
4491 | background-color: #111; | |
4492 | } | |
4493 | .ios .theme-dark .links-list a:after, | |
4494 | .ios .theme-dark .simple-list li:after, | |
4495 | .ios .theme-dark .links-list a:after, | |
4496 | .links-list.ios .theme-dark a .simple-list li:after, | |
4497 | .simple-list.ios .theme-dark li:after { | |
4498 | background-color: #282829; | |
4499 | } | |
4500 | .ios .theme-dark .list .item-link.active-state, | |
4501 | .list.ios .theme-dark .item-link.active-state, | |
4502 | .ios .theme-dark .list .list-button.active-state, | |
4503 | .list.ios .theme-dark .list-button.active-state, | |
4504 | .ios .theme-dark .links-list a.active-state, | |
4505 | .links-list.ios .theme-dark a.active-state { | |
4506 | background-color: #363636; | |
4507 | } | |
4508 | .ios .color-theme-red .list-button { | |
4509 | color: #ff3b30; | |
4510 | } | |
4511 | .ios .color-theme-green .list-button { | |
4512 | color: #4cd964; | |
4513 | } | |
4514 | .ios .color-theme-blue .list-button { | |
4515 | color: #007aff; | |
4516 | } | |
4517 | .ios .color-theme-pink .list-button { | |
4518 | color: #ff2d55; | |
4519 | } | |
4520 | .ios .color-theme-yellow .list-button { | |
4521 | color: #ffcc00; | |
4522 | } | |
4523 | .ios .color-theme-orange .list-button { | |
4524 | color: #ff9500; | |
4525 | } | |
4526 | .ios .color-theme-gray .list-button { | |
4527 | color: #8e8e93; | |
4528 | } | |
4529 | .ios .color-theme-white .list-button { | |
4530 | color: #ffffff; | |
4531 | } | |
4532 | .ios .color-theme-black .list-button { | |
4533 | color: #000000; | |
4534 | } | |
4535 | .ios .list .list-button.color-red, | |
4536 | .ios .list li.color-red .list-button, | |
4537 | .ios .links-list li.color-red a, | |
4538 | .ios .simple-list li.color-red, | |
4539 | .ios .links-list a.color-red, | |
4540 | .ios .list .item-link.color-red, | |
4541 | .ios .list li.color-red .item-link { | |
4542 | color: #ff3b30; | |
4543 | } | |
4544 | .ios .list .list-button.color-green, | |
4545 | .ios .list li.color-green .list-button, | |
4546 | .ios .links-list li.color-green a, | |
4547 | .ios .simple-list li.color-green, | |
4548 | .ios .links-list a.color-green, | |
4549 | .ios .list .item-link.color-green, | |
4550 | .ios .list li.color-green .item-link { | |
4551 | color: #4cd964; | |
4552 | } | |
4553 | .ios .list .list-button.color-blue, | |
4554 | .ios .list li.color-blue .list-button, | |
4555 | .ios .links-list li.color-blue a, | |
4556 | .ios .simple-list li.color-blue, | |
4557 | .ios .links-list a.color-blue, | |
4558 | .ios .list .item-link.color-blue, | |
4559 | .ios .list li.color-blue .item-link { | |
4560 | color: #007aff; | |
4561 | } | |
4562 | .ios .list .list-button.color-pink, | |
4563 | .ios .list li.color-pink .list-button, | |
4564 | .ios .links-list li.color-pink a, | |
4565 | .ios .simple-list li.color-pink, | |
4566 | .ios .links-list a.color-pink, | |
4567 | .ios .list .item-link.color-pink, | |
4568 | .ios .list li.color-pink .item-link { | |
4569 | color: #ff2d55; | |
4570 | } | |
4571 | .ios .list .list-button.color-yellow, | |
4572 | .ios .list li.color-yellow .list-button, | |
4573 | .ios .links-list li.color-yellow a, | |
4574 | .ios .simple-list li.color-yellow, | |
4575 | .ios .links-list a.color-yellow, | |
4576 | .ios .list .item-link.color-yellow, | |
4577 | .ios .list li.color-yellow .item-link { | |
4578 | color: #ffcc00; | |
4579 | } | |
4580 | .ios .list .list-button.color-orange, | |
4581 | .ios .list li.color-orange .list-button, | |
4582 | .ios .links-list li.color-orange a, | |
4583 | .ios .simple-list li.color-orange, | |
4584 | .ios .links-list a.color-orange, | |
4585 | .ios .list .item-link.color-orange, | |
4586 | .ios .list li.color-orange .item-link { | |
4587 | color: #ff9500; | |
4588 | } | |
4589 | .ios .list .list-button.color-gray, | |
4590 | .ios .list li.color-gray .list-button, | |
4591 | .ios .links-list li.color-gray a, | |
4592 | .ios .simple-list li.color-gray, | |
4593 | .ios .links-list a.color-gray, | |
4594 | .ios .list .item-link.color-gray, | |
4595 | .ios .list li.color-gray .item-link { | |
4596 | color: #8e8e93; | |
4597 | } | |
4598 | .ios .list .list-button.color-white, | |
4599 | .ios .list li.color-white .list-button, | |
4600 | .ios .links-list li.color-white a, | |
4601 | .ios .simple-list li.color-white, | |
4602 | .ios .links-list a.color-white, | |
4603 | .ios .list .item-link.color-white, | |
4604 | .ios .list li.color-white .item-link { | |
4605 | color: #ffffff; | |
4606 | } | |
4607 | .ios .list .list-button.color-black, | |
4608 | .ios .list li.color-black .list-button, | |
4609 | .ios .links-list li.color-black a, | |
4610 | .ios .simple-list li.color-black, | |
4611 | .ios .links-list a.color-black, | |
4612 | .ios .list .item-link.color-black, | |
4613 | .ios .list li.color-black .item-link { | |
4614 | color: #000000; | |
4615 | } | |
4616 | .md .list { | |
4617 | margin: 32px 0; | |
4618 | font-size: 16px; | |
4619 | } | |
4620 | .md .list .item-cell { | |
4621 | width: 100%; | |
4622 | min-width: 0; | |
4623 | margin-left: 16px; | |
4624 | } | |
4625 | .md .list .item-cell:first-child { | |
4626 | margin-left: 0; | |
4627 | } | |
4628 | .md .list .ripple-wave + .item-cell { | |
4629 | margin-left: 0; | |
4630 | } | |
4631 | .md .list ul ul { | |
4632 | padding-left: 56px; | |
4633 | } | |
4634 | .md .list .item-media { | |
4635 | padding-top: 8px; | |
4636 | min-width: 40px; | |
4637 | } | |
4638 | .md .list .item-media i + i, | |
4639 | .md .list .item-media i + img { | |
4640 | margin-left: 8px; | |
4641 | } | |
4642 | .md .list .item-media + .item-inner { | |
4643 | margin-left: 16px; | |
4644 | } | |
4645 | .md .list .item-inner { | |
4646 | min-height: 48px; | |
4647 | padding-right: 16px; | |
4648 | } | |
4649 | .md .list .item-after { | |
4650 | color: #757575; | |
4651 | font-size: 14px; | |
4652 | padding-left: 8px; | |
4653 | } | |
4654 | .md .list .item-link, | |
4655 | .md .list .list-button { | |
4656 | color: inherit; | |
4657 | } | |
4658 | .md .list .item-link .item-inner, | |
4659 | .md .list .list-button .item-inner { | |
4660 | padding-right: 42px; | |
4661 | } | |
4662 | .md .list .item-link.active-state, | |
4663 | .md .list .list-button.active-state { | |
4664 | background-color: rgba(0, 0, 0, 0.1); | |
4665 | } | |
4666 | .md .list .list-button { | |
4667 | padding: 0 16px; | |
4668 | font-size: 16px; | |
4669 | line-height: 48px; | |
4670 | } | |
4671 | .md .list .item-content { | |
4672 | min-height: 48px; | |
4673 | padding-left: 16px; | |
4674 | } | |
4675 | .md .list .item-subtitle { | |
4676 | font-size: 14px; | |
4677 | } | |
4678 | .md .list .item-text { | |
4679 | font-size: 14px; | |
4680 | color: #757575; | |
4681 | line-height: 20px; | |
4682 | max-height: 40px; | |
4683 | } | |
4684 | .md .list .item-header, | |
4685 | .md .list .item-footer { | |
4686 | font-weight: normal; | |
4687 | font-size: 12px; | |
4688 | line-height: 1.2; | |
4689 | white-space: normal; | |
4690 | } | |
4691 | .md .list .item-footer { | |
4692 | color: rgba(0, 0, 0, 0.5); | |
4693 | } | |
4694 | .md .list .item-link.no-chevron .item-inner, | |
4695 | .md .list.no-chevron .item-link .item-inner, | |
4696 | .md .list .no-chevron .item-link .item-inner, | |
4697 | .md .no-chevron .list .item-link .item-inner { | |
4698 | padding-right: 16px; | |
4699 | } | |
4700 | .md .simple-list li:after { | |
4701 | content: ''; | |
4702 | position: absolute; | |
4703 | background-color: rgba(0, 0, 0, 0.12); | |
4704 | display: block; | |
4705 | z-index: 15; | |
4706 | top: auto; | |
4707 | right: auto; | |
4708 | bottom: 0; | |
4709 | left: 0; | |
4710 | height: 1px; | |
4711 | width: 100%; | |
4712 | -webkit-transform-origin: 50% 100%; | |
4713 | transform-origin: 50% 100%; | |
4714 | } | |
4715 | .md.device-pixel-ratio-2 .simple-list li:after { | |
4716 | -webkit-transform: scaleY(0.5); | |
4717 | transform: scaleY(0.5); | |
4718 | } | |
4719 | .md.device-pixel-ratio-3 .simple-list li:after { | |
4720 | -webkit-transform: scaleY(0.33); | |
4721 | transform: scaleY(0.33); | |
4722 | } | |
4723 | .md .simple-list li { | |
4724 | padding-left: 16px; | |
4725 | padding-right: 16px; | |
4726 | line-height: 48px; | |
4727 | height: 48px; | |
4728 | } | |
4729 | .md .simple-list li:after { | |
4730 | width: auto; | |
4731 | left: 16px; | |
4732 | right: 0; | |
4733 | } | |
4734 | .md .links-list a:after { | |
4735 | content: ''; | |
4736 | position: absolute; | |
4737 | background-color: rgba(0, 0, 0, 0.12); | |
4738 | display: block; | |
4739 | z-index: 15; | |
4740 | top: auto; | |
4741 | right: auto; | |
4742 | bottom: 0; | |
4743 | left: 0; | |
4744 | height: 1px; | |
4745 | width: 100%; | |
4746 | -webkit-transform-origin: 50% 100%; | |
4747 | transform-origin: 50% 100%; | |
4748 | } | |
4749 | .md.device-pixel-ratio-2 .links-list a:after { | |
4750 | -webkit-transform: scaleY(0.5); | |
4751 | transform: scaleY(0.5); | |
4752 | } | |
4753 | .md.device-pixel-ratio-3 .links-list a:after { | |
4754 | -webkit-transform: scaleY(0.33); | |
4755 | transform: scaleY(0.33); | |
4756 | } | |
4757 | .md .links-list a { | |
4758 | height: 48px; | |
4759 | color: inherit; | |
4760 | } | |
4761 | .md .links-list a.active-state { | |
4762 | background-color: rgba(0, 0, 0, 0.1); | |
4763 | } | |
4764 | .md .links-list a:after { | |
4765 | width: auto; | |
4766 | } | |
4767 | .md .links-list a { | |
4768 | padding-left: 16px; | |
4769 | padding-right: 42px; | |
4770 | } | |
4771 | .md .links-list a:after { | |
4772 | left: 16px; | |
4773 | right: 0; | |
4774 | } | |
4775 | .md .links-list.no-chevron a, | |
4776 | .md .no-chevron .links-list a, | |
4777 | .md .links-list a.no-chevron, | |
4778 | .md .links-list .no-chevron a { | |
4779 | padding-right: 16px; | |
4780 | } | |
4781 | .md .media-list .item-inner, | |
4782 | .md li.media-item .item-inner { | |
4783 | padding-top: 14px; | |
4784 | padding-bottom: 14px; | |
4785 | } | |
4786 | .md .media-list .item-link .item-inner, | |
4787 | .md li.media-item .item-link .item-inner { | |
4788 | padding-right: 16px; | |
4789 | } | |
4790 | .md .media-list .item-link .item-title-row, | |
4791 | .md li.media-item .item-link .item-title-row { | |
4792 | padding-right: 26px; | |
4793 | } | |
4794 | .md .media-list .item-media, | |
4795 | .md li.media-item .item-media { | |
4796 | padding-top: 14px; | |
4797 | padding-bottom: 14px; | |
4798 | } | |
4799 | .md .media-list.chevron-center .item-link .item-inner, | |
4800 | .md .media-list .chevron-center .item-link .item-inner, | |
4801 | .md .media-list .item-link.chevron-center .item-inner, | |
4802 | .md li.media-item.chevron-center .item-link .item-inner, | |
4803 | .md li.media-item .item-link.chevron-center .item-inner, | |
4804 | .md li.media-item .chevron-center .item-link .item-inner { | |
4805 | padding-right: 42px; | |
4806 | } | |
4807 | .md .media-list.no-chevron .item-link .item-title-row, | |
4808 | .md .no-chevron .media-list .item-link .item-title-row, | |
4809 | .md .media-list .no-chevron .item-link .item-title-row, | |
4810 | .md li.media-item.no-chevron .item-link .item-title-row, | |
4811 | .md .no-chevron li.media-item .item-link .item-title-row, | |
4812 | .md .media-list.chevron-center .item-title-row, | |
4813 | .md .media-list .chevron-center .item-title-row, | |
4814 | .md li.media-item.chevron-center .item-title-row, | |
4815 | .md li.media-item .chevron-center .item-title-row { | |
4816 | padding-right: 0 !important; | |
4817 | } | |
4818 | .md .list .item-link .item-inner, | |
4819 | .md .links-list a { | |
4820 | background-position: calc(100% - 16px) center; | |
4821 | } | |
4822 | .md .item-divider, | |
4823 | .md .list-group-title { | |
4824 | padding: 0 16px; | |
4825 | background: #f4f4f4; | |
4826 | color: rgba(0, 0, 0, 0.54); | |
4827 | height: 48px; | |
4828 | line-height: 48px; | |
4829 | -webkit-box-sizing: border-box; | |
4830 | box-sizing: border-box; | |
4831 | font-size: 14px; | |
4832 | } | |
4833 | .md .item-divider:before, | |
4834 | .md .list-group-title:before { | |
4835 | display: none !important; | |
4836 | } | |
4837 | .md .item-divider:after, | |
4838 | .md .list-group-title:after { | |
4839 | display: none !important; | |
4840 | } | |
4841 | .md .list-group-title { | |
4842 | margin-top: 0; | |
4843 | } | |
4844 | .md .list .item-inner:after { | |
4845 | content: ''; | |
4846 | position: absolute; | |
4847 | background-color: rgba(0, 0, 0, 0.12); | |
4848 | display: block; | |
4849 | z-index: 15; | |
4850 | top: auto; | |
4851 | right: auto; | |
4852 | bottom: 0; | |
4853 | left: 0; | |
4854 | height: 1px; | |
4855 | width: 100%; | |
4856 | -webkit-transform-origin: 50% 100%; | |
4857 | transform-origin: 50% 100%; | |
4858 | } | |
4859 | .md.device-pixel-ratio-2 .list .item-inner:after { | |
4860 | -webkit-transform: scaleY(0.5); | |
4861 | transform: scaleY(0.5); | |
4862 | } | |
4863 | .md.device-pixel-ratio-3 .list .item-inner:after { | |
4864 | -webkit-transform: scaleY(0.33); | |
4865 | transform: scaleY(0.33); | |
4866 | } | |
4867 | .md .list ul:before { | |
4868 | content: ''; | |
4869 | position: absolute; | |
4870 | background-color: rgba(0, 0, 0, 0.12); | |
4871 | display: block; | |
4872 | z-index: 15; | |
4873 | top: 0; | |
4874 | right: auto; | |
4875 | bottom: auto; | |
4876 | left: 0; | |
4877 | height: 1px; | |
4878 | width: 100%; | |
4879 | -webkit-transform-origin: 50% 0%; | |
4880 | transform-origin: 50% 0%; | |
4881 | } | |
4882 | .md.device-pixel-ratio-2 .list ul:before { | |
4883 | -webkit-transform: scaleY(0.5); | |
4884 | transform: scaleY(0.5); | |
4885 | } | |
4886 | .md.device-pixel-ratio-3 .list ul:before { | |
4887 | -webkit-transform: scaleY(0.33); | |
4888 | transform: scaleY(0.33); | |
4889 | } | |
4890 | .md .list ul:after { | |
4891 | content: ''; | |
4892 | position: absolute; | |
4893 | background-color: rgba(0, 0, 0, 0.12); | |
4894 | display: block; | |
4895 | z-index: 15; | |
4896 | top: auto; | |
4897 | right: auto; | |
4898 | bottom: 0; | |
4899 | left: 0; | |
4900 | height: 1px; | |
4901 | width: 100%; | |
4902 | -webkit-transform-origin: 50% 100%; | |
4903 | transform-origin: 50% 100%; | |
4904 | } | |
4905 | .md.device-pixel-ratio-2 .list ul:after { | |
4906 | -webkit-transform: scaleY(0.5); | |
4907 | transform: scaleY(0.5); | |
4908 | } | |
4909 | .md.device-pixel-ratio-3 .list ul:after { | |
4910 | -webkit-transform: scaleY(0.33); | |
4911 | transform: scaleY(0.33); | |
4912 | } | |
4913 | .md .list.inset { | |
4914 | margin-left: 16px; | |
4915 | margin-right: 16px; | |
4916 | border-radius: 4px; | |
4917 | } | |
4918 | .md .list.inset ul { | |
4919 | border-radius: 4px; | |
4920 | } | |
4921 | .md .list.inset li:first-child > a { | |
4922 | border-radius: 4px 4px 0 0; | |
4923 | } | |
4924 | .md .list.inset li:last-child > a { | |
4925 | border-radius: 0 0 4px 4px; | |
4926 | } | |
4927 | .md .list.inset li:first-child:last-child > a { | |
4928 | border-radius: 4px; | |
4929 | } | |
4930 | @media (min-width: 768px) { | |
4931 | .md .list.tablet-inset { | |
4932 | margin-left: 16px; | |
4933 | margin-right: 16px; | |
4934 | border-radius: 4px; | |
4935 | } | |
4936 | .md .list.tablet-inset li:first-child > a { | |
4937 | border-radius: 4px 4px 0 0; | |
4938 | } | |
4939 | .md .list.tablet-inset li:last-child > a { | |
4940 | border-radius: 0 0 4px 4px; | |
4941 | } | |
4942 | .md .list.tablet-inset li:first-child:last-child > a { | |
4943 | border-radius: 4px; | |
4944 | } | |
4945 | } | |
4946 | .md li li:last-child .item-inner:after, | |
4947 | .md li:last-child li .item-inner:after { | |
4948 | content: ''; | |
4949 | position: absolute; | |
4950 | background-color: rgba(0, 0, 0, 0.12); | |
4951 | display: block; | |
4952 | z-index: 15; | |
4953 | top: auto; | |
4954 | right: auto; | |
4955 | bottom: 0; | |
4956 | left: 0; | |
4957 | height: 1px; | |
4958 | width: 100%; | |
4959 | -webkit-transform-origin: 50% 100%; | |
4960 | transform-origin: 50% 100%; | |
4961 | } | |
4962 | html.device-pixel-ratio-2 .md li li:last-child .item-inner:after, | |
4963 | html.device-pixel-ratio-2 .md li:last-child li .item-inner:after { | |
4964 | -webkit-transform: scaleY(0.5); | |
4965 | transform: scaleY(0.5); | |
4966 | } | |
4967 | html.device-pixel-ratio-3 .md li li:last-child .item-inner:after, | |
4968 | html.device-pixel-ratio-3 .md li:last-child li .item-inner:after { | |
4969 | -webkit-transform: scaleY(0.33); | |
4970 | transform: scaleY(0.33); | |
4971 | } | |
4972 | @media (orientation: landscape) { | |
4973 | .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, | |
4974 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4975 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4976 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li, | |
4977 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li { | |
4978 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
4979 | padding-left: calc(16px + env(safe-area-inset-left)); | |
4980 | } | |
4981 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4982 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4983 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4984 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4985 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-divider, | |
4986 | .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, | |
4987 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4988 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4989 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title, | |
4990 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .list-group-title { | |
4991 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
4992 | padding-left: calc(16px + env(safe-area-inset-left)); | |
4993 | } | |
4994 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4995 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4996 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4997 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
4998 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
4999 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
5000 | margin-left: calc(16px + env(safe-area-inset-left)); | |
5001 | } | |
5002 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5003 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5004 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5005 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5006 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5007 | .md.device-iphone-x .ios-left-edge .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5008 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5009 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5010 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5011 | .md.device-iphone-x .panel-left .list.inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
5012 | padding-left: 15px; | |
5013 | } | |
5014 | .md.device-iphone-x .ios-left-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
5015 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
5016 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
5017 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content, | |
5018 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge) .item-content { | |
5019 | padding-left: calc(16px + constant(safe-area-inset-left)); | |
5020 | padding-left: calc(16px + env(safe-area-inset-left)); | |
5021 | } | |
5022 | .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:after, | |
5023 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
5024 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
5025 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after, | |
5026 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).simple-list li:after { | |
5027 | left: calc(16px + constant(safe-area-inset-left)); | |
5028 | left: calc(16px + env(safe-area-inset-left)); | |
5029 | } | |
5030 | .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, | |
5031 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5032 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5033 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a, | |
5034 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a { | |
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).links-list a:after, | |
5039 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
5040 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
5041 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after, | |
5042 | .md.device-iphone-x .panel-left .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-left-edge).links-list a:after { | |
5043 | left: calc(16px + constant(safe-area-inset-left)); | |
5044 | left: calc(16px + env(safe-area-inset-left)); | |
5045 | } | |
5046 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5047 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5048 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5049 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5050 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
5051 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
5052 | margin-right: calc(16px + env(safe-area-inset-right)); | |
5053 | } | |
5054 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5055 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5056 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5057 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5058 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5059 | .md.device-iphone-x .ios-right-edge .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5060 | .md.device-iphone-x .ios-edges .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5061 | .md.device-iphone-x .popup .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5062 | .md.device-iphone-x .sheet-modal .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5063 | .md.device-iphone-x .panel-right .list.inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
5064 | padding-right: 16px; | |
5065 | } | |
5066 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5067 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5068 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5069 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5070 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-header, | |
5071 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5072 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5073 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5074 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer, | |
5075 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) .block-footer { | |
5076 | padding-right: 16px; | |
5077 | } | |
5078 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5079 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5080 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5081 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5082 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-divider, | |
5083 | .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, | |
5084 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5085 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5086 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title, | |
5087 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .list-group-title { | |
5088 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5089 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5090 | } | |
5091 | .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, | |
5092 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5093 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5094 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li, | |
5095 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).simple-list li { | |
5096 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5097 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5098 | } | |
5099 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5100 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5101 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5102 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5103 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5104 | .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, | |
5105 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5106 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5107 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5108 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
5109 | background-position: calc(100% - 16px - constant(safe-area-inset-right)) center; | |
5110 | background-position: calc(100% - 16px - env(safe-area-inset-right)) center; | |
5111 | } | |
5112 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
5113 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
5114 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
5115 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner, | |
5116 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner { | |
5117 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5118 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5119 | } | |
5120 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5121 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5122 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5123 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner, | |
5124 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner { | |
5125 | padding-right: calc(42px + constant(safe-area-inset-right)); | |
5126 | padding-right: calc(42px + env(safe-area-inset-right)); | |
5127 | } | |
5128 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
5129 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
5130 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
5131 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
5132 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link .item-inner, | |
5133 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
5134 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
5135 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
5136 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner, | |
5137 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link .item-inner { | |
5138 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5139 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5140 | } | |
5141 | .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, | |
5142 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5143 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5144 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a, | |
5145 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a { | |
5146 | padding-right: calc(42px + constant(safe-area-inset-right)); | |
5147 | padding-right: calc(42px + env(safe-area-inset-right)); | |
5148 | } | |
5149 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
5150 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
5151 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
5152 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
5153 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.chevron-center .item-link .item-inner, | |
5154 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
5155 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
5156 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
5157 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
5158 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .chevron-center .item-link .item-inner, | |
5159 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
5160 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
5161 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
5162 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
5163 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .item-link.chevron-center .item-inner, | |
5164 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
5165 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
5166 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
5167 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
5168 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.chevron-center .item-link .item-inner, | |
5169 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
5170 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
5171 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
5172 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
5173 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .item-link.chevron-center .item-inner, | |
5174 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
5175 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
5176 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
5177 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner, | |
5178 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item .chevron-center .item-link .item-inner { | |
5179 | padding-right: calc(42px + constant(safe-area-inset-right)); | |
5180 | padding-right: calc(42px + env(safe-area-inset-right)); | |
5181 | } | |
5182 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
5183 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
5184 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
5185 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
5186 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link.no-chevron .item-inner, | |
5187 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
5188 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
5189 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
5190 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
5191 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron .item-link .item-inner, | |
5192 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
5193 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
5194 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
5195 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
5196 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .no-chevron .item-link .item-inner, | |
5197 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
5198 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
5199 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
5200 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
5201 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list.no-chevron a, | |
5202 | .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.no-chevron, | |
5203 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
5204 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
5205 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
5206 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list a.no-chevron, | |
5207 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
5208 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
5209 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
5210 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a, | |
5211 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).links-list .no-chevron a { | |
5212 | padding-right: calc(16px + constant(safe-area-inset-right)); | |
5213 | padding-right: calc(16px + env(safe-area-inset-right)); | |
5214 | } | |
5215 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
5216 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
5217 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
5218 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
5219 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list.no-chevron .item-link .item-title-row, | |
5220 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
5221 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
5222 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
5223 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
5224 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).media-list .no-chevron .item-link .item-title-row, | |
5225 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5226 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5227 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5228 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5229 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) li.media-item.no-chevron .item-link .item-title-row, | |
5230 | .md.device-iphone-x .ios-right-edge .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
5231 | .md.device-iphone-x .ios-edges .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
5232 | .md.device-iphone-x .popup .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
5233 | .md.device-iphone-x .sheet-modal .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row, | |
5234 | .md.device-iphone-x .panel-right .list:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge).no-chevron li.media-item .item-link .item-title-row { | |
5235 | padding-right: 0; | |
5236 | } | |
5237 | } | |
5238 | @media (orientation: landscape) and (min-width: 768px) { | |
5239 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5240 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5241 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5242 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge), | |
5243 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) { | |
5244 | margin-left: calc(16px + constant(safe-area-inset-left)); | |
5245 | margin-left: calc(16px + env(safe-area-inset-left)); | |
5246 | } | |
5247 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5248 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5249 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5250 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5251 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-header, | |
5252 | .md.device-iphone-x .ios-left-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5253 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5254 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5255 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer, | |
5256 | .md.device-iphone-x .panel-left .list.tablet-inset:not(.no-ios-edges):not(.no-ios-left-edge) .block-footer { | |
5257 | padding-left: 15px; | |
5258 | } | |
5259 | } | |
5260 | @media (orientation: landscape) and (min-width: 768px) { | |
5261 | .md.device-iphone-x .ios-right-edge .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5262 | .md.device-iphone-x .ios-edges .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5263 | .md.device-iphone-x .popup .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5264 | .md.device-iphone-x .sheet-modal .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge), | |
5265 | .md.device-iphone-x .panel-right .list.tablet-inset:not(.no-ios-edges):not(.no-ios-right-edge) { | |
5266 | margin-right: calc(16px + constant(safe-area-inset-right)); | |
5267 | margin-right: calc(16px + env(safe-area-inset-right)); | |
5268 | } | |
5269 | } | |
5270 | .md .theme-dark .list ul:before, | |
5271 | .list.md .theme-dark ul:before { | |
5272 | background-color: rgba(255, 255, 255, 0.08); | |
5273 | } | |
5274 | .md .theme-dark .list ul:after, | |
5275 | .list.md .theme-dark ul:after { | |
5276 | background-color: rgba(255, 255, 255, 0.08); | |
5277 | } | |
5278 | .md .theme-dark .list li li:last-child .item-inner:after, | |
5279 | .list.md .theme-dark li li:last-child .item-inner:after, | |
5280 | .md .theme-dark .list li:last-child li .item-inner:after, | |
5281 | .list.md .theme-dark li:last-child li .item-inner:after { | |
5282 | background-color: rgba(255, 255, 255, 0.08); | |
5283 | } | |
5284 | .md .theme-dark .item-divider:before { | |
5285 | background-color: rgba(255, 255, 255, 0.08); | |
5286 | } | |
5287 | .md .theme-dark .list-group-title:before { | |
5288 | background-color: rgba(255, 255, 255, 0.08); | |
5289 | } | |
5290 | .md .theme-dark .list-button:after { | |
5291 | background-color: rgba(255, 255, 255, 0.08); | |
5292 | } | |
5293 | .md .theme-dark .item-inner:after { | |
5294 | background-color: rgba(255, 255, 255, 0.08); | |
5295 | } | |
5296 | .md .theme-dark .item-divider, | |
5297 | .md .theme-dark .list-group-title { | |
5298 | background-color: #111; | |
5299 | color: #fff; | |
5300 | } | |
5301 | .md .theme-dark .links-list a:after, | |
5302 | .md .theme-dark .simple-list li:after, | |
5303 | .md .theme-dark .links-list a:after, | |
5304 | .links-list.md .theme-dark a .simple-list li:after, | |
5305 | .simple-list.md .theme-dark li:after { | |
5306 | background-color: rgba(255, 255, 255, 0.08); | |
5307 | } | |
5308 | .md .theme-dark .list .item-link.active-state, | |
5309 | .list.md .theme-dark .item-link.active-state, | |
5310 | .md .theme-dark .list .list-button.active-state, | |
5311 | .list.md .theme-dark .list-button.active-state, | |
5312 | .md .theme-dark .links-list a.active-state, | |
5313 | .links-list.md .theme-dark a.active-state { | |
5314 | background-color: rgba(255, 255, 255, 0.05); | |
5315 | } | |
5316 | .md .theme-dark .item-after, | |
5317 | .md .theme-dark .item-text { | |
5318 | color: rgba(255, 255, 255, 0.54); | |
5319 | } | |
5320 | .md .color-theme-red .list-button { | |
5321 | color: #f44336; | |
5322 | } | |
5323 | .md .color-theme-green .list-button { | |
5324 | color: #4caf50; | |
5325 | } | |
5326 | .md .color-theme-blue .list-button { | |
5327 | color: #2196f3; | |
5328 | } | |
5329 | .md .color-theme-pink .list-button { | |
5330 | color: #e91e63; | |
5331 | } | |
5332 | .md .color-theme-yellow .list-button { | |
5333 | color: #ffeb3b; | |
5334 | } | |
5335 | .md .color-theme-orange .list-button { | |
5336 | color: #ff9800; | |
5337 | } | |
5338 | .md .color-theme-gray .list-button { | |
5339 | color: #9e9e9e; | |
5340 | } | |
5341 | .md .color-theme-white .list-button { | |
5342 | color: #ffffff; | |
5343 | } | |
5344 | .md .color-theme-black .list-button { | |
5345 | color: #000000; | |
5346 | } | |
5347 | .md .list .list-button.color-red, | |
5348 | .md .list li.color-red .list-button, | |
5349 | .md .links-list li.color-red a, | |
5350 | .md .simple-list li.color-red, | |
5351 | .md .links-list a.color-red, | |
5352 | .md .list .item-link.color-red, | |
5353 | .md .list li.color-red .item-link { | |
5354 | color: #f44336; | |
5355 | } | |
5356 | .md .list .list-button.color-green, | |
5357 | .md .list li.color-green .list-button, | |
5358 | .md .links-list li.color-green a, | |
5359 | .md .simple-list li.color-green, | |
5360 | .md .links-list a.color-green, | |
5361 | .md .list .item-link.color-green, | |
5362 | .md .list li.color-green .item-link { | |
5363 | color: #4caf50; | |
5364 | } | |
5365 | .md .list .list-button.color-blue, | |
5366 | .md .list li.color-blue .list-button, | |
5367 | .md .links-list li.color-blue a, | |
5368 | .md .simple-list li.color-blue, | |
5369 | .md .links-list a.color-blue, | |
5370 | .md .list .item-link.color-blue, | |
5371 | .md .list li.color-blue .item-link { | |
5372 | color: #2196f3; | |
5373 | } | |
5374 | .md .list .list-button.color-pink, | |
5375 | .md .list li.color-pink .list-button, | |
5376 | .md .links-list li.color-pink a, | |
5377 | .md .simple-list li.color-pink, | |
5378 | .md .links-list a.color-pink, | |
5379 | .md .list .item-link.color-pink, | |
5380 | .md .list li.color-pink .item-link { | |
5381 | color: #e91e63; | |
5382 | } | |
5383 | .md .list .list-button.color-yellow, | |
5384 | .md .list li.color-yellow .list-button, | |
5385 | .md .links-list li.color-yellow a, | |
5386 | .md .simple-list li.color-yellow, | |
5387 | .md .links-list a.color-yellow, | |
5388 | .md .list .item-link.color-yellow, | |
5389 | .md .list li.color-yellow .item-link { | |
5390 | color: #ffeb3b; | |
5391 | } | |
5392 | .md .list .list-button.color-orange, | |
5393 | .md .list li.color-orange .list-button, | |
5394 | .md .links-list li.color-orange a, | |
5395 | .md .simple-list li.color-orange, | |
5396 | .md .links-list a.color-orange, | |
5397 | .md .list .item-link.color-orange, | |
5398 | .md .list li.color-orange .item-link { | |
5399 | color: #ff9800; | |
5400 | } | |
5401 | .md .list .list-button.color-gray, | |
5402 | .md .list li.color-gray .list-button, | |
5403 | .md .links-list li.color-gray a, | |
5404 | .md .simple-list li.color-gray, | |
5405 | .md .links-list a.color-gray, | |
5406 | .md .list .item-link.color-gray, | |
5407 | .md .list li.color-gray .item-link { | |
5408 | color: #9e9e9e; | |
5409 | } | |
5410 | .md .list .list-button.color-white, | |
5411 | .md .list li.color-white .list-button, | |
5412 | .md .links-list li.color-white a, | |
5413 | .md .simple-list li.color-white, | |
5414 | .md .links-list a.color-white, | |
5415 | .md .list .item-link.color-white, | |
5416 | .md .list li.color-white .item-link { | |
5417 | color: #ffffff; | |
5418 | } | |
5419 | .md .list .list-button.color-black, | |
5420 | .md .list li.color-black .list-button, | |
5421 | .md .links-list li.color-black a, | |
5422 | .md .simple-list li.color-black, | |
5423 | .md .links-list a.color-black, | |
5424 | .md .list .item-link.color-black, | |
5425 | .md .list li.color-black .item-link { | |
5426 | color: #000000; | |
5427 | } | |
5428 | /* === Badge === */ | |
5429 | .badge { | |
5430 | display: inline-block; | |
5431 | color: #fff; | |
5432 | background: #8e8e93; | |
5433 | position: relative; | |
5434 | -webkit-box-sizing: border-box; | |
5435 | box-sizing: border-box; | |
5436 | text-align: center; | |
5437 | } | |
5438 | .icon .badge, | |
5439 | .f7-icons .badge, | |
5440 | .framework7-icons .badge, | |
5441 | .material-icons .badge { | |
5442 | position: absolute; | |
5443 | left: 100%; | |
5444 | margin-left: -10px; | |
5445 | top: -2px; | |
5446 | } | |
5447 | .ios .badge { | |
5448 | font-size: 13px; | |
5449 | border-radius: 20px; | |
5450 | padding: 0 6px; | |
5451 | height: 20px; | |
5452 | line-height: 20px; | |
5453 | } | |
5454 | .ios .icon .badge, | |
5455 | .ios .f7-icons .badge, | |
5456 | .ios .framework7-icons .badge, | |
5457 | .ios .material-icons .badge { | |
5458 | line-height: 16px; | |
5459 | height: 16px; | |
5460 | border-radius: 16px; | |
5461 | padding: 0 4px; | |
5462 | min-width: 16px; | |
5463 | font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif; | |
5464 | font-size: 10px; | |
5465 | } | |
5466 | .ios .badge.color-red { | |
5467 | background-color: #ff3b30; | |
5468 | } | |
5469 | .ios .badge.color-green { | |
5470 | background-color: #4cd964; | |
5471 | } | |
5472 | .ios .badge.color-blue { | |
5473 | background-color: #007aff; | |
5474 | } | |
5475 | .ios .badge.color-pink { | |
5476 | background-color: #ff2d55; | |
5477 | } | |
5478 | .ios .badge.color-yellow { | |
5479 | background-color: #ffcc00; | |
5480 | } | |
5481 | .ios .badge.color-orange { | |
5482 | background-color: #ff9500; | |
5483 | } | |
5484 | .ios .badge.color-gray { | |
5485 | background-color: #8e8e93; | |
5486 | } | |
5487 | .ios .badge.color-white { | |
5488 | background-color: #ffffff; | |
5489 | } | |
5490 | .ios .badge.color-black { | |
5491 | background-color: #000000; | |
5492 | } | |
5493 | .md .badge { | |
5494 | font-size: 10px; | |
5495 | border-radius: 3px; | |
5496 | padding: 1px 6px; | |
5497 | vertical-align: middle; | |
5498 | } | |
5499 | .md .icon .badge, | |
5500 | .md .f7-icons .badge, | |
5501 | .md .framework7-icons .badge, | |
5502 | .md .material-icons .badge { | |
5503 | line-height: 1.4; | |
5504 | padding: 1px 5px; | |
5505 | font-family: Roboto, Noto, Helvetica, Arial, sans-serif; | |
5506 | font-size: 10px; | |
5507 | } | |
5508 | .md .badge.color-red { | |
5509 | background-color: #f44336; | |
5510 | } | |
5511 | .md .badge.color-green { | |
5512 | background-color: #4caf50; | |
5513 | } | |
5514 | .md .badge.color-blue { | |
5515 | background-color: #2196f3; | |
5516 | } | |
5517 | .md .badge.color-pink { | |
5518 | background-color: #e91e63; | |
5519 | } | |
5520 | .md .badge.color-yellow { | |
5521 | background-color: #ffeb3b; | |
5522 | } | |
5523 | .md .badge.color-orange { | |
5524 | background-color: #ff9800; | |
5525 | } | |
5526 | .md .badge.color-gray { | |
5527 | background-color: #9e9e9e; | |
5528 | } | |
5529 | .md .badge.color-white { | |
5530 | background-color: #ffffff; | |
5531 | } | |
5532 | .md .badge.color-black { | |
5533 | background-color: #000000; | |
5534 | } | |
5535 | button { | |
5536 | -webkit-appearance: none; | |
5537 | -moz-appearance: none; | |
5538 | appearance: none; | |
5539 | } | |
5540 | .button { | |
5541 | text-decoration: none; | |
5542 | text-align: center; | |
5543 | display: block; | |
5544 | -webkit-appearance: none; | |
5545 | -moz-appearance: none; | |
5546 | appearance: none; | |
5547 | background: none; | |
5548 | padding: 0 10px; | |
5549 | margin: 0; | |
5550 | white-space: nowrap; | |
5551 | text-overflow: ellipsis; | |
5552 | font-size: 14px; | |
5553 | position: relative; | |
5554 | overflow: hidden; | |
5555 | font-family: inherit; | |
5556 | cursor: pointer; | |
5557 | outline: 0; | |
5558 | -webkit-box-sizing: border-box; | |
5559 | box-sizing: border-box; | |
5560 | vertical-align: middle; | |
5561 | } | |
5562 | input[type="submit"].button, | |
5563 | input[type="button"].button { | |
5564 | width: 100%; | |
5565 | } | |
5566 | button { | |
5567 | width: 100%; | |
5568 | } | |
5569 | .segmented { | |
5570 | -webkit-align-self: center; | |
5571 | -ms-flex-item-align: center; | |
5572 | align-self: center; | |
5573 | display: -webkit-box; | |
5574 | display: -webkit-flex; | |
5575 | display: -ms-flexbox; | |
5576 | display: flex; | |
5577 | -webkit-flex-wrap: nowrap; | |
5578 | -ms-flex-wrap: nowrap; | |
5579 | flex-wrap: nowrap; | |
5580 | } | |
5581 | .segmented .button, | |
5582 | .segmented button { | |
5583 | width: 100%; | |
5584 | -webkit-flex-shrink: 1; | |
5585 | -ms-flex-negative: 1; | |
5586 | flex-shrink: 1; | |
5587 | min-width: 0; | |
5588 | } | |
5589 | .subnavbar .segmented { | |
5590 | width: 100%; | |
5591 | } | |
5592 | .ios .button { | |
5593 | border: 1px solid #007aff; | |
5594 | color: #007aff; | |
5595 | border-radius: 5px; | |
5596 | line-height: 27px; | |
5597 | height: 29px; | |
5598 | } | |
5599 | .ios .button.active-state { | |
5600 | background: rgba(0, 122, 255, 0.15); | |
5601 | } | |
5602 | .ios .button.button-round, | |
5603 | .ios .button.button-round-ios { | |
5604 | border-radius: 29px; | |
5605 | } | |
5606 | .ios .button.button-active, | |
5607 | .ios .button.tab-link-active { | |
5608 | background: #007aff; | |
5609 | color: #fff; | |
5610 | } | |
5611 | .ios .button.button-big, | |
5612 | .ios .button.button-big-ios { | |
5613 | font-size: 17px; | |
5614 | height: 44px; | |
5615 | line-height: 42px; | |
5616 | } | |
5617 | .ios .button.button-small, | |
5618 | .ios .button.button-small-ios { | |
5619 | height: 26px; | |
5620 | line-height: 22px; | |
5621 | border-width: 2px; | |
5622 | font-size: 13px; | |
5623 | font-weight: 600; | |
5624 | text-transform: uppercase; | |
5625 | -webkit-transition-duration: 200ms; | |
5626 | transition-duration: 200ms; | |
5627 | } | |
5628 | .ios .button.button-small.button-fill.active-state, | |
5629 | .ios .button.button-small-ios.button-fill.active-state, | |
5630 | .ios .button.button-small.button-fill-ios.active-state, | |
5631 | .ios .button.button-small-ios.button-fill-ios.active-state { | |
5632 | color: #007aff; | |
5633 | border: 2px solid #007aff; | |
5634 | background-color: transparent; | |
5635 | opacity: 1; | |
5636 | } | |
5637 | .ios .button.button-fill, | |
5638 | .ios .button.button-fill-ios { | |
5639 | color: #fff; | |
5640 | background: #007aff; | |
5641 | border-color: transparent; | |
5642 | } | |
5643 | .ios .button.button-fill.active-state, | |
5644 | .ios .button.button-fill-ios.active-state { | |
5645 | opacity: 0.8; | |
5646 | } | |
5647 | .ios .button i.icon:first-child { | |
5648 | margin-right: 10px; | |
5649 | } | |
5650 | .ios .button i.icon:last-child { | |
5651 | margin-left: 10px; | |
5652 | } | |
5653 | .ios .button i.icon:first-child:last-child { | |
5654 | margin-left: 0; | |
5655 | margin-right: 0; | |
5656 | } | |
5657 | .ios .segmented .button { | |
5658 | border-radius: 0; | |
5659 | border-left-width: 0; | |
5660 | } | |
5661 | .ios .segmented .button:first-child { | |
5662 | border-radius: 5px 0 0 5px; | |
5663 | border-left-width: 1px; | |
5664 | border-left-style: solid; | |
5665 | } | |
5666 | .ios .segmented .button:first-child.button-small { | |
5667 | border-left-width: 2px; | |
5668 | } | |
5669 | .ios .segmented .button:last-child { | |
5670 | border-radius: 0 5px 5px 0; | |
5671 | } | |
5672 | .ios .segmented .button:first-child:last-child { | |
5673 | border-radius: 5px; | |
5674 | } | |
5675 | .ios .segmented .button.button-round:first-child, | |
5676 | .ios .segmented .button.button-round-ios:first-child { | |
5677 | border-radius: 29px 0 0 29px; | |
5678 | } | |
5679 | .ios .segmented .button.button-round:last-child, | |
5680 | .ios .segmented .button.button-round-ios:last-child { | |
5681 | border-radius: 0 29px 29px 0; | |
5682 | } | |
5683 | .ios .color-theme-red .button { | |
5684 | border-color: #ff3b30; | |
5685 | color: #ff3b30; | |
5686 | } | |
5687 | .ios .color-theme-red .button.active-state { | |
5688 | background: rgba(255, 59, 48, 0.15); | |
5689 | } | |
5690 | .ios .color-theme-red .button.button-active, | |
5691 | .ios .color-theme-red .button.tab-link-active, | |
5692 | .ios .color-theme-red .button.button-fill, | |
5693 | .ios .color-theme-red .button.button-fill-ios { | |
5694 | color: #fff; | |
5695 | } | |
5696 | .ios .color-theme-red .button.button-active, | |
5697 | .ios .color-theme-red .button.tab-link-active { | |
5698 | background: #ff3b30; | |
5699 | } | |
5700 | .ios .color-theme-red .button.button-fill, | |
5701 | .ios .color-theme-red .button.button-fill-ios { | |
5702 | background: #ff3b30; | |
5703 | border-color: transparent; | |
5704 | } | |
5705 | .ios .color-theme-red .button.button-small.button-fill.active-state, | |
5706 | .ios .color-theme-red .button.button-small-ios.button-fill.active-state, | |
5707 | .ios .color-theme-red .button.button-small.button-fill-ios.active-state, | |
5708 | .ios .color-theme-red .button.button-small-ios.button-fill-ios.active-state { | |
5709 | color: #ff3b30; | |
5710 | border: 2px solid #ff3b30; | |
5711 | background-color: transparent; | |
5712 | } | |
5713 | .ios .color-theme-green .button { | |
5714 | border-color: #4cd964; | |
5715 | color: #4cd964; | |
5716 | } | |
5717 | .ios .color-theme-green .button.active-state { | |
5718 | background: rgba(76, 217, 100, 0.15); | |
5719 | } | |
5720 | .ios .color-theme-green .button.button-active, | |
5721 | .ios .color-theme-green .button.tab-link-active, | |
5722 | .ios .color-theme-green .button.button-fill, | |
5723 | .ios .color-theme-green .button.button-fill-ios { | |
5724 | color: #fff; | |
5725 | } | |
5726 | .ios .color-theme-green .button.button-active, | |
5727 | .ios .color-theme-green .button.tab-link-active { | |
5728 | background: #4cd964; | |
5729 | } | |
5730 | .ios .color-theme-green .button.button-fill, | |
5731 | .ios .color-theme-green .button.button-fill-ios { | |
5732 | background: #4cd964; | |
5733 | border-color: transparent; | |
5734 | } | |
5735 | .ios .color-theme-green .button.button-small.button-fill.active-state, | |
5736 | .ios .color-theme-green .button.button-small-ios.button-fill.active-state, | |
5737 | .ios .color-theme-green .button.button-small.button-fill-ios.active-state, | |
5738 | .ios .color-theme-green .button.button-small-ios.button-fill-ios.active-state { | |
5739 | color: #4cd964; | |
5740 | border: 2px solid #4cd964; | |
5741 | background-color: transparent; | |
5742 | } | |
5743 | .ios .color-theme-blue .button { | |
5744 | border-color: #007aff; | |
5745 | color: #007aff; | |
5746 | } | |
5747 | .ios .color-theme-blue .button.active-state { | |
5748 | background: rgba(0, 122, 255, 0.15); | |
5749 | } | |
5750 | .ios .color-theme-blue .button.button-active, | |
5751 | .ios .color-theme-blue .button.tab-link-active, | |
5752 | .ios .color-theme-blue .button.button-fill, | |
5753 | .ios .color-theme-blue .button.button-fill-ios { | |
5754 | color: #fff; | |
5755 | } | |
5756 | .ios .color-theme-blue .button.button-active, | |
5757 | .ios .color-theme-blue .button.tab-link-active { | |
5758 | background: #007aff; | |
5759 | } | |
5760 | .ios .color-theme-blue .button.button-fill, | |
5761 | .ios .color-theme-blue .button.button-fill-ios { | |
5762 | background: #007aff; | |
5763 | border-color: transparent; | |
5764 | } | |
5765 | .ios .color-theme-blue .button.button-small.button-fill.active-state, | |
5766 | .ios .color-theme-blue .button.button-small-ios.button-fill.active-state, | |
5767 | .ios .color-theme-blue .button.button-small.button-fill-ios.active-state, | |
5768 | .ios .color-theme-blue .button.button-small-ios.button-fill-ios.active-state { | |
5769 | color: #007aff; | |
5770 | border: 2px solid #007aff; | |
5771 | background-color: transparent; | |
5772 | } | |
5773 | .ios .color-theme-pink .button { | |
5774 | border-color: #ff2d55; | |
5775 | color: #ff2d55; | |
5776 | } | |
5777 | .ios .color-theme-pink .button.active-state { | |
5778 | background: rgba(255, 45, 85, 0.15); | |
5779 | } | |
5780 | .ios .color-theme-pink .button.button-active, | |
5781 | .ios .color-theme-pink .button.tab-link-active, | |
5782 | .ios .color-theme-pink .button.button-fill, | |
5783 | .ios .color-theme-pink .button.button-fill-ios { | |
5784 | color: #fff; | |
5785 | } | |
5786 | .ios .color-theme-pink .button.button-active, | |
5787 | .ios .color-theme-pink .button.tab-link-active { | |
5788 | background: #ff2d55; | |
5789 | } | |
5790 | .ios .color-theme-pink .button.button-fill, | |
5791 | .ios .color-theme-pink .button.button-fill-ios { | |
5792 | background: #ff2d55; | |
5793 | border-color: transparent; | |
5794 | } | |
5795 | .ios .color-theme-pink .button.button-small.button-fill.active-state, | |
5796 | .ios .color-theme-pink .button.button-small-ios.button-fill.active-state, | |
5797 | .ios .color-theme-pink .button.button-small.button-fill-ios.active-state, | |
5798 | .ios .color-theme-pink .button.button-small-ios.button-fill-ios.active-state { | |
5799 | color: #ff2d55; | |
5800 | border: 2px solid #ff2d55; | |
5801 | background-color: transparent; | |
5802 | } | |
5803 | .ios .color-theme-yellow .button { | |
5804 | border-color: #ffcc00; | |
5805 | color: #ffcc00; | |
5806 | } | |
5807 | .ios .color-theme-yellow .button.active-state { | |
5808 | background: rgba(255, 204, 0, 0.15); | |
5809 | } | |
5810 | .ios .color-theme-yellow .button.button-active, | |
5811 | .ios .color-theme-yellow .button.tab-link-active, | |
5812 | .ios .color-theme-yellow .button.button-fill, | |
5813 | .ios .color-theme-yellow .button.button-fill-ios { | |
5814 | color: #fff; | |
5815 | } | |
5816 | .ios .color-theme-yellow .button.button-active, | |
5817 | .ios .color-theme-yellow .button.tab-link-active { | |
5818 | background: #ffcc00; | |
5819 | } | |
5820 | .ios .color-theme-yellow .button.button-fill, | |
5821 | .ios .color-theme-yellow .button.button-fill-ios { | |
5822 | background: #ffcc00; | |
5823 | border-color: transparent; | |
5824 | } | |
5825 | .ios .color-theme-yellow .button.button-small.button-fill.active-state, | |
5826 | .ios .color-theme-yellow .button.button-small-ios.button-fill.active-state, | |
5827 | .ios .color-theme-yellow .button.button-small.button-fill-ios.active-state, | |
5828 | .ios .color-theme-yellow .button.button-small-ios.button-fill-ios.active-state { | |
5829 | color: #ffcc00; | |
5830 | border: 2px solid #ffcc00; | |
5831 | background-color: transparent; | |
5832 | } | |
5833 | .ios .color-theme-orange .button { | |
5834 | border-color: #ff9500; | |
5835 | color: #ff9500; | |
5836 | } | |
5837 | .ios .color-theme-orange .button.active-state { | |
5838 | background: rgba(255, 149, 0, 0.15); | |
5839 | } | |
5840 | .ios .color-theme-orange .button.button-active, | |
5841 | .ios .color-theme-orange .button.tab-link-active, | |
5842 | .ios .color-theme-orange .button.button-fill, | |
5843 | .ios .color-theme-orange .button.button-fill-ios { | |
5844 | color: #fff; | |
5845 | } | |
5846 | .ios .color-theme-orange .button.button-active, | |
5847 | .ios .color-theme-orange .button.tab-link-active { | |
5848 | background: #ff9500; | |
5849 | } | |
5850 | .ios .color-theme-orange .button.button-fill, | |
5851 | .ios .color-theme-orange .button.button-fill-ios { | |
5852 | background: #ff9500; | |
5853 | border-color: transparent; | |
5854 | } | |
5855 | .ios .color-theme-orange .button.button-small.button-fill.active-state, | |
5856 | .ios .color-theme-orange .button.button-small-ios.button-fill.active-state, | |
5857 | .ios .color-theme-orange .button.button-small.button-fill-ios.active-state, | |
5858 | .ios .color-theme-orange .button.button-small-ios.button-fill-ios.active-state { | |
5859 | color: #ff9500; | |
5860 | border: 2px solid #ff9500; | |
5861 | background-color: transparent; | |
5862 | } | |
5863 | .ios .color-theme-gray .button { | |
5864 | border-color: #8e8e93; | |
5865 | color: #8e8e93; | |
5866 | } | |
5867 | .ios .color-theme-gray .button.active-state { | |
5868 | background: rgba(142, 142, 147, 0.15); | |
5869 | } | |
5870 | .ios .color-theme-gray .button.button-active, | |
5871 | .ios .color-theme-gray .button.tab-link-active, | |
5872 | .ios .color-theme-gray .button.button-fill, | |
5873 | .ios .color-theme-gray .button.button-fill-ios { | |
5874 | color: #fff; | |
5875 | } | |
5876 | .ios .color-theme-gray .button.button-active, | |
5877 | .ios .color-theme-gray .button.tab-link-active { | |
5878 | background: #8e8e93; | |
5879 | } | |
5880 | .ios .color-theme-gray .button.button-fill, | |
5881 | .ios .color-theme-gray .button.button-fill-ios { | |
5882 | background: #8e8e93; | |
5883 | border-color: transparent; | |
5884 | } | |
5885 | .ios .color-theme-gray .button.button-small.button-fill.active-state, | |
5886 | .ios .color-theme-gray .button.button-small-ios.button-fill.active-state, | |
5887 | .ios .color-theme-gray .button.button-small.button-fill-ios.active-state, | |
5888 | .ios .color-theme-gray .button.button-small-ios.button-fill-ios.active-state { | |
5889 | color: #8e8e93; | |
5890 | border: 2px solid #8e8e93; | |
5891 | background-color: transparent; | |
5892 | } | |
5893 | .ios .color-theme-white .button { | |
5894 | border-color: #ffffff; | |
5895 | color: #ffffff; | |
5896 | } | |
5897 | .ios .color-theme-white .button.active-state { | |
5898 | background: rgba(255, 255, 255, 0.15); | |
5899 | } | |
5900 | .ios .color-theme-white .button.button-active, | |
5901 | .ios .color-theme-white .button.tab-link-active, | |
5902 | .ios .color-theme-white .button.button-fill, | |
5903 | .ios .color-theme-white .button.button-fill-ios { | |
5904 | color: #fff; | |
5905 | } | |
5906 | .ios .color-theme-white .button.button-active, | |
5907 | .ios .color-theme-white .button.tab-link-active { | |
5908 | background: #ffffff; | |
5909 | } | |
5910 | .ios .color-theme-white .button.button-fill, | |
5911 | .ios .color-theme-white .button.button-fill-ios { | |
5912 | background: #ffffff; | |
5913 | border-color: transparent; | |
5914 | } | |
5915 | .ios .color-theme-white .button.button-small.button-fill.active-state, | |
5916 | .ios .color-theme-white .button.button-small-ios.button-fill.active-state, | |
5917 | .ios .color-theme-white .button.button-small.button-fill-ios.active-state, | |
5918 | .ios .color-theme-white .button.button-small-ios.button-fill-ios.active-state { | |
5919 | color: #ffffff; | |
5920 | border: 2px solid #ffffff; | |
5921 | background-color: transparent; | |
5922 | } | |
5923 | .ios .color-theme-black .button { | |
5924 | border-color: #000000; | |
5925 | color: #000000; | |
5926 | } | |
5927 | .ios .color-theme-black .button.active-state { | |
5928 | background: rgba(0, 0, 0, 0.15); | |
5929 | } | |
5930 | .ios .color-theme-black .button.button-active, | |
5931 | .ios .color-theme-black .button.tab-link-active, | |
5932 | .ios .color-theme-black .button.button-fill, | |
5933 | .ios .color-theme-black .button.button-fill-ios { | |
5934 | color: #fff; | |
5935 | } | |
5936 | .ios .color-theme-black .button.button-active, | |
5937 | .ios .color-theme-black .button.tab-link-active { | |
5938 | background: #000000; | |
5939 | } | |
5940 | .ios .color-theme-black .button.button-fill, | |
5941 | .ios .color-theme-black .button.button-fill-ios { | |
5942 | background: #000000; | |
5943 | border-color: transparent; | |
5944 | } | |
5945 | .ios .color-theme-black .button.button-small.button-fill.active-state, | |
5946 | .ios .color-theme-black .button.button-small-ios.button-fill.active-state, | |
5947 | .ios .color-theme-black .button.button-small.button-fill-ios.active-state, | |
5948 | .ios .color-theme-black .button.button-small-ios.button-fill-ios.active-state { | |
5949 | color: #000000; | |
5950 | border: 2px solid #000000; | |
5951 | background-color: transparent; | |
5952 | } | |
5953 | .ios .button.color-red { | |
5954 | border-color: #ff3b30; | |
5955 | color: #ff3b30; | |
5956 | } | |
5957 | .ios .button.color-red.active-state { | |
5958 | background: rgba(255, 59, 48, 0.15); | |
5959 | } | |
5960 | .ios .button.color-red.button-active, | |
5961 | .ios .button.color-red.tab-link-active, | |
5962 | .ios .button.color-red.button-fill, | |
5963 | .ios .button.color-red.button-fill-ios { | |
5964 | color: #fff; | |
5965 | } | |
5966 | .ios .button.color-red.button-active, | |
5967 | .ios .button.color-red.tab-link-active { | |
5968 | background: #ff3b30; | |
5969 | } | |
5970 | .ios .button.color-red.button-fill, | |
5971 | .ios .button.color-red.button-fill-ios { | |
5972 | background: #ff3b30; | |
5973 | border-color: transparent; | |
5974 | } | |
5975 | .ios .button.color-red.button-small.button-fill.active-state, | |
5976 | .ios .button.color-red.button-small-ios.button-fill.active-state, | |
5977 | .ios .button.color-red.button-small.button-fill-ios.active-state, | |
5978 | .ios .button.color-red.button-small-ios.button-fill-ios.active-state { | |
5979 | color: #ff3b30; | |
5980 | border: 2px solid #ff3b30; | |
5981 | background-color: transparent; | |
5982 | } | |
5983 | .ios .button.color-green { | |
5984 | border-color: #4cd964; | |
5985 | color: #4cd964; | |
5986 | } | |
5987 | .ios .button.color-green.active-state { | |
5988 | background: rgba(76, 217, 100, 0.15); | |
5989 | } | |
5990 | .ios .button.color-green.button-active, | |
5991 | .ios .button.color-green.tab-link-active, | |
5992 | .ios .button.color-green.button-fill, | |
5993 | .ios .button.color-green.button-fill-ios { | |
5994 | color: #fff; | |
5995 | } | |
5996 | .ios .button.color-green.button-active, | |
5997 | .ios .button.color-green.tab-link-active { | |
5998 | background: #4cd964; | |
5999 | } | |
6000 | .ios .button.color-green.button-fill, | |
6001 | .ios .button.color-green.button-fill-ios { | |
6002 | background: #4cd964; | |
6003 | border-color: transparent; | |
6004 | } | |
6005 | .ios .button.color-green.button-small.button-fill.active-state, | |
6006 | .ios .button.color-green.button-small-ios.button-fill.active-state, | |
6007 | .ios .button.color-green.button-small.button-fill-ios.active-state, | |
6008 | .ios .button.color-green.button-small-ios.button-fill-ios.active-state { | |
6009 | color: #4cd964; | |
6010 | border: 2px solid #4cd964; | |
6011 | background-color: transparent; | |
6012 | } | |
6013 | .ios .button.color-blue { | |
6014 | border-color: #007aff; | |
6015 | color: #007aff; | |
6016 | } | |
6017 | .ios .button.color-blue.active-state { | |
6018 | background: rgba(0, 122, 255, 0.15); | |
6019 | } | |
6020 | .ios .button.color-blue.button-active, | |
6021 | .ios .button.color-blue.tab-link-active, | |
6022 | .ios .button.color-blue.button-fill, | |
6023 | .ios .button.color-blue.button-fill-ios { | |
6024 | color: #fff; | |
6025 | } | |
6026 | .ios .button.color-blue.button-active, | |
6027 | .ios .button.color-blue.tab-link-active { | |
6028 | background: #007aff; | |
6029 | } | |
6030 | .ios .button.color-blue.button-fill, | |
6031 | .ios .button.color-blue.button-fill-ios { | |
6032 | background: #007aff; | |
6033 | border-color: transparent; | |
6034 | } | |
6035 | .ios .button.color-blue.button-small.button-fill.active-state, | |
6036 | .ios .button.color-blue.button-small-ios.button-fill.active-state, | |
6037 | .ios .button.color-blue.button-small.button-fill-ios.active-state, | |
6038 | .ios .button.color-blue.button-small-ios.button-fill-ios.active-state { | |
6039 | color: #007aff; | |
6040 | border: 2px solid #007aff; | |
6041 | background-color: transparent; | |
6042 | } | |
6043 | .ios .button.color-pink { | |
6044 | border-color: #ff2d55; | |
6045 | color: #ff2d55; | |
6046 | } | |
6047 | .ios .button.color-pink.active-state { | |
6048 | background: rgba(255, 45, 85, 0.15); | |
6049 | } | |
6050 | .ios .button.color-pink.button-active, | |
6051 | .ios .button.color-pink.tab-link-active, | |
6052 | .ios .button.color-pink.button-fill, | |
6053 | .ios .button.color-pink.button-fill-ios { | |
6054 | color: #fff; | |
6055 | } | |
6056 | .ios .button.color-pink.button-active, | |
6057 | .ios .button.color-pink.tab-link-active { | |
6058 | background: #ff2d55; | |
6059 | } | |
6060 | .ios .button.color-pink.button-fill, | |
6061 | .ios .button.color-pink.button-fill-ios { | |
6062 | background: #ff2d55; | |
6063 | border-color: transparent; | |
6064 | } | |
6065 | .ios .button.color-pink.button-small.button-fill.active-state, | |
6066 | .ios .button.color-pink.button-small-ios.button-fill.active-state, | |
6067 | .ios .button.color-pink.button-small.button-fill-ios.active-state, | |
6068 | .ios .button.color-pink.button-small-ios.button-fill-ios.active-state { | |
6069 | color: #ff2d55; | |
6070 | border: 2px solid #ff2d55; | |
6071 | background-color: transparent; | |
6072 | } | |
6073 | .ios .button.color-yellow { | |
6074 | border-color: #ffcc00; | |
6075 | color: #ffcc00; | |
6076 | } | |
6077 | .ios .button.color-yellow.active-state { | |
6078 | background: rgba(255, 204, 0, 0.15); | |
6079 | } | |
6080 | .ios .button.color-yellow.button-active, | |
6081 | .ios .button.color-yellow.tab-link-active, | |
6082 | .ios .button.color-yellow.button-fill, | |
6083 | .ios .button.color-yellow.button-fill-ios { | |
6084 | color: #fff; | |
6085 | } | |
6086 | .ios .button.color-yellow.button-active, | |
6087 | .ios .button.color-yellow.tab-link-active { | |
6088 | background: #ffcc00; | |
6089 | } | |
6090 | .ios .button.color-yellow.button-fill, | |
6091 | .ios .button.color-yellow.button-fill-ios { | |
6092 | background: #ffcc00; | |
6093 | border-color: transparent; | |
6094 | } | |
6095 | .ios .button.color-yellow.button-small.button-fill.active-state, | |
6096 | .ios .button.color-yellow.button-small-ios.button-fill.active-state, | |
6097 | .ios .button.color-yellow.button-small.button-fill-ios.active-state, | |
6098 | .ios .button.color-yellow.button-small-ios.button-fill-ios.active-state { | |
6099 | color: #ffcc00; | |
6100 | border: 2px solid #ffcc00; | |
6101 | background-color: transparent; | |
6102 | } | |
6103 | .ios .button.color-orange { | |
6104 | border-color: #ff9500; | |
6105 | color: #ff9500; | |
6106 | } | |
6107 | .ios .button.color-orange.active-state { | |
6108 | background: rgba(255, 149, 0, 0.15); | |
6109 | } | |
6110 | .ios .button.color-orange.button-active, | |
6111 | .ios .button.color-orange.tab-link-active, | |
6112 | .ios .button.color-orange.button-fill, | |
6113 | .ios .button.color-orange.button-fill-ios { | |
6114 | color: #fff; | |
6115 | } | |
6116 | .ios .button.color-orange.button-active, | |
6117 | .ios .button.color-orange.tab-link-active { | |
6118 | background: #ff9500; | |
6119 | } | |
6120 | .ios .button.color-orange.button-fill, | |
6121 | .ios .button.color-orange.button-fill-ios { | |
6122 | background: #ff9500; | |
6123 | border-color: transparent; | |
6124 | } | |
6125 | .ios .button.color-orange.button-small.button-fill.active-state, | |
6126 | .ios .button.color-orange.button-small-ios.button-fill.active-state, | |
6127 | .ios .button.color-orange.button-small.button-fill-ios.active-state, | |
6128 | .ios .button.color-orange.button-small-ios.button-fill-ios.active-state { | |
6129 | color: #ff9500; | |
6130 | border: 2px solid #ff9500; | |
6131 | background-color: transparent; | |
6132 | } | |
6133 | .ios .button.color-gray { | |
6134 | border-color: #8e8e93; | |
6135 | color: #8e8e93; | |
6136 | } | |
6137 | .ios .button.color-gray.active-state { | |
6138 | background: rgba(142, 142, 147, 0.15); | |
6139 | } | |
6140 | .ios .button.color-gray.button-active, | |
6141 | .ios .button.color-gray.tab-link-active, | |
6142 | .ios .button.color-gray.button-fill, | |
6143 | .ios .button.color-gray.button-fill-ios { | |
6144 | color: #fff; | |
6145 | } | |
6146 | .ios .button.color-gray.button-active, | |
6147 | .ios .button.color-gray.tab-link-active { | |
6148 | background: #8e8e93; | |
6149 | } | |
6150 | .ios .button.color-gray.button-fill, | |
6151 | .ios .button.color-gray.button-fill-ios { | |
6152 | background: #8e8e93; | |
6153 | border-color: transparent; | |
6154 | } | |
6155 | .ios .button.color-gray.button-small.button-fill.active-state, | |
6156 | .ios .button.color-gray.button-small-ios.button-fill.active-state, | |
6157 | .ios .button.color-gray.button-small.button-fill-ios.active-state, | |
6158 | .ios .button.color-gray.button-small-ios.button-fill-ios.active-state { | |
6159 | color: #8e8e93; | |
6160 | border: 2px solid #8e8e93; | |
6161 | background-color: transparent; | |
6162 | } | |
6163 | .ios .button.color-white { | |
6164 | border-color: #ffffff; | |
6165 | color: #ffffff; | |
6166 | } | |
6167 | .ios .button.color-white.active-state { | |
6168 | background: rgba(255, 255, 255, 0.15); | |
6169 | } | |
6170 | .ios .button.color-white.button-active, | |
6171 | .ios .button.color-white.tab-link-active, | |
6172 | .ios .button.color-white.button-fill, | |
6173 | .ios .button.color-white.button-fill-ios { | |
6174 | color: #fff; | |
6175 | } | |
6176 | .ios .button.color-white.button-active, | |
6177 | .ios .button.color-white.tab-link-active { | |
6178 | background: #ffffff; | |
6179 | } | |
6180 | .ios .button.color-white.button-fill, | |
6181 | .ios .button.color-white.button-fill-ios { | |
6182 | background: #ffffff; | |
6183 | border-color: transparent; | |
6184 | } | |
6185 | .ios .button.color-white.button-small.button-fill.active-state, | |
6186 | .ios .button.color-white.button-small-ios.button-fill.active-state, | |
6187 | .ios .button.color-white.button-small.button-fill-ios.active-state, | |
6188 | .ios .button.color-white.button-small-ios.button-fill-ios.active-state { | |
6189 | color: #ffffff; | |
6190 | border: 2px solid #ffffff; | |
6191 | background-color: transparent; | |
6192 | } | |
6193 | .ios .button.color-black { | |
6194 | border-color: #000000; | |
6195 | color: #000000; | |
6196 | } | |
6197 | .ios .button.color-black.active-state { | |
6198 | background: rgba(0, 0, 0, 0.15); | |
6199 | } | |
6200 | .ios .button.color-black.button-active, | |
6201 | .ios .button.color-black.tab-link-active, | |
6202 | .ios .button.color-black.button-fill, | |
6203 | .ios .button.color-black.button-fill-ios { | |
6204 | color: #fff; | |
6205 | } | |
6206 | .ios .button.color-black.button-active, | |
6207 | .ios .button.color-black.tab-link-active { | |
6208 | background: #000000; | |
6209 | } | |
6210 | .ios .button.color-black.button-fill, | |
6211 | .ios .button.color-black.button-fill-ios { | |
6212 | background: #000000; | |
6213 | border-color: transparent; | |
6214 | } | |
6215 | .ios .button.color-black.button-small.button-fill.active-state, | |
6216 | .ios .button.color-black.button-small-ios.button-fill.active-state, | |
6217 | .ios .button.color-black.button-small.button-fill-ios.active-state, | |
6218 | .ios .button.color-black.button-small-ios.button-fill-ios.active-state { | |
6219 | color: #000000; | |
6220 | border: 2px solid #000000; | |
6221 | background-color: transparent; | |
6222 | } | |
6223 | .md .button { | |
6224 | color: #2196f3; | |
6225 | border-radius: 4px; | |
6226 | line-height: 36px; | |
6227 | height: 36px; | |
6228 | text-transform: uppercase; | |
6229 | min-width: 64px; | |
6230 | padding: 0 8px; | |
6231 | border: none; | |
6232 | -webkit-transition-duration: 300ms; | |
6233 | transition-duration: 300ms; | |
6234 | -webkit-transform: translate3d(0, 0, 0); | |
6235 | transform: translate3d(0, 0, 0); | |
6236 | font-weight: 500; | |
6237 | letter-spacing: 0.03em; | |
6238 | } | |
6239 | .md .button.active-state { | |
6240 | background: rgba(0, 0, 0, 0.1); | |
6241 | } | |
6242 | .md .button.button-fill, | |
6243 | .md .button.button-fill-md, | |
6244 | .md .button.button-active, | |
6245 | .md .button.tab-link-active { | |
6246 | background-color: #2196f3; | |
6247 | color: #fff; | |
6248 | } | |
6249 | .md .button.button-fill.active-state, | |
6250 | .md .button.button-fill-md.active-state, | |
6251 | .md .button.button-active.active-state, | |
6252 | .md .button.tab-link-active.active-state { | |
6253 | background: #0c82df; | |
6254 | } | |
6255 | .md .button.button-big, | |
6256 | .md .button.button-big-md { | |
6257 | height: 48px; | |
6258 | line-height: 48px; | |
6259 | border-radius: 4px; | |
6260 | } | |
6261 | .md .button.button-round, | |
6262 | .md .button.button-round-md { | |
6263 | border-radius: 36px; | |
6264 | } | |
6265 | .md .button.button-outline { | |
6266 | border: 2px solid #2196f3; | |
6267 | line-height: 32px; | |
6268 | } | |
6269 | .md .button.button-outline.button-big, | |
6270 | .md .button.button-outline.button-big-md { | |
6271 | line-height: 44px; | |
6272 | } | |
6273 | .md .button.button-small, | |
6274 | .md .button.button-small-md { | |
6275 | height: 28px; | |
6276 | line-height: 28px; | |
6277 | font-size: 13px; | |
6278 | font-weight: 500; | |
6279 | letter-spacing: 0.03em; | |
6280 | } | |
6281 | .md .button.button-small.button-outline, | |
6282 | .md .button.button-small-md.button-outline { | |
6283 | border-width: 2px; | |
6284 | line-height: 24px; | |
6285 | } | |
6286 | .md .button > i.icon + span, | |
6287 | .md .button > span:not(.ripple-wave) + span, | |
6288 | .md .button > span:not(.ripple-wave) + i.icon, | |
6289 | .md .button > i.icon + i.icon { | |
6290 | margin-left: 8px; | |
6291 | } | |
6292 | .md .button.button-raised { | |
6293 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6294 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6295 | } | |
6296 | .md .button.button-raised.active-state { | |
6297 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | |
6298 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | |
6299 | } | |
6300 | .md .navbar .button:not(.button-fill):not(.button-fill-md), | |
6301 | .md .subnavbar .button:not(.button-fill):not(.button-fill-md), | |
6302 | .md .toolbar .button:not(.button-fill):not(.button-fill-md) { | |
6303 | color: #fff; | |
6304 | } | |
6305 | .md .navbar .button:not(.button-fill):not(.button-fill-md).active-state, | |
6306 | .md .subnavbar .button:not(.button-fill):not(.button-fill-md).active-state, | |
6307 | .md .toolbar .button:not(.button-fill):not(.button-fill-md).active-state { | |
6308 | background: rgba(255, 255, 255, 0.15); | |
6309 | } | |
6310 | .md .toast .button:not(.button-fill):not(.button-fill-md).active-state { | |
6311 | background: rgba(255, 255, 255, 0.15); | |
6312 | } | |
6313 | .md .segmented { | |
6314 | border-radius: 4px; | |
6315 | } | |
6316 | .md .segmented.segmented-raised { | |
6317 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6318 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
6319 | } | |
6320 | .md .segmented.segmented-round { | |
6321 | border-radius: 36px; | |
6322 | } | |
6323 | .md .segmented .button { | |
6324 | border-radius: 0; | |
6325 | min-width: 0; | |
6326 | border-left: 1px solid rgba(0, 0, 0, 0.1); | |
6327 | } | |
6328 | .md .segmented .button:first-child { | |
6329 | border-radius: 4px 0 0 4px; | |
6330 | border-left: none; | |
6331 | } | |
6332 | .md .segmented .button.button-outline { | |
6333 | border: 2px solid #2196f3; | |
6334 | } | |
6335 | .md .segmented .button.button-outline:nth-child(n + 2) { | |
6336 | border-left: none; | |
6337 | } | |
6338 | .md .segmented .button:last-child { | |
6339 | border-radius: 0 4px 4px 0; | |
6340 | } | |
6341 | .md .segmented .button:first-child:last-child { | |
6342 | border-radius: 4px; | |
6343 | } | |
6344 | .md .segmented .button.button-round:first-child { | |
6345 | border-radius: 36px 0 0 36px; | |
6346 | } | |
6347 | .md .segmented .button.button-round:last-child { | |
6348 | border-radius: 0 36px 36px 0; | |
6349 | } | |
6350 | .md .theme-dark .button:not(.button-fill):not(.button-fill-md):not(.button-active):not(.tab-link-active).active-state { | |
6351 | background-color: rgba(255, 255, 255, 0.1); | |
6352 | } | |
6353 | .md .color-theme-red .button, | |
6354 | .md .color-red .button { | |
6355 | color: #f44336; | |
6356 | } | |
6357 | .md .color-theme-red .button.button-fill, | |
6358 | .md .color-red .button.button-fill, | |
6359 | .md .color-theme-red .button.button-fill-md, | |
6360 | .md .color-red .button.button-fill-md, | |
6361 | .md .color-theme-red .button.button-active, | |
6362 | .md .color-red .button.button-active, | |
6363 | .md .color-theme-red .button.tab-link-active, | |
6364 | .md .color-red .button.tab-link-active { | |
6365 | background-color: #f44336; | |
6366 | color: #fff; | |
6367 | } | |
6368 | .md .color-theme-red .button.button-fill.active-state, | |
6369 | .md .color-red .button.button-fill.active-state, | |
6370 | .md .color-theme-red .button.button-fill-md.active-state, | |
6371 | .md .color-red .button.button-fill-md.active-state, | |
6372 | .md .color-theme-red .button.button-active.active-state, | |
6373 | .md .color-red .button.button-active.active-state, | |
6374 | .md .color-theme-red .button.tab-link-active.active-state, | |
6375 | .md .color-red .button.tab-link-active.active-state { | |
6376 | background: #f21f0f; | |
6377 | } | |
6378 | .md .color-theme-red .button.button-outline, | |
6379 | .md .color-red .button.button-outline { | |
6380 | border-color: #f44336; | |
6381 | } | |
6382 | .md .color-theme-green .button, | |
6383 | .md .color-green .button { | |
6384 | color: #4caf50; | |
6385 | } | |
6386 | .md .color-theme-green .button.button-fill, | |
6387 | .md .color-green .button.button-fill, | |
6388 | .md .color-theme-green .button.button-fill-md, | |
6389 | .md .color-green .button.button-fill-md, | |
6390 | .md .color-theme-green .button.button-active, | |
6391 | .md .color-green .button.button-active, | |
6392 | .md .color-theme-green .button.tab-link-active, | |
6393 | .md .color-green .button.tab-link-active { | |
6394 | background-color: #4caf50; | |
6395 | color: #fff; | |
6396 | } | |
6397 | .md .color-theme-green .button.button-fill.active-state, | |
6398 | .md .color-green .button.button-fill.active-state, | |
6399 | .md .color-theme-green .button.button-fill-md.active-state, | |
6400 | .md .color-green .button.button-fill-md.active-state, | |
6401 | .md .color-theme-green .button.button-active.active-state, | |
6402 | .md .color-green .button.button-active.active-state, | |
6403 | .md .color-theme-green .button.tab-link-active.active-state, | |
6404 | .md .color-green .button.tab-link-active.active-state { | |
6405 | background: #409343; | |
6406 | } | |
6407 | .md .color-theme-green .button.button-outline, | |
6408 | .md .color-green .button.button-outline { | |
6409 | border-color: #4caf50; | |
6410 | } | |
6411 | .md .color-theme-blue .button, | |
6412 | .md .color-blue .button { | |
6413 | color: #2196f3; | |
6414 | } | |
6415 | .md .color-theme-blue .button.button-fill, | |
6416 | .md .color-blue .button.button-fill, | |
6417 | .md .color-theme-blue .button.button-fill-md, | |
6418 | .md .color-blue .button.button-fill-md, | |
6419 | .md .color-theme-blue .button.button-active, | |
6420 | .md .color-blue .button.button-active, | |
6421 | .md .color-theme-blue .button.tab-link-active, | |
6422 | .md .color-blue .button.tab-link-active { | |
6423 | background-color: #2196f3; | |
6424 | color: #fff; | |
6425 | } | |
6426 | .md .color-theme-blue .button.button-fill.active-state, | |
6427 | .md .color-blue .button.button-fill.active-state, | |
6428 | .md .color-theme-blue .button.button-fill-md.active-state, | |
6429 | .md .color-blue .button.button-fill-md.active-state, | |
6430 | .md .color-theme-blue .button.button-active.active-state, | |
6431 | .md .color-blue .button.button-active.active-state, | |
6432 | .md .color-theme-blue .button.tab-link-active.active-state, | |
6433 | .md .color-blue .button.tab-link-active.active-state { | |
6434 | background: #0c82df; | |
6435 | } | |
6436 | .md .color-theme-blue .button.button-outline, | |
6437 | .md .color-blue .button.button-outline { | |
6438 | border-color: #2196f3; | |
6439 | } | |
6440 | .md .color-theme-pink .button, | |
6441 | .md .color-pink .button { | |
6442 | color: #e91e63; | |
6443 | } | |
6444 | .md .color-theme-pink .button.button-fill, | |
6445 | .md .color-pink .button.button-fill, | |
6446 | .md .color-theme-pink .button.button-fill-md, | |
6447 | .md .color-pink .button.button-fill-md, | |
6448 | .md .color-theme-pink .button.button-active, | |
6449 | .md .color-pink .button.button-active, | |
6450 | .md .color-theme-pink .button.tab-link-active, | |
6451 | .md .color-pink .button.tab-link-active { | |
6452 | background-color: #e91e63; | |
6453 | color: #fff; | |
6454 | } | |
6455 | .md .color-theme-pink .button.button-fill.active-state, | |
6456 | .md .color-pink .button.button-fill.active-state, | |
6457 | .md .color-theme-pink .button.button-fill-md.active-state, | |
6458 | .md .color-pink .button.button-fill-md.active-state, | |
6459 | .md .color-theme-pink .button.button-active.active-state, | |
6460 | .md .color-pink .button.button-active.active-state, | |
6461 | .md .color-theme-pink .button.tab-link-active.active-state, | |
6462 | .md .color-pink .button.tab-link-active.active-state { | |
6463 | background: #ca1452; | |
6464 | } | |
6465 | .md .color-theme-pink .button.button-outline, | |
6466 | .md .color-pink .button.button-outline { | |
6467 | border-color: #e91e63; | |
6468 | } | |
6469 | .md .color-theme-yellow .button, | |
6470 | .md .color-yellow .button { | |
6471 | color: #ffeb3b; | |
6472 | } | |
6473 | .md .color-theme-yellow .button.button-fill, | |
6474 | .md .color-yellow .button.button-fill, | |
6475 | .md .color-theme-yellow .button.button-fill-md, | |
6476 | .md .color-yellow .button.button-fill-md, | |
6477 | .md .color-theme-yellow .button.button-active, | |
6478 | .md .color-yellow .button.button-active, | |
6479 | .md .color-theme-yellow .button.tab-link-active, | |
6480 | .md .color-yellow .button.tab-link-active { | |
6481 | background-color: #ffeb3b; | |
6482 | color: #fff; | |
6483 | } | |
6484 | .md .color-theme-yellow .button.button-fill.active-state, | |
6485 | .md .color-yellow .button.button-fill.active-state, | |
6486 | .md .color-theme-yellow .button.button-fill-md.active-state, | |
6487 | .md .color-yellow .button.button-fill-md.active-state, | |
6488 | .md .color-theme-yellow .button.button-active.active-state, | |
6489 | .md .color-yellow .button.button-active.active-state, | |
6490 | .md .color-theme-yellow .button.tab-link-active.active-state, | |
6491 | .md .color-yellow .button.tab-link-active.active-state { | |
6492 | background: #ffe712; | |
6493 | } | |
6494 | .md .color-theme-yellow .button.button-outline, | |
6495 | .md .color-yellow .button.button-outline { | |
6496 | border-color: #ffeb3b; | |
6497 | } | |
6498 | .md .color-theme-orange .button, | |
6499 | .md .color-orange .button { | |
6500 | color: #ff9800; | |
6501 | } | |
6502 | .md .color-theme-orange .button.button-fill, | |
6503 | .md .color-orange .button.button-fill, | |
6504 | .md .color-theme-orange .button.button-fill-md, | |
6505 | .md .color-orange .button.button-fill-md, | |
6506 | .md .color-theme-orange .button.button-active, | |
6507 | .md .color-orange .button.button-active, | |
6508 | .md .color-theme-orange .button.tab-link-active, | |
6509 | .md .color-orange .button.tab-link-active { | |
6510 | background-color: #ff9800; | |
6511 | color: #fff; | |
6512 | } | |
6513 | .md .color-theme-orange .button.button-fill.active-state, | |
6514 | .md .color-orange .button.button-fill.active-state, | |
6515 | .md .color-theme-orange .button.button-fill-md.active-state, | |
6516 | .md .color-orange .button.button-fill-md.active-state, | |
6517 | .md .color-theme-orange .button.button-active.active-state, | |
6518 | .md .color-orange .button.button-active.active-state, | |
6519 | .md .color-theme-orange .button.tab-link-active.active-state, | |
6520 | .md .color-orange .button.tab-link-active.active-state { | |
6521 | background: #d68000; | |
6522 | } | |
6523 | .md .color-theme-orange .button.button-outline, | |
6524 | .md .color-orange .button.button-outline { | |
6525 | border-color: #ff9800; | |
6526 | } | |
6527 | .md .color-theme-gray .button, | |
6528 | .md .color-gray .button { | |
6529 | color: #9e9e9e; | |
6530 | } | |
6531 | .md .color-theme-gray .button.button-fill, | |
6532 | .md .color-gray .button.button-fill, | |
6533 | .md .color-theme-gray .button.button-fill-md, | |
6534 | .md .color-gray .button.button-fill-md, | |
6535 | .md .color-theme-gray .button.button-active, | |
6536 | .md .color-gray .button.button-active, | |
6537 | .md .color-theme-gray .button.tab-link-active, | |
6538 | .md .color-gray .button.tab-link-active { | |
6539 | background-color: #9e9e9e; | |
6540 | color: #fff; | |
6541 | } | |
6542 | .md .color-theme-gray .button.button-fill.active-state, | |
6543 | .md .color-gray .button.button-fill.active-state, | |
6544 | .md .color-theme-gray .button.button-fill-md.active-state, | |
6545 | .md .color-gray .button.button-fill-md.active-state, | |
6546 | .md .color-theme-gray .button.button-active.active-state, | |
6547 | .md .color-gray .button.button-active.active-state, | |
6548 | .md .color-theme-gray .button.tab-link-active.active-state, | |
6549 | .md .color-gray .button.tab-link-active.active-state { | |
6550 | background: #8a8a8a; | |
6551 | } | |
6552 | .md .color-theme-gray .button.button-outline, | |
6553 | .md .color-gray .button.button-outline { | |
6554 | border-color: #9e9e9e; | |
6555 | } | |
6556 | .md .color-theme-white .button, | |
6557 | .md .color-white .button { | |
6558 | color: #ffffff; | |
6559 | } | |
6560 | .md .color-theme-white .button.button-fill, | |
6561 | .md .color-white .button.button-fill, | |
6562 | .md .color-theme-white .button.button-fill-md, | |
6563 | .md .color-white .button.button-fill-md, | |
6564 | .md .color-theme-white .button.button-active, | |
6565 | .md .color-white .button.button-active, | |
6566 | .md .color-theme-white .button.tab-link-active, | |
6567 | .md .color-white .button.tab-link-active { | |
6568 | background-color: #ffffff; | |
6569 | color: #fff; | |
6570 | } | |
6571 | .md .color-theme-white .button.button-fill.active-state, | |
6572 | .md .color-white .button.button-fill.active-state, | |
6573 | .md .color-theme-white .button.button-fill-md.active-state, | |
6574 | .md .color-white .button.button-fill-md.active-state, | |
6575 | .md .color-theme-white .button.button-active.active-state, | |
6576 | .md .color-white .button.button-active.active-state, | |
6577 | .md .color-theme-white .button.tab-link-active.active-state, | |
6578 | .md .color-white .button.tab-link-active.active-state { | |
6579 | background: #ebebeb; | |
6580 | } | |
6581 | .md .color-theme-white .button.button-outline, | |
6582 | .md .color-white .button.button-outline { | |
6583 | border-color: #ffffff; | |
6584 | } | |
6585 | .md .color-theme-black .button, | |
6586 | .md .color-black .button { | |
6587 | color: #000000; | |
6588 | } | |
6589 | .md .color-theme-black .button.button-fill, | |
6590 | .md .color-black .button.button-fill, | |
6591 | .md .color-theme-black .button.button-fill-md, | |
6592 | .md .color-black .button.button-fill-md, | |
6593 | .md .color-theme-black .button.button-active, | |
6594 | .md .color-black .button.button-active, | |
6595 | .md .color-theme-black .button.tab-link-active, | |
6596 | .md .color-black .button.tab-link-active { | |
6597 | background-color: #000000; | |
6598 | color: #fff; | |
6599 | } | |
6600 | .md .color-theme-black .button.button-fill.active-state, | |
6601 | .md .color-black .button.button-fill.active-state, | |
6602 | .md .color-theme-black .button.button-fill-md.active-state, | |
6603 | .md .color-black .button.button-fill-md.active-state, | |
6604 | .md .color-theme-black .button.button-active.active-state, | |
6605 | .md .color-black .button.button-active.active-state, | |
6606 | .md .color-theme-black .button.tab-link-active.active-state, | |
6607 | .md .color-black .button.tab-link-active.active-state { | |
6608 | background: #000000; | |
6609 | } | |
6610 | .md .color-theme-black .button.button-outline, | |
6611 | .md .color-black .button.button-outline { | |
6612 | border-color: #000000; | |
6613 | } | |
6614 | .md .button.color-red { | |
6615 | color: #f44336; | |
6616 | } | |
6617 | .md .button.color-red.button-fill, | |
6618 | .md .button.color-red.button-fill-md, | |
6619 | .md .button.color-red.button-active, | |
6620 | .md .button.color-red.tab-link-active { | |
6621 | background-color: #f44336; | |
6622 | color: #fff; | |
6623 | } | |
6624 | .md .button.color-red.button-fill.active-state, | |
6625 | .md .button.color-red.button-fill-md.active-state, | |
6626 | .md .button.color-red.button-active.active-state, | |
6627 | .md .button.color-red.tab-link-active.active-state { | |
6628 | background: #f21f0f; | |
6629 | } | |
6630 | .md .button.color-red.button-outline { | |
6631 | border-color: #f44336; | |
6632 | } | |
6633 | .md .button.color-green { | |
6634 | color: #4caf50; | |
6635 | } | |
6636 | .md .button.color-green.button-fill, | |
6637 | .md .button.color-green.button-fill-md, | |
6638 | .md .button.color-green.button-active, | |
6639 | .md .button.color-green.tab-link-active { | |
6640 | background-color: #4caf50; | |
6641 | color: #fff; | |
6642 | } | |
6643 | .md .button.color-green.button-fill.active-state, | |
6644 | .md .button.color-green.button-fill-md.active-state, | |
6645 | .md .button.color-green.button-active.active-state, | |
6646 | .md .button.color-green.tab-link-active.active-state { | |
6647 | background: #409343; | |
6648 | } | |
6649 | .md .button.color-green.button-outline { | |
6650 | border-color: #4caf50; | |
6651 | } | |
6652 | .md .button.color-blue { | |
6653 | color: #2196f3; | |
6654 | } | |
6655 | .md .button.color-blue.button-fill, | |
6656 | .md .button.color-blue.button-fill-md, | |
6657 | .md .button.color-blue.button-active, | |
6658 | .md .button.color-blue.tab-link-active { | |
6659 | background-color: #2196f3; | |
6660 | color: #fff; | |
6661 | } | |
6662 | .md .button.color-blue.button-fill.active-state, | |
6663 | .md .button.color-blue.button-fill-md.active-state, | |
6664 | .md .button.color-blue.button-active.active-state, | |
6665 | .md .button.color-blue.tab-link-active.active-state { | |
6666 | background: #0c82df; | |
6667 | } | |
6668 | .md .button.color-blue.button-outline { | |
6669 | border-color: #2196f3; | |
6670 | } | |
6671 | .md .button.color-pink { | |
6672 | color: #e91e63; | |
6673 | } | |
6674 | .md .button.color-pink.button-fill, | |
6675 | .md .button.color-pink.button-fill-md, | |
6676 | .md .button.color-pink.button-active, | |
6677 | .md .button.color-pink.tab-link-active { | |
6678 | background-color: #e91e63; | |
6679 | color: #fff; | |
6680 | } | |
6681 | .md .button.color-pink.button-fill.active-state, | |
6682 | .md .button.color-pink.button-fill-md.active-state, | |
6683 | .md .button.color-pink.button-active.active-state, | |
6684 | .md .button.color-pink.tab-link-active.active-state { | |
6685 | background: #ca1452; | |
6686 | } | |
6687 | .md .button.color-pink.button-outline { | |
6688 | border-color: #e91e63; | |
6689 | } | |
6690 | .md .button.color-yellow { | |
6691 | color: #ffeb3b; | |
6692 | } | |
6693 | .md .button.color-yellow.button-fill, | |
6694 | .md .button.color-yellow.button-fill-md, | |
6695 | .md .button.color-yellow.button-active, | |
6696 | .md .button.color-yellow.tab-link-active { | |
6697 | background-color: #ffeb3b; | |
6698 | color: #fff; | |
6699 | } | |
6700 | .md .button.color-yellow.button-fill.active-state, | |
6701 | .md .button.color-yellow.button-fill-md.active-state, | |
6702 | .md .button.color-yellow.button-active.active-state, | |
6703 | .md .button.color-yellow.tab-link-active.active-state { | |
6704 | background: #ffe712; | |
6705 | } | |
6706 | .md .button.color-yellow.button-outline { | |
6707 | border-color: #ffeb3b; | |
6708 | } | |
6709 | .md .button.color-orange { | |
6710 | color: #ff9800; | |
6711 | } | |
6712 | .md .button.color-orange.button-fill, | |
6713 | .md .button.color-orange.button-fill-md, | |
6714 | .md .button.color-orange.button-active, | |
6715 | .md .button.color-orange.tab-link-active { | |
6716 | background-color: #ff9800; | |
6717 | color: #fff; | |
6718 | } | |
6719 | .md .button.color-orange.button-fill.active-state, | |
6720 | .md .button.color-orange.button-fill-md.active-state, | |
6721 | .md .button.color-orange.button-active.active-state, | |
6722 | .md .button.color-orange.tab-link-active.active-state { | |
6723 | background: #d68000; | |
6724 | } | |
6725 | .md .button.color-orange.button-outline { | |
6726 | border-color: #ff9800; | |
6727 | } | |
6728 | .md .button.color-gray { | |
6729 | color: #9e9e9e; | |
6730 | } | |
6731 | .md .button.color-gray.button-fill, | |
6732 | .md .button.color-gray.button-fill-md, | |
6733 | .md .button.color-gray.button-active, | |
6734 | .md .button.color-gray.tab-link-active { | |
6735 | background-color: #9e9e9e; | |
6736 | color: #fff; | |
6737 | } | |
6738 | .md .button.color-gray.button-fill.active-state, | |
6739 | .md .button.color-gray.button-fill-md.active-state, | |
6740 | .md .button.color-gray.button-active.active-state, | |
6741 | .md .button.color-gray.tab-link-active.active-state { | |
6742 | background: #8a8a8a; | |
6743 | } | |
6744 | .md .button.color-gray.button-outline { | |
6745 | border-color: #9e9e9e; | |
6746 | } | |
6747 | .md .button.color-white { | |
6748 | color: #ffffff; | |
6749 | } | |
6750 | .md .button.color-white.button-fill, | |
6751 | .md .button.color-white.button-fill-md, | |
6752 | .md .button.color-white.button-active, | |
6753 | .md .button.color-white.tab-link-active { | |
6754 | background-color: #ffffff; | |
6755 | color: #fff; | |
6756 | } | |
6757 | .md .button.color-white.button-fill.active-state, | |
6758 | .md .button.color-white.button-fill-md.active-state, | |
6759 | .md .button.color-white.button-active.active-state, | |
6760 | .md .button.color-white.tab-link-active.active-state { | |
6761 | background: #ebebeb; | |
6762 | } | |
6763 | .md .button.color-white.button-outline { | |
6764 | border-color: #ffffff; | |
6765 | } | |
6766 | .md .button.color-black { | |
6767 | color: #000000; | |
6768 | } | |
6769 | .md .button.color-black.button-fill, | |
6770 | .md .button.color-black.button-fill-md, | |
6771 | .md .button.color-black.button-active, | |
6772 | .md .button.color-black.tab-link-active { | |
6773 | background-color: #000000; | |
6774 | color: #fff; | |
6775 | } | |
6776 | .md .button.color-black.button-fill.active-state, | |
6777 | .md .button.color-black.button-fill-md.active-state, | |
6778 | .md .button.color-black.button-active.active-state, | |
6779 | .md .button.color-black.tab-link-active.active-state { | |
6780 | background: #000000; | |
6781 | } | |
6782 | .md .button.color-black.button-outline { | |
6783 | border-color: #000000; | |
6784 | } | |
6785 | /* === Touch Ripple === */ | |
6786 | .md .ripple, | |
6787 | .md .fab a, | |
6788 | .md a.link, | |
6789 | .md a.item-link, | |
6790 | .md .button, | |
6791 | .md .dialog-button, | |
6792 | .md .tab-link, | |
6793 | .md .radio, | |
6794 | .md .checkbox, | |
6795 | .md .actions-button, | |
6796 | .md .speed-dial-buttons a { | |
6797 | -webkit-user-select: none; | |
6798 | -moz-user-select: none; | |
6799 | -ms-user-select: none; | |
6800 | user-select: none; | |
6801 | } | |
6802 | .md .ripple-wave { | |
6803 | left: 0; | |
6804 | top: 0; | |
6805 | position: absolute !important; | |
6806 | border-radius: 50%; | |
6807 | pointer-events: none; | |
6808 | z-index: -1; | |
6809 | background: rgba(0, 0, 0, 0.1); | |
6810 | padding: 0; | |
6811 | margin: 0; | |
6812 | font-size: 0; | |
6813 | -webkit-transform: translate3d(0px, 0px, 0) scale(0); | |
6814 | transform: translate3d(0px, 0px, 0) scale(0); | |
6815 | -webkit-transition-duration: 1400ms; | |
6816 | transition-duration: 1400ms; | |
6817 | } | |
6818 | .md .ripple-wave.ripple-wave-fill { | |
6819 | -webkit-transition-duration: 300ms; | |
6820 | transition-duration: 300ms; | |
6821 | opacity: 0.35; | |
6822 | } | |
6823 | .md .ripple-wave.ripple-wave-out { | |
6824 | -webkit-transition-duration: 600ms; | |
6825 | transition-duration: 600ms; | |
6826 | opacity: 0; | |
6827 | } | |
6828 | .button-fill .md .ripple-wave, | |
6829 | .picker-calendar-day .md .ripple-wave { | |
6830 | z-index: 1; | |
6831 | } | |
6832 | .md .button-fill .ripple-wave, | |
6833 | .md .button-active .ripple-wave, | |
6834 | .md .navbar .ripple-wave, | |
6835 | .md .toolbar .ripple-wave, | |
6836 | .md .subnavbar .ripple-wave, | |
6837 | .md .toast .ripple-wave, | |
6838 | .md .fab a .ripple-wave, | |
6839 | .md .stepper-fill .ripple-wave { | |
6840 | background: rgba(255, 255, 255, 0.3); | |
6841 | } | |
6842 | .md .messagebar .ripple-wave, | |
6843 | .md .searchbar .ripple-wave { | |
6844 | background: rgba(0, 0, 0, 0.1); | |
6845 | } | |
6846 | .md .data-table .sortable-cell .ripple-wave { | |
6847 | z-index: 0; | |
6848 | } | |
6849 | .md .checkbox .ripple-wave, | |
6850 | .md .radio .ripple-wave { | |
6851 | background: rgba(33, 150, 243, 0.5); | |
6852 | z-index: 0; | |
6853 | } | |
6854 | .md .theme-dark .page-content .ripple-wave, | |
6855 | .md .theme-dark .messagebar .ripple-wave, | |
6856 | .md .theme-dark .popover .ripple-wave, | |
6857 | .md .theme-dark .calendar .ripple-wave, | |
6858 | .calendar.md .theme-dark .ripple-wave { | |
6859 | background-color: rgba(255, 255, 255, 0.3); | |
6860 | } | |
6861 | .md .ripple-color-red .ripple-wave, | |
6862 | .md .ripple-red .ripple-wave { | |
6863 | background-color: rgba(244, 67, 54, 0.3); | |
6864 | } | |
6865 | .md .ripple-color-green .ripple-wave, | |
6866 | .md .ripple-green .ripple-wave { | |
6867 | background-color: rgba(76, 175, 80, 0.3); | |
6868 | } | |
6869 | .md .ripple-color-blue .ripple-wave, | |
6870 | .md .ripple-blue .ripple-wave { | |
6871 | background-color: rgba(33, 150, 243, 0.3); | |
6872 | } | |
6873 | .md .ripple-color-pink .ripple-wave, | |
6874 | .md .ripple-pink .ripple-wave { | |
6875 | background-color: rgba(233, 30, 99, 0.3); | |
6876 | } | |
6877 | .md .ripple-color-yellow .ripple-wave, | |
6878 | .md .ripple-yellow .ripple-wave { | |
6879 | background-color: rgba(255, 235, 59, 0.3); | |
6880 | } | |
6881 | .md .ripple-color-orange .ripple-wave, | |
6882 | .md .ripple-orange .ripple-wave { | |
6883 | background-color: rgba(255, 152, 0, 0.3); | |
6884 | } | |
6885 | .md .ripple-color-gray .ripple-wave, | |
6886 | .md .ripple-gray .ripple-wave { | |
6887 | background-color: rgba(158, 158, 158, 0.3); | |
6888 | } | |
6889 | .md .ripple-color-white .ripple-wave, | |
6890 | .md .ripple-white .ripple-wave { | |
6891 | background-color: rgba(255, 255, 255, 0.3); | |
6892 | } | |
6893 | .md .ripple-color-black .ripple-wave, | |
6894 | .md .ripple-black .ripple-wave { | |
6895 | background-color: rgba(0, 0, 0, 0.3); | |
6896 | } | |
6897 | /* === Icon === */ | |
6898 | i.icon { | |
6899 | display: inline-block; | |
6900 | vertical-align: middle; | |
6901 | background-size: 100% auto; | |
6902 | background-position: center; | |
6903 | background-repeat: no-repeat; | |
6904 | font-style: normal; | |
6905 | position: relative; | |
6906 | } | |
6907 | .ios .icon-back, | |
6908 | .ios .icon-prev { | |
6909 | width: 12px; | |
6910 | height: 20px; | |
6911 | } | |
6912 | .ios .icon-forward, | |
6913 | .ios .icon-next { | |
6914 | width: 12px; | |
6915 | height: 20px; | |
6916 | } | |
6917 | .ios .icon-next, | |
6918 | .ios .icon-prev { | |
6919 | width: 10px; | |
6920 | } | |
6921 | .ios .icon-back, | |
6922 | .ios .icon-prev { | |
6923 | 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"); | |
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'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"); | |
6928 | } | |
6929 | .ios .navbar .f7-icons, | |
6930 | .ios .toolbar .f7-icons { | |
6931 | font-size: 22px; | |
6932 | } | |
6933 | .ios .tabbar .f7-icons, | |
6934 | .ios .tabbar-labels .f7-icons { | |
6935 | font-size: 25px; | |
6936 | } | |
6937 | .ios .item-media .f7-icons { | |
6938 | font-size: 25px; | |
6939 | width: 29px; | |
6940 | height: 29px; | |
6941 | } | |
6942 | .ios .button .f7-icons { | |
6943 | font-size: 22px; | |
6944 | } | |
6945 | .ios .item-media .icon { | |
6946 | color: #808080; | |
6947 | } | |
6948 | .ios .color-theme-red .icon-back, | |
6949 | .ios .icon-back.color-red, | |
6950 | .ios a.link.color-red .icon-back, | |
6951 | .ios .color-theme-red .icon-prev, | |
6952 | .ios .icon-prev.color-red, | |
6953 | .ios a.link.color-red .icon-prev { | |
6954 | 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"); | |
6955 | } | |
6956 | .ios .color-theme-red .icon-forward, | |
6957 | .ios .icon-forward.color-red, | |
6958 | .ios a.link.color-red .icon-forward, | |
6959 | .ios .color-theme-red .icon-next, | |
6960 | .ios .icon-next.color-red, | |
6961 | .ios a.link.color-red .icon-next { | |
6962 | 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"); | |
6963 | } | |
6964 | .ios .color-theme-green .icon-back, | |
6965 | .ios .icon-back.color-green, | |
6966 | .ios a.link.color-green .icon-back, | |
6967 | .ios .color-theme-green .icon-prev, | |
6968 | .ios .icon-prev.color-green, | |
6969 | .ios a.link.color-green .icon-prev { | |
6970 | 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"); | |
6971 | } | |
6972 | .ios .color-theme-green .icon-forward, | |
6973 | .ios .icon-forward.color-green, | |
6974 | .ios a.link.color-green .icon-forward, | |
6975 | .ios .color-theme-green .icon-next, | |
6976 | .ios .icon-next.color-green, | |
6977 | .ios a.link.color-green .icon-next { | |
6978 | 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"); | |
6979 | } | |
6980 | .ios .color-theme-blue .icon-back, | |
6981 | .ios .icon-back.color-blue, | |
6982 | .ios a.link.color-blue .icon-back, | |
6983 | .ios .color-theme-blue .icon-prev, | |
6984 | .ios .icon-prev.color-blue, | |
6985 | .ios a.link.color-blue .icon-prev { | |
6986 | 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"); | |
6987 | } | |
6988 | .ios .color-theme-blue .icon-forward, | |
6989 | .ios .icon-forward.color-blue, | |
6990 | .ios a.link.color-blue .icon-forward, | |
6991 | .ios .color-theme-blue .icon-next, | |
6992 | .ios .icon-next.color-blue, | |
6993 | .ios a.link.color-blue .icon-next { | |
6994 | 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"); | |
6995 | } | |
6996 | .ios .color-theme-pink .icon-back, | |
6997 | .ios .icon-back.color-pink, | |
6998 | .ios a.link.color-pink .icon-back, | |
6999 | .ios .color-theme-pink .icon-prev, | |
7000 | .ios .icon-prev.color-pink, | |
7001 | .ios a.link.color-pink .icon-prev { | |
7002 | 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"); | |
7003 | } | |
7004 | .ios .color-theme-pink .icon-forward, | |
7005 | .ios .icon-forward.color-pink, | |
7006 | .ios a.link.color-pink .icon-forward, | |
7007 | .ios .color-theme-pink .icon-next, | |
7008 | .ios .icon-next.color-pink, | |
7009 | .ios a.link.color-pink .icon-next { | |
7010 | 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"); | |
7011 | } | |
7012 | .ios .color-theme-yellow .icon-back, | |
7013 | .ios .icon-back.color-yellow, | |
7014 | .ios a.link.color-yellow .icon-back, | |
7015 | .ios .color-theme-yellow .icon-prev, | |
7016 | .ios .icon-prev.color-yellow, | |
7017 | .ios a.link.color-yellow .icon-prev { | |
7018 | 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"); | |
7019 | } | |
7020 | .ios .color-theme-yellow .icon-forward, | |
7021 | .ios .icon-forward.color-yellow, | |
7022 | .ios a.link.color-yellow .icon-forward, | |
7023 | .ios .color-theme-yellow .icon-next, | |
7024 | .ios .icon-next.color-yellow, | |
7025 | .ios a.link.color-yellow .icon-next { | |
7026 | 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"); | |
7027 | } | |
7028 | .ios .color-theme-orange .icon-back, | |
7029 | .ios .icon-back.color-orange, | |
7030 | .ios a.link.color-orange .icon-back, | |
7031 | .ios .color-theme-orange .icon-prev, | |
7032 | .ios .icon-prev.color-orange, | |
7033 | .ios a.link.color-orange .icon-prev { | |
7034 | 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"); | |
7035 | } | |
7036 | .ios .color-theme-orange .icon-forward, | |
7037 | .ios .icon-forward.color-orange, | |
7038 | .ios a.link.color-orange .icon-forward, | |
7039 | .ios .color-theme-orange .icon-next, | |
7040 | .ios .icon-next.color-orange, | |
7041 | .ios a.link.color-orange .icon-next { | |
7042 | 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"); | |
7043 | } | |
7044 | .ios .color-theme-gray .icon-back, | |
7045 | .ios .icon-back.color-gray, | |
7046 | .ios a.link.color-gray .icon-back, | |
7047 | .ios .color-theme-gray .icon-prev, | |
7048 | .ios .icon-prev.color-gray, | |
7049 | .ios a.link.color-gray .icon-prev { | |
7050 | 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"); | |
7051 | } | |
7052 | .ios .color-theme-gray .icon-forward, | |
7053 | .ios .icon-forward.color-gray, | |
7054 | .ios a.link.color-gray .icon-forward, | |
7055 | .ios .color-theme-gray .icon-next, | |
7056 | .ios .icon-next.color-gray, | |
7057 | .ios a.link.color-gray .icon-next { | |
7058 | 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"); | |
7059 | } | |
7060 | .ios .color-theme-white .icon-back, | |
7061 | .ios .icon-back.color-white, | |
7062 | .ios a.link.color-white .icon-back, | |
7063 | .ios .color-theme-white .icon-prev, | |
7064 | .ios .icon-prev.color-white, | |
7065 | .ios a.link.color-white .icon-prev { | |
7066 | 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"); | |
7067 | } | |
7068 | .ios .color-theme-white .icon-forward, | |
7069 | .ios .icon-forward.color-white, | |
7070 | .ios a.link.color-white .icon-forward, | |
7071 | .ios .color-theme-white .icon-next, | |
7072 | .ios .icon-next.color-white, | |
7073 | .ios a.link.color-white .icon-next { | |
7074 | 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"); | |
7075 | } | |
7076 | .ios .color-theme-black .icon-back, | |
7077 | .ios .icon-back.color-black, | |
7078 | .ios a.link.color-black .icon-back, | |
7079 | .ios .color-theme-black .icon-prev, | |
7080 | .ios .icon-prev.color-black, | |
7081 | .ios a.link.color-black .icon-prev { | |
7082 | 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"); | |
7083 | } | |
7084 | .ios .color-theme-black .icon-forward, | |
7085 | .ios .icon-forward.color-black, | |
7086 | .ios a.link.color-black .icon-forward, | |
7087 | .ios .color-theme-black .icon-next, | |
7088 | .ios .icon-next.color-black, | |
7089 | .ios a.link.color-black .icon-next { | |
7090 | 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"); | |
7091 | } | |
7092 | .ios .icon.color-red { | |
7093 | color: #ff3b30; | |
7094 | } | |
7095 | .ios .icon.color-green { | |
7096 | color: #4cd964; | |
7097 | } | |
7098 | .ios .icon.color-blue { | |
7099 | color: #007aff; | |
7100 | } | |
7101 | .ios .icon.color-pink { | |
7102 | color: #ff2d55; | |
7103 | } | |
7104 | .ios .icon.color-yellow { | |
7105 | color: #ffcc00; | |
7106 | } | |
7107 | .ios .icon.color-orange { | |
7108 | color: #ff9500; | |
7109 | } | |
7110 | .ios .icon.color-gray { | |
7111 | color: #8e8e93; | |
7112 | } | |
7113 | .ios .icon.color-white { | |
7114 | color: #ffffff; | |
7115 | } | |
7116 | .ios .icon.color-black { | |
7117 | color: #000000; | |
7118 | } | |
7119 | .md .icon-back { | |
7120 | width: 24px; | |
7121 | height: 24px; | |
7122 | } | |
7123 | .md .icon-forward { | |
7124 | width: 24px; | |
7125 | height: 24px; | |
7126 | } | |
7127 | .md .icon-next, | |
7128 | .md .icon-prev { | |
7129 | width: 24px; | |
7130 | height: 24px; | |
7131 | } | |
7132 | .md .item-media .icon { | |
7133 | color: #737373; | |
7134 | } | |
7135 | .md .item-media .material-icons { | |
7136 | font-size: 24px; | |
7137 | width: 24px; | |
7138 | height: 24px; | |
7139 | } | |
7140 | .md .icon-back { | |
7141 | 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"); | |
7142 | } | |
7143 | .md .icon-forward { | |
7144 | 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"); | |
7145 | } | |
7146 | .md .icon-next { | |
7147 | 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"); | |
7148 | } | |
7149 | .md .icon-prev { | |
7150 | 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"); | |
7151 | } | |
7152 | .md .icon-back.color-red, | |
7153 | .md a.link .color-red .icon-back { | |
7154 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); | |
7159 | } | |
7160 | .md .icon-next.color-red, | |
7161 | .md a.link .color-red .icon-next { | |
7162 | 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"); | |
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'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"); | |
7167 | } | |
7168 | .md .icon-back.color-green, | |
7169 | .md a.link .color-green .icon-back { | |
7170 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); | |
7175 | } | |
7176 | .md .icon-next.color-green, | |
7177 | .md a.link .color-green .icon-next { | |
7178 | 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"); | |
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'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"); | |
7183 | } | |
7184 | .md .icon-back.color-blue, | |
7185 | .md a.link .color-blue .icon-back { | |
7186 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); | |
7191 | } | |
7192 | .md .icon-next.color-blue, | |
7193 | .md a.link .color-blue .icon-next { | |
7194 | 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"); | |
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'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"); | |
7199 | } | |
7200 | .md .icon-back.color-pink, | |
7201 | .md a.link .color-pink .icon-back { | |
7202 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); | |
7207 | } | |
7208 | .md .icon-next.color-pink, | |
7209 | .md a.link .color-pink .icon-next { | |
7210 | 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"); | |
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'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"); | |
7215 | } | |
7216 | .md .icon-back.color-yellow, | |
7217 | .md a.link .color-yellow .icon-back { | |
7218 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); | |
7223 | } | |
7224 | .md .icon-next.color-yellow, | |
7225 | .md a.link .color-yellow .icon-next { | |
7226 | 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"); | |
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'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"); | |
7231 | } | |
7232 | .md .icon-back.color-orange, | |
7233 | .md a.link .color-orange .icon-back { | |
7234 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); | |
7239 | } | |
7240 | .md .icon-next.color-orange, | |
7241 | .md a.link .color-orange .icon-next { | |
7242 | 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"); | |
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'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"); | |
7247 | } | |
7248 | .md .icon-back.color-gray, | |
7249 | .md a.link .color-gray .icon-back { | |
7250 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); | |
7255 | } | |
7256 | .md .icon-next.color-gray, | |
7257 | .md a.link .color-gray .icon-next { | |
7258 | 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"); | |
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'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"); | |
7263 | } | |
7264 | .md .icon-back.color-white, | |
7265 | .md a.link .color-white .icon-back { | |
7266 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | |
7271 | } | |
7272 | .md .icon-next.color-white, | |
7273 | .md a.link .color-white .icon-next { | |
7274 | 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"); | |
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'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"); | |
7279 | } | |
7280 | .md .icon-back.color-black, | |
7281 | .md a.link .color-black .icon-back { | |
7282 | 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"); | |
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'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | |
7287 | } | |
7288 | .md .icon-next.color-black, | |
7289 | .md a.link .color-black .icon-next { | |
7290 | 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"); | |
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'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"); | |
7295 | } | |
7296 | .md .icon.color-red { | |
7297 | color: #f44336; | |
7298 | } | |
7299 | .md .icon.color-green { | |
7300 | color: #4caf50; | |
7301 | } | |
7302 | .md .icon.color-blue { | |
7303 | color: #2196f3; | |
7304 | } | |
7305 | .md .icon.color-pink { | |
7306 | color: #e91e63; | |
7307 | } | |
7308 | .md .icon.color-yellow { | |
7309 | color: #ffeb3b; | |
7310 | } | |
7311 | .md .icon.color-orange { | |
7312 | color: #ff9800; | |
7313 | } | |
7314 | .md .icon.color-gray { | |
7315 | color: #9e9e9e; | |
7316 | } | |
7317 | .md .icon.color-white { | |
7318 | color: #ffffff; | |
7319 | } | |
7320 | .md .icon.color-black { | |
7321 | color: #000000; | |
7322 | } | |
7323 | .custom-modal-backdrop { | |
7324 | position: absolute; | |
7325 | left: 0; | |
7326 | top: 0; | |
7327 | width: 100%; | |
7328 | height: 100%; | |
7329 | background: rgba(0, 0, 0, 0.4); | |
7330 | z-index: 13000; | |
7331 | visibility: hidden; | |
7332 | opacity: 0; | |
7333 | -webkit-transition-duration: 400ms; | |
7334 | transition-duration: 400ms; | |
7335 | z-index: 10500; | |
7336 | } | |
7337 | .custom-modal-backdrop.not-animated { | |
7338 | -webkit-transition-duration: 0ms; | |
7339 | transition-duration: 0ms; | |
7340 | } | |
7341 | .custom-modal-backdrop.backdrop-in { | |
7342 | visibility: visible; | |
7343 | opacity: 1; | |
7344 | } |