mirror of
https://gitlab.com/octospacc/Web-Archives-Misc
synced 2025-01-01 10:37:33 +01:00
6453 lines
163 KiB
CSS
6453 lines
163 KiB
CSS
/**
|
|
* Framework7 4.0.0
|
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
* http://framework7.io/
|
|
*
|
|
* Copyright 2014-2019 Vladimir Kharlampidi
|
|
*
|
|
* Released under the MIT License
|
|
*
|
|
* Released on: February 7, 2019
|
|
*/
|
|
|
|
/*====================
|
|
Core
|
|
==================== */
|
|
/*====================
|
|
Fonts
|
|
==================== */
|
|
/*====================
|
|
Bars
|
|
==================== */
|
|
:root {
|
|
/*
|
|
--f7-bars-link-color: var(--f7-theme-color);
|
|
*/
|
|
}
|
|
/*====================
|
|
Color Themes
|
|
==================== */
|
|
@font-face {
|
|
font-family: 'framework7-core-icons';
|
|
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAucABAAAAAAFdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALgAAAABkAAAAciVvo20dERUYAAAmwAAAAIwAAACQAdwBXR1BPUwAAC1AAAAAuAAAANuAY7+xHU1VCAAAJ1AAAAXsAAANI9IT86E9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAnQAAACIAAABYt6F0cBjdnQgAAAC/AAAAAQAAAAEABEBRGdhc3AAAAmoAAAACAAAAAj//wADZ2x5ZgAAA4gAAAOZAAAITCn3I+5oZWFkAAABbAAAADAAAAA2FHn/62hoZWEAAAGcAAAAIAAAACQHggM3aG10eAAAAigAAABMAAABDCk9AApsb2NhAAADAAAAAIgAAACIN4I51G1heHAAAAG8AAAAHwAAACAAiQBLbmFtZQAAByQAAAFTAAAC1pgGDVZwb3N0AAAIeAAAAS4AAAH92CB3HXjaY2BkYGAA4uKM/yHx/DZfGbiZGEDgRu397TD6/89/vSxpTJ+BXA4GsDQAfeMOn3jaY2BkYGD6/K+XQY8l7f9PBgaWNAagCApwBgCRZgXAeNpjYGRgYHBmkGJgYQABJiBmZACJOTDogQQADRYA1QB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wLxWSCWAGI3CGZKg/KBNBNIjTHEHKazED1MQD4AiKAPYnjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DEAMiAzQDRANqA3wDlgOqA7wDzgP2BAwEJnja7VTPaxtHFH7fyNLGCFuWrF/tpZa82nVpcYhW0qZUrgWKezAtDcHuwZdYJeiUQ0yIe5N8LAGhHhyMRW6GHNqTZdOeKqu9KBc1oFMpPqlQh0JOPgXiVd/MaoOT/gclMLNv5pu3b7753pshQWEi2sc6+UijxUPQ1WJbm6AX2cOA/7TY9gke0qFPwn4Jt7UAXhXbkLgVtsKmFZ4Pf/dttYp158cwLI4Gbl3VeRS+JsfvsHfY/x4TlzAfo58IBdME90ncxAbfsBDFKEEUSQei8WwhZ2Tj0UDayPltM4SEbf6wViyuFR/fXV29u4ry1L3p6a3pLZSKa0tLa1+vSvjl9L0pCbocRr/C4k0iRJl0SMhIyzCNXCH7AeIwAfwVnIsHT06C8VRwGGoLMQzG54KdE4kOQy7n0Rm6eMLvwHscJaGZeTMwn5Yx4rGolkhLlswWpR1jR1tcXqlUHn6zoP20eePGZrmxY9Rj2kLlYaWy8tmiVt4slzcVLzKow+f1E81qHNLubG/rrRYKytCY+zlaaNAV3jWWkk4JDS3naVPv9/XmnznXjn1pCr/hjoxnIwHTbiKkO/2mvj62hNFL1uIj1oLfM7uwDKYfZUmlvFdh+MEn5zN3OvL8w9Az+IZSE567Ssg9otRzOdtMxrR7B3q9rv/M31rmzfU8U01o4+VMra4rHZ3GRFWcU1DmN2OyQ8LmjNqmmNPFTESfm4jMCFHqFXpe+9T53bnY24MPWfj29v7p2d6S/er0NexcSLf/aiYF4/fXRkvqZH3flQbXWUBPsxK+RIkCPElo19gbH+qnWzpjbOa/UJxpA30Y6u2nJaRi/nwqhr5joX9uWfuWpfbsIsm68rkzkLogOaLk8+fJrmvcvW7jc44j882Z1MwDJQ4MZTw+r304CGvj+tw+0Gs1XdVhQ1RxzkxmiXIznL+ZQBocy1Py2Dk+dmj0frXqtRLo6GhER9i/BNKbnPOQuQIlz86SXYwZezVVxX3OF0FTpBUtVJtN3Wv46tJE/uN0RUt0paY2a29N4u/+mdN1njSEdaFk82Kv8L00lPZKehvWszuRW78gqszbd0RWv8k3Q3/wABtstrdpfDc3RF8YNMmvhtTEkqLMp2cvVddg99Fg8Gh3t1aocavL78dYGAycPwZ4XLdrNbuuvm/Xj9ozlU+ZfVk3zlNcb6IhhzlVPz7JT1jMT9YGaxTOu9Uhuzys22HkcjuqEf0LOMqq8QAAAHjarZC9TgJBFIXP8GOihTFG+lsCYTfDhoRAZUJCQ2MstnazjDCB3cFhE0J8Fms7G2ufwtha+hzeGaawoLBgk5v59sy5M+cOgEu8QeDwtXEfWKCF18A1XOAzcB1S3AZuoCVeAjdxJb4Cn6FVu2anaJzz353vcizQxXPgGm7wEbiOB3wHbqArngI3QeI98BnrP5jAYIM9LDQWWKICceYcHV4TSPQxQo85xRoZ5uwquCwrM3ZnTE4v+AztdzExm73Vi2VF7bxDieyPepSus7kutKXZMrPrrNjoOTsfudm1Kuw4hMUKQ0R8tWPFpD2X2LLVZoXaGbsaRrmxKtK5KVk+6v1rmHqx8qvl+ZSfKua5CGOu/0c4+AesJb4OL4OpKaupsQtFSSxpTEeDsj6Iksi9xSmmTtlneV97H3EUFyb2qxsMqbJbbUqSsh9LKekEl/4CxNCFmAB42m2QB2/CMBCF30FbSBgJBcJof0333nsoColprEIcOWb8+ao1I4hIPcmS796973xGDvP4/QHhv9jXh5BDHjbqaKAJBy200UEXO9jFHg5wiCMc4wSnOMM5LnCJK1zjBre4wz0e8IgnPOMFr3jDOz7wSTnK0wZt0hYVqEgGmVSiMlWoShbZVKNtqlODmuRQi9rUoa6ZME/6octFUvNDNpYiciX/CtWsYizFYWCl2oD1lc4rnpRikmYlrfrfPTHVdzvTqSGVDLa8LjuRULzPfU9xXfEHImEzh7WA94RSYqiRhvQCLmZKIRFyPjCZ8JhJN2JTZabEUbyCB2ISWQEbMMVcKUZRsOaJJRsbS00vEivpLuZpfnm1iE7s7H/o1TJE3VFdGFO9OH+drv8BbS2SHgAAAAAAAf//AAJ42mNgZGBg4AFiGSBmAkJmBk0GRgYtBicgmwUsxgAADTQAzwB42nVSSVLCQBR9HSmJOIAhSkpJkEGwEOcZcVy4cO2SDSu1inJFuXDhUTyBJ/AcnsMjiO93TAKhUl1Jd7/3+v2hGwpABh5aUP3e4AUmUkQwHEIY1X9+7BGDvyOX0rMJZfwiDRuv6tPIGB2jawwwRXwDdzhEFmUOD3WuFjlXOTwUuSsijxssjPBlOFhGgQqf3cb8CLvKGEshl6GyjS7e8YEvfONHmWoNm4xRoG5dn3Jjng6xCnaRi2kiZ19xNaGIZ7bFOclD+D1mnuRwhrkYl9cVutifYALXy3/GworuYiPMdQezE4xkcMoOjXvVUNL30sQ9rlmhrd2r/LJaU6MqH/q2uUpSiH8HM2O8YPIqDlil3LLDvB1mldNrPwOLevG2wyhy4oK9qtI/S2102xF/xEg5ugsS4NN8N3V25QFPeMM5e1AnU6Kz+JT4l8pPYrjLucFYTfbG1tEs9ijwbOmKIlQqumW/PCLR2zjmWw8Qv+Y0z1hcuTpu5Q/+XTUsAHjaY2BkYGDgYpBjMGFgzEksyWPgYGABijD8/88AkmEszqxKhYp9YIADAMCOBtEAAHjaY2BgYGQAghsJmjlguvb+dhgNAEgzB6UAAAA=") format("woff");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'framework7-skeleton';
|
|
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff");
|
|
font-weight: 300, 400, 500, 600, 700;
|
|
font-style: normal, italic;
|
|
}
|
|
html,
|
|
body,
|
|
.framework7-root {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-family: undefined;
|
|
font-size: undefined;
|
|
line-height: undefined;
|
|
color: undefined;
|
|
}
|
|
.theme-dark {
|
|
color: undefined;
|
|
}
|
|
.framework7-root {
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
.framework7-initializing *,
|
|
.framework7-initializing *:before,
|
|
.framework7-initializing *:after {
|
|
transition-duration: 0ms !important;
|
|
}
|
|
.device-ios,
|
|
.device-android {
|
|
cursor: pointer;
|
|
}
|
|
.device-ios {
|
|
touch-action: manipulation;
|
|
}
|
|
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
|
|
html,
|
|
body,
|
|
.framework7-root {
|
|
height: 671px;
|
|
}
|
|
}
|
|
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
|
|
html,
|
|
body,
|
|
.framework7-root {
|
|
height: 672px;
|
|
}
|
|
}
|
|
* {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-touch-callout: none;
|
|
}
|
|
a,
|
|
input,
|
|
textarea,
|
|
select {
|
|
outline: 0;
|
|
}
|
|
a {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #007aff;
|
|
}
|
|
p {
|
|
margin: 1em 0;
|
|
}
|
|
.disabled {
|
|
opacity: 0.55 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
html.device-full-viewport,
|
|
html.device-full-viewport body {
|
|
height: 100vh;
|
|
}
|
|
.ios .md-only,
|
|
.ios .if-md {
|
|
display: none !important;
|
|
}
|
|
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
|
|
.ios,
|
|
.ios body,
|
|
.ios .framework7-root {
|
|
height: 671px;
|
|
}
|
|
}
|
|
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
|
|
.ios,
|
|
.ios body,
|
|
.ios .framework7-root {
|
|
height: 672px;
|
|
}
|
|
}
|
|
.md .ios-only,
|
|
.md .if-ios {
|
|
display: none !important;
|
|
}
|
|
/* === Statusbar === */
|
|
.statusbar {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 10000;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 0px;
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.statusbar {
|
|
height: 0px;
|
|
}
|
|
}
|
|
.framework7-root {
|
|
padding-top: 0px;
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.framework7-root {
|
|
padding-top: 0px;
|
|
}
|
|
}
|
|
.ios .statusbar {
|
|
background: #1b1b1b;
|
|
}
|
|
.md .statusbar {
|
|
background: #1b1b1b;
|
|
}
|
|
/* === Views === */
|
|
.views,
|
|
.view {
|
|
position: relative;
|
|
height: 100%;
|
|
z-index: 5000;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
/* === Pages === */
|
|
.pages {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.page {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
transform: translate3d(0, 0, 0);
|
|
background-color: undefined;
|
|
}
|
|
.page.stacked {
|
|
display: none;
|
|
}
|
|
.page-previous {
|
|
pointer-events: none;
|
|
}
|
|
.page-content {
|
|
will-change: scroll-position;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.page-transitioning {
|
|
transition-duration: undefined;
|
|
}
|
|
.page-transitioning .page-shadow-effect {
|
|
transition-duration: undefined;
|
|
}
|
|
.page-transitioning .page-opacity-effect {
|
|
transition-duration: undefined;
|
|
}
|
|
.page-transitioning-swipeback {
|
|
transition-duration: undefined;
|
|
}
|
|
.page-transitioning-swipeback .page-shadow-effect {
|
|
transition-duration: undefined;
|
|
}
|
|
.page-transitioning-swipeback .page-opacity-effect {
|
|
transition-duration: undefined;
|
|
}
|
|
.router-transition-forward .page-next,
|
|
.router-transition-backward .page-next,
|
|
.router-transition-forward .page-current,
|
|
.router-transition-backward .page-current,
|
|
.router-transition-forward .page-previous:not(.stacked),
|
|
.router-transition-backward .page-previous:not(.stacked) {
|
|
pointer-events: none;
|
|
}
|
|
.page-shadow-effect {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
content: '';
|
|
opacity: 0;
|
|
right: 100%;
|
|
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%);
|
|
}
|
|
.page-opacity-effect {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
width: 100%;
|
|
bottom: 0;
|
|
content: '';
|
|
opacity: 0;
|
|
z-index: 10000;
|
|
}
|
|
.ios .page-previous {
|
|
transform: translate3d(-20%, 0, 0);
|
|
}
|
|
.ios .page-next {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
.ios .page-previous .page-opacity-effect {
|
|
opacity: 1;
|
|
}
|
|
.ios .page-previous:after {
|
|
opacity: 1;
|
|
}
|
|
.ios .page-current .page-shadow-effect {
|
|
opacity: 1;
|
|
}
|
|
.ios .router-transition-forward .page-next,
|
|
.ios .router-transition-forward .page-current {
|
|
will-change: transform;
|
|
}
|
|
.ios .router-transition-forward .page-next {
|
|
animation: ios-page-next-to-current 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .page-next:before {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
content: '';
|
|
opacity: 0;
|
|
right: 100%;
|
|
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%);
|
|
animation: ios-page-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .page-current {
|
|
animation: ios-page-current-to-previous 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .page-current:after {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
width: 100%;
|
|
bottom: 0;
|
|
content: '';
|
|
opacity: 0;
|
|
z-index: 10000;
|
|
animation: ios-page-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .page-previous,
|
|
.ios .router-transition-backward .page-current {
|
|
will-change: transform;
|
|
}
|
|
.ios .router-transition-backward .page-previous {
|
|
animation: ios-page-previous-to-current 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .page-previous:after {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
width: 100%;
|
|
bottom: 0;
|
|
content: '';
|
|
opacity: 0;
|
|
z-index: 10000;
|
|
animation: ios-page-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .page-current {
|
|
animation: ios-page-current-to-next 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .page-current:before {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
content: '';
|
|
opacity: 0;
|
|
right: 100%;
|
|
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%);
|
|
animation: ios-page-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-shadow-effect {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-shadow-effect {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-opacity-effect {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-opacity-effect {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-next:before {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-next:before {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-current:after {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-current:after {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-current:before {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-current:before {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .router-dynamic-navbar-inside .page-previous:after {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .router-dynamic-navbar-inside .page-previous:after {
|
|
top: 64px;
|
|
}
|
|
}
|
|
@keyframes ios-page-next-to-current {
|
|
from {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes ios-page-previous-to-current {
|
|
from {
|
|
transform: translate3d(-20%, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes ios-page-current-to-previous {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(-20%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes ios-page-current-to-next {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes ios-page-element-fade-in {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes ios-page-element-fade-out {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.md .page-next {
|
|
transform: translate3d(0, 56px, 0);
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.md .page-next.page-next-on-right {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
.md .router-transition-forward .page-next {
|
|
will-change: transform, opacity;
|
|
animation: md-page-next-to-current 250ms forwards;
|
|
}
|
|
.md .router-transition-forward .page-current {
|
|
animation: none;
|
|
}
|
|
.md .router-transition-backward .page-current {
|
|
will-change: transform, opacity;
|
|
animation: md-page-current-to-next 250ms forwards;
|
|
}
|
|
.md .router-transition-backward .page-previous {
|
|
animation: none;
|
|
}
|
|
@keyframes md-page-next-to-current {
|
|
from {
|
|
transform: translate3d(0, 56px, 0);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0px, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes md-page-current-to-next {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 56px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.view:not(.view-master-detail) .page-master-stacked {
|
|
display: none;
|
|
}
|
|
.view:not(.view-master-detail) .navbar-master-stacked {
|
|
display: none;
|
|
}
|
|
.view-master-detail .page-master {
|
|
width: 320px;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.view-master-detail .navbar-master {
|
|
width: 320px;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.view-master-detail .page-master-detail {
|
|
width: calc(100% - 320px);
|
|
left: 320px;
|
|
}
|
|
.view-master-detail .navbar-master-detail {
|
|
width: calc(100% - 320px);
|
|
left: 320px;
|
|
}
|
|
.view-master-detail .page-master {
|
|
z-index: 1;
|
|
transform: none;
|
|
pointer-events: auto;
|
|
}
|
|
.view-master-detail .page-master:before,
|
|
.view-master-detail .page-master:after {
|
|
display: none;
|
|
}
|
|
.view-master-detail.router-transition .page-master {
|
|
animation: none;
|
|
}
|
|
/* === Link === */
|
|
.link,
|
|
.tab-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transform: translate3d(0, 0, 0);
|
|
z-index: 1;
|
|
}
|
|
.link i + span,
|
|
.link i + i,
|
|
.link span + i,
|
|
.link span + span {
|
|
margin-left: 4px;
|
|
}
|
|
.ios .link {
|
|
transition: opacity 300ms;
|
|
}
|
|
.ios .link.active-state {
|
|
opacity: 0.3;
|
|
transition-duration: 0ms;
|
|
}
|
|
/* === Navbar === */
|
|
:root {
|
|
/*
|
|
--f7-navbar-bg-color: var(--f7-bars-bg-color);
|
|
--f7-navbar-bg-image: var(--f7-bars-bg-image);
|
|
--f7-navbar-border-color: var(--f7-bars-border-color);
|
|
--f7-navbar-link-color: var(--f7-bars-link-color);
|
|
--f7-navbar-text-color: var(--f7-bars-text-color);
|
|
*/
|
|
}
|
|
.navbar {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 500;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
transform: translate3d(0, 0, 0);
|
|
height: undefined;
|
|
background-image: none;
|
|
background-color: #f7f7f8;
|
|
color: #000;
|
|
font-size: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar {
|
|
height: 64px;
|
|
}
|
|
}
|
|
.navbar .material-icons {
|
|
width: 24px;
|
|
}
|
|
.navbar .f7-icons {
|
|
width: 28px;
|
|
}
|
|
.navbar b {
|
|
font-weight: 500;
|
|
}
|
|
.navbar a {
|
|
color: #007aff;
|
|
}
|
|
.navbar a.link {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
line-height: undefined;
|
|
height: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar a.link {
|
|
height: 64px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar a.link {
|
|
line-height: 64px;
|
|
}
|
|
}
|
|
.navbar .title,
|
|
.navbar .left,
|
|
.navbar .right {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
.navbar .title {
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex-shrink: 10;
|
|
font-weight: undefined;
|
|
display: inline-block;
|
|
line-height: 1.2;
|
|
text-align: undefined;
|
|
margin-left: undefined;
|
|
margin-right: undefined;
|
|
}
|
|
.navbar .subtitle {
|
|
display: block;
|
|
color: undefined;
|
|
font-weight: normal;
|
|
font-size: undefined;
|
|
line-height: undefined;
|
|
text-align: undefined;
|
|
}
|
|
.navbar .left,
|
|
.navbar .right {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.navbar .right:first-child {
|
|
position: absolute;
|
|
height: 100%;
|
|
}
|
|
.navbar.no-hairline:after,
|
|
.navbar.no-border:after {
|
|
display: none !important;
|
|
}
|
|
.navbar.no-hairline .title-large:after,
|
|
.navbar.no-border .title-large:after {
|
|
display: none !important;
|
|
}
|
|
.navbar.no-shadow:before {
|
|
display: none !important;
|
|
}
|
|
.navbar.navbar-hidden:before {
|
|
opacity: 0 !important;
|
|
}
|
|
.navbar:after,
|
|
.navbar:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.navbar:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.navbar:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.navbar:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.navbar:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
top: 100%;
|
|
bottom: auto;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.navbar:after {
|
|
z-index: 1;
|
|
}
|
|
.navbar-transitioning {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning:before {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning .title {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning .title-large {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning .title-large-inner {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning .title-large-text {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning .subnavbar {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-page-transitioning {
|
|
transition-duration: undefined !important;
|
|
}
|
|
.navbar-page-transitioning .title-large-text {
|
|
transition-duration: undefined !important;
|
|
}
|
|
.navbar-page-transitioning .title-large-inner {
|
|
transition-duration: undefined !important;
|
|
}
|
|
.navbar-hidden {
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
.navbar-inner {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: undefined;
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
padding: 0 calc(undefined + 0px) 0 calc(undefined + 0px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-inner {
|
|
height: 64px;
|
|
}
|
|
}
|
|
.navbar-inner.stacked {
|
|
display: none;
|
|
}
|
|
.views > .navbar,
|
|
.view > .navbar,
|
|
.page > .navbar {
|
|
position: absolute;
|
|
}
|
|
.navbar-large:before {
|
|
transform: undefined;
|
|
}
|
|
.navbar-inner-large > .title {
|
|
opacity: undefined;
|
|
}
|
|
.navbar .title-large {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
transform: undefined;
|
|
will-change: transform, opacity;
|
|
transition-property: transform;
|
|
overflow: hidden;
|
|
background-image: none;
|
|
background-color: #f7f7f8;
|
|
height: undefined;
|
|
z-index: 5;
|
|
margin-top: -1px;
|
|
transform-origin: calc(undefined + 0px) center;
|
|
}
|
|
.navbar .title-large:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.navbar .title-large:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.navbar .title-large:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.title-large-text {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: undefined;
|
|
letter-spacing: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
line-height: undefined;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
transform-origin: calc(undefined + 0px) center;
|
|
}
|
|
.title-large-inner .title {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: undefined;
|
|
letter-spacing: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
line-height: undefined;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
transform-origin: calc(undefined + 0px) center;
|
|
}
|
|
.title-large-text {
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
transform: undefined;
|
|
transition-property: transform, opacity;
|
|
width: 100%;
|
|
}
|
|
.title-large-inner {
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
transform: undefined;
|
|
transition-property: transform, opacity;
|
|
width: 100%;
|
|
}
|
|
.navbar-no-title-large-transition .title-large,
|
|
.navbar-no-title-large-transition .title-large-text,
|
|
.navbar-no-title-large-transition .title-large-inner {
|
|
transition-duration: 0ms;
|
|
}
|
|
.navbar ~ * .page:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .page:not(.no-navbar) .page-content {
|
|
padding-top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .page-content {
|
|
padding-top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-content {
|
|
padding-top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ :not(.page) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ :not(.page) .page-content {
|
|
padding-top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar).page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar a.icon-only {
|
|
width: 44px;
|
|
margin: 0;
|
|
justify-content: center;
|
|
}
|
|
.ios .navbar .left a + a,
|
|
.ios .navbar .right a + a {
|
|
margin-left: 15px;
|
|
}
|
|
.ios .navbar b {
|
|
font-weight: 600;
|
|
}
|
|
.ios .navbar .left {
|
|
margin-right: 10px;
|
|
}
|
|
.ios .navbar .right {
|
|
margin-left: 10px;
|
|
}
|
|
.ios .navbar .right:first-child {
|
|
right: calc(8px + 0px);
|
|
}
|
|
.ios .navbar-inner {
|
|
justify-content: space-between;
|
|
}
|
|
.ios .navbar-inner-left-title {
|
|
justify-content: flex-start;
|
|
}
|
|
.ios .navbar-inner-left-title .right {
|
|
margin-left: auto;
|
|
}
|
|
.ios .navbar-inner-left-title .title {
|
|
text-align: left;
|
|
margin-right: 10px;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master),
|
|
.ios .view:not(.view-master-detail) .navbar-previous {
|
|
pointer-events: none;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .title-large {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
transition: 0ms;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text {
|
|
transform: scale(0.5);
|
|
transition: 0ms;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-inner,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-inner {
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
transition: 0ms;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .left,
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .right,
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) > .title,
|
|
.ios .view:not(.view-master-detail) .navbar-previous > .title,
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .fading {
|
|
opacity: 0;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .sliding {
|
|
opacity: 0;
|
|
}
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,
|
|
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,
|
|
.ios .view-master-detail .navbar-previous:not(.navbar-master).sliding .subnavbar,
|
|
.ios .view:not(.view-master-detail) .navbar-previous.sliding .subnavbar {
|
|
opacity: 1;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
.ios .navbar-next {
|
|
pointer-events: none;
|
|
}
|
|
.ios .navbar-next .title-large {
|
|
transform: translateX(100%);
|
|
transition: 0ms;
|
|
}
|
|
.ios .navbar-next .title-large .title-large-text,
|
|
.ios .navbar-next .title-large .title-large-inner {
|
|
transition: 0ms;
|
|
}
|
|
.ios .navbar-next .left,
|
|
.ios .navbar-next .right,
|
|
.ios .navbar-next > .title,
|
|
.ios .navbar-next .subnavbar,
|
|
.ios .navbar-next .fading {
|
|
opacity: 0;
|
|
}
|
|
.ios .navbar-next .sliding {
|
|
opacity: 0;
|
|
}
|
|
.ios .navbar-next.sliding .left,
|
|
.ios .navbar-next.sliding .right,
|
|
.ios .navbar-next.sliding > .title,
|
|
.ios .navbar-next.sliding .subnavbar {
|
|
opacity: 0;
|
|
}
|
|
.ios .navbar-next .subnavbar.sliding,
|
|
.ios .navbar-next.sliding .subnavbar {
|
|
opacity: 1;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
.ios .router-dynamic-navbar-inside .navbar-next .title-large,
|
|
.ios .router-dynamic-navbar-inside .navbar-next .title-large-text,
|
|
.ios .router-dynamic-navbar-inside .navbar-next .title-large-inner {
|
|
transform: none;
|
|
}
|
|
.ios .router-dynamic-navbar-inside .navbar-previous .title-large {
|
|
opacity: 1;
|
|
transform: translate3d(0px, calc(-1 * undefined * 52px), 0);
|
|
}
|
|
.ios .router-dynamic-navbar-inside .navbar-previous .title-large-text {
|
|
transform: translate3d(0, calc(undefined * 52px), 0);
|
|
}
|
|
.ios .router-dynamic-navbar-inside .navbar-previous .title-large-inner {
|
|
transform: translate3d(0, calc(undefined * 52px), 0);
|
|
}
|
|
.ios .router-transition .navbar {
|
|
transition-duration: 400ms;
|
|
}
|
|
.ios .router-transition .title-large {
|
|
transition: 0ms;
|
|
}
|
|
.ios .router-transition .navbar-current .left {
|
|
animation: ios-navbar-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition .navbar-current > .title {
|
|
animation: ios-navbar-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition .navbar-current .right {
|
|
animation: ios-navbar-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition .navbar-current .subnavbar {
|
|
animation: ios-navbar-element-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition .navbar-current .sliding {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current .left.sliding .icon + span {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current.sliding .left {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current.sliding .left .icon + span {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current.sliding > .title {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current.sliding .right {
|
|
transition-duration: 400ms;
|
|
opacity: 0 !important;
|
|
animation: none;
|
|
}
|
|
.ios .router-transition .navbar-current.sliding .subnavbar {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
opacity: 1;
|
|
}
|
|
.ios .router-transition .navbar-current .sliding.subnavbar {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
opacity: 1;
|
|
}
|
|
.ios .router-transition-forward .navbar-next .left {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous .left {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next > .title {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous > .title {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next .right {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous .right {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next .subnavbar {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous .subnavbar {
|
|
animation: ios-navbar-element-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next .sliding {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous .sliding {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next .left.sliding .icon + span {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous .left.sliding .icon + span {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.sliding .left {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.sliding .left {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.sliding .left .icon + span {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.sliding .left .icon + span {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.sliding > .title {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.sliding > .title {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.sliding .right {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.sliding .right {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.sliding .subnavbar {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.sliding .subnavbar {
|
|
transition-duration: 400ms;
|
|
animation: none;
|
|
transform: translate3d(0, 0, 0) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
|
|
overflow: visible;
|
|
}
|
|
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-up 400ms forwards, ios-navbar-title-large-text-fade-out 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large {
|
|
animation: ios-navbar-title-large-slide-up 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-fade-out 400ms forwards, ios-navbar-title-large-text-scale-out 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large .title-large-inner {
|
|
animation: ios-navbar-title-large-inner-current-to-previous 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward:not(.router-dynamic-navbar-inside) .navbar-next.router-navbar-transition-from-large .left .back span {
|
|
animation: ios-navbar-back-text-next-to-current 400ms forwards;
|
|
transition: none;
|
|
transform-origin: left center;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
|
|
overflow: visible;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-left 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner {
|
|
animation: ios-navbar-title-large-text-slide-left 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
|
|
animation: ios-navbar-title-large-slide-down 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-left-top 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-inner {
|
|
animation: ios-navbar-title-large-text-slide-left-top 400ms forwards;
|
|
}
|
|
.ios .router-transition-forward .navbar-next.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title,
|
|
.ios .router-transition-forward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title {
|
|
animation: none;
|
|
opacity: 0 !important;
|
|
transition-duration: 0;
|
|
}
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large,
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large,
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-text,
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-text,
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-next .title-large-inner,
|
|
.ios .router-transition-forward.router-dynamic-navbar-inside .navbar-current .title-large-inner {
|
|
animation: none !important;
|
|
}
|
|
.ios .router-transition-backward:not(.router-dynamic-navbar-inside) .navbar-current.router-navbar-transition-to-large .left .back span {
|
|
animation: ios-navbar-back-text-current-to-previous 400ms forwards;
|
|
transition: none;
|
|
transform-origin: left center;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
|
|
overflow: visible;
|
|
transform: translateX(100%);
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-right 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-inner {
|
|
animation: ios-navbar-title-large-text-slide-right 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large {
|
|
animation: ios-navbar-title-large-slide-up 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-right-bottom 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-inner {
|
|
animation: ios-navbar-title-large-text-slide-right-bottom 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
|
|
opacity: 0;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
|
|
overflow: visible;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-slide-down 400ms forwards, ios-navbar-title-large-text-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
|
|
opacity: 1;
|
|
animation: ios-navbar-title-large-slide-down 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
|
|
animation: ios-navbar-title-large-text-scale-in 400ms forwards, ios-navbar-title-large-text-fade-in 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large .title-large-inner {
|
|
animation: ios-navbar-title-large-inner-previous-to-current 400ms forwards;
|
|
}
|
|
.ios .router-transition-backward .navbar-current.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title,
|
|
.ios .router-transition-backward .navbar-previous.navbar-inner-large:not(.navbar-inner-large-collapsed) > .title {
|
|
animation: none;
|
|
opacity: 0 !important;
|
|
transition-duration: 0;
|
|
}
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large,
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large,
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-text,
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-text,
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-previous .title-large-inner,
|
|
.ios .router-transition-backward.router-dynamic-navbar-inside .navbar-current .title-large-inner {
|
|
animation: none !important;
|
|
}
|
|
.view-master-detail .navbar-master.navbar-previous {
|
|
pointer-events: auto;
|
|
}
|
|
.view-master-detail .navbar-master.navbar-previous .left,
|
|
.view-master-detail .navbar-master.navbar-previous:not(.navbar-inner-large) .title,
|
|
.view-master-detail .navbar-master.navbar-previous .right,
|
|
.view-master-detail .navbar-master.navbar-previous .subnavbar {
|
|
opacity: 1;
|
|
}
|
|
.ios .view-master-detail.router-transition .navbar-master .left,
|
|
.ios .view-master-detail.router-transition .navbar-master .left .icon + span,
|
|
.ios .view-master-detail.router-transition .navbar-master:not(.navbar-inner-large) .title,
|
|
.ios .view-master-detail.router-transition .navbar-master .right,
|
|
.ios .view-master-detail.router-transition .navbar-master .subnavbar,
|
|
.ios .view-master-detail.router-transition .navbar-master .sliding,
|
|
.ios .view-master-detail.router-transition .navbar-master .fading {
|
|
opacity: 1 !important;
|
|
transition-duration: 0ms;
|
|
transform: none !important;
|
|
animation: none !important;
|
|
}
|
|
.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title {
|
|
opacity: undefined !important;
|
|
transition-duration: 0ms;
|
|
transform: none !important;
|
|
animation: none !important;
|
|
}
|
|
.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large,
|
|
.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-text,
|
|
.ios .view-master-detail.router-transition .navbar-master.navbar-inner-large .title-large-inner {
|
|
transition-duration: 0ms;
|
|
animation: none !important;
|
|
}
|
|
@keyframes ios-navbar-element-fade-in {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-element-fade-out {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-slide-up {
|
|
0% {
|
|
transform: translateY(0%);
|
|
}
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-slide-down {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
100% {
|
|
transform: translateY(0%);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-up {
|
|
0% {
|
|
transform: translateX(0px) translateY(0%) scale(1);
|
|
}
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-down {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
100% {
|
|
transform: translateX(0px) translateY(0%) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-left {
|
|
0% {
|
|
transform: translateX(0%) scale(1);
|
|
}
|
|
100% {
|
|
transform: translateX(-100%) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-right {
|
|
0% {
|
|
transform: translateX(-100%) scale(1);
|
|
}
|
|
100% {
|
|
transform: translateX(0%) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-left-top {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
100% {
|
|
transform: translateX(0%) translateY(0%) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-slide-right-bottom {
|
|
0% {
|
|
transform: translateX(0%) translateY(0%) scale(1);
|
|
}
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
20% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-scale-out {
|
|
0% {
|
|
transform: translateY(0%) scale(1);
|
|
}
|
|
100% {
|
|
transform: translateY(0%) scale(0.5);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-text-scale-in {
|
|
0% {
|
|
transform: translateY(0%) scale(0.5);
|
|
}
|
|
100% {
|
|
transform: translateY(0%) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-back-text-current-to-previous {
|
|
0% {
|
|
opacity: 1;
|
|
transform: translateY(0px) translateX(0px) scale(1);
|
|
}
|
|
80% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
100% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
}
|
|
@keyframes ios-navbar-back-text-next-to-current {
|
|
0% {
|
|
opacity: 0;
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
0% {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
20% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0px) translateY(0px) scale(1);
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-inner-current-to-previous {
|
|
0% {
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes ios-navbar-title-large-inner-previous-to-current {
|
|
0% {
|
|
transform: translateX(-100%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.md .navbar a.link {
|
|
padding: 0 16px;
|
|
min-width: 48px;
|
|
}
|
|
.md .navbar a.link:before {
|
|
content: '';
|
|
width: 152%;
|
|
height: 152%;
|
|
position: absolute;
|
|
left: -26%;
|
|
top: -26%;
|
|
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition-duration: 600ms;
|
|
}
|
|
.md .navbar a.link.active-state:before {
|
|
opacity: 1;
|
|
transition-duration: 150ms;
|
|
}
|
|
.md .navbar a.icon-only {
|
|
min-width: 0;
|
|
flex-shrink: 0;
|
|
width: 56px;
|
|
}
|
|
.md .navbar .right {
|
|
margin-left: auto;
|
|
}
|
|
.md .navbar .right:first-child {
|
|
right: 0px;
|
|
}
|
|
.md .navbar-inner {
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
}
|
|
.md .navbar-inner-large:not(.navbar-inner-large-collapsed) {
|
|
overflow: visible;
|
|
}
|
|
.md .page.page-with-subnavbar .navbar-inner {
|
|
overflow: visible;
|
|
}
|
|
.md .navbar-inner-centered-title {
|
|
justify-content: space-between;
|
|
}
|
|
.md .navbar-inner-centered-title .right {
|
|
margin-left: 0;
|
|
}
|
|
.md .navbar-inner-centered-title .title {
|
|
text-align: center;
|
|
}
|
|
/* === Toolbar === */
|
|
:root {
|
|
/*
|
|
--f7-toolbar-bg-color: var(--f7-bars-bg-color);
|
|
--f7-toolbar-bg-image: var(--f7-bars-bg-image);
|
|
--f7-toolbar-border-color: var(--f7-bars-border-color);
|
|
--f7-toolbar-link-color: var(--f7-bars-link-color);
|
|
--f7-toolbar-text-color: var(--f7-bars-text-color);
|
|
*/
|
|
}
|
|
.ios {
|
|
/*
|
|
--f7-tabbar-link-active-color: var(--f7-theme-color);
|
|
*/
|
|
}
|
|
.md {
|
|
/*
|
|
--f7-tabbar-link-active-color: var(--f7-theme-color);
|
|
--f7-tabbar-link-active-border-color: var(--f7-theme-color);
|
|
*/
|
|
}
|
|
.toolbar {
|
|
width: 100%;
|
|
position: relative;
|
|
margin: 0;
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
z-index: 500;
|
|
box-sizing: border-box;
|
|
left: 0;
|
|
height: undefined;
|
|
background-image: none;
|
|
background-color: #f7f7f8;
|
|
color: #000;
|
|
font-size: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar {
|
|
height: undefined;
|
|
}
|
|
}
|
|
.toolbar b {
|
|
font-weight: 600;
|
|
}
|
|
.toolbar a {
|
|
color: #007aff;
|
|
box-sizing: border-box;
|
|
flex-shrink: 1;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.toolbar a.link {
|
|
display: flex;
|
|
line-height: undefined;
|
|
height: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar a.link {
|
|
height: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar a.link {
|
|
line-height: undefined;
|
|
}
|
|
}
|
|
.toolbar i.icon {
|
|
display: block;
|
|
}
|
|
.toolbar:after,
|
|
.toolbar:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.views > .toolbar,
|
|
.view > .toolbar,
|
|
.page > .toolbar {
|
|
position: absolute;
|
|
}
|
|
.toolbar-top,
|
|
.ios .toolbar-top-ios,
|
|
.md .toolbar-top-md {
|
|
top: 0;
|
|
}
|
|
.toolbar-top .tab-link-highlight,
|
|
.ios .toolbar-top-ios .tab-link-highlight,
|
|
.md .toolbar-top-md .tab-link-highlight {
|
|
bottom: 0;
|
|
}
|
|
.toolbar-top.no-hairline:after,
|
|
.ios .toolbar-top-ios.no-hairline:after,
|
|
.md .toolbar-top-md.no-hairline:after,
|
|
.toolbar-top.no-border:after,
|
|
.ios .toolbar-top-ios.no-border:after,
|
|
.md .toolbar-top-md.no-border:after {
|
|
display: none !important;
|
|
}
|
|
.toolbar-top.no-shadow:before,
|
|
.ios .toolbar-top-ios.no-shadow:before,
|
|
.md .toolbar-top-md.no-shadow:before,
|
|
.toolbar-top.toolbar-hidden:before,
|
|
.ios .toolbar-top-ios.toolbar-hidden:before,
|
|
.md .toolbar-top-md.toolbar-hidden:before {
|
|
display: none !important;
|
|
}
|
|
.toolbar-top:after,
|
|
.ios .toolbar-top-ios:after,
|
|
.md .toolbar-top-md:after,
|
|
.toolbar-top:before,
|
|
.ios .toolbar-top-ios:before,
|
|
.md .toolbar-top-md:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.toolbar-top:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.toolbar-top:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.toolbar-top:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.ios .toolbar-top-ios:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: #c4c4c4;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.ios .toolbar-top-ios:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.ios .toolbar-top-ios:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.md .toolbar-top-md:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: transparent;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.md .toolbar-top-md:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.md .toolbar-top-md:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.toolbar-top:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
top: 100%;
|
|
bottom: auto;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.ios .toolbar-top-ios:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
top: 100%;
|
|
bottom: auto;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
background: none;
|
|
}
|
|
.md .toolbar-top-md:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
top: 100%;
|
|
bottom: auto;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.toolbar-bottom {
|
|
bottom: 0;
|
|
height: calc(undefined + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom {
|
|
height: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom {
|
|
height: calc(undefined + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom {
|
|
height: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom {
|
|
height: calc(undefined + 0px);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios {
|
|
bottom: 0;
|
|
height: calc(44px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios {
|
|
height: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios {
|
|
height: calc(44px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios {
|
|
height: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios {
|
|
height: calc(44px + 0px);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md {
|
|
bottom: 0;
|
|
height: calc(48px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md {
|
|
height: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md {
|
|
height: calc(48px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md {
|
|
height: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md {
|
|
height: calc(48px + 0px);
|
|
}
|
|
}
|
|
.toolbar-bottom .tab-link-highlight,
|
|
.ios .toolbar-bottom-ios .tab-link-highlight,
|
|
.md .toolbar-bottom-md .tab-link-highlight {
|
|
top: 0;
|
|
}
|
|
.toolbar-bottom .toolbar-inner {
|
|
height: auto;
|
|
top: 0;
|
|
bottom: 0px;
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom .toolbar-inner {
|
|
bottom: env(safe-area-inset-bottom);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios .toolbar-inner {
|
|
height: auto;
|
|
top: 0;
|
|
bottom: 0px;
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios .toolbar-inner {
|
|
bottom: env(safe-area-inset-bottom);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md .toolbar-inner {
|
|
height: auto;
|
|
top: 0;
|
|
bottom: 0px;
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md .toolbar-inner {
|
|
bottom: env(safe-area-inset-bottom);
|
|
}
|
|
}
|
|
.toolbar-bottom.no-hairline:before,
|
|
.ios .toolbar-bottom-ios.no-hairline:before,
|
|
.md .toolbar-bottom-md.no-hairline:before,
|
|
.toolbar-bottom.no-border:before,
|
|
.ios .toolbar-bottom-ios.no-border:before,
|
|
.md .toolbar-bottom-md.no-border:before {
|
|
display: none !important;
|
|
}
|
|
.toolbar-bottom.no-shadow:after,
|
|
.ios .toolbar-bottom-ios.no-shadow:after,
|
|
.md .toolbar-bottom-md.no-shadow:after,
|
|
.toolbar-bottom.toolbar-hidden:after,
|
|
.ios .toolbar-bottom-ios.toolbar-hidden:after,
|
|
.md .toolbar-bottom-md.toolbar-hidden:after {
|
|
display: none !important;
|
|
}
|
|
.toolbar-bottom:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.toolbar-bottom:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.toolbar-bottom:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: #c4c4c4;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.ios .toolbar-bottom-ios:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.ios .toolbar-bottom-ios:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: transparent;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.md .toolbar-bottom-md:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.md .toolbar-bottom-md:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.toolbar-bottom:after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
bottom: 100%;
|
|
height: 8px;
|
|
top: auto;
|
|
pointer-events: none;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.ios .toolbar-bottom-ios:after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
bottom: 100%;
|
|
height: 8px;
|
|
top: auto;
|
|
pointer-events: none;
|
|
background: none;
|
|
}
|
|
.md .toolbar-bottom-md:after {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
bottom: 100%;
|
|
height: 8px;
|
|
top: auto;
|
|
pointer-events: none;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.toolbar-inner {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
align-content: center;
|
|
overflow: hidden;
|
|
}
|
|
.views > .tabbar,
|
|
.views > .tabbar-labels {
|
|
z-index: 5001;
|
|
}
|
|
.tabbar a {
|
|
color: undefined;
|
|
}
|
|
.tabbar-labels a {
|
|
color: undefined;
|
|
}
|
|
.tabbar a.link,
|
|
.tabbar-labels a.link {
|
|
line-height: 1.4;
|
|
}
|
|
.tabbar a.tab-link {
|
|
height: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
text-transform: undefined;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
overflow: hidden;
|
|
}
|
|
.tabbar-labels a.tab-link {
|
|
height: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
text-transform: undefined;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
overflow: hidden;
|
|
}
|
|
.tabbar a.link {
|
|
height: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
text-transform: undefined;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
overflow: hidden;
|
|
}
|
|
.tabbar-labels a.link {
|
|
height: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
text-transform: undefined;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
overflow: hidden;
|
|
}
|
|
.tabbar .tab-link-active {
|
|
color: #007aff;
|
|
}
|
|
.tabbar-labels .tab-link-active {
|
|
color: #007aff;
|
|
}
|
|
.tabbar i.icon {
|
|
font-size: undefined;
|
|
height: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.tabbar-labels i.icon {
|
|
font-size: undefined;
|
|
height: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.tabbar-labels a.tab-link,
|
|
.tabbar-labels a.link {
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.tabbar-labels .tabbar-label {
|
|
display: block;
|
|
line-height: 1;
|
|
margin: 0;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: undefined;
|
|
text-transform: undefined;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.tabbar-labels .tabbar-label {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
.tabbar-scrollable .toolbar-inner {
|
|
will-change: scroll-position;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
-webkit-appearance: none;
|
|
opacity: 0 !important;
|
|
}
|
|
.tabbar-scrollable a.tab-link,
|
|
.tabbar-scrollable a.link {
|
|
width: auto;
|
|
flex-shrink: 0;
|
|
}
|
|
.toolbar-transitioning {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning + .toolbar {
|
|
transition-duration: 400ms;
|
|
}
|
|
.navbar-transitioning ~ * .toolbar {
|
|
transition-duration: 400ms;
|
|
}
|
|
.toolbar-bottom.toolbar-hidden,
|
|
.ios .toolbar-bottom-ios.toolbar-hidden,
|
|
.md .toolbar-bottom-md.toolbar-hidden {
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
.toolbar-bottom ~ .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom ~ .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom ~ .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom ~ .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom ~ .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios ~ .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios ~ .page-content {
|
|
padding-bottom: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios ~ .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios ~ .page-content {
|
|
padding-bottom: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios ~ .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md ~ .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md ~ .page-content {
|
|
padding-bottom: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md ~ .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md ~ .page-content {
|
|
padding-bottom: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md ~ .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
}
|
|
.toolbar-bottom ~ * .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom ~ * .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom ~ * .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom ~ * .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom ~ * .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios ~ * .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios ~ * .page-content {
|
|
padding-bottom: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios ~ * .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios ~ * .page-content {
|
|
padding-bottom: calc(44px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios ~ * .page-content {
|
|
padding-bottom: calc(44px + 0px);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md ~ * .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md ~ * .page-content {
|
|
padding-bottom: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md ~ * .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md ~ * .page-content {
|
|
padding-bottom: calc(48px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md ~ * .page-content {
|
|
padding-bottom: calc(48px + 0px);
|
|
}
|
|
}
|
|
.toolbar-bottom.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(50px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(50px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(50px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.toolbar-bottom.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(undefined + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.toolbar-bottom.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(undefined + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-bottom.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(50px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(50px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(50px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
@supports (left: env(safe-area-inset-left)) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + env(safe-area-inset-bottom));
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-bottom-md.tabbar-labels ~ * .page-content {
|
|
padding-bottom: calc(56px + 0px);
|
|
}
|
|
}
|
|
.toolbar-top.toolbar-hidden,
|
|
.ios .toolbar-top-ios.toolbar-hidden,
|
|
.md .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
.toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .toolbar-top-ios ~ .page-content {
|
|
padding-top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-top-ios ~ .page-content {
|
|
padding-top: 44px;
|
|
}
|
|
}
|
|
.md .toolbar-top-md ~ .page-content {
|
|
padding-top: 48px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-top-md ~ .page-content {
|
|
padding-top: 48px;
|
|
}
|
|
}
|
|
.toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .toolbar-top-ios ~ * .page-content {
|
|
padding-top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-top-ios ~ * .page-content {
|
|
padding-top: 44px;
|
|
}
|
|
}
|
|
.md .toolbar-top-md ~ * .page-content {
|
|
padding-top: 48px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-top-md ~ * .page-content {
|
|
padding-top: 48px;
|
|
}
|
|
}
|
|
.toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.ios .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: 50px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.md .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.ios .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: 50px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.md .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: 56px;
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md {
|
|
top: 56px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md {
|
|
top: 56px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios {
|
|
top: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md {
|
|
top: 56px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(44px + 44px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios ~ * .page-content {
|
|
padding-top: calc(64px + 44px);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(56px + 48px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md ~ * .page-content {
|
|
padding-top: calc(64px + 48px);
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(44px + 50px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(56px + 56px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.tabbar-labels ~ * .page-content {
|
|
padding-top: calc(64px + 56px);
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (44px + 44px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (56px + 48px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (44px + 44px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (56px + 48px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (44px + 44px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 44px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (56px + 48px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden {
|
|
transform: translate3d(0, calc(-1 * (64px + 48px)), 0);
|
|
}
|
|
}
|
|
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (44px + 50px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (56px + 56px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (44px + 50px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (56px + 56px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (44px + 50px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (56px + 56px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.navbar-hidden + .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-hidden + .toolbar-top:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 44px), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 56px), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 44px), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 56px), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * 64px), 0);
|
|
}
|
|
}
|
|
.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (44px + 52px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 52px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 52px)), 0);
|
|
}
|
|
}
|
|
.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (56px + 56px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
|
|
transform: undefined;
|
|
}
|
|
}
|
|
.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (44px + 52px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 52px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 52px)), 0);
|
|
}
|
|
}
|
|
.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (56px + 56px)), 0);
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden) {
|
|
transform: translate3d(0, calc(-1 * (64px + 56px)), 0);
|
|
}
|
|
}
|
|
.ios .toolbar a.icon-only {
|
|
min-height: 44px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
min-width: 44px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .toolbar a.icon-only {
|
|
min-height: 44px;
|
|
}
|
|
}
|
|
.ios .toolbar-inner {
|
|
padding: 0 calc(8px + 0px) 0 calc(8px + 0px);
|
|
}
|
|
.ios .tabbar-labels a.tab-link,
|
|
.ios .tabbar-labels a.link {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.ios .tabbar-labels a.tab-link i + span,
|
|
.ios .tabbar-labels a.link i + span {
|
|
margin: 0;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.ios .tabbar .toolbar-inner,
|
|
.ios .tabbar-labels .toolbar-inner {
|
|
justify-content: center;
|
|
}
|
|
.ios .tabbar a.tab-link,
|
|
.ios .tabbar-labels a.tab-link,
|
|
.ios .tabbar a.link,
|
|
.ios .tabbar-labels a.link {
|
|
width: auto;
|
|
min-width: 105px;
|
|
}
|
|
}
|
|
.ios .tabbar-scrollable .toolbar-inner {
|
|
justify-content: flex-start;
|
|
}
|
|
.ios .tabbar-scrollable a.tab-link,
|
|
.ios .tabbar-scrollable a.link {
|
|
padding: 0 8px;
|
|
}
|
|
.md .toolbar a.link {
|
|
justify-content: center;
|
|
padding: 0 16px;
|
|
min-width: 48px;
|
|
}
|
|
.md .toolbar a.link:before {
|
|
content: '';
|
|
width: 152%;
|
|
height: 152%;
|
|
position: absolute;
|
|
left: -26%;
|
|
top: -26%;
|
|
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition-duration: 600ms;
|
|
}
|
|
.md .toolbar a.link.active-state:before {
|
|
opacity: 1;
|
|
transition-duration: 150ms;
|
|
}
|
|
.md .toolbar a.icon-only {
|
|
min-width: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
.md .toolbar-inner {
|
|
padding: 0 0px 0 0px;
|
|
}
|
|
.md .tabbar a.tab-link,
|
|
.md .tabbar-labels a.tab-link,
|
|
.md .tabbar a.link,
|
|
.md .tabbar-labels a.link {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.md .tabbar a.tab-link,
|
|
.md .tabbar-labels a.tab-link {
|
|
transition-duration: 300ms;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.md .tabbar .tab-link-highlight {
|
|
position: absolute;
|
|
height: 2px;
|
|
background: #007aff;
|
|
transition-duration: 300ms;
|
|
left: 0;
|
|
}
|
|
.md .tabbar-labels .tab-link-highlight {
|
|
position: absolute;
|
|
height: 2px;
|
|
background: #007aff;
|
|
transition-duration: 300ms;
|
|
left: 0;
|
|
}
|
|
.md .tabbar-labels a.tab-link,
|
|
.md .tabbar-labels a.link {
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
.md .tabbar-label {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
line-height: 1.2;
|
|
}
|
|
.md .tabbar-scrollable .toolbar-inner {
|
|
overflow: auto;
|
|
justify-content: flex-start;
|
|
}
|
|
.md .tabbar-scrollable a.tab-link,
|
|
.md .tabbar-scrollable a.link {
|
|
padding: 0 16px;
|
|
}
|
|
/* === Subnavbar === */
|
|
:root {
|
|
/*
|
|
--f7-subnavbar-bg-image: var(--f7-bars-bg-image);
|
|
--f7-subnavbar-bg-color: var(--f7-bars-bg-color);
|
|
--f7-subnavbar-border-color: var(--f7-bars-border-color);
|
|
--f7-subnavbar-link-color: var(--f7-bars-link-color);
|
|
--f7-subnavbar-text-color: var(--f7-bars-text-color);
|
|
*/
|
|
}
|
|
.subnavbar {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 500;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-image: none;
|
|
background-color: #f7f7f8;
|
|
color: #000;
|
|
}
|
|
.subnavbar .title {
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellpsis;
|
|
white-space: nowrap;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
text-align: left;
|
|
display: inline-block;
|
|
line-height: undefined;
|
|
letter-spacing: undefined;
|
|
margin-left: undefined;
|
|
}
|
|
.subnavbar .left,
|
|
.subnavbar .right {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.subnavbar .right:first-child {
|
|
position: absolute;
|
|
height: 100%;
|
|
}
|
|
.subnavbar a {
|
|
color: #007aff;
|
|
}
|
|
.subnavbar a.link {
|
|
line-height: undefined;
|
|
height: undefined;
|
|
}
|
|
.subnavbar a.icon-only {
|
|
min-width: undefined;
|
|
}
|
|
.subnavbar.no-hairline:after,
|
|
.subnavbar.no-border:after {
|
|
display: none !important;
|
|
}
|
|
.subnavbar.no-shadow:before,
|
|
.subnavbar.navbar-hidden:before {
|
|
display: none !important;
|
|
}
|
|
.subnavbar:after,
|
|
.subnavbar:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.subnavbar:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.subnavbar:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.subnavbar:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.subnavbar:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
top: 100%;
|
|
bottom: auto;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.subnavbar-inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
padding: 0 calc(undefined + 0px) 0 calc(undefined + 0px);
|
|
}
|
|
.subnavbar-inner.stacked {
|
|
display: none;
|
|
}
|
|
.navbar .subnavbar {
|
|
top: 100%;
|
|
}
|
|
.views > .subnavbar,
|
|
.view > .subnavbar,
|
|
.page > .subnavbar {
|
|
position: absolute;
|
|
}
|
|
.navbar ~ * .subnavbar {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ * .subnavbar {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.page-with-subnavbar .navbar ~ .subnavbar {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ .subnavbar {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.page-with-subnavbar .navbar ~ * .subnavbar {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ * .subnavbar {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar ~ .subnavbar {
|
|
top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .subnavbar {
|
|
top: 64px;
|
|
}
|
|
}
|
|
.navbar .title-large ~ .subnavbar {
|
|
top: undefined;
|
|
transform: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar .title-large ~ .subnavbar {
|
|
top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar .title-large ~ .subnavbar {
|
|
top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
.subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
.subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ *:not(.no-navbar) .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .subnavbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .subnavbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar ~ .page-with-subnavbar.page-with-navbar-large:not(.no-navbar) .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ * .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .navbar ~ .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.page-with-subnavbar.page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.page-with-subnavbar.page-with-navbar-large .page-content {
|
|
padding-top: undefined;
|
|
}
|
|
}
|
|
.ios .subnavbar {
|
|
height: calc(44px + 1px);
|
|
margin-top: -1px;
|
|
padding-top: 1px;
|
|
}
|
|
.ios .subnavbar .title {
|
|
align-self: flex-start;
|
|
flex-shrink: 10;
|
|
}
|
|
.ios .subnavbar .left a + a,
|
|
.ios .subnavbar .right a + a {
|
|
margin-left: 15px;
|
|
}
|
|
.ios .subnavbar .left {
|
|
margin-right: 10px;
|
|
}
|
|
.ios .subnavbar .right {
|
|
margin-left: 10px;
|
|
}
|
|
.ios .subnavbar .right:first-child {
|
|
right: 8px;
|
|
}
|
|
.ios .subnavbar a.link {
|
|
justify-content: flex-start;
|
|
}
|
|
.ios .subnavbar a.icon-only {
|
|
justify-content: center;
|
|
margin: 0;
|
|
}
|
|
.md .subnavbar {
|
|
height: 48px;
|
|
}
|
|
.md .subnavbar .right {
|
|
margin-left: auto;
|
|
}
|
|
.md .subnavbar .right:first-child {
|
|
right: 16px;
|
|
}
|
|
.md .subnavbar a.link {
|
|
justify-content: center;
|
|
padding: 0 16px;
|
|
}
|
|
.md .subnavbar a.link:before {
|
|
content: '';
|
|
width: 152%;
|
|
height: 152%;
|
|
position: absolute;
|
|
left: -26%;
|
|
top: -26%;
|
|
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition-duration: 600ms;
|
|
}
|
|
.md .subnavbar a.link.active-state:before {
|
|
opacity: 1;
|
|
transition-duration: 150ms;
|
|
}
|
|
.md .subnavbar a.icon-only {
|
|
flex-shrink: 0;
|
|
}
|
|
.md .subnavbar-inner > a.link:first-child {
|
|
margin-left: calc(-1 * 16px);
|
|
}
|
|
.md .subnavbar-inner > a.link:last-child {
|
|
margin-right: calc(-1 * 16px);
|
|
}
|
|
/* === Content Block === */
|
|
.block {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
z-index: 1;
|
|
color: undefined;
|
|
margin: undefined;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
font-size: inherit;
|
|
}
|
|
.block.no-hairlines:before,
|
|
.block.no-hairlines ul:before,
|
|
.md .block.no-hairlines-md:before,
|
|
.md .block.no-hairlines-md ul:before,
|
|
.ios .block.no-hairlines-ios:before,
|
|
.ios .block.no-hairlines-ios ul:before {
|
|
display: none !important;
|
|
}
|
|
.block.no-hairlines:after,
|
|
.block.no-hairlines ul:after,
|
|
.md .block.no-hairlines-md:after,
|
|
.md .block.no-hairlines-md ul:after,
|
|
.ios .block.no-hairlines-ios:after,
|
|
.ios .block.no-hairlines-ios ul:after {
|
|
display: none !important;
|
|
}
|
|
.block.no-hairline-top:before,
|
|
.block.no-hairline-top ul:before,
|
|
.md .block.no-hairline-top-md:before,
|
|
.md .block.no-hairline-top-md ul:before,
|
|
.ios .block.no-hairline-top-ios:before,
|
|
.ios .block.no-hairline-top-ios ul:before {
|
|
display: none !important;
|
|
}
|
|
.block.no-hairline-bottom:after,
|
|
.block.no-hairline-bottom ul:after,
|
|
.md .block.no-hairline-bottom-md:after,
|
|
.md .block.no-hairline-bottom-md ul:after,
|
|
.ios .block.no-hairline-bottom-ios:after,
|
|
.ios .block.no-hairline-bottom-ios ul:after {
|
|
display: none !important;
|
|
}
|
|
.block > h1:first-child,
|
|
.block > h2:first-child,
|
|
.block > h3:first-child,
|
|
.block > h4:first-child,
|
|
.block > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.block > h1:last-child,
|
|
.block > h2:last-child,
|
|
.block > h3:last-child,
|
|
.block > h4:last-child,
|
|
.block > p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.block-strong {
|
|
color: undefined;
|
|
padding-top: undefined;
|
|
padding-bottom: undefined;
|
|
background-color: #fff;
|
|
}
|
|
.block-strong:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.block-strong:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.block-strong:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.block-strong:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.block-strong:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.block-strong:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.block-title {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-transform: undefined;
|
|
color: undefined;
|
|
font-size: inherit;
|
|
font-weight: undefined;
|
|
line-height: undefined;
|
|
margin-top: undefined;
|
|
margin-bottom: undefined;
|
|
margin-left: calc(undefined + 0px);
|
|
margin-right: calc(undefined + 0px);
|
|
}
|
|
.block-title + .list,
|
|
.block-title + .block,
|
|
.block-title + .card,
|
|
.block-title + .timeline,
|
|
.block-title + .block-header {
|
|
margin-top: 0px;
|
|
}
|
|
.block-title-medium {
|
|
font-size: undefined;
|
|
text-transform: none;
|
|
color: #000;
|
|
font-weight: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.block-title-large {
|
|
font-size: undefined;
|
|
text-transform: none;
|
|
color: #000;
|
|
font-weight: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.block > .block-title:first-child,
|
|
.list > .block-title:first-child {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.block-header {
|
|
color: undefined;
|
|
font-size: 14px;
|
|
margin-bottom: 10px;
|
|
margin-top: undefined;
|
|
}
|
|
.block-header + .list {
|
|
margin-top: 10px;
|
|
}
|
|
.block-header + .block {
|
|
margin-top: 10px;
|
|
}
|
|
.block-header + .card {
|
|
margin-top: 10px;
|
|
}
|
|
.block-header + .timeline {
|
|
margin-top: 10px;
|
|
}
|
|
.block-footer {
|
|
color: undefined;
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
margin-bottom: undefined;
|
|
}
|
|
.block-footer {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
.block-header {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
.block-footer ul:first-child,
|
|
.block-header ul:first-child,
|
|
.block-footer p:first-child,
|
|
.block-header p:first-child,
|
|
.block-footer h1:first-child,
|
|
.block-header h1:first-child,
|
|
.block-footer h2:first-child,
|
|
.block-header h2:first-child,
|
|
.block-footer h3:first-child,
|
|
.block-header h3:first-child,
|
|
.block-footer h4:first-child,
|
|
.block-header h4:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.block-footer ul:last-child,
|
|
.block-header ul:last-child,
|
|
.block-footer p:last-child,
|
|
.block-header p:last-child,
|
|
.block-footer h1:last-child,
|
|
.block-header h1:last-child,
|
|
.block-footer h2:last-child,
|
|
.block-header h2:last-child,
|
|
.block-footer h3:last-child,
|
|
.block-header h3:last-child,
|
|
.block-footer h4:last-child,
|
|
.block-header h4:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.block-footer ul:first-child:last-child,
|
|
.block-header ul:first-child:last-child,
|
|
.block-footer p:first-child:last-child,
|
|
.block-header p:first-child:last-child,
|
|
.block-footer h1:first-child:last-child,
|
|
.block-header h1:first-child:last-child,
|
|
.block-footer h2:first-child:last-child,
|
|
.block-header h2:first-child:last-child,
|
|
.block-footer h3:first-child:last-child,
|
|
.block-header h3:first-child:last-child,
|
|
.block-footer h4:first-child:last-child,
|
|
.block-header h4:first-child:last-child {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.list .block-header,
|
|
.block .block-header,
|
|
.card .block-header,
|
|
.timeline .block-header {
|
|
margin-top: 0;
|
|
}
|
|
.list .block-footer,
|
|
.block .block-footer,
|
|
.card .block-footer,
|
|
.timeline .block-footer {
|
|
margin-bottom: 0;
|
|
}
|
|
.list + .block-footer {
|
|
margin-top: calc(-1 * (undefined - 10px));
|
|
}
|
|
.block + .block-footer {
|
|
margin-top: calc(-1 * (undefined - 10px));
|
|
}
|
|
.card + .block-footer {
|
|
margin-top: calc(-1 * (undefined - 10px));
|
|
}
|
|
.timeline + .block-footer {
|
|
margin-top: calc(-1 * (undefined - 10px));
|
|
}
|
|
.block + .block-footer {
|
|
margin-top: calc(-1 * (undefined - 10px));
|
|
margin-bottom: undefined;
|
|
}
|
|
.block .block-header,
|
|
.block .block-footer {
|
|
padding: 0;
|
|
}
|
|
.block.inset {
|
|
border-radius: undefined;
|
|
margin-left: calc(undefined + 0px);
|
|
margin-right: calc(undefined + 0px);
|
|
}
|
|
.block-strong.inset:before {
|
|
display: none !important;
|
|
}
|
|
.block-strong.inset:after {
|
|
display: none !important;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.block.tablet-inset {
|
|
border-radius: undefined;
|
|
margin-left: calc(undefined + 0px);
|
|
margin-right: calc(undefined + 0px);
|
|
}
|
|
.block-strong.tablet-inset:before {
|
|
display: none !important;
|
|
}
|
|
.block-strong.tablet-inset:after {
|
|
display: none !important;
|
|
}
|
|
}
|
|
/* === List View === */
|
|
.ios {
|
|
/*
|
|
--f7-list-button-text-color: var(--f7-theme-color);
|
|
*/
|
|
}
|
|
.list {
|
|
position: relative;
|
|
z-index: 1;
|
|
font-size: undefined;
|
|
margin: undefined;
|
|
}
|
|
.list ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
background: #fff;
|
|
}
|
|
.list ul:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list ul:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list ul:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list ul:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list ul:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list ul:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list ul ul:before {
|
|
display: none !important;
|
|
}
|
|
.list ul ul:after {
|
|
display: none !important;
|
|
}
|
|
.list li {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
.list .item-media {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
padding-bottom: undefined;
|
|
padding-top: undefined;
|
|
}
|
|
.list .item-media + .item-inner {
|
|
margin-left: undefined;
|
|
}
|
|
.list .item-media i + i {
|
|
margin-left: undefined;
|
|
}
|
|
.list .item-media i + img {
|
|
margin-left: undefined;
|
|
}
|
|
.list .item-after {
|
|
padding-left: undefined;
|
|
}
|
|
.list .item-inner {
|
|
position: relative;
|
|
width: 100%;
|
|
min-width: 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
align-self: stretch;
|
|
padding-top: undefined;
|
|
padding-bottom: undefined;
|
|
min-height: undefined;
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
.list .item-title {
|
|
min-width: 0;
|
|
flex-shrink: 1;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
font-size: inherit;
|
|
font-weight: 400;
|
|
color: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.list .item-after {
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
color: undefined;
|
|
line-height: undefined;
|
|
margin-left: auto;
|
|
}
|
|
.list .item-header,
|
|
.list .item-footer {
|
|
white-space: normal;
|
|
}
|
|
.list .item-header {
|
|
color: inherit;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
}
|
|
.list .item-footer {
|
|
color: undefined;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
}
|
|
.list .item-link,
|
|
.list .list-button {
|
|
transition-duration: 300ms;
|
|
transition-property: background-color;
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
z-index: 0;
|
|
}
|
|
.list .item-link {
|
|
color: inherit;
|
|
}
|
|
.list .item-link.active-state {
|
|
background-color: undefined;
|
|
}
|
|
.list .item-link .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
.list .item-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
min-height: undefined;
|
|
padding-left: calc(undefined + 0px);
|
|
}
|
|
.list .item-subtitle {
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
text-overflow: ellipsis;
|
|
font-size: undefined;
|
|
font-weight: 400;
|
|
color: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.list .item-text {
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: hidden;
|
|
-webkit-line-clamp: 2;
|
|
display: -webkit-box;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
color: undefined;
|
|
line-height: undefined;
|
|
max-height: calc(undefined * 2);
|
|
}
|
|
.list .item-title-row {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
}
|
|
.list .item-title-row .item-after {
|
|
align-self: center;
|
|
}
|
|
.list .item-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
}
|
|
.list .item-cell {
|
|
display: block;
|
|
align-self: center;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
min-width: 0;
|
|
margin-left: undefined;
|
|
flex-shrink: 1;
|
|
}
|
|
.list .item-cell:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.list .ripple-wave + .item-cell {
|
|
margin-left: 0;
|
|
}
|
|
.list li:last-child .list-button:after {
|
|
display: none !important;
|
|
}
|
|
.list li:last-child > .item-inner:after,
|
|
.list li:last-child li:last-child > .item-inner:after,
|
|
.list li:last-child > .item-content > .item-inner:after,
|
|
.list li:last-child li:last-child > .item-content > .item-inner:after,
|
|
.list li:last-child > .swipeout-content > .item-content > .item-inner:after,
|
|
.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
|
|
.list li:last-child > .item-link > .item-content > .item-inner:after,
|
|
.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
|
|
display: none !important;
|
|
}
|
|
.list li li:last-child .item-inner:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list li li:last-child .item-inner:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list li li:last-child .item-inner:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list li:last-child li .item-inner:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list li:last-child li .item-inner:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list li:last-child li .item-inner:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list.no-hairlines:before,
|
|
.list.no-hairlines ul:before,
|
|
.md .list.no-hairlines-md:before,
|
|
.md .list.no-hairlines-md ul:before,
|
|
.ios .list.no-hairlines-ios:before,
|
|
.ios .list.no-hairlines-ios ul:before {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairlines:after,
|
|
.list.no-hairlines ul:after,
|
|
.md .list.no-hairlines-md:after,
|
|
.md .list.no-hairlines-md ul:after,
|
|
.ios .list.no-hairlines-ios:after,
|
|
.ios .list.no-hairlines-ios ul:after {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairline-top:before,
|
|
.list.no-hairline-top ul:before,
|
|
.md .list.no-hairline-top-md:before,
|
|
.md .list.no-hairline-top-md ul:before,
|
|
.ios .list.no-hairline-top-ios:before,
|
|
.ios .list.no-hairline-top-ios ul:before {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairline-bottom:after,
|
|
.list.no-hairline-bottom ul:after,
|
|
.md .list.no-hairline-bottom-md:after,
|
|
.md .list.no-hairline-bottom-md ul:after,
|
|
.ios .list.no-hairline-bottom-ios:after,
|
|
.ios .list.no-hairline-bottom-ios ul:after {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairlines-between .item-inner:after,
|
|
.md .list.no-hairlines-between-md .item-inner:after,
|
|
.ios .list.no-hairlines-between-ios .item-inner:after,
|
|
.list.no-hairlines-between .list-button:after,
|
|
.md .list.no-hairlines-between-md .list-button:after,
|
|
.ios .list.no-hairlines-between-ios .list-button:after,
|
|
.list.no-hairlines-between .item-divider:after,
|
|
.md .list.no-hairlines-between-md .item-divider:after,
|
|
.ios .list.no-hairlines-between-ios .item-divider:after,
|
|
.list.no-hairlines-between .list-group-title:after,
|
|
.md .list.no-hairlines-between-md .list-group-title:after,
|
|
.ios .list.no-hairlines-between-ios .list-group-title:after,
|
|
.list.no-hairlines-between .list-group-title:after,
|
|
.md .list.no-hairlines-between-md .list-group-title:after,
|
|
.ios .list.no-hairlines-between-ios .list-group-title:after {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairlines-between.simple-list li:after,
|
|
.md .list.no-hairlines-between-md.simple-list li:after,
|
|
.ios .list.no-hairlines-between-ios.simple-list li:after {
|
|
display: none !important;
|
|
}
|
|
.list.no-hairlines-between.links-list a:after,
|
|
.md .list.no-hairlines-between-md.links-list a:after,
|
|
.ios .list.no-hairlines-between-ios.links-list a:after {
|
|
display: none !important;
|
|
}
|
|
.list-button {
|
|
padding: undefined;
|
|
line-height: undefined;
|
|
color: #007aff;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
text-align: undefined;
|
|
}
|
|
.list-button:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list-button:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list-button:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list-button.active-state {
|
|
background-color: undefined;
|
|
}
|
|
.simple-list li {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
line-height: undefined;
|
|
height: undefined;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
.simple-list li:after {
|
|
left: undefined;
|
|
width: auto;
|
|
left: calc(undefined + 0px);
|
|
right: 0;
|
|
}
|
|
.simple-list li:last-child:after {
|
|
display: none !important;
|
|
}
|
|
.links-list li {
|
|
z-index: 1;
|
|
}
|
|
.links-list a {
|
|
transition-duration: 300ms;
|
|
transition-property: background-color;
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
height: undefined;
|
|
color: inherit;
|
|
}
|
|
.links-list a .ripple-wave {
|
|
z-index: 0;
|
|
}
|
|
.links-list a:after {
|
|
width: auto;
|
|
}
|
|
.links-list a.active-state {
|
|
background-color: undefined;
|
|
}
|
|
.links-list a {
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
.links-list a:after {
|
|
left: calc(undefined + 0px);
|
|
right: 0;
|
|
}
|
|
.links-list li:last-child a:after {
|
|
display: none !important;
|
|
}
|
|
.simple-list li:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.simple-list li:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.simple-list li:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.links-list a:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.links-list a:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.links-list a:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.list .item-inner:after {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 100%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.list .item-inner:after {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.list .item-inner:after {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.media-list .item-inner,
|
|
li.media-item .item-inner {
|
|
display: block;
|
|
align-self: stretch;
|
|
}
|
|
.media-list .item-media,
|
|
li.media-item .item-media {
|
|
align-self: flex-start;
|
|
}
|
|
.media-list .item-media img,
|
|
li.media-item .item-media img {
|
|
display: block;
|
|
}
|
|
.media-list .item-link .item-inner {
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
li.media-item .item-link .item-inner {
|
|
padding-right: calc(undefined + 0px);
|
|
}
|
|
.media-list .item-link .item-title-row {
|
|
padding-right: undefined;
|
|
}
|
|
li.media-item .item-link .item-title-row {
|
|
padding-right: undefined;
|
|
}
|
|
.media-list.chevron-center .item-link .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
.media-list .chevron-center .item-link .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
.media-list .item-link.chevron-center .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
li.media-item.chevron-center .item-link .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
li.media-item .item-link.chevron-center .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
li.media-item .chevron-center .item-link .item-inner {
|
|
padding-right: calc(undefined + undefined + 0px);
|
|
}
|
|
.media-list.chevron-center .item-title-row,
|
|
.media-list .chevron-center .item-title-row,
|
|
li.media-item.chevron-center .item-title-row,
|
|
li.media-item .chevron-center .item-title-row {
|
|
padding-right: 0;
|
|
}
|
|
.list .item-link .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.links-list a:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.media-list .item-link .item-title-row:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
li.media-item .item-link .item-title-row:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.media-list.chevron-center .item-link .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.media-list .chevron-center .item-link .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.media-list .item-link.chevron-center .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
li.media-item.chevron-center .item-link .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
li.media-item .chevron-center .item-link .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
li.media-item .item-link.chevron-center .item-inner:before {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 8px;
|
|
height: 14px;
|
|
margin-top: -7px;
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
color: #c7c7cc;
|
|
pointer-events: none;
|
|
right: calc(undefined + 0px);
|
|
content: 'chevron_right';
|
|
}
|
|
.media-list.chevron-center .item-title-row:before,
|
|
.media-list .chevron-center .item-title-row:before,
|
|
li.media-item.chevron-center .item-title-row:before,
|
|
li.media-item .chevron-center .item-title-row:before {
|
|
display: none;
|
|
}
|
|
.media-list .item-link .item-inner:before,
|
|
li.media-item .item-link .item-inner:before {
|
|
display: none;
|
|
}
|
|
.media-list .item-link .item-title-row:before,
|
|
li.media-item .item-link .item-title-row:before {
|
|
right: 0;
|
|
}
|
|
.list-group ul:after,
|
|
.list-group ul:before {
|
|
z-index: 25 !important;
|
|
}
|
|
.list-group + .list-group ul:before {
|
|
display: none !important;
|
|
}
|
|
li.item-divider {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
max-width: 100%;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
z-index: 15;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
.item-divider {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
max-width: 100%;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
z-index: 15;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
li.list-group-title {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
max-width: 100%;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
z-index: 15;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: calc(undefined + 0px);
|
|
padding-right: calc(undefined + 0px);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
li.item-divider:after,
|
|
.item-divider:after,
|
|
li.list-group-title:after {
|
|
display: none !important;
|
|
}
|
|
li.item-divider {
|
|
margin-top: -1px;
|
|
height: undefined;
|
|
color: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
background-color: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.item-divider {
|
|
margin-top: -1px;
|
|
height: undefined;
|
|
color: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
background-color: undefined;
|
|
line-height: undefined;
|
|
}
|
|
li.item-divider:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
li.item-divider:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
li.item-divider:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
.item-divider:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: undefined;
|
|
display: block;
|
|
z-index: 15;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: 0;
|
|
height: 1px;
|
|
width: 100%;
|
|
transform-origin: 50% 0%;
|
|
transform: scaleY(calc(1 / 1));
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
|
|
.item-divider:before {
|
|
transform: scaleY(calc(1 / 3));
|
|
}
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
|
|
.item-divider:before {
|
|
transform: scaleY(calc(1 / 2));
|
|
}
|
|
}
|
|
li.list-group-title {
|
|
position: relative;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 0;
|
|
margin-top: 0;
|
|
z-index: 20;
|
|
height: undefined;
|
|
color: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
background-color: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.list li.list-group-title {
|
|
position: relative;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 0;
|
|
margin-top: 0;
|
|
z-index: 20;
|
|
height: undefined;
|
|
color: undefined;
|
|
font-size: undefined;
|
|
font-weight: undefined;
|
|
background-color: undefined;
|
|
line-height: undefined;
|
|
}
|
|
.list.inset {
|
|
margin-left: calc(undefined + 0px);
|
|
margin-right: calc(undefined + 0px);
|
|
border-radius: undefined;
|
|
}
|
|
.list.inset .block-title {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.list.inset ul {
|
|
border-radius: undefined;
|
|
}
|
|
.list.inset ul:before {
|
|
display: none !important;
|
|
}
|
|
.list.inset ul:after {
|
|
display: none !important;
|
|
}
|
|
.list.inset li:first-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
.list.inset li:last-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
.list.inset li:first-child:last-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.list.tablet-inset {
|
|
margin-left: calc(undefined + 0px);
|
|
margin-right: calc(undefined + 0px);
|
|
border-radius: undefined;
|
|
}
|
|
.list.tablet-inset .block-title {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.list.tablet-inset ul {
|
|
border-radius: undefined;
|
|
}
|
|
.list.tablet-inset ul:before {
|
|
display: none !important;
|
|
}
|
|
.list.tablet-inset ul:after {
|
|
display: none !important;
|
|
}
|
|
.list.tablet-inset li:first-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
.list.tablet-inset li:last-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
.list.tablet-inset li:first-child:last-child > a {
|
|
border-radius: undefined;
|
|
}
|
|
}
|
|
.ios .list ul ul {
|
|
padding-left: calc(15px + 30px);
|
|
}
|
|
.ios .item-link.active-state .item-inner:after,
|
|
.ios .list-button.active-state:after,
|
|
.ios .links-list a.active-state:after {
|
|
background-color: transparent;
|
|
}
|
|
.ios .links-list a.active-state,
|
|
.ios .list .item-link.active-state,
|
|
.ios .list .list-button.active-state {
|
|
transition-duration: 0ms;
|
|
}
|
|
.ios .media-list .item-title,
|
|
.ios li.media-item .item-title {
|
|
font-weight: 600;
|
|
}
|
|
.md .list ul ul {
|
|
padding-left: calc(16px + 40px);
|
|
}
|
|
.md .list .item-media {
|
|
min-width: 40px;
|
|
}
|
|
/* === Badge === */
|
|
.badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
background: #8e8e93;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
border-radius: undefined;
|
|
padding: 0 4px;
|
|
height: undefined;
|
|
min-width: undefined;
|
|
}
|
|
.icon .badge {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-left: -10px;
|
|
top: -2px;
|
|
font-family: undefined;
|
|
}
|
|
.f7-icons .badge {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-left: -10px;
|
|
top: -2px;
|
|
font-family: undefined;
|
|
}
|
|
.framework7-icons .badge {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-left: -10px;
|
|
top: -2px;
|
|
font-family: undefined;
|
|
}
|
|
.material-icons .badge {
|
|
position: absolute;
|
|
left: 100%;
|
|
margin-left: -10px;
|
|
top: -2px;
|
|
font-family: undefined;
|
|
}
|
|
:root {
|
|
/*
|
|
--f7-button-text-color: var(--f7-theme-color);
|
|
--f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color));
|
|
--f7-button-border-color: var(--f7-theme-color);
|
|
--f7-button-fill-text-color: #fff;
|
|
--f7-button-fill-bg-color: var(--f7-theme-color);
|
|
--f7-button-outline-border-color: var(--f7-theme-color);
|
|
*/
|
|
}
|
|
.ios {
|
|
/*
|
|
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
|
|
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
|
|
*/
|
|
}
|
|
.md {
|
|
/*
|
|
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade);
|
|
*/
|
|
}
|
|
button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 100%;
|
|
}
|
|
.button {
|
|
text-decoration: none;
|
|
text-align: center;
|
|
display: block;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: none;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: relative;
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
cursor: pointer;
|
|
outline: 0;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
border: 0px;
|
|
font-size: 14px;
|
|
color: #007aff;
|
|
height: undefined;
|
|
line-height: calc(undefined - 0px;
|
|
padding: 0) var(--f7-button-padding-horizontal;
|
|
border-radius: undefined;
|
|
min-width: 32px;
|
|
font-weight: undefined;
|
|
letter-spacing: undefined;
|
|
text-transform: undefined;
|
|
background-color: transparent;
|
|
box-shadow: undefined;
|
|
}
|
|
.button.active-state {
|
|
background-color: rgba(0, 122, 255, 0.15);
|
|
color: #007aff;
|
|
}
|
|
input[type="submit"].button,
|
|
input[type="button"].button {
|
|
width: 100%;
|
|
}
|
|
.button > i + span,
|
|
.button > span + span,
|
|
.button > span + i,
|
|
.button > i + i {
|
|
margin-left: 4px;
|
|
}
|
|
.segmented {
|
|
align-self: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
border-radius: undefined;
|
|
box-shadow: undefined;
|
|
}
|
|
.segmented .button,
|
|
.segmented button {
|
|
width: 100%;
|
|
flex-shrink: 1;
|
|
min-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
.segmented .button:first-child {
|
|
border-radius: undefined;
|
|
}
|
|
.segmented .button:not(.button-outline):first-child {
|
|
border-left: none;
|
|
}
|
|
.segmented .button.button-outline:nth-child(n + 2) {
|
|
border-left: none;
|
|
}
|
|
.segmented .button:last-child {
|
|
border-radius: undefined;
|
|
}
|
|
.segmented .button-round:first-child {
|
|
border-radius: undefined;
|
|
}
|
|
.segmented .button-round:last-child {
|
|
border-radius: undefined;
|
|
}
|
|
.segmented .button:first-child:last-child {
|
|
border-radius: undefined;
|
|
}
|
|
.segmented-round {
|
|
border-radius: undefined;
|
|
}
|
|
.ios .segmented-round-ios {
|
|
border-radius: 29px;
|
|
}
|
|
.md .segmented-round-md {
|
|
border-radius: 36px;
|
|
}
|
|
.segmented-raised {
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
}
|
|
.ios .segmented-raised-ios {
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
}
|
|
.md .segmented-raised-md {
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
}
|
|
.segmented-raised .button:not(.button-outline) {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.ios .segmented-raised-ios .button:not(.button-outline) {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.md .segmented-raised-md .button:not(.button-outline) {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.subnavbar .segmented {
|
|
width: 100%;
|
|
}
|
|
.ios .button {
|
|
transition-duration: 100ms;
|
|
}
|
|
.ios .button-small,
|
|
.ios .button-small-ios {
|
|
transition-duration: 200ms;
|
|
}
|
|
.md .button {
|
|
transition-duration: 300ms;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
/* === Touch Ripple === */
|
|
.ripple,
|
|
.fab a,
|
|
a.link,
|
|
a.item-link,
|
|
a.list-button,
|
|
.button,
|
|
.dialog-button,
|
|
.tab-link,
|
|
.radio,
|
|
.checkbox,
|
|
.actions-button,
|
|
.speed-dial-buttons a {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.ripple-wave {
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute !important;
|
|
border-radius: 50%;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 0;
|
|
transform: translate3d(0px, 0px, 0) scale(0);
|
|
transition-duration: 1400ms;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
will-change: transform, opacity;
|
|
}
|
|
.ripple-wave.ripple-wave-fill {
|
|
transition-duration: 300ms;
|
|
opacity: 0.35;
|
|
}
|
|
.ripple-wave.ripple-wave-out {
|
|
transition-duration: 600ms;
|
|
opacity: 0;
|
|
}
|
|
.button-fill .ripple-wave,
|
|
.picker-calendar-day .ripple-wave,
|
|
.menu .ripple-wave {
|
|
z-index: 1;
|
|
}
|
|
.checkbox .ripple-wave,
|
|
.radio .ripple-wave,
|
|
.data-table .sortable-cell .ripple-wave {
|
|
z-index: 0;
|
|
}
|
|
/* === Icon === */
|
|
i.icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-size: 100% auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
font-style: normal;
|
|
position: relative;
|
|
}
|
|
.icon-back:after,
|
|
.icon-prev:after,
|
|
.icon-forward:after,
|
|
.icon-next:after {
|
|
font-family: 'framework7-core-icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-moz-font-feature-settings: "liga";
|
|
font-feature-settings: "liga";
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 20px;
|
|
}
|
|
.icon[class*="color-"] {
|
|
color: #007aff;
|
|
}
|
|
.ios .icon-back,
|
|
.ios .icon-prev,
|
|
.ios .icon-forward,
|
|
.ios .icon-next {
|
|
width: 12px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ios .icon-back:after,
|
|
.ios .icon-prev:after,
|
|
.ios .icon-forward:after,
|
|
.ios .icon-next:after {
|
|
line-height: inherit;
|
|
}
|
|
.ios .icon-prev:after,
|
|
.ios .icon-next:after {
|
|
font-size: 16px;
|
|
}
|
|
.ios .item-media .icon {
|
|
color: #808080;
|
|
}
|
|
.ios .item-media .f7-icons {
|
|
font-size: 28px;
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.ios .icon-back:after,
|
|
.ios .icon-prev:after {
|
|
content: 'chevron_left_ios';
|
|
}
|
|
.ios .icon-forward:after,
|
|
.ios .icon-next:after {
|
|
content: 'chevron_right_ios';
|
|
}
|
|
.md .icon-back,
|
|
.md .icon-forward,
|
|
.md .icon-next,
|
|
.md .icon-prev {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.md .icon-back:after,
|
|
.md .icon-forward:after,
|
|
.md .icon-next:after,
|
|
.md .icon-prev:after {
|
|
line-height: 1.2;
|
|
}
|
|
.md .item-media .icon {
|
|
color: #737373;
|
|
}
|
|
.md .item-media .material-icons {
|
|
font-size: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.md .icon-back:after {
|
|
content: 'arrow_left_md';
|
|
}
|
|
.md .icon-forward:after {
|
|
content: 'arrow_right_md';
|
|
}
|
|
.md .icon-next:after {
|
|
content: 'chevron_right_md';
|
|
}
|
|
.md .icon-prev:after {
|
|
content: 'chevron_left_md';
|
|
}
|
|
.custom-modal-backdrop {
|
|
z-index: 10500;
|
|
}
|
|
.custom-modal-backdrop,
|
|
.actions-backdrop,
|
|
.dialog-backdrop,
|
|
.popover-backdrop,
|
|
.popup-backdrop,
|
|
.preloader-backdrop,
|
|
.sheet-backdrop {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
z-index: 13000;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition-duration: 400ms;
|
|
}
|
|
.custom-modal-backdrop.not-animated,
|
|
.actions-backdrop.not-animated,
|
|
.dialog-backdrop.not-animated,
|
|
.popover-backdrop.not-animated,
|
|
.popup-backdrop.not-animated,
|
|
.preloader-backdrop.not-animated,
|
|
.sheet-backdrop.not-animated {
|
|
transition-duration: 0ms;
|
|
}
|
|
.custom-modal-backdrop.backdrop-in,
|
|
.actions-backdrop.backdrop-in,
|
|
.dialog-backdrop.backdrop-in,
|
|
.popover-backdrop.backdrop-in,
|
|
.popup-backdrop.backdrop-in,
|
|
.preloader-backdrop.backdrop-in,
|
|
.sheet-backdrop.backdrop-in {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
} |