Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
6bcac19c RK |
4 | |
5 | html { | |
ed351b91 RK |
6 | --aboutSupport-table-background: #000000; |
7 | background-color: var(--in-content-page-background); | |
6bcac19c RK |
8 | } |
9 | ||
10 | body { | |
ed351b91 | 11 | margin: 40px 48px; |
6bcac19c RK |
12 | } |
13 | ||
ed351b91 | 14 | a:link, a:visited { |
42f50429 | 15 | border-radius: 3px; |
ed351b91 RK |
16 | color: var(--in-content-link-color); |
17 | background-color: var(--in-content-page-background); | |
42f50429 | 18 | text-decoration: none; |
dae45075 RK |
19 | padding-inline-start: 1px; |
20 | padding-inline-end: 1px; | |
42f50429 RK |
21 | } |
22 | ||
ed351b91 | 23 | /* on hover and active, behave like buttons */ |
42f50429 | 24 | a:hover { |
ed351b91 RK |
25 | color: var(--in-content-selected-text); |
26 | background-color: var(--in-content-box-background-hover); | |
27 | } | |
28 | ||
29 | a:active { | |
30 | color: var(--in-content-selected-text); | |
31 | background-color: var(--in-content-box-background-active); | |
42f50429 RK |
32 | } |
33 | ||
6bcac19c RK |
34 | .page-subtitle { |
35 | margin-bottom: 3em; | |
36 | } | |
37 | ||
38 | .major-section { | |
39 | margin-top: 2em; | |
40 | margin-bottom: 1em; | |
41 | font-size: large; | |
42 | text-align: start; | |
43 | font-weight: bold; | |
44 | } | |
45 | ||
ed351b91 | 46 | button { |
dae45075 RK |
47 | margin-inline-start: 0; |
48 | margin-inline-end: 8px; | |
ed351b91 RK |
49 | } |
50 | ||
6bcac19c | 51 | table { |
ed351b91 RK |
52 | background-color: var(--aboutSupport-table-background); |
53 | color: var(--in-content-text-color); | |
6bcac19c RK |
54 | text-align: start; |
55 | width: 100%; | |
42f50429 | 56 | border-radius: 10px; |
ed351b91 | 57 | border: 1px solid var(--in-content-border-color); |
6bcac19c RK |
58 | border-spacing: 0px; |
59 | } | |
60 | ||
f0eab82c RK |
61 | table + table { |
62 | margin-top: 1em; | |
63 | } | |
64 | ||
6bcac19c | 65 | th, td { |
6bcac19c RK |
66 | padding: 3px; |
67 | } | |
68 | ||
f0eab82c RK |
69 | th:not(:first-child), |
70 | td:not(:first-child) { | |
ed351b91 RK |
71 | border-left: 1px dotted var(--in-content-border-color); |
72 | } | |
73 | ||
74 | thead th { | |
75 | text-align: center; | |
76 | } | |
77 | ||
78 | th { | |
79 | text-align: start; | |
80 | background-color: var(--in-content-table-header-background); | |
81 | color: var(--in-content-selected-text); | |
42f50429 RK |
82 | } |
83 | ||
f0eab82c RK |
84 | /* adjustments for not painting outside of table border */ |
85 | thead:first-child > th:first-child, /* prefs table misses a tr in thead */ | |
86 | thead:first-child > tr:first-child > th:first-child, | |
87 | thead:first-child > tr:first-child > td:first-child, | |
88 | tbody:first-child > tr:first-child > th:first-child, | |
89 | tbody:first-child > tr:first-child > td:first-child { | |
90 | border-top-left-radius: 9px; | |
91 | } | |
92 | ||
93 | thead:first-child > th:last-child, /* prefs table misses a tr in thead */ | |
94 | thead:first-child > tr:first-child > th:last-child, | |
95 | thead:first-child > tr:first-child > td:last-child, | |
96 | tbody:first-child > tr:first-child > th:last-child, | |
97 | tbody:first-child > tr:first-child > td:last-child { | |
98 | border-top-right-radius: 9px; | |
99 | } | |
100 | ||
101 | thead:last-child > tr:last-child > th:first-child, | |
102 | thead:last-child > tr:last-child > td:first-child, | |
103 | tbody:last-child > tr:last-child > th:first-child, | |
104 | tbody:last-child > tr:last-child > td:first-child { | |
105 | border-bottom-left-radius: 9px; | |
106 | } | |
107 | ||
108 | thead:last-child > tr:last-child > th:last-child, | |
109 | thead:last-child > tr:last-child > td:last-child, | |
110 | tbody:last-child > tr:last-child > th:last-child, | |
111 | tbody:last-child > tr:last-child > td:last-child { | |
112 | border-bottom-right-radius: 9px; | |
113 | } | |
114 | ||
7729765c RK |
115 | th.title-column { |
116 | white-space: nowrap; | |
117 | width: 0px; | |
118 | font-size: medium; | |
119 | } | |
120 | ||
6bcac19c RK |
121 | th.column { |
122 | white-space: nowrap; | |
123 | width: 0px; | |
124 | } | |
125 | ||
f0eab82c RK |
126 | tr:not(:first-child) > td, |
127 | tr:not(:first-child) > th, | |
128 | tbody:not(:first-child) > tr > td, | |
129 | tbody:not(:first-child) > tr > th { | |
ed351b91 | 130 | border-top: 1px dotted var(--in-content-table-border-dark-color); |
f0eab82c RK |
131 | } |
132 | ||
6bcac19c RK |
133 | td { |
134 | text-align: start; | |
6bcac19c RK |
135 | } |
136 | ||
918c9e49 RK |
137 | td.integer { |
138 | text-align: end; | |
139 | font-family: monospace; | |
140 | } | |
141 | ||
6bcac19c RK |
142 | .prefs-table { |
143 | width: 100%; | |
144 | table-layout: fixed; | |
145 | } | |
146 | ||
147 | .pref-name { | |
148 | width: 70%; | |
149 | white-space: nowrap; | |
150 | overflow: hidden; | |
151 | } | |
152 | ||
153 | .pref-value { | |
154 | width: 30%; | |
155 | white-space: nowrap; | |
156 | overflow: hidden; | |
157 | } | |
a62af8a9 | 158 | |
e6947267 | 159 | #action-box { |
ed351b91 RK |
160 | background-color: var(--aboutSupport-table-background); |
161 | border: 1px solid var(--in-content-border-color); | |
162 | color: var(--in-content-text-color); | |
a62af8a9 RK |
163 | float: right; |
164 | margin-top: 2em; | |
165 | margin-bottom: 20px; | |
dae45075 RK |
166 | margin-inline-start: 20px; |
167 | margin-inline-end: 0; | |
a62af8a9 RK |
168 | padding: 16px; |
169 | width: 30%; | |
170 | } | |
171 | ||
e6947267 RK |
172 | #action-box, |
173 | #reset-box, | |
174 | #safe-mode-box { | |
175 | display: none; | |
176 | } | |
177 | ||
dae45075 | 178 | #action-box:dir(rtl) { |
a62af8a9 RK |
179 | float: left; |
180 | } | |
181 | ||
182 | #reset-box > h3 { | |
183 | margin-top: 0; | |
184 | } | |
185 | ||
e6947267 | 186 | #action-box > button { |
a62af8a9 | 187 | display: block; |
a62af8a9 | 188 | } |
2e88f3cc | 189 | |
dae45075 RK |
190 | #verify-place-result { |
191 | max-height: 200px; | |
192 | overflow: auto; | |
193 | } | |
194 | ||
2e88f3cc RK |
195 | .block { |
196 | display: block; | |
197 | } | |
198 | ||
199 | .hidden { | |
200 | display: none; | |
201 | } |