/* Copyright 2013 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. * molihua.org: palette + night-mode inversion restored. */ html, body { padding: 0; margin: 0; width: 100%; height: 100%; background: #FCFBF7; color: #1A1A18; overflow: hidden; } .hidden { display: none; } /* index.js:355 does querySelector('.icon-offline').style.visibility = 'hidden'; * (Runner.classes.ICON). The node must exist. It carries no artwork here. */ .icon-offline { display: none; } /* Night mode. Chromium toggles .inverted on ; the rule was missing * from the upstream fork, so night mode never actually inverted. */ .inverted { overflow: hidden; filter: invert(100%); } /* Offline page */ .offline .interstitial-wrapper { color: #1A1A18; font-size: 1em; line-height: 1.55; margin: 0 auto; max-width: 600px; padding-top: 100px; width: 100%; } .offline .runner-container { height: 150px; max-width: 600px; overflow: hidden; position: absolute; top: 35px; width: 44px; } .offline .runner-canvas { height: 150px; max-width: 600px; opacity: 1; overflow: hidden; position: absolute; top: 0; z-index: 2; } .offline .controller { background: rgba(0, 0, 0, 0); height: 100vh; left: 0; position: absolute; top: 0; width: 100vw; z-index: 1; } #offline-resources { display: none; } .mh-hint { position: fixed; bottom: 28px; left: 0; right: 0; margin: 0; z-index: 3; text-align: center; font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif; font-size: 13px; letter-spacing: .04em; color: #6E6C66; pointer-events: none; user-select: none; } .mh-hint::before { content: ""; display: block; width: 64px; height: 1px; margin: 0 auto 14px; background: #D8D5CB; } .arcade-mode, .arcade-mode .runner-container, .arcade-mode .runner-canvas { image-rendering: pixelated; max-width: 100%; overflow: hidden; } .arcade-mode #main-content { opacity: 0; overflow: hidden; } .arcade-mode .interstitial-wrapper { height: 100vh; max-width: 100%; overflow: hidden; } .arcade-mode .runner-container { left: 0; margin: auto; right: 0; transform-origin: top center; transition: transform 250ms cubic-bezier(0.4, 0, 1, 1) 400ms; z-index: 2; } @media (max-height: 350px) { .offline .interstitial-wrapper { margin-top: 5%; } } @media (max-height: 320px) and (orientation: landscape) { .offline .runner-container { top: 10px; } .mh-hint { bottom: 10px; } .mh-hint::before { margin-bottom: 8px; } } @media (max-width: 420px) { .mh-hint { font-size: 12px; bottom: 18px; } }