diff options
Diffstat (limited to 'arc-firefox-theme/chrome/mozapps')
3 files changed, 158 insertions, 201 deletions
diff --git a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css index 517c2a7..dbb33a3 100644 --- a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css +++ b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css @@ -2,59 +2,110 @@ * 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 { - min-width: 330px; - max-width: 100%; - min-height: 330px; - max-height: 100%; + display: flex; + align-items: stretch; + height: 100%; } -#menu { - position: absolute; - top: 5px; - color: gray; +#sectionTitle { + float: left; +} + +#refreshDiv { + text-align: end; + margin-bottom: 0.5em; +} + +.category { + cursor: pointer; +} + +.category .category-name { + pointer-events: none; } +/* 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 { - display: none; - background: -moz-Dialog; - width:100%; - height:100%; - z-index:10; - top:0; - left:0; - position:fixed; -} - -.warningMessage { - color: -moz-FieldText; + 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); +} + +.title { position: relative; - min-width: 330px; - max-width: 50em; - margin: 4em auto; - border: 1px solid ThreeDShadow; - border-radius: 10px; - padding: 3em; - -moz-padding-start: 30px; - background: -moz-Field; - margin-left: auto; - text-align: center; + border-bottom: 1px solid var(--in-content-box-border-color); + margin-bottom: 2em; + 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; +} + +.main-content { + flex: 1; } .tab { - display: none; + padding: 0.5em; } -.active { - display: block; +.tab table { + border: 1; + width: 100%; } -#menu .selected { - color: blue; +hr { + border: none; + border-bottom: 1px solid var(--in-content-box-border-color); } -#refreshdiv { - top: 5px; - position: absolute; - right: 30px; +th { + padding-bottom: 0.5em; + font-size: larger; +} + +th, td, table { + border-collapse: collapse; + border: none; + text-align: start; +} + +td { + padding-bottom: 0.25em; + border-bottom: 1px solid var(--in-content-box-border-color); } diff --git a/arc-firefox-theme/chrome/mozapps/aboutProfiles.css b/arc-firefox-theme/chrome/mozapps/aboutProfiles.css new file mode 100644 index 0000000..bb7bb8d --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/aboutProfiles.css @@ -0,0 +1,68 @@ +/* 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 { + --aboutProfiles-table-background: #ebebeb; + background-color: var(--in-content-page-background); +} + +body { + margin: 40px 48px; +} + +.page-subtitle { + margin-bottom: 3em; +} + +button { + -moz-margin-start: 0; + -moz-margin-end: 8px; +} + +table { + background-color: var(--aboutProfiles-table-background); + color: var(--in-content-text-color); + font: message-box; + text-align: start; + width: 100%; + border: 1px solid var(--in-content-border-color); + border-spacing: 0px; +} + +th, td { + border: 1px solid var(--in-content-border-color); + padding: 4px; + text-align: start; +} + +th { + background-color: var(--in-content-table-header-background); + color: var(--in-content-selected-text); +} + +th.column { + white-space: nowrap; + width: 0px; +} + +td { + border-color: var(--in-content-table-border-dark-color); +} + +#action-box { + background-color: var(--aboutProfiles-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:-moz-dir(rtl) { + float: left; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css b/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css deleted file mode 100644 index 8a94a6c..0000000 --- a/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css +++ /dev/null @@ -1,162 +0,0 @@ -/* 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/. */ - -#view-deck { - background: Window; -} - -.heading { - font-size: 270%; - text-align: center; - margin: 0 100px; -} - -.progress { - margin: 10px 128px; -} - -.progress-label, -#errors-description { - text-align: center; - margin: 0 10px; -} - -#checking-heading, -#update-heading, -#errors-heading { - margin-top: 90px; -} - -#select-heading, -#confirm-heading { - margin-top: 10px; - margin-bottom: 10px; - text-align: center; -} - -#select-description, -#confirm-description { - margin: 10px; -} - -#select-list { - border-top: 1px solid WindowFrame; - background-color: Window; -} - -#select-grid column { - -moz-box-align: center; -} - -#select-grid row { - -moz-box-align: stretch; -} - -#select-grid row:nth-of-type(odd) { - background-color: -moz-oddtreerow; -} - -#select-grid label, -#select-grid checkbox { - margin-top: 0; - margin-bottom: 0; -} - -.select-cell { - -moz-box-align: center; - -moz-box-pack: start; -} - -#select-header .select-cell { - -moz-appearance: treeheadercell; - box-sizing: border-box; -} - -.select-keep { - -moz-box-pack: center; -} - -.select-keep .checkbox-label-box { - display: none; -} - -.select-keep .addon-keep-checkbox:-moz-focusring { - outline: 1px dotted ThreeDDarkShadow; -} - -.select-icon { - width: 20px; -} - -#select-grid separator { - display: none; -} - -.addon-name, -.addon-action-message, -.addon-action-update { - box-sizing: border-box; - margin: 0; - padding-top: 1px; - padding-bottom: 2px; - -moz-padding-start: 6px; - -moz-padding-end: 5px; -} - -.addon:not([active]) .addon-name, -.addon:not([active]) .addon-action-message, -.addon:not([active]) .addon-action-update { - color: GrayText; -} - -.addon-icon { - height: 16px; - width: 16px; - margin: 2px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); -} - -.addon-icon[type="theme"] { - list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png"); -} - -.addon-icon[type="plugin"] { - list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); -} - -.addon-icon[type="dictionary"] { - list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png"); -} - -.action-list { - margin-top: 10px; - -moz-margin-start: 5em; -} - -.action-header { - margin-bottom: 10px; -} - -#confirm .addon { - -moz-margin-start: 3em; - -moz-box-align: center; -} - -.addon:not([active]) .addon-icon, -#disable-list .addon-icon, -#incompatible-list .addon-icon { - filter: grayscale(1); -} - -#footer { - padding: 15px 12px; - border-top: 2px solid; - -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; -} - -.progress-label, -#footer-label { - font-style: italic; - color: GrayText; -} |