f6e0a33f |
1 | /** Contains style definitions for the navigator application |
2 | **/ |
3 | |
4 | @import url(chrome://navigator/content/navigator.css); |
5 | @import url(chrome://communicator/skin/); |
6 | @import url(chrome://navigator/skin/personalToolbar.css); |
7 | @import url(chrome://communicator/skin/sidebar/sidebar.css); |
8 | |
9 | /********** resource bundle binding **********/ |
10 | |
11 | #resource_bundle_navigator |
12 | { |
13 | -moz-binding : url('chrome://navigator/skin/resources.xml#resource_bundle_navigator') |
14 | } |
15 | |
16 | /* |
17 | #content |
18 | { |
19 | border-left : 1px solid ThreeDDarkShadow; |
20 | border-top : 1px solid ThreeDDarkShadow; |
21 | border-right : 1px solid ThreeDFace; |
22 | border-bottom : 1px solid ThreeDFace; |
23 | } |
24 | |
25 | #browser |
26 | { |
27 | border-left : 1px solid ThreeDShadow; |
28 | border-right : 1px solid ThreeDHighlight; |
29 | } |
30 | */ |
31 | |
32 | #bookmarks-button |
33 | { |
34 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); |
35 | } |
36 | |
37 | #bookmarks-button[open="true"] |
38 | { |
39 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); |
40 | } |
41 | |
42 | /* |
43 | * Images for the main buttons |
44 | */ |
45 | #back-button |
46 | { |
47 | list-style-image : url("chrome://navigator/skin/back.gif"); |
48 | } |
49 | |
50 | #back-button[disabled="true"] |
51 | { |
52 | list-style-image : url("chrome://navigator/skin/back-disabled.gif") !important; |
53 | } |
54 | |
55 | /* |
56 | #back-button:hover, |
57 | #back-button[buttonover="true"], |
58 | #back-button[open="true"] |
59 | { |
60 | list-style-image : url("chrome://navigator/skin/back-hover.gif"); |
61 | } |
62 | |
63 | #back-button[buttondown="true"] |
64 | { |
65 | list-style-image : url("chrome://navigator/skin/back-hover-active.gif"); |
66 | } |
67 | */ |
68 | |
69 | #forward-button |
70 | { |
71 | list-style-image : url("chrome://navigator/skin/forward.gif"); |
72 | } |
73 | |
74 | #forward-button[disabled="true"] |
75 | { |
76 | list-style-image : url("chrome://navigator/skin/forward-disabled.gif") !important; |
77 | } |
78 | |
79 | /* |
80 | #forward-button:hover, |
81 | #forward-button[buttonover="true"], |
82 | #forward-button[open="true"] |
83 | { |
84 | list-style-image : url("chrome://navigator/skin/forward-hover.gif"); |
85 | } |
86 | |
87 | #forward-button[buttondown="true"] |
88 | { |
89 | list-style-image : url("chrome://navigator/skin/forward-hover-active.gif"); |
90 | } |
91 | */ |
92 | |
93 | #reload-button |
94 | { |
95 | list-style-image : url("chrome://navigator/skin/reload.gif"); |
96 | } |
97 | |
98 | /* |
99 | #reload-button:hover |
100 | { |
101 | list-style-image : url("chrome://navigator/skin/reload-hover.gif"); |
102 | } |
103 | |
104 | #reload-button:hover:active |
105 | { |
106 | list-style-image : url("chrome://navigator/skin/reload-hover-active.gif"); |
107 | } |
108 | */ |
109 | |
110 | #reload-button[disabled="true"] |
111 | { |
112 | list-style-image : url("chrome://navigator/skin/reload-disabled.gif") !important; |
113 | } |
114 | |
115 | #stop-button |
116 | { |
117 | list-style-image : url("chrome://navigator/skin/stop.gif"); |
118 | } |
119 | |
120 | #stop-button[disabled="true"] |
121 | { |
122 | list-style-image : url("chrome://navigator/skin/stop-disabled.gif") !important; |
123 | } |
124 | |
125 | /* |
126 | #stop-button:hover |
127 | { |
128 | list-style-image : url("chrome://navigator/skin/stop-hover.gif"); |
129 | } |
130 | |
131 | #stop-button:hover:active |
132 | { |
133 | list-style-image : url("chrome://navigator/skin/stop-hover-active.gif"); |
134 | } |
135 | */ |
136 | |
137 | #print-button |
138 | { |
139 | list-style-image : url("chrome://global/skin/print.gif"); |
140 | } |
141 | |
142 | #print-button[disabled="true"] { |
143 | list-style-image : url("chrome://global/skin/print-disabled.gif") !important; |
144 | } |
145 | |
146 | /* |
147 | #print-button:hover, |
148 | #print-button[buttonover="true"], |
149 | #print-button[open="true"] |
150 | { |
151 | list-style-image : url("chrome://global/skin/print-hover.gif"); |
152 | } |
153 | |
154 | #print-button[buttondown="true"] |
155 | { |
156 | list-style-image : url("chrome://global/skin/print-hover-active.gif"); |
157 | } |
158 | */ |
159 | |
160 | /* Hides text below the above buttons */ |
161 | .toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box > .toolbarbutton-text, |
162 | .toolbarbutton-1 > .toolbarbutton-box > .toolbarbutton-text { |
163 | display: none; |
164 | } |
165 | |
166 | |
167 | /*all the urlbar stuff*/ |
168 | #page-proxy-button |
169 | { |
170 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); |
171 | cursor : grab; |
172 | margin : 1px 1px 1px 2px; |
173 | } |
174 | |
175 | /* |
176 | #page-proxy-button[pageproxystate="valid"]:hover |
177 | { |
178 | list-style-image : url("chrome://communicator/skin/bookmarks/location-hover.gif"); |
179 | } |
180 | |
181 | #page-proxy-button[pageproxystate="valid"]:hover:active |
182 | { |
183 | list-style-image : url("chrome://communicator/skin/bookmarks/location-clicked.gif"); |
184 | } |
185 | |
186 | #page-proxy-button[pageproxystate="invalid"] |
187 | { |
188 | cursor : default; |
189 | list-style-image : url("chrome://communicator/skin/bookmarks/location-disabled.gif"); |
190 | } |
191 | */ |
192 | |
193 | #content-frame |
194 | { |
195 | min-width : 0px; |
196 | min-height : 0px; |
197 | } |
198 | |
199 | #nav-bar-inner { |
200 | padding-left : 0px; |
201 | min-width : 0px; |
202 | margin : 9px 4px; |
203 | } |
204 | |
205 | #urlbar .autocomplete-icon-box { |
206 | border : 1px inset #CCD0DD; |
207 | border-right : none; |
208 | } |
209 | |
210 | #urlbar .autocomplete-textbox-container { |
211 | border : 1px inset #CCD0DD; |
212 | border-left : none; |
213 | } |
214 | |
215 | #urlbar-group { |
216 | border : none; |
217 | margin : 0px 5px 0px 0px; |
218 | } |
219 | |
220 | #urlbar-container { |
221 | border : none; |
222 | } |
223 | |
224 | #search-button, |
225 | #go-button { |
226 | /* font : message-box; */ |
227 | font-weight : bold; |
228 | margin : 0px 3px 0px 0px; |
229 | background-color : #9999CC; |
230 | } |
231 | |
232 | #search-button > .button-box, |
233 | #go-button > .button-box { |
234 | border : 1px outset #9999CC; |
235 | } |
236 | |
237 | #search-button:hover:active > .button-box, |
238 | #go-button:hover:active > .button-box { |
239 | border : 1px inset #9999CC; |
240 | } |
241 | |
242 | #search-button |
243 | { |
244 | /* list-style-image : url("chrome://communicator/skin/search.gif"); */ |
245 | font-weight : bold; |
246 | } |
247 | |
248 | /* |
249 | #search-button:hover |
250 | { |
251 | list-style-image : url("chrome://communicator/skin/search-hover.gif"); |
252 | } |
253 | |
254 | #search-button:hover:active |
255 | { |
256 | list-style-image : url("chrome://communicator/skin/search-active.gif"); |
257 | } |
258 | */ |
259 | |
260 | .menuitem-iconic |
261 | { |
262 | padding : 1px; |
263 | } |
264 | |
265 | /* ::::: urlbar autocomplete widget ::::: */ |
266 | |
267 | .autocomplete-outlinerbody:-moz-outliner-cell-text(value) |
268 | { |
269 | padding-left : 13px; |
270 | } |
271 | |
272 | .autocomplete-outlinerbody:-moz-outliner-cell-text(comment) |
273 | { |
274 | font-style : italic; |
275 | } |
276 | |
277 | /* |
278 | .autocomplete-history-button |
279 | { |
280 | border : 1px outset -moz-Dialog; |
281 | } |
282 | |
283 | .autocomplete-history-button[open="true"] |
284 | { |
285 | border : 1px solid ThreeDShadow; |
286 | } |
287 | |
288 | .autocomplete-history-button-internal-box, |
289 | .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box |
290 | { |
291 | border : none; |
292 | } |
293 | */ |
294 | |
295 | .autocomplete-search-box |
296 | { |
297 | border-top : 1px solid #9999CC; |
298 | background-color : #666699; |
299 | color : #000000; |
300 | } |
301 | |
302 | .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box |
303 | { |
304 | border-top : 1px solid #666699; |
305 | } |
306 | |
307 | .autocomplete-search-engine |
308 | { |
309 | padding : 2px; |
310 | } |
311 | |
312 | .autocomplete-search-engine[menuactive="true"] |
313 | { |
314 | background-color : #9999CC; |
315 | color : #000000; |
316 | } |
317 | |
318 | .autocomplete-search-engine-img |
319 | { |
320 | margin-right : 4px; |
321 | } |
322 | |