/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ html, body { background: #000000; color: #FF9F00; } body { display: flex; flex-direction: column; height: 90%; } div { margin-bottom: 1em; } #qr-code { flex: 1; display: flex; flex-direction: column; align-items: center; } #qr-code-wrapper { flex: 1; width: 100%; margin: 2em 0; text-align: center; } #qr-code img { height: 100%; } .toggle-scanner { color: #008484; font-size: small; cursor: pointer; border-bottom: 1px dotted; } #token { display: none; } body[token] > #token { display: flex; flex-direction: column; } body[token] > #qr-code { display: none; } #token pre, #token a { align-self: center; } #qr-size-note { text-align: center }