second and last part of syncing LCARStrek with Firefox 53 browser windows theme changes
[themes.git] / EarlyBlue / global / aboutNetworking.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5@import url("chrome://global/skin/in-content/common.css");
6
7html {
8 height: 100%;
9}
10
11body {
12 display: flex;
13 align-items: stretch;
14 height: 100%;
15}
16
17#sectionTitle {
18 float: left;
19}
20
21#sectionTitle:dir(rtl) {
22 float: right;
23}
24
25#refreshDiv {
26 justify-content: flex-end;
27 margin-bottom: 0.5em;
28}
29
30#refreshButton {
31 margin-top: 0;
32}
33
34/** Categories **/
35
36.category {
37 cursor: pointer;
38 /* Center category names */
39 display: flex;
40 align-items: center;
41}
42
43.category .category-name {
44 pointer-events: none;
45}
46
47#categories hr {
48 border-top-color: #9999CC;
49}
50
51/** Warning container **/
52
53/* XXX: a lot of this is duplicated from info-pages.css since that stylesheet
54 is incompatible with this type of layout */
55.warningBackground:not([hidden]) {
56 display: flex;
57}
58
59.warningBackground {
60 flex-direction: column;
61 box-sizing: border-box;
62 min-height: 100vh;
63 align-items: center;
64 justify-content: center;
65 width: 100%;
66 height: 100%;
67 z-index: 10;
68 top: 0;
69 left: 0;
70 position: fixed;
71 background: var(--in-content-page-background);
72}
73
74.title {
75 position: relative;
76 border-bottom: 1px solid var(--in-content-box-border-color);
77 margin-bottom: 1em;
78 padding-bottom: 0.5em;
79}
80
81.title::before {
82 content: "";
83 left: -2.3em;
84 top: 0;
85 position: absolute;
86 display: block;
87 width: 1.6em;
88 height: 1.6em;
89 background: url("chrome://global/skin/icons/warning.svg") no-repeat left center;
90 background-size: 1.6em;
91}
92
93.title:dir(rtl)::before {
94 left: auto;
95 right: -2.3em;
96}
97
98.warningBackground button {
99 margin-top: 1em;
100 margin-left: 0;
101 min-width: 100px;
102}
103
104/** Content area **/
105
106.main-content {
107 flex: 1;
108}
109
110.tab {
111 padding: 0.5em 0;
112}
113
114.tab table {
115 width: 100%;
116}
117
118th, td, table {
119 border-collapse: collapse;
120 border: none;
121 text-align: start;
122}
123
124th {
125 padding-bottom: 0.5em;
126 font-size: larger;
127}
128
129td {
130 padding-bottom: 0.25em;
131 border-bottom: 1px solid var(--in-content-box-border-color);
132}