/* 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/. */ :root { --fonts-button-text: #000000; --fonts-button-background: #C09070; } #sidebar-panel-fontinspector { margin: 0; display: flex; flex-direction: column; padding-bottom: 20px; width: 100%; height: 100%; } #sidebar-panel-fontinspector > .devtools-toolbar { display: flex; } #font-container { overflow: auto; flex: auto; } #all-fonts { padding: 0; margin: 0; } #font-showall { border-radius: 300px; border: none; background-color: var(--fonts-button-background); color: var(--fonts-button-text); margin: 3px; padding: 0 6px; cursor: pointer; position: absolute; bottom: 0; offset-inline-end: 0; } .dim > #font-container, .font:not(.has-code) .font-css-code, .font-is-local, .font-is-remote, .font.is-local .font-format-url, #font-template { display: none; } .font.is-remote .font-is-remote, .font.is-local .font-is-local { display: inline; } .font-format::before { content: "("; } .font-format::after { content: ")"; } .preview-input-toolbar { display: flex; width: 100%; } .font-preview-container { overflow-x: auto; } #font-preview-text-input { margin-top: 1px; margin-bottom: 1px; padding-top: 0; padding-bottom: 0; flex: 1; } .font { padding: 10px 10px; } .theme-dark .font, .theme-light .font { border-bottom: 1px solid #A09090; } .font:last-of-type { border-bottom: 0; } .font:nth-child(even) { background: var(--theme-contrast-background); } .font-preview { margin-left: -4px; height: 60px; display: block; } .font-info { display: block; } .font-name { display: inline; } .font-css-code { max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 5px; } .theme-light .font-css-code, .theme-light .font-url , .theme-dark .font-css-code, .theme-dark .font-url { border: 1px solid #A09090; background: #000000; color: #336699; }