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