/* 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/. */ @import url("chrome://global/skin/in-content/common.css"); html { height: 100%; } body { display: flex; align-items: stretch; height: 100%; } #sectionTitle { float: left; } #refreshDiv { text-align: end; margin-bottom: 0.5em; } #refreshButton { vertical-align: middle; } /** Categories **/ .category { cursor: pointer; /* Center category names */ display: flex; align-items: center; } .category .category-name { pointer-events: none; } #categories hr { border-top-color: #A09090; } /** Warning container **/ /* XXX: a lot of this is duplicated from info-pages.css since that stylesheet is incompatible with this type of layout */ .warningBackground:not([hidden]) { display: flex; } .warningBackground { flex-direction: column; box-sizing: border-box; min-height: 100vh; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; position: fixed; background: var(--in-content-page-background); color: var(--in-content-text-color); } .title { position: relative; border-bottom: 1px solid var(--in-content-box-border-color); margin-bottom: 1em; padding-bottom: 0.5em; } .title::before { content: ""; left: -2.3em; top: 0; position: absolute; display: block; width: 1.6em; height: 1.6em; background: url("chrome://global/skin/icons/warning.svg") no-repeat left center; background-size: 1.6em; } .warningBackground button { margin-top: 1em; margin-left: 0; min-width: 100px; } /** Content area **/ .main-content { flex: 1; } .tab { padding: 0.5em 0; } .tab table { border: 1; width: 100%; } th, td, table { border-collapse: collapse; border: none; text-align: start; } th { padding-bottom: 0.5em; font-size: larger; } td { padding-bottom: 0.25em; border-bottom: 1px solid var(--in-content-box-border-color); }