/* use the standard Material Light theme to match GrapheneOS apps */ /* https://android.googlesource.com/platform/frameworks/base/+/android-9.0.0_r35/core/res/res/values/colors_material.xml */ html { height: -webkit-fill-available; /* replace with stretch when standardized */ } body { display: flex; flex-direction: column; min-height: 100vh; min-height: -webkit-fill-available; /* replace with stretch when standardized */ font-family: Roboto, sans-serif; background-color: #fafafa; /* grey50 */ color: rgba(0, 0, 0, 0.87); /* 87% black */ margin: 0; padding: 0; overflow-y: scroll; } a { color: #1565c0; /* blue800 */ text-decoration: none; } a:visited { color: #6a1b9a; /* purple800 */ } a:hover { text-decoration: underline; } h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { color: rgba(0, 0, 0, 0.87); /* 87% black */ } pre { overflow-x: auto; background-color: #e0e0e0; /* grey300 */ border-radius: 5px; padding: 10px; } code, pre { font-family: "Roboto Mono", monospace; } #site-menu ul { display: flex; flex-wrap: nowrap; overflow-x: auto; margin: 0; padding: 0; } #site-menu { background-color: #212121; /* grey900 */ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #site-menu ul li { list-style-type: none; } #site-menu ul li:hover { background-color: #424242; /* grey800 */ } #site-menu ul li a { color: #fff; /* 100% white */ display: block; text-decoration: none; padding: 1em; } #site-menu ul li a:visited { color: #fff; /* 100% white */ } #site-menu ul li[aria-current] a { color: #64b5f6; /* blue300 */ } main { margin-left: auto; margin-right: auto; padding: 1em; max-width: 832px; min-width: 0; width: 100%; box-sizing: border-box; overflow-wrap: break-word; } .coin-address { display: block; margin-left: auto; margin-right: auto; text-align: center; } .coin-address > img { display: block; margin-left: auto; margin-right: auto; text-align: center; } footer img { width: 60px; height: auto; display: block; margin-left: auto; margin-right: auto; } footer { margin-top: auto; margin-left: auto; margin-right: auto; padding: 1em; max-width: 800px; overflow-wrap: break-word; text-align: center; } footer a, footer a:visited { color: #616161; /* grey500 */ } #social { margin-top: 2em; padding: 0; list-style-type: none; } #social li { display: inline; padding: 0 0.5em; } #stable-channel ul, #beta-channel ul { margin: 0; padding: 0; list-style-type: none; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url(/fonts/roboto_latin.woff2?20) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: local('Roboto Italic'), local('Roboto-Italic'), url(/fonts/roboto_italic_latin.woff2?20) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/roboto_bold_latin.woff2?20) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto Mono'), local('RobotoMono-Regular'), url(/fonts/robotomono_latin.woff2?12) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(/fonts/robotomono_bold_latin.woff2?12) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }