commit 97ace2af3bcff279039f8dbd1685290515738f1c
parent 03dc434bf3866d75c8d4531a5b8e565a65b56bd4
Author: Lootyhoof <lootyhoofer@gmail.com>
Date: Mon, 20 Aug 2018 21:46:05 +0100
Remove appver
Diffstat:
16 files changed, 777 insertions(+), 1336 deletions(-)
diff --git a/src/chrome.manifest b/src/chrome.manifest
@@ -6,9 +6,6 @@ skin os darkmoon chrome/os/darwin/ os=Darwin
skin os darkmoon chrome/os/linux/ os=Linux
skin os darkmoon chrome/os/winnt/ os=WINNT
-skin appver darkmoon chrome/appver/27/ appversion<28.0.0b1
-skin appver darkmoon chrome/appver/28/ appversion>=28.0.0b1
-
override chrome://browser/skin/autocomplete.css chrome://global/skin/autocomplete.css
override chrome://browser/skin/page-livemarks.png chrome://browser/skin/feeds/feedIcon16.svg
override chrome://browser/skin/feeds/audioFeedIcon16.png chrome://browser/skin/feeds/feedIcon16.svg
diff --git a/src/chrome/appver/27/aboutNetworking.css b/src/chrome/appver/27/aboutNetworking.css
@@ -1,60 +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/. */
-
-body {
- min-width: 330px;
- max-width: 100%;
- min-height: 330px;
- max-height: 100%;
-}
-
-#menu {
- position: absolute;
- top: 5px;
- color: gray;
-}
-
-.warningBackground {
- display: none;
- background: rgb(23,23,23);
- width:100%;
- height:100%;
- z-index:10;
- top:0;
- left:0;
- position:fixed;
-}
-
-.warningMessage {
- color: #fff;
- position: relative;
- min-width: 330px;
- max-width: 50em;
- margin: 4em auto;
- border: 1px solid rgb(50,50,50);
- border-radius: 10px;
- padding: 3em;
- -moz-padding-start: 30px;
- background: rgb(43,43,43);
- margin-left: auto;
- text-align: center;
-}
-
-.tab {
- display: none;
-}
-
-.active {
- display: block;
-}
-
-#menu .selected {
- color: blue;
-}
-
-#refreshdiv {
- top: 5px;
- position: absolute;
- right: 30px;
-}
diff --git a/src/chrome/appver/27/aboutSupport.css b/src/chrome/appver/27/aboutSupport.css
@@ -1,127 +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/. */
-
-html {
- background-color: rgb(43,43,43);
- color: #fff;
- font: message-box;
-}
-
-body {
- width: 90%;
- margin-left: 5%;
- margin-right: 5%;
-}
-
-.page-subtitle {
- margin-bottom: 3em;
-}
-
-.major-section {
- margin-top: 2em;
- margin-bottom: 1em;
- font-size: large;
- text-align: start;
- font-weight: bold;
-}
-
-table {
- background-color: rgb(75,75,75);
- color: #fff;
- font: message-box;
- text-align: start;
- width: 100%;
- border: 1px solid rgb(50,50,50);
- border-spacing: 0px;
-}
-
-th, td {
- border: 1px dotted rgb(50,50,50);
- padding: 3px;
-}
-
-thead th {
- text-align: center;
-}
-
-th {
- text-align: start;
- background-color: rgb(110,110,110);
- color: #fff;
-}
-
-th.column {
- white-space: nowrap;
- width: 0px;
-}
-
-td {
- text-align: start;
- border-top: 1px dotted rgb(50,50,50);
-}
-
-.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: rgb(75,75,75);
- border: 1px solid rgb(50,50,50);
- color: #fff;
- float: right;
- margin-top: 2em;
- margin-bottom: 20px;
- -moz-margin-start: 20px;
- -moz-margin-end: 0;
- padding: 16px;
- width: 30%;
-}
-
-#contents {
- clear: right;
-}
-
-#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;
-}
-
-#verify-place-result {
- max-height: 200px;
- overflow: auto;
-}
-
-.block {
- display: block;
-}
-
-.hidden {
- display: none;
-}
-\ No newline at end of file
diff --git a/src/chrome/appver/27/alert.css b/src/chrome/appver/27/alert.css
@@ -1,81 +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/. */
-
-/* ===== alert.css =====================================================
- == Styles specific to the alerts dialog.
- ======================================================================= */
-
-@import url("chrome://global/skin/");
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-.alertBox {
- border: 1px solid rgb(75,75,75);
- border-radius: 3px;
- background-color: rgb(43,43,43);
-}
-
-.alertImageBox {
- padding: 8px 0;
- width: 64px;
-}
-
-.alertTextBox {
- padding: 8px;
- -moz-padding-start: 16px;
- width: 255px;
-}
-
-.alertTitle {
- font-weight: bold;
- font-size: 110%;
-}
-
-#alertImage {
- max-width: 48px;
- max-height: 48px;
- list-style-image: url(chrome://global/skin/alerts/notification.svg);
-}
-
-#alertNotification[clickable="true"] {
- cursor: pointer;
-}
-
-label {
- cursor: inherit;
-}
-
-.alertText[clickable="true"] {
- color: #fff;
- text-decoration: underline;
-}
-
-.alertText[clickable="true"]:hover:active {
- color: rgb(219,219,219);
-}
-
-@keyframes alert-animation {
- from {
- opacity: 0;
- }
- 6.25% {
- opacity: 1;
- }
- 93.75% {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-
-.alertCloseButton {
- -moz-appearance: none;
- padding: 4px 2px;
- border: none !important;
-}
-
-.alertCloseButton > .toolbarbutton-text {
- display: none;
-}
diff --git a/src/chrome/appver/27/config.css b/src/chrome/appver/27/config.css
@@ -1,76 +0,0 @@
-
-@import url("chrome://global/skin/");
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-
-#warningScreen
-{
- background-color: rgb(23,23,23);
-}
-
-#warningBox
-{
- background-color: rgb(43,43,43);
- color: #fff;
- border: 1px solid rgb(50,50,50);
- border-radius: 10px;
- padding: 3em;
- -moz-padding-start: 30px;
- margin-left: 1em;
- margin-right: 1em;
-}
-
-#warningInnerBox
-{
- max-width: 50em;
-}
-
-#warningTitle
-{
- margin: 0 0 .6em 0;
- font-size: 160%;
- border-bottom: 1px solid rgb(50,50,50);
-}
-
-#warningText
-{
- font-size: 110%;
- margin-left: 0;
-}
-
-#warningButton
-{
- margin-top: 0.6em;
-}
-
-#showWarningNextTime
-{
- margin-top: 0.6em;
-}
-
-#exclam
-{
- list-style-image: url("chrome://global/skin/icons/warning-large.png");
- -moz-margin-end: 3em;
-}
-
-#configTreeBody::-moz-tree-cell-text(user)
-{
- font-weight: bold;
-}
-
-#configTreeBody::-moz-tree-cell-text(locked)
-{
- font-style: italic;
-}
-
-#configTree
-{
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-#filterRow
-{
- margin-top: 5px;
-}
diff --git a/src/chrome/appver/27/newTab.css b/src/chrome/appver/27/newTab.css
@@ -1,201 +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/. */
-
-:root {
- -moz-appearance: none;
- font-size: 75%;
- background-color: transparent;
-}
-
-/* SCROLLBOX */
-#newtab-scrollbox {
- background-color: rgb(43,43,43);
- background-attachment: fixed;
-}
-
-/* UNDO */
-#newtab-undo-container {
- padding: 4px 3px;
- border: 1px solid;
- border-color: rgb(75,75,75);
- background-color: rgb(50,50,50);
- color: #fff;
-}
-
-#newtab-undo-label {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.newtab-undo-button {
- -moz-appearance: none;
- color: #fff;
- cursor: pointer;
- padding: 0;
- margin: 0 4px;
- border: 0;
- background: transparent;
- text-decoration: underline;
- min-width: 0;
-}
-
-.newtab-undo-button:hover {
- color: rgb(219,219,219);
-}
-
-.newtab-undo-button:-moz-focusring {
- outline: 1px dotted rgb(75,75,75);
-}
-
-.newtab-undo-button > .button-box {
- padding: 0;
-}
-
-#newtab-undo-close-button {
- -moz-appearance: none;
- padding: 0;
- border: none;
- list-style-image: url("chrome://global/skin/icons/close.png");
- -moz-image-region: rect(0, 16px, 16px, 0);
- -moz-user-focus: normal;
-}
-
-#newtab-undo-close-button:hover {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-#newtab-undo-close-button:hover:active {
- -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
-#newtab-undo-close-button > .toolbarbutton-text {
- display: none;
-}
-
-#newtab-undo-close-button:-moz-focusring {
- outline: 1px dotted;
-}
-
-/* TOGGLE */
-#newtab-toggle {
- background-color: transparent;
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0);
- background-size: 32px;
- border: none;
- height: 28px;
- width: 28px;
-}
-
-#newtab-toggle:-moz-any(:hover, :active, [active]) {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32);
-}
-
-/* ROWS */
-.newtab-row {
- margin-bottom: 20px;
-}
-
-.newtab-row:last-child {
- margin-bottom: 0;
-}
-
-/* CELLS */
-.newtab-cell {
- -moz-margin-end: 20px;
- background-color: rgb(50,50,50);
- border: 1px solid rgb(75,75,75);
- transition: border-color 100ms ease-out;
-}
-
-.newtab-cell:empty {
- border: 1px dashed rgb(75,75,75);
-}
-
-.newtab-cell:last-child {
- -moz-margin-end: 0;
-}
-
-.newtab-cell:hover:not(:empty) {
- border-color: rgb(62,62,62);
-}
-
-/* SITES */
-.newtab-site {
- text-decoration: none;
- transition-property: top, left, opacity, box-shadow, background-color;
- box-shadow: 0 4px 6px rgba(255,255,255,.2);
-}
-
-.newtab-site:hover {
- box-shadow: 0 4px 8px rgba(255,255,255,.5);
-}
-
-.newtab-site[dragged] {
- transition-property: box-shadow, background-color;
- background-color: rgb(75,75,75);
- box-shadow: 0 18px 24px rgba(255,255,255,.5);
-}
-
-/* THUMBNAILS */
-.newtab-thumbnail {
- background-origin: padding-box;
- background-clip: padding-box;
- background-repeat: no-repeat;
- background-size: cover;
- opacity: 1;
-}
-
-/* TITLES */
-.newtab-title {
- padding: 0 8px;
- background-color: rgb(50,50,50);
- color: #fff;
- line-height: 24px;
-}
-
-/* CONTROLS */
-.newtab-control {
- background-color: transparent;
- background-size: 24px;
- border: none;
- height: 26px;
- width: 24px;
-}
-
-.newtab-control-pin,
-.newtab-site[pinned] .newtab-control-pin:hover {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 33, 64);
-}
-
-.newtab-control-pin:hover:active,
-.newtab-site[pinned] .newtab-control-pin:hover:active {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 33, 128);
-}
-
-.newtab-control-pin:hover,
-.newtab-site[pinned] .newtab-control-pin {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 33, 96);
-}
-
-.newtab-control-block {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 33, 160);
-}
-
-.newtab-control-block:hover {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 33, 192);
-}
-
-.newtab-control-block:hover:active {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 33, 224);
-}
-
-/* MARGINS */
-#newtab-margin-top,
-#newtab-margin-bottom {
- min-height: 30px;
-}
-
-.newtab-side-margin {
- min-width: 50px;
-}
diff --git a/src/chrome/appver/28/aboutNetworking.css b/src/chrome/appver/28/aboutNetworking.css
@@ -1,248 +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/. */
-
-@import url("chrome://global/skin/in-content/common.css");
-
-html {
- height: 100%;
-}
-
-body {
- display: flex;
- align-items: stretch;
- height: 100%;
-}
-
-#sectionTitle {
- float: left;
-}
-
-#refreshDiv {
- justify-content: flex-end;
- margin-bottom: 0.5em;
-}
-
-#refreshButton {
- margin-top: 0;
-}
-
-/** Categories **/
-
-.category {
- cursor: pointer;
- /* Center category names */
- display: flex;
- align-items: center;
-}
-
-.category .category-name {
- pointer-events: none;
-}
-
-#categories hr {
- border-top-color: rgb(50,50,50);
-}
-
-[id].category::before,
-.category[value]::before{
- background-size: 100%;
- background-position: center;
- background-repeat: no-repeat;
- height: 32px;
- width: 32px;
- min-width: 32px;
- margin-inline-start: 6px;
-}
-
-#category-http::before,
-.category[value="http"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#http);
-}
-#category-sockets::before,
-.category[value="sockets"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#sockets);
-}
-#category-dns::before,
-.category[value="dns"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#dns);
-}
-#category-websockets::before,
-.category[value="websockets"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#websockets);
-}
-#category-dnslookuptool::before,
-.category[value="dnslookuptool"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#dnslookup);
-}
-#category-logging::before,
-.category[value="logging"]::before{
- content: "";
- background-image: url(chrome://mozapps/skin/aboutNetworking.svg#logging);
-}
-#category-rcwn::before {
- content: "";
-}
-
-.header{
- border: none;
- margin: 0;
- padding: 0;
-}
-#sectionTitle{
- display: none;
-}
-#refreshDiv{
- font-size: 1.1rem;
- margin: 0 0 13px;
- -moz-padding-end: 2px;
-}
-#refreshButton{
- line-height: unset;
- font-size: 1.1rem;
- height: 23px;
- vertical-align: bottom;
- margin: 0;
- margin-inline-end: 8px;
- padding: 0 2px;
-}
-
-.main-content{
- padding: 0;
- border: none;
- border-radius: 0;
- overflow: hidden;
- background: transparent;
-}
-
-.main-content > div:not(.header){
- padding: 40px 48px;
- border: 1px solid var(--in-content-main-border-color);
- border-radius: 5px;
- overflow: auto;
- height: calc(100% - 43px);
- box-sizing: border-box;
- background-color: var(--in-content-main-background-color);
- background-image: var(--in-content-main-background-image);
-}
-
-.main-content > div:not(.header)> table{
- margin-bottom: 40px;
-}
-
-#logging > div {
- max-width: 800px;
- min-width: 400px;
-}
-
-#logging > div ~ div ~ div {
- text-align-last: justify;
- margin-top: 12px;
-}
-#logging > div > br {
- display: none;
-}
-
-#logging > div > button {
- padding: 0 8px;
-}
-
-#logging > div:nth-of-type(+2) > button {
- margin: 5px 0;
- margin-inline-start: 40px;
-}
-
-#logging > div > [id^="current-log"] {
- display: inline-block;
- margin-inline-start: 20px;
- min-width: 200px;
-}
-
-#logging > div > input {
- margin: 10px 12px;
- min-width: 50%;
- width: calc(100% - 200px);
-}
-
-/** 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);
-}
-
-.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 {
- 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);
-}
diff --git a/src/chrome/appver/28/aboutSupport.css b/src/chrome/appver/28/aboutSupport.css
@@ -1,131 +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/. */
-
-html {
- --aboutSupport-table-background: rgb(75,75,75);
- background-color: var(--in-content-page-background);
-}
-
-body {
- margin: 40px 48px;
-}
-
-.page-subtitle {
- margin-bottom: 3em;
-}
-
-.major-section {
- margin-top: 2em;
- margin-bottom: 1em;
- font-size: large;
- text-align: start;
- font-weight: bold;
-}
-
-button {
- margin-inline-start: 0;
- margin-inline-end: 8px;
-}
-
-table {
- background-color: var(--aboutSupport-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;
-}
-
-thead th {
- text-align: center;
-}
-
-th {
- text-align: start;
- background-color: var(--in-content-table-header-background);
- color: var(--in-content-selected-text);
-}
-
-th.title-column {
- white-space: nowrap;
- width: 0px;
- font-size: medium;
-}
-
-th.column {
- white-space: nowrap;
- width: 0px;
-}
-
-td {
- text-align: start;
- border-color: var(--in-content-table-border-dark-color);
-}
-
-.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;
- margin-inline-start: 20px;
- margin-inline-end: 0;
- padding: 16px;
- width: 30%;
-}
-
-#action-box,
-#reset-box,
-#safe-mode-box {
- display: none;
-}
-
-#action-box:dir(rtl) {
- float: left;
-}
-
-#reset-box > h3 {
- margin-top: 0;
-}
-
-#action-box button {
- display: block;
-}
-
-#verify-place-result {
- max-height: 200px;
- overflow: auto;
-}
-
-.block {
- display: block;
-}
-
-.hidden {
- display: none;
-}
diff --git a/src/chrome/appver/28/alert.css b/src/chrome/appver/28/alert.css
@@ -1,46 +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/. */
-
-/* ===== alert.css =====================================================
- == Styles specific to the alerts dialog.
- ======================================================================= */
-
-@import url("chrome://global/skin/alerts/alert-common.css");
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-#alertNotification {
- -moz-appearance: none;
- background: transparent;
- padding: 10px;
-}
-
-#alertBox {
- border: 1px solid rgb(75,75,75);
- border-radius: 0;
- background-color: rgb(43,43,43);
- color: #fff;
- box-shadow: 0 0 4px rgba(255,255,255,.3);
-}
-
-.alertCloseButton {
- -moz-appearance: none;
- padding: 4px 2px;
- border: none !important;
-}
-
-#alertTitleBox > .alertCloseBox {
- /* The close button is larger on Windows and has a large
- circle around it, so we add more space between the close
- button and the edge of the window. */
- margin-inline-end: 2px;
-}
-
-#alertSettings {
- /* The close button is larger on Windows, so the
- gear button is moved over to accomodate it and
- keep the two buttons horizontally aligned together. */
- margin-inline-end: 4px;
- margin-bottom: -1px;
-}
diff --git a/src/chrome/appver/28/config.css b/src/chrome/appver/28/config.css
@@ -1,52 +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/. */
-
-#warningScreen {
- font-size: 15px;
- padding-top: 0;
- padding-bottom: 0;
- -moz-padding-start: calc(48px + 4.6em);
- -moz-padding-end: 48px;
- padding-inline-start: calc(48px + 4.6em);
- padding-inline-end: 48px;
-}
-
-.title {
- background-image: url("chrome://global/skin/icons/warning.svg");
-}
-
-#warningTitle {
- font-weight: lighter;
- line-height: 1.2;
- color: #fff;
- margin: 0;
- margin-bottom: .5em;
-}
-
-#warningText {
- margin: 1em 0;
-}
-
-#warningButton {
- margin-top: 0.6em;
-}
-
-#filterRow {
- margin-top: 4px;
- -moz-margin-start: 4px;
- margin-inline-start: 4px;
-}
-
-#configTree {
- margin-top: 4px;
- margin-bottom: 4px;
-}
-
-#configTreeBody::-moz-tree-cell-text(user) {
- font-weight: bold;
-}
-
-#configTreeBody::-moz-tree-cell-text(locked) {
- font-style: italic;
-}
diff --git a/src/chrome/appver/28/newTab.css b/src/chrome/appver/28/newTab.css
@@ -1,300 +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/. */
-
-:root {
- -moz-appearance: none;
- font-size: 75%;
- background-color: transparent;
-}
-
-/* SCROLLBOX */
-#newtab-vertical-margin {
- background-color: rgb(43,43,43);
- background-attachment: fixed;
-}
-
-/* UNDO */
-#newtab-undo-container {
- padding: 4px 3px;
- border: 1px solid;
- border-color: rgb(75,75,75);
- background-color: rgb(50,50,50);
- color: #fff;
-}
-
-#newtab-undo-label {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.newtab-undo-button {
- -moz-appearance: none;
- color: #fff;
- cursor: pointer;
- padding: 0;
- margin: 0 4px;
- border: 0;
- background: transparent;
- text-decoration: underline;
- min-width: 0;
-}
-
-.newtab-undo-button:hover {
- color: rgb(219,219,219);
-}
-
-.newtab-undo-button:-moz-focusring {
- outline: 1px dotted rgb(75,75,75);
-}
-
-#newtab-undo-close-button {
- -moz-appearance: none;
- padding: 0;
- border: none;
-}
-
-#newtab-undo-close-button {
- -moz-appearance: none;
- padding: 0;
- border: none;
- height: 16px;
- width: 16px;
- float: right;
- right: 0;
- background-image: url(chrome://global/skin/icons/close.svg#normal);
- background-color: transparent;
-}
-
-#newtab-undo-close-button:hover {
- background-image: url(chrome://global/skin/icons/close.svg#hover);
-}
-
-#newtab-undo-close-button:hover:active {
- background-image: url(chrome://global/skin/icons/close.svg#active);
-}
-
-/* TOGGLE */
-#newtab-toggle {
- background-color: transparent;
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0);
- background-size: 32px;
- border: none;
- height: 28px;
- width: 28px;
-}
-
-#newtab-toggle:-moz-any(:hover, :active, [active]) {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32);
-}
-
-/* ROWS */
-.newtab-row {
- margin-bottom: 20px;
-}
-
-.newtab-row:last-child {
- margin-bottom: 0;
-}
-
-/* CELLS */
-.newtab-cell {
- -moz-margin-end: 20px;
- background-color: rgb(50,50,50);
- border: 1px solid rgb(75,75,75);
- transition: border-color 100ms ease-out;
-}
-
-.newtab-cell:empty {
- border: 1px dashed rgb(75,75,75);
-}
-
-.newtab-cell:last-child {
- -moz-margin-end: 0;
-}
-
-.newtab-cell:hover:not(:empty) {
- border-color: rgb(62,62,62);
-}
-
-/* SITES */
-.newtab-site {
- text-decoration: none;
- transition-property: top, left, opacity, box-shadow, background-color;
- box-shadow: 0 4px 6px rgba(255,255,255,.2);
-}
-
-.newtab-site:hover {
- box-shadow: 0 4px 8px rgba(255,255,255,.5);
-}
-
-.newtab-site[dragged] {
- transition-property: box-shadow, background-color;
- background-color: rgb(75,75,75);
- box-shadow: 0 18px 24px rgba(255,255,255,.5);
-}
-
-/* THUMBNAILS */
-.newtab-thumbnail {
- background-origin: padding-box;
- background-clip: padding-box;
- background-repeat: no-repeat;
- background-size: cover;
- opacity: 1;
-}
-
-/* TITLES */
-.newtab-title {
- padding: 0 8px;
- background-color: rgb(50,50,50);
- color: #fff;
- line-height: 24px;
-}
-
-.newtab-site[pinned] .newtab-title {
- padding-inline-start: 24px;
-}
-
-.newtab-site[pinned] .newtab-title::before {
- background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
- background-size: 10px;
- content: "";
- height: 17px;
- left: 0;
- position: absolute;
- width: 10px;
- margin-left: 8px;
- margin-top: 6px;
-}
-
-.newtab-site[pinned] .newtab-title:dir(rtl)::before {
- left: auto;
- right: 0;
-}
-
-/* CONTROLS */
-.newtab-control {
- background-color: transparent;
- background-size: 24px;
- border: none;
- height: 26px;
- width: 24px;
-}
-
-.newtab-control-pin:dir(ltr),
-.newtab-control-block:dir(rtl) {
- left: 4px;
-}
-
-.newtab-control-block:dir(ltr),
-.newtab-control-pin:dir(rtl) {
- right: 4px;
-}
-
-.newtab-control-pin,
-.newtab-site[pinned] .newtab-control-pin:hover {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 33, 64);
-}
-
-.newtab-control-pin:hover:active,
-.newtab-site[pinned] .newtab-control-pin:hover:active {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 33, 128);
-}
-
-.newtab-control-pin:hover,
-.newtab-site[pinned] .newtab-control-pin {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 33, 96);
-}
-
-.newtab-control-block {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 33, 160);
-}
-
-.newtab-control-block:hover {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 33, 192);
-}
-
-.newtab-control-block:hover:active {
- background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 33, 224);
-}
-
-.newtab-undo-button {
- -moz-appearance: none;
- color: -moz-nativehyperlinktext;
- color: rgb(0,102,204);
- cursor: pointer;
- padding: 0;
- margin: 0 4px;
- border: 0;
- background: transparent;
- text-decoration: none;
- min-width: 0;
-}
-
-.newtab-undo-button > .button-box {
- padding: 0;
-}
-
-#newtab-undo-close-button {
- -moz-appearance: none;
- padding: 0;
- border: none;
- -moz-user-focus: normal;
-}
-
-
-/* SEARCH */
-#searchEngineLogo {
- /* remove the default DDG image - it looks really bad on our dark b/g */
- opacity: 0;
-}
-
-#searchText {
- -moz-box-flex: 1;
- color: #fff;
- padding: 6px 8px;
- background-color: rgb(50, 50, 50);
- border: 1px solid;
- border-color: rgb(75, 75, 75);
- border-radius: 5px 0 0 5px;
- box-shadow: none;
-}
-
-#searchText:-moz-dir(rtl) {
- border-radius: 0 5px 5px 0;
-}
-
-#searchText:focus,
-#searchText[autofocus] {
- border-color: rgb(110, 110, 110);
-}
-
-#searchSubmit {
- -moz-margin-start: -1px;
- padding: 0 9px;
- color: #fff;
- background-color: rgb(60, 60, 60);
- border: 1px solid;
- border-color: rgb(75, 75, 75);
- border-radius: 0 5px 5px 0;
- cursor: pointer;
- transition-property: background-color, border-color, box-shadow;
- transition-duration: 150ms;
- box-shadow: none;
-}
-
-#searchSubmit:-moz-dir(rtl) {
- border-radius: 5px 0 0 5px;
-}
-
-#searchText:focus + #searchSubmit,
-#searchText + #searchSubmit:hover,
-#searchText[autofocus] + #searchSubmit {
- border-color: rgb(110, 110, 110);
- background-color: rgb(75, 75, 75);
-}
-
-#searchText + #searchSubmit:hover:active {
- border-color: rgb(75, 75, 75);
- background-color: rgb(23, 23, 23);
-}
diff --git a/src/chrome/browser/newtab/newTab.css b/src/chrome/browser/newtab/newTab.css
@@ -1 +1,300 @@
-@import url("chrome://appver/skin/newTab.css");
-\ No newline at end of file
+/* 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 {
+ -moz-appearance: none;
+ font-size: 75%;
+ background-color: transparent;
+}
+
+/* SCROLLBOX */
+#newtab-vertical-margin {
+ background-color: rgb(43,43,43);
+ background-attachment: fixed;
+}
+
+/* UNDO */
+#newtab-undo-container {
+ padding: 4px 3px;
+ border: 1px solid;
+ border-color: rgb(75,75,75);
+ background-color: rgb(50,50,50);
+ color: #fff;
+}
+
+#newtab-undo-label {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.newtab-undo-button {
+ -moz-appearance: none;
+ color: #fff;
+ cursor: pointer;
+ padding: 0;
+ margin: 0 4px;
+ border: 0;
+ background: transparent;
+ text-decoration: underline;
+ min-width: 0;
+}
+
+.newtab-undo-button:hover {
+ color: rgb(219,219,219);
+}
+
+.newtab-undo-button:-moz-focusring {
+ outline: 1px dotted rgb(75,75,75);
+}
+
+#newtab-undo-close-button {
+ -moz-appearance: none;
+ padding: 0;
+ border: none;
+}
+
+#newtab-undo-close-button {
+ -moz-appearance: none;
+ padding: 0;
+ border: none;
+ height: 16px;
+ width: 16px;
+ float: right;
+ right: 0;
+ background-image: url(chrome://global/skin/icons/close.svg#normal);
+ background-color: transparent;
+}
+
+#newtab-undo-close-button:hover {
+ background-image: url(chrome://global/skin/icons/close.svg#hover);
+}
+
+#newtab-undo-close-button:hover:active {
+ background-image: url(chrome://global/skin/icons/close.svg#active);
+}
+
+/* TOGGLE */
+#newtab-toggle {
+ background-color: transparent;
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0);
+ background-size: 32px;
+ border: none;
+ height: 28px;
+ width: 28px;
+}
+
+#newtab-toggle:-moz-any(:hover, :active, [active]) {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32);
+}
+
+/* ROWS */
+.newtab-row {
+ margin-bottom: 20px;
+}
+
+.newtab-row:last-child {
+ margin-bottom: 0;
+}
+
+/* CELLS */
+.newtab-cell {
+ -moz-margin-end: 20px;
+ background-color: rgb(50,50,50);
+ border: 1px solid rgb(75,75,75);
+ transition: border-color 100ms ease-out;
+}
+
+.newtab-cell:empty {
+ border: 1px dashed rgb(75,75,75);
+}
+
+.newtab-cell:last-child {
+ -moz-margin-end: 0;
+}
+
+.newtab-cell:hover:not(:empty) {
+ border-color: rgb(62,62,62);
+}
+
+/* SITES */
+.newtab-site {
+ text-decoration: none;
+ transition-property: top, left, opacity, box-shadow, background-color;
+ box-shadow: 0 4px 6px rgba(255,255,255,.2);
+}
+
+.newtab-site:hover {
+ box-shadow: 0 4px 8px rgba(255,255,255,.5);
+}
+
+.newtab-site[dragged] {
+ transition-property: box-shadow, background-color;
+ background-color: rgb(75,75,75);
+ box-shadow: 0 18px 24px rgba(255,255,255,.5);
+}
+
+/* THUMBNAILS */
+.newtab-thumbnail {
+ background-origin: padding-box;
+ background-clip: padding-box;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 1;
+}
+
+/* TITLES */
+.newtab-title {
+ padding: 0 8px;
+ background-color: rgb(50,50,50);
+ color: #fff;
+ line-height: 24px;
+}
+
+.newtab-site[pinned] .newtab-title {
+ padding-inline-start: 24px;
+}
+
+.newtab-site[pinned] .newtab-title::before {
+ background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
+ background-size: 10px;
+ content: "";
+ height: 17px;
+ left: 0;
+ position: absolute;
+ width: 10px;
+ margin-left: 8px;
+ margin-top: 6px;
+}
+
+.newtab-site[pinned] .newtab-title:dir(rtl)::before {
+ left: auto;
+ right: 0;
+}
+
+/* CONTROLS */
+.newtab-control {
+ background-color: transparent;
+ background-size: 24px;
+ border: none;
+ height: 26px;
+ width: 24px;
+}
+
+.newtab-control-pin:dir(ltr),
+.newtab-control-block:dir(rtl) {
+ left: 4px;
+}
+
+.newtab-control-block:dir(ltr),
+.newtab-control-pin:dir(rtl) {
+ right: 4px;
+}
+
+.newtab-control-pin,
+.newtab-site[pinned] .newtab-control-pin:hover {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 33, 64);
+}
+
+.newtab-control-pin:hover:active,
+.newtab-site[pinned] .newtab-control-pin:hover:active {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 33, 128);
+}
+
+.newtab-control-pin:hover,
+.newtab-site[pinned] .newtab-control-pin {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 33, 96);
+}
+
+.newtab-control-block {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 33, 160);
+}
+
+.newtab-control-block:hover {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 33, 192);
+}
+
+.newtab-control-block:hover:active {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 33, 224);
+}
+
+.newtab-undo-button {
+ -moz-appearance: none;
+ color: -moz-nativehyperlinktext;
+ color: rgb(0,102,204);
+ cursor: pointer;
+ padding: 0;
+ margin: 0 4px;
+ border: 0;
+ background: transparent;
+ text-decoration: none;
+ min-width: 0;
+}
+
+.newtab-undo-button > .button-box {
+ padding: 0;
+}
+
+#newtab-undo-close-button {
+ -moz-appearance: none;
+ padding: 0;
+ border: none;
+ -moz-user-focus: normal;
+}
+
+
+/* SEARCH */
+#searchEngineLogo {
+ /* remove the default DDG image - it looks really bad on our dark b/g */
+ opacity: 0;
+}
+
+#searchText {
+ -moz-box-flex: 1;
+ color: #fff;
+ padding: 6px 8px;
+ background-color: rgb(50, 50, 50);
+ border: 1px solid;
+ border-color: rgb(75, 75, 75);
+ border-radius: 5px 0 0 5px;
+ box-shadow: none;
+}
+
+#searchText:-moz-dir(rtl) {
+ border-radius: 0 5px 5px 0;
+}
+
+#searchText:focus,
+#searchText[autofocus] {
+ border-color: rgb(110, 110, 110);
+}
+
+#searchSubmit {
+ -moz-margin-start: -1px;
+ padding: 0 9px;
+ color: #fff;
+ background-color: rgb(60, 60, 60);
+ border: 1px solid;
+ border-color: rgb(75, 75, 75);
+ border-radius: 0 5px 5px 0;
+ cursor: pointer;
+ transition-property: background-color, border-color, box-shadow;
+ transition-duration: 150ms;
+ box-shadow: none;
+}
+
+#searchSubmit:-moz-dir(rtl) {
+ border-radius: 5px 0 0 5px;
+}
+
+#searchText:focus + #searchSubmit,
+#searchText + #searchSubmit:hover,
+#searchText[autofocus] + #searchSubmit {
+ border-color: rgb(110, 110, 110);
+ background-color: rgb(75, 75, 75);
+}
+
+#searchText + #searchSubmit:hover:active {
+ border-color: rgb(75, 75, 75);
+ background-color: rgb(23, 23, 23);
+}
diff --git a/src/chrome/global/aboutSupport.css b/src/chrome/global/aboutSupport.css
@@ -1 +1,131 @@
-@import url("chrome://appver/skin/aboutSupport.css");
-\ No newline at end of file
+/* 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: rgb(75,75,75);
+ background-color: var(--in-content-page-background);
+}
+
+body {
+ margin: 40px 48px;
+}
+
+.page-subtitle {
+ margin-bottom: 3em;
+}
+
+.major-section {
+ margin-top: 2em;
+ margin-bottom: 1em;
+ font-size: large;
+ text-align: start;
+ font-weight: bold;
+}
+
+button {
+ margin-inline-start: 0;
+ margin-inline-end: 8px;
+}
+
+table {
+ background-color: var(--aboutSupport-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;
+}
+
+thead th {
+ text-align: center;
+}
+
+th {
+ text-align: start;
+ background-color: var(--in-content-table-header-background);
+ color: var(--in-content-selected-text);
+}
+
+th.title-column {
+ white-space: nowrap;
+ width: 0px;
+ font-size: medium;
+}
+
+th.column {
+ white-space: nowrap;
+ width: 0px;
+}
+
+td {
+ text-align: start;
+ border-color: var(--in-content-table-border-dark-color);
+}
+
+.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;
+ margin-inline-start: 20px;
+ margin-inline-end: 0;
+ padding: 16px;
+ width: 30%;
+}
+
+#action-box,
+#reset-box,
+#safe-mode-box {
+ display: none;
+}
+
+#action-box:dir(rtl) {
+ float: left;
+}
+
+#reset-box > h3 {
+ margin-top: 0;
+}
+
+#action-box button {
+ display: block;
+}
+
+#verify-place-result {
+ max-height: 200px;
+ overflow: auto;
+}
+
+.block {
+ display: block;
+}
+
+.hidden {
+ display: none;
+}
diff --git a/src/chrome/global/alerts/alert.css b/src/chrome/global/alerts/alert.css
@@ -1 +1,46 @@
-@import url("chrome://appver/skin/alert.css");
-\ No newline at end of file
+/* 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/. */
+
+/* ===== alert.css =====================================================
+ == Styles specific to the alerts dialog.
+ ======================================================================= */
+
+@import url("chrome://global/skin/alerts/alert-common.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#alertNotification {
+ -moz-appearance: none;
+ background: transparent;
+ padding: 10px;
+}
+
+#alertBox {
+ border: 1px solid rgb(75,75,75);
+ border-radius: 0;
+ background-color: rgb(43,43,43);
+ color: #fff;
+ box-shadow: 0 0 4px rgba(255,255,255,.3);
+}
+
+.alertCloseButton {
+ -moz-appearance: none;
+ padding: 4px 2px;
+ border: none !important;
+}
+
+#alertTitleBox > .alertCloseBox {
+ /* The close button is larger on Windows and has a large
+ circle around it, so we add more space between the close
+ button and the edge of the window. */
+ margin-inline-end: 2px;
+}
+
+#alertSettings {
+ /* The close button is larger on Windows, so the
+ gear button is moved over to accomodate it and
+ keep the two buttons horizontally aligned together. */
+ margin-inline-end: 4px;
+ margin-bottom: -1px;
+}
diff --git a/src/chrome/global/config.css b/src/chrome/global/config.css
@@ -1 +1,52 @@
-@import url("chrome://appver/skin/config.css");
-\ No newline at end of file
+/* 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/. */
+
+#warningScreen {
+ font-size: 15px;
+ padding-top: 0;
+ padding-bottom: 0;
+ -moz-padding-start: calc(48px + 4.6em);
+ -moz-padding-end: 48px;
+ padding-inline-start: calc(48px + 4.6em);
+ padding-inline-end: 48px;
+}
+
+.title {
+ background-image: url("chrome://global/skin/icons/warning.svg");
+}
+
+#warningTitle {
+ font-weight: lighter;
+ line-height: 1.2;
+ color: #fff;
+ margin: 0;
+ margin-bottom: .5em;
+}
+
+#warningText {
+ margin: 1em 0;
+}
+
+#warningButton {
+ margin-top: 0.6em;
+}
+
+#filterRow {
+ margin-top: 4px;
+ -moz-margin-start: 4px;
+ margin-inline-start: 4px;
+}
+
+#configTree {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+#configTreeBody::-moz-tree-cell-text(user) {
+ font-weight: bold;
+}
+
+#configTreeBody::-moz-tree-cell-text(locked) {
+ font-style: italic;
+}
diff --git a/src/chrome/mozapps/aboutNetworking.css b/src/chrome/mozapps/aboutNetworking.css
@@ -1 +1,248 @@
-@import url("chrome://appver/skin/aboutNetworking.css");
-\ No newline at end of file
+/* 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 {
+ justify-content: flex-end;
+ margin-bottom: 0.5em;
+}
+
+#refreshButton {
+ margin-top: 0;
+}
+
+/** Categories **/
+
+.category {
+ cursor: pointer;
+ /* Center category names */
+ display: flex;
+ align-items: center;
+}
+
+.category .category-name {
+ pointer-events: none;
+}
+
+#categories hr {
+ border-top-color: rgb(50,50,50);
+}
+
+[id].category::before,
+.category[value]::before{
+ background-size: 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+ height: 32px;
+ width: 32px;
+ min-width: 32px;
+ margin-inline-start: 6px;
+}
+
+#category-http::before,
+.category[value="http"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#http);
+}
+#category-sockets::before,
+.category[value="sockets"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#sockets);
+}
+#category-dns::before,
+.category[value="dns"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#dns);
+}
+#category-websockets::before,
+.category[value="websockets"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#websockets);
+}
+#category-dnslookuptool::before,
+.category[value="dnslookuptool"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#dnslookup);
+}
+#category-logging::before,
+.category[value="logging"]::before{
+ content: "";
+ background-image: url(chrome://mozapps/skin/aboutNetworking.svg#logging);
+}
+#category-rcwn::before {
+ content: "";
+}
+
+.header{
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+#sectionTitle{
+ display: none;
+}
+#refreshDiv{
+ font-size: 1.1rem;
+ margin: 0 0 13px;
+ -moz-padding-end: 2px;
+}
+#refreshButton{
+ line-height: unset;
+ font-size: 1.1rem;
+ height: 23px;
+ vertical-align: bottom;
+ margin: 0;
+ margin-inline-end: 8px;
+ padding: 0 2px;
+}
+
+.main-content{
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ overflow: hidden;
+ background: transparent;
+}
+
+.main-content > div:not(.header){
+ padding: 40px 48px;
+ border: 1px solid var(--in-content-main-border-color);
+ border-radius: 5px;
+ overflow: auto;
+ height: calc(100% - 43px);
+ box-sizing: border-box;
+ background-color: var(--in-content-main-background-color);
+ background-image: var(--in-content-main-background-image);
+}
+
+.main-content > div:not(.header)> table{
+ margin-bottom: 40px;
+}
+
+#logging > div {
+ max-width: 800px;
+ min-width: 400px;
+}
+
+#logging > div ~ div ~ div {
+ text-align-last: justify;
+ margin-top: 12px;
+}
+#logging > div > br {
+ display: none;
+}
+
+#logging > div > button {
+ padding: 0 8px;
+}
+
+#logging > div:nth-of-type(+2) > button {
+ margin: 5px 0;
+ margin-inline-start: 40px;
+}
+
+#logging > div > [id^="current-log"] {
+ display: inline-block;
+ margin-inline-start: 20px;
+ min-width: 200px;
+}
+
+#logging > div > input {
+ margin: 10px 12px;
+ min-width: 50%;
+ width: calc(100% - 200px);
+}
+
+/** 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);
+}
+
+.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 {
+ 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);
+}
