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 RK |
18 | text-decoration: none; |
19 | -moz-padding-start: 1px; | |
20 | -moz-padding-end: 1px; | |
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 RK |
46 | button { |
47 | -moz-margin-start: 0; | |
48 | -moz-margin-end: 8px; | |
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 | ||
137 | .prefs-table { | |
138 | width: 100%; | |
139 | table-layout: fixed; | |
140 | } | |
141 | ||
142 | .pref-name { | |
143 | width: 70%; | |
144 | white-space: nowrap; | |
145 | overflow: hidden; | |
146 | } | |
147 | ||
148 | .pref-value { | |
149 | width: 30%; | |
150 | white-space: nowrap; | |
151 | overflow: hidden; | |
152 | } | |
a62af8a9 | 153 | |
e6947267 | 154 | #action-box { |
ed351b91 RK |
155 | background-color: var(--aboutSupport-table-background); |
156 | border: 1px solid var(--in-content-border-color); | |
157 | color: var(--in-content-text-color); | |
a62af8a9 RK |
158 | float: right; |
159 | margin-top: 2em; | |
160 | margin-bottom: 20px; | |
161 | -moz-margin-start: 20px; | |
162 | -moz-margin-end: 0; | |
163 | padding: 16px; | |
164 | width: 30%; | |
165 | } | |
166 | ||
e6947267 RK |
167 | #action-box, |
168 | #reset-box, | |
169 | #safe-mode-box { | |
170 | display: none; | |
171 | } | |
172 | ||
173 | #action-box:-moz-dir(rtl) { | |
a62af8a9 RK |
174 | float: left; |
175 | } | |
176 | ||
177 | #reset-box > h3 { | |
178 | margin-top: 0; | |
179 | } | |
180 | ||
e6947267 | 181 | #action-box > button { |
a62af8a9 | 182 | display: block; |
a62af8a9 | 183 | } |
2e88f3cc RK |
184 | |
185 | .block { | |
186 | display: block; | |
187 | } | |
188 | ||
189 | .hidden { | |
190 | display: none; | |
191 | } |