start one more development cycle for 2.52
[themes.git] / LCARStrek / browser / pageInfo.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 "chrome://global/skin/";
6
7@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
8@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
9
10/* View buttons */
11#viewGroup {
12 padding-inline-start: 10px;
13}
14
15#viewGroup > radio {
16 list-style-image: url("chrome://browser/skin/pageInfo.png");
17 -moz-box-orient: vertical;
18 -moz-box-align: center;
19 -moz-appearance: none;
20 padding: 5px 3px 1px 3px;
21 margin: 0 1px;
22 min-width: 4.5em;
23 border-radius: 3px;
24}
25
26#viewGroup > radio:hover {
27 background-color: #FFCF00;
28 color: #000000;
29}
30
31#viewGroup > radio[selected="true"] {
32 background-color: #008484;
33 color: #FFCF00;
34}
35
36#topBar {
37 border-bottom: 2px solid #9C9CFF;
38 padding-inline-start: 10px;
39 background-color: #000000;
40 color: #FF9F00;
41}
42
43#generalTab {
44 -moz-image-region: rect(0px, 32px, 32px, 0px)
45}
46
47#generalTab:hover, #generalTab[selected="true"] {
48 -moz-image-region: rect(32px, 32px, 64px, 0px)
49}
50
51#mediaTab {
52 -moz-image-region: rect(0px, 64px, 32px, 32px)
53}
54
55#mediaTab:hover, #mediaTab[selected="true"] {
56 -moz-image-region: rect(32px, 64px, 64px, 32px)
57}
58
59#feedTab {
60 -moz-image-region: rect(0px, 96px, 32px, 64px)
61}
62
63#feedTab:hover, #feedTab[selected="true"] {
64 -moz-image-region: rect(32px, 96px, 64px, 64px)
65}
66
67#permTab {
68 -moz-image-region: rect(0px, 128px, 32px, 96px)
69}
70
71#permTab:hover, #permTab[selected="true"] {
72 -moz-image-region: rect(32px, 128px, 64px, 96px)
73}
74
75#securityTab {
76 -moz-image-region: rect(0px, 160px, 32px, 128px)
77}
78
79#securityTab:hover, #securityTab[selected="true"] {
80 -moz-image-region: rect(32px, 160px, 64px, 128px)
81}
82
83deck {
84 padding: 10px 10px 10px 10px;
85}
86
87/* Misc */
88tree {
89 margin: .5em;
90}
91
92.gridSeparator {
93 width: .5em;
94}
95
96row > label {
97 padding: 0;
98 margin-top: 0;
99 margin-bottom: 0;
100 min-height: 19px; /* match textbox */
101}
102
103textbox {
104 background: transparent !important;
105 border: none;
106 padding: 0px;
107 margin-top: 0px;
108 -moz-appearance: none;
109}
110
111/* This would be ideal but doesn't work */
112/*
113html|*.textbox-input > .anonymous-div,
114html|*.textbox-input::placeholder {
115 line-height: 1em !important;
116}
117*/
118
119textbox[readonly="true"] html|*.textbox-input {
120 max-height: 1em; /* work around the above rule that does not work */
121}
122
123textbox.header {
124 margin-inline-start: 0;
125}
126
127.iframe {
128 margin: .5em;
129 background: white;
130 overflow: auto;
131}
132
133.fixedsize {
134 height: 8.5em;
135}
136
137textbox[disabled] {
138 font-style: italic;
139}
140
141/* General Tab */
142groupbox.collapsable caption .caption-icon {
143 width: 9px;
144 height: 9px;
145 background-repeat: no-repeat;
146 background-position: center;
147 margin-inline-start: 2px;
148 margin-inline-end: 2px;
149 background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
150}
151
152groupbox.collapsable[closed="true"] {
153 border: none;
154 margin-bottom: 9px;
155 -moz-appearance: none;
156}
157
158groupbox.collapsable[closed="true"] > caption > .caption-icon {
159 background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
160}
161
162groupbox.collapsable > caption:hover {
163 background-color: #FFCF00;
164}
165
166groupbox.treebox {
167 padding: 0;
168}
169
170groupbox.treebox > tree {
171 margin: 2px;
172 margin-top: 0;
173 border: none;
174 border-top-right-radius: 0;
175 border-top-left-radius: 0;
176}
177
178groupbox.treebox > tree > treecols > treecol {
179 border: none;
180 border-bottom: 1px solid #FF9F00;
181 background-color: #A09090;
182 border-radius: 0;
183}
184
185groupbox.treebox > tree > treechildren::-moz-tree-cell {
186 padding: 0 3px;
187}
188
189#securityBox description {
190 margin-inline-start: 10px;
191}
192
193#general-security-identity {
194 white-space: pre-wrap;
195 line-height: 2em;
196}
197
198/* Media Tab */
199#imagetree {
200 min-height: 10em;
201 margin-bottom: 0;
202}
203
204#mediaSplitter {
205 border-style: none;
206 background: none;
207 height: .8em;
208}
209
210#mediaGrid {
211 min-height: 9em;
212}
213
214#mediaLabelColumn {
215 min-width: 10em;
216}
217
218#thepreviewimage {
219 margin: 1em;
220}
221
222treechildren::-moz-tree-cell-text(broken) {
223 font-style: italic;
224 color: #8050B0;
225}
226
227/* Feeds Tab */
228#feedtree {
229 margin-bottom: 0px;
230}
231
232#feedListbox richlistitem {
233 padding-top: 6px;
234 padding-bottom: 6px;
235 padding-inline-start: 7px;
236 padding-inline-end: 7px;
237 min-height: 25px;
238 border-bottom: 1px dotted #9C9CFF;
239}
240/*
241#feedListbox richlistitem[selected="true"] {
242 background-color: -moz-Dialog;
243 color: -moz-DialogText;
244}
245
246#feedListbox {
247 border: 2px solid;
248 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
249 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
250 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
251 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
252}
253*/
254.feedTitle {
255 font-weight: bold;
256}
257
258/* Permissions Tab */
259#permList {
260 margin-top: .5em;
261 overflow: auto;
262 border: 2px solid;
263/* -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
264 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
265 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
266 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
267 background-color: -moz-field; */
268}
269
270.permission {
271 padding-top: 6px;
272 padding-bottom: 6px;
273 padding-inline-start: 7px;
274 padding-inline-end: 7px;
275 min-height: 25px;
276 border-bottom: 1px dotted #9C9CFF;
277}
278
279.permissionLabel {
280 font-weight: bold;
281}
282/*
283.permission:hover {
284 background-color: -moz-dialog;
285}
286*/
287/* Security Tab */
288#securityPanel .caption-icon {
289 display: none;
290}
291
292#securityPanel .header {
293 font-size: 120%;
294}
295
296#securityPanel .fieldLabel {
297 margin: 0px 10px;
298}
299
300#securityPanel .fieldValue {
301 font-weight: bold;
302 margin: 0px 10px;
303}
304
305#securityPanel row {
306 -moz-box-align: center;
307}
308
309#security-technical-box > .fieldValue,
310#security-technical-box > .fieldLabel {
311 margin-bottom: .5em;
312}