/* 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 { --aboutSupport-table-background: #000000; background-color: var(--in-content-page-background); } body { margin: 40px 48px; } a:link, a:visited { border-radius: 3px; color: var(--in-content-link-color); background-color: var(--in-content-page-background); text-decoration: none; -moz-padding-start: 1px; -moz-padding-end: 1px; } /* on hover and active, behave like buttons */ a:hover { color: var(--in-content-selected-text); background-color: var(--in-content-box-background-hover); } a:active { color: var(--in-content-selected-text); background-color: var(--in-content-box-background-active); } .page-subtitle { margin-bottom: 3em; } .major-section { margin-top: 2em; margin-bottom: 1em; font-size: large; text-align: start; font-weight: bold; } button { -moz-margin-start: 0; -moz-margin-end: 8px; } table { background-color: var(--aboutSupport-table-background); color: var(--in-content-text-color); text-align: start; width: 100%; border-radius: 10px; border: 1px solid var(--in-content-border-color); border-spacing: 0px; } table + table { margin-top: 1em; } th, td { padding: 3px; } th:not(:first-child), td:not(:first-child) { border-left: 1px dotted var(--in-content-border-color); } thead th { text-align: center; } th { text-align: start; background-color: var(--in-content-table-header-background); color: var(--in-content-selected-text); } /* adjustments for not painting outside of table border */ thead:first-child > th:first-child, /* prefs table misses a tr in thead */ thead:first-child > tr:first-child > th:first-child, thead:first-child > tr:first-child > td:first-child, tbody:first-child > tr:first-child > th:first-child, tbody:first-child > tr:first-child > td:first-child { border-top-left-radius: 9px; } thead:first-child > th:last-child, /* prefs table misses a tr in thead */ thead:first-child > tr:first-child > th:last-child, thead:first-child > tr:first-child > td:last-child, tbody:first-child > tr:first-child > th:last-child, tbody:first-child > tr:first-child > td:last-child { border-top-right-radius: 9px; } thead:last-child > tr:last-child > th:first-child, thead:last-child > tr:last-child > td:first-child, tbody:last-child > tr:last-child > th:first-child, tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 9px; } thead:last-child > tr:last-child > th:last-child, thead:last-child > tr:last-child > td:last-child, tbody:last-child > tr:last-child > th:last-child, tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 9px; } th.column { white-space: nowrap; width: 0px; } tr:not(:first-child) > td, tr:not(:first-child) > th, tbody:not(:first-child) > tr > td, tbody:not(:first-child) > tr > th { border-top: 1px dotted var(--in-content-table-border-dark-color); } td { text-align: start; } .prefs-table { width: 100%; table-layout: fixed; } .pref-name { width: 70%; white-space: nowrap; overflow: hidden; } .pref-value { width: 30%; white-space: nowrap; overflow: hidden; } #action-box { background-color: var(--aboutSupport-table-background); border: 1px solid var(--in-content-border-color); color: var(--in-content-text-color); float: right; margin-top: 2em; margin-bottom: 20px; -moz-margin-start: 20px; -moz-margin-end: 0; padding: 16px; width: 30%; } #action-box, #reset-box, #safe-mode-box { display: none; } #action-box:-moz-dir(rtl) { float: left; } #reset-box > h3 { margin-top: 0; } #action-box > button { display: block; } .block { display: block; } .hidden { display: none; }