123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- /* Copyright 2020 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
- html {
- --google-blue-300: rgb(138, 180, 248);
- --google-blue-700: rgb(25, 103, 210);
- --google-grey-200: rgb(232, 234, 237);
- --google-gray-500: rgb(154, 160, 166);
- --google-gray-700: rgb(95, 99, 104);
- --google-grey-900: rgb(32, 33, 36);
- --heading-color: var(--google-gray-900);
- --link-color: var(--google-blue-700);
- --text-color: var(--google-gray-700);
- -webkit-text-size-adjust: 100%;
- background: white;
- font-family: 'Roboto-Regular', sans-serif;
- font-size: 125%;
- }
- @media (prefers-color-scheme: dark) {
- html {
- --heading-color: var(--google-grey-200);
- --text-color: var(--google-gray-500);
- --link-color: var(--google-blue-300);
- background: var(--google-grey-900);
- }
- }
- a {
- color: var(--link-color);
- text-decoration: none;
- }
- .content-wrapper {
- box-sizing: border-box;
- font-size: 1em;
- line-height: 1.6em;
- margin: 14vh auto 0;
- max-width: 600px;
- width: 100%;
- }
- .hidden {
- display: none;
- }
- #icon {
- background-repeat: no-repeat;
- background-size: 100%;
- height: 72px;
- margin: 0 0 40px;
- width: 72px;
- }
- #main-message,
- #unmanaged-info {
- color: var(--heading-color);
- font-size: 1.6em;
- font-weight: normal;
- line-height: 1.25em;
- margin-bottom: 16px;
- }
- #secondary-message {
- color: var(--text-color);
- font-size: 1.2em;
- font-weight: normal;
- }
- @media (max-width: 700px) {
- .content-wrapper {
- padding: 0 10%;
- }
- }
- @media (max-width: 420px) {
- .content-wrapper {
- padding: 0 5%;
- }
- }
- @media (min-width: 240px) and (max-width: 420px) and
- (min-height: 401px),
- (min-width: 421px) and (min-height: 240px) and
- (max-height: 560px) {
- .content-wrapper {
- max-width: 736px;
- }
- }
- @media (max-width: 420px) and (orientation: portrait),
- (max-height: 560px) {
- body {
- margin: 0 auto;
- }
- .content-wrapper {
- box-sizing: border-box;
- margin: 7vh auto 12px;
- padding: 0 24px;
- position: relative;
- }
- #icon {
- margin-bottom: 5.69vh;
- }
- #main-message,
- #unmanaged-info {
- font-size: 1.5em;
- margin-bottom: 8px;
- }
- #secondary-message {
- font-size: .95em;
- line-height: 1.61em;
- margin-top: 8px;
- }
- }
- @media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) {
- .content-wrapper {
- margin-top: 10vh;
- }
- }
- @media (min-height: 400px) and (orientation:portrait) {
- .content-wrapper {
- margin-bottom: 145px;
- }
- }
- @media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and
- (orientation: portrait) {
- .content-wrapper {
- margin-top: 7vh;
- }
- }
- @media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) {
- .content-wrapper {
- margin-top: 10vh;
- }
- }
- /* Small mobile screens. No fixed nav. */
- @media (max-height: 400px) and (orientation: portrait),
- (max-height: 239px) and (orientation: landscape),
- (max-width: 419px) and (max-height: 399px) {
- .content-wrapper {
- display: flex;
- flex-direction: column;
- margin-bottom: 0;
- }
- }
|