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 */ | |
124 | groupbox.collapsable caption .caption-icon { | |
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; | |
131 | background-image: url("chrome://global/skin/tree/twisty-open.gif"); | |
132 | } | |
133 | ||
134 | groupbox.collapsable[closed="true"] { | |
135 | border: none; | |
136 | margin-bottom: 9px; | |
137 | -moz-appearance: none; | |
138 | } | |
139 | ||
140 | groupbox.collapsable[closed="true"] caption .caption-icon { | |
141 | background-image: url("chrome://global/skin/tree/twisty-closed.gif"); | |
142 | } | |
143 | ||
144 | groupbox tree { | |
145 | margin: 0 3px; | |
146 | border: none; | |
147 | } | |
148 | ||
149 | #securityBox description { | |
150 | -moz-margin-start: 10px; | |
151 | } | |
152 | ||
153 | #general-security-identity { | |
154 | white-space: pre-wrap; | |
155 | line-height: 2em; | |
156 | } | |
157 | ||
158 | /* Media Tab */ | |
159 | #imagetree { | |
160 | min-height: 10em; | |
161 | margin-bottom: 0; | |
162 | } | |
163 | ||
164 | #mediaSplitter { | |
165 | border-style: none; | |
166 | background: none; | |
167 | height: .8em; | |
168 | } | |
169 | ||
170 | #mediaGrid { | |
171 | min-height: 9em; | |
172 | } | |
173 | ||
174 | #mediaLabelColumn { | |
175 | min-width: 10em; | |
176 | } | |
177 | ||
178 | #thepreviewimage { | |
179 | margin: 1em; | |
180 | } | |
181 | ||
182 | treechildren::-moz-tree-cell-text(broken) { | |
183 | font-style: italic; | |
184 | color: #8050B0; | |
185 | } | |
186 | ||
187 | /* Feeds Tab */ | |
188 | #feedtree { | |
189 | margin-bottom: 0px; | |
190 | } | |
191 | ||
192 | #feedListbox richlistitem { | |
193 | padding-top: 6px; | |
194 | padding-bottom: 6px; | |
195 | -moz-padding-start: 7px; | |
196 | -moz-padding-end: 7px; | |
197 | min-height: 25px; | |
198 | border-bottom: 1px dotted #9C9CFF; | |
199 | } | |
200 | /* | |
201 | #feedListbox richlistitem[selected="true"] { | |
202 | background-color: -moz-Dialog; | |
203 | color: -moz-DialogText; | |
204 | } | |
205 | ||
206 | #feedListbox { | |
207 | border: 2px solid; | |
208 | -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; | |
209 | -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; | |
210 | -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
211 | -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; | |
212 | } | |
213 | */ | |
214 | .feedTitle { | |
215 | font-weight: bold; | |
216 | } | |
217 | ||
218 | /* Permissions Tab */ | |
219 | #permList { | |
220 | margin-top: .5em; | |
221 | overflow: auto; | |
222 | border: 2px solid; | |
223 | /* -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; | |
224 | -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; | |
225 | -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
226 | -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; | |
227 | background-color: -moz-field; */ | |
228 | } | |
229 | ||
230 | .permission { | |
231 | padding-top: 6px; | |
232 | padding-bottom: 6px; | |
233 | -moz-padding-start: 7px; | |
234 | -moz-padding-end: 7px; | |
235 | min-height: 25px; | |
236 | border-bottom: 1px dotted #9C9CFF; | |
237 | } | |
238 | ||
239 | .permissionLabel { | |
240 | font-weight: bold; | |
241 | } | |
242 | /* | |
243 | .permission:hover { | |
244 | background-color: -moz-dialog; | |
245 | } | |
246 | */ | |
247 | /* Security Tab */ | |
248 | #securityPanel .caption-icon { | |
249 | display: none; | |
250 | } | |
251 | ||
252 | #securityPanel .header { | |
253 | font-size: 120%; | |
254 | } | |
255 | ||
256 | #securityPanel .fieldLabel { | |
257 | margin: 2px 10px 3px 10px; | |
258 | } | |
259 | ||
260 | #securityPanel .fieldValue { | |
261 | font-weight: bold; | |
262 | margin: 2px 10px 0px 10px; | |
263 | } |