d684a373 |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: NPL 1.1/GPL 2.0/LGPL 2.1 |
3 | * |
4 | * The contents of this file are subject to the Netscape Public License |
5 | * Version 1.1 (the "License"); you may not use this file except in |
6 | * compliance with the License. You may obtain a copy of the License at |
7 | * http://www.mozilla.org/NPL/ |
8 | * |
9 | * Software distributed under the License is distributed on an "AS IS" basis, |
10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License |
11 | * for the specific language governing rights and limitations under the |
12 | * License. |
13 | * |
14 | * The Original Code is mozilla.org code. |
15 | * |
16 | * The Initial Developer of the Original Code is |
17 | * Netscape Communications Corporation. |
18 | * Portions created by the Initial Developer are Copyright (C) 1998-1999 |
19 | * the Initial Developer. All Rights Reserved. |
20 | * |
21 | * Contributor(s): |
22 | * Joe Hewitt (hewitt@netscape.com) |
23 | * Jason Kersey (kerz@netscape.com) |
24 | * Pierre Chanial (chanial@noos.fr) |
25 | * |
26 | * Alternatively, the contents of this file may be used under the terms of |
27 | * either the GNU General Public License Version 2 or later (the "GPL"), or |
28 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), |
29 | * in which case the provisions of the GPL or the LGPL are applicable instead |
30 | * of those above. If you wish to allow use of your version of this file only |
31 | * under the terms of either the GPL or the LGPL, and not to allow others to |
32 | * use your version of this file under the terms of the NPL, indicate your |
33 | * decision by deleting the provisions above and replace them with the notice |
34 | * and other provisions required by the GPL or the LGPL. If you do not delete |
35 | * the provisions above, a recipient may use your version of this file under |
36 | * the terms of any one of the NPL, the GPL or the LGPL. |
37 | * |
38 | * ***** END LICENSE BLOCK ***** */ |
39 | |
40 | @import url("chrome://global/skin/"); |
41 | |
42 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
43 | |
44 | #PersonalToolbar { |
45 | min-height: 20px; |
46 | } |
47 | |
48 | /* ::::: bookmark buttons ::::: */ |
49 | |
50 | toolbarbutton.bookmark-item { |
51 | margin: 0; |
52 | min-width: 0; |
53 | max-width: 13em; |
54 | min-height: 20px; |
55cca60c |
55 | padding: 1px; |
56 | } |
57 | |
58 | toolbarbutton.bookmark-item:hover:active, |
59 | toolbarbutton.bookmark-item[open="true"] { |
60 | padding: 2px 0px 0px 2px; |
d684a373 |
61 | } |
62 | |
63 | .bookmark-item > .toolbarbutton-icon { |
64 | width: 16px; |
55cca60c |
65 | height: 16px; |
d684a373 |
66 | } |
67 | |
68 | /* Prevent [mode="icons"] from hiding the label */ |
69 | .bookmark-item > .toolbarbutton-text { |
70 | display: -moz-box !important; |
71 | } |
72 | |
73 | .bookmark-item > .toolbarbutton-menu-dropmarker { |
74 | display: none; |
75 | } |
76 | |
77 | .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] { |
78 | width: 32px; |
79 | height: 32px; |
21384789 |
80 | background: url("chrome://browser/skin/icons/bookmarks-folder.gif") no-repeat; |
d684a373 |
81 | } |
82 | |
83 | .bookmarks-toolbar-customize { |
84 | display: none; |
85 | max-width: 15em !important; |
86 | } |
87 | |
88 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize { |
89 | display: -moz-box; |
90 | } |
91 | |
92 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items { |
93 | visibility: hidden; |
94 | } |
95 | |
96 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items { |
97 | visibility: hidden; |
98 | } |
99 | |
100 | /* ::::: bookmark menus ::::: */ |
101 | |
102 | menu.bookmark-item, |
103 | menuitem.bookmark-item { |
104 | min-width: 0; |
105 | max-width: 26em; |
106 | border-top: 1px solid transparent !important; |
107 | border-bottom: 1px solid transparent !important; |
108 | padding: 1px 3px 1px 2px; |
109 | margin-top: -1px; |
110 | } |
111 | |
112 | .bookmark-item > .menu-iconic-left > .menu-iconic-icon { |
113 | width: 16px; |
114 | height: 16px; |
115 | } |
116 | |
117 | /* ..... drag and drop styles ..... */ |
118 | |
119 | .bookmark-item[dragover-left="true"] { |
120 | -moz-border-left-colors: #000000; |
121 | } |
122 | .bookmark-item[dragover-right="true"] { |
123 | -moz-border-right-colors: #000000; |
124 | } |
125 | .bookmark-item[dragover-top="true"] { |
126 | -moz-border-top-colors: #000000; |
127 | } |
128 | .bookmark-item[dragover-bottom="true"] { |
129 | -moz-border-bottom-colors: #000000; |
130 | } |
131 | |
132 | /* ::::: bookmark items ::::: */ |
133 | |
134 | .bookmark-item { |
bac19d09 |
135 | list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif"); |
d684a373 |
136 | } |
137 | |
138 | .bookmark-item[container="true"] { |
bac19d09 |
139 | list-style-image: url("chrome://browser/skin/icons/bookmark-folder-closed.gif"); |
d684a373 |
140 | } |
141 | .bookmark-item[open="true"], |
142 | .bookmark-item[container="true"][open="true"] { |
bac19d09 |
143 | list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif"); |
d684a373 |
144 | } |
145 | |
d684a373 |
146 | /* ::::: primary toolbar buttons ::::: */ |
147 | |
55cca60c |
148 | .toolbarbutton-1, |
149 | .toolbarbutton-1 > .toolbarbutton-menubutton-button { |
d684a373 |
150 | -moz-box-orient: vertical; |
151 | min-width: 0px; |
d684a373 |
152 | } |
153 | |
154 | toolbarbutton:not([disabled="true"]):hover, |
155 | menubutton:not([disabled="true"]):hover, |
156 | toolbarbutton:not([disabled="true"]):hover:active, |
157 | menubutton:not([disabled="true"]):hover:active { |
55cca60c |
158 | color: #000000 !important; |
d684a373 |
159 | } |
160 | |
161 | /* |
162 | .toolbarbutton-menubutton-stack, |
163 | .toolbarbutton-menubutton-button, |
164 | .toolbarbutton-menubutton-stack:hover, |
165 | .toolbarbutton-menubutton-button:hover, |
166 | .toolbarbutton-menubutton-stack:hover:active, |
167 | .toolbarbutton-menubutton-button:hover:active { |
168 | margin: 0 !important; |
169 | display: -moz-box; |
170 | } |
171 | */ |
172 | |
173 | toolbarbutton[type="menu-button"] { |
174 | -moz-box-orient: horizontal; |
175 | } |
176 | |
177 | toolbar[mode="icons"] .toolbarbutton-text { |
178 | display: none; |
179 | } |
180 | |
181 | toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker, |
182 | toolbar[mode="text"] .toolbarbutton-icon { |
183 | display: none; |
184 | } |
185 | |
186 | toolbar[mode="text"] .toolbarbutton-text { |
187 | padding: 0 !important; |
188 | margin: 3px 5px !important; |
189 | } |
190 | |
191 | #back-button { |
192 | /* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */ |
e1cbd476 |
193 | list-style-image: url("chrome://browser/skin/icons/back.gif"); |
d684a373 |
194 | } |
195 | #back-button[disabled="true"] { |
e1cbd476 |
196 | list-style-image: url("chrome://browser/skin/icons/back-disabled.gif"); |
d684a373 |
197 | } |
198 | |
199 | #forward-button { |
200 | /* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */ |
e1cbd476 |
201 | list-style-image: url("chrome://browser/skin/icons/forward.gif"); |
d684a373 |
202 | } |
203 | #forward-button[disabled="true"] { |
e1cbd476 |
204 | list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif"); |
d684a373 |
205 | } |
206 | |
207 | #reload-button { |
e1cbd476 |
208 | list-style-image: url("chrome://browser/skin/icons/reload.gif"); |
d684a373 |
209 | } |
210 | #reload-button[disabled="true"] { |
e1cbd476 |
211 | list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif"); |
d684a373 |
212 | } |
213 | |
214 | #stop-button { |
e1cbd476 |
215 | list-style-image: url("chrome://browser/skin/icons/stop.gif"); |
d684a373 |
216 | } |
217 | #stop-button[disabled="true"] { |
e1cbd476 |
218 | list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif"); |
d684a373 |
219 | } |
220 | |
221 | #home-button { |
bac19d09 |
222 | list-style-image: url("chrome://browser/skin/icons/home.gif"); |
d684a373 |
223 | } |
224 | #home-button[disabled="true"] { |
bac19d09 |
225 | list-style-image: url("chrome://browser/skin/icons/home-disabled.gif"); |
d684a373 |
226 | } |
227 | |
228 | #print-button { |
e1cbd476 |
229 | list-style-image: url("chrome://browser/skin/icons/print.gif"); |
d684a373 |
230 | } |
231 | #print-button[disabled="true"] { |
e1cbd476 |
232 | list-style-image: url("chrome://browser/skin/icons/print-disabled.gif"); |
d684a373 |
233 | } |
234 | |
235 | #new-tab-button { |
21384789 |
236 | list-style-image: url("chrome://browser/skin/icons/new-tab.gif"); |
d684a373 |
237 | } |
238 | #new-tab-button[disabled="true"] { |
21384789 |
239 | list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif"); |
d684a373 |
240 | } |
241 | |
242 | #new-window-button { |
21384789 |
243 | list-style-image: url("chrome://browser/skin/icons/new-window.gif"); |
d684a373 |
244 | } |
245 | #new-window-button[disabled="true"] { |
21384789 |
246 | list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif"); |
d684a373 |
247 | } |
248 | |
249 | #downloads-button { |
e1cbd476 |
250 | list-style-image: url("chrome://browser/skin/icons/downloads.gif"); |
d684a373 |
251 | } |
252 | #downloads-button[disabled="true"] { |
e1cbd476 |
253 | list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif"); |
d684a373 |
254 | } |
255 | |
256 | #bookmarks-button { |
bac19d09 |
257 | list-style-image: url("chrome://browser/skin/icons/bookmarks.gif"); |
d684a373 |
258 | } |
259 | #bookmarks-button[disabled="true"] { |
bac19d09 |
260 | list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif"); |
d684a373 |
261 | } |
262 | |
263 | #history-button { |
e1cbd476 |
264 | list-style-image: url("chrome://browser/skin/icons/history.gif"); |
d684a373 |
265 | } |
266 | #history-button[disabled="true"] { |
e1cbd476 |
267 | list-style-image: url("chrome://browser/skin/icons/history-disabled.gif"); |
d684a373 |
268 | } |
269 | |
270 | |
271 | /* ::::: small primary toolbar buttons ::::: */ |
272 | |
d684a373 |
273 | toolbar[iconsize="small"] #back-button { |
e1cbd476 |
274 | list-style-image: url("chrome://browser/skin/icons/back-small.gif"); |
d684a373 |
275 | } |
276 | toolbar[iconsize="small"] #back-button[disabled="true"] { |
e1cbd476 |
277 | list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif"); |
d684a373 |
278 | } |
279 | |
280 | toolbar[iconsize="small"] #forward-button { |
e1cbd476 |
281 | list-style-image: url("chrome://browser/skin/icons/forward-small.gif"); |
d684a373 |
282 | } |
283 | toolbar[iconsize="small"] #forward-button[disabled="true"] { |
e1cbd476 |
284 | list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif"); |
d684a373 |
285 | } |
286 | |
287 | toolbar[iconsize="small"] #reload-button { |
e1cbd476 |
288 | list-style-image: url("chrome://browser/skin/icons/reload-small.gif"); |
d684a373 |
289 | } |
290 | toolbar[iconsize="small"] #reload-button[disabled="true"] { |
e1cbd476 |
291 | list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif"); |
d684a373 |
292 | } |
293 | |
294 | toolbar[iconsize="small"] #stop-button { |
e1cbd476 |
295 | list-style-image: url("chrome://browser/skin/icons/stop-small.gif"); |
d684a373 |
296 | } |
297 | toolbar[iconsize="small"] #stop-button[disabled="true"] { |
e1cbd476 |
298 | list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif"); |
d684a373 |
299 | } |
300 | |
301 | toolbar[iconsize="small"] #home-button { |
bac19d09 |
302 | list-style-image: url("chrome://browser/skin/icons/home-small.gif"); |
d684a373 |
303 | } |
304 | toolbar[iconsize="small"] #home-button[disabled="true"] { |
bac19d09 |
305 | list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif"); |
d684a373 |
306 | } |
307 | |
308 | toolbar[iconsize="small"] #print-button { |
e1cbd476 |
309 | list-style-image: url("chrome://browser/skin/icons/print-small.gif"); |
d684a373 |
310 | } |
311 | toolbar[iconsize="small"] #print-button[disabled="true"] { |
e1cbd476 |
312 | list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif"); |
d684a373 |
313 | } |
314 | |
315 | toolbar[iconsize="small"] #downloads-button { |
e1cbd476 |
316 | list-style-image: url("chrome://browser/skin/icons/downloads-small.gif"); |
d684a373 |
317 | } |
318 | toolbar[iconsize="small"] #downloads-button[disabled="true"] { |
e1cbd476 |
319 | list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif"); |
d684a373 |
320 | } |
321 | |
322 | toolbar[iconsize="small"] #new-tab-button { |
21384789 |
323 | list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif"); |
d684a373 |
324 | } |
325 | toolbar[iconsize="small"] #new-tab-button[disabled="true"] { |
21384789 |
326 | list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif"); |
d684a373 |
327 | } |
328 | |
329 | toolbar[iconsize="small"] #new-window-button { |
21384789 |
330 | list-style-image: url("chrome://browser/skin/icons/new-window-small.gif"); |
d684a373 |
331 | } |
332 | toolbar[iconsize="small"] #new-window-button[disabled="true"] { |
21384789 |
333 | list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif"); |
d684a373 |
334 | } |
335 | |
336 | toolbar[iconsize="small"] #bookmarks-button { |
bac19d09 |
337 | list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif"); |
d684a373 |
338 | } |
339 | toolbar[iconsize="small"] #bookmarks-button[disabled="true"] { |
bac19d09 |
340 | list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif"); |
d684a373 |
341 | } |
342 | |
343 | toolbar[iconsize="small"] #history-button { |
e1cbd476 |
344 | list-style-image: url("chrome://browser/skin/icons/history-small.gif"); |
d684a373 |
345 | } |
346 | toolbar[iconsize="small"] #history-button[disabled="true"] { |
e1cbd476 |
347 | list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif"); |
d684a373 |
348 | } |
349 | |
350 | |
351 | /* ::::: fullscreen window controls ::::: */ |
352 | |
353 | #window-controls { |
354 | -moz-box-align: center; |
355 | padding: 0 2px 0 4px; |
55cca60c |
356 | border-left: 2px groove #CCD0DD; |
d684a373 |
357 | } |
358 | |
359 | #minimize-button { |
55cca60c |
360 | list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif"); |
d684a373 |
361 | } |
362 | #restore-button { |
55cca60c |
363 | list-style-image: url("chrome://navigator/skin/icons/win-restore.gif"); |
d684a373 |
364 | } |
365 | #close-button { |
55cca60c |
366 | list-style-image: url("chrome://navigator/skin/icons/win-close.gif"); |
d684a373 |
367 | } |
368 | |
369 | /* ::::: nav-bar-inner ::::: */ |
370 | |
371 | #urlbar { |
372 | margin: 2px 3px; |
373 | } |
374 | |
375 | #search-bar { |
376 | width: 12em; |
377 | } |
378 | |
379 | /* ::::: page proxy icon ::::: */ |
380 | |
381 | #page-proxy-deck, |
382 | #page-proxy-favicon, |
383 | #page-proxy-button { |
384 | width: 16px; |
385 | height: 16px; |
386 | } |
387 | |
388 | #page-proxy-deck { |
389 | cursor: -moz-grab; |
390 | margin: 2px 3px; |
391 | } |
392 | |
393 | #page-proxy-favicon { |
394 | list-style-image: none; |
395 | } |
396 | |
397 | #page-proxy-button { |
55cca60c |
398 | list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important; |
399 | } |
d684a373 |
400 | |
401 | #page-proxy-button[pageproxystate="invalid"] { |
402 | cursor: default; |
55cca60c |
403 | list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important; |
d684a373 |
404 | } |
405 | |
406 | |
407 | statusbarpanel#statusbar-display { |
408 | padding-left: 0; |
409 | } |
410 | |
411 | /* ::::: search-bar ::::: */ |
412 | |
413 | #search-proxy-button { |
414 | margin: 2px; |
21384789 |
415 | list-style-image: url("chrome://browser/skin/icons/search-bar.gif"); |
d684a373 |
416 | } |
417 | |
418 | /* ::::: autocomplete ::::: */ |
419 | |
420 | .autocomplete-treebody:-moz-tree-cell-text(treecolAutoCompleteComment) { |
55cca60c |
421 | color: #336699; |
d684a373 |
422 | } |
423 | |
424 | /* ::::: go button ::::: */ |
425 | |
426 | #go-button, |
427 | #go-container { |
d684a373 |
428 | background-color: transparent; |
55cca60c |
429 | border: none; |
d684a373 |
430 | margin: 0; |
431 | padding: 0; |
432 | min-width: 0; |
21384789 |
433 | list-style-image: url("chrome://browser/skin/icons/go.gif"); |
d684a373 |
434 | } |
435 | |
436 | #go-button { |
55cca60c |
437 | border: 1px solid transparent; |
d684a373 |
438 | } |
439 | |
440 | #go-button:hover { |
55cca60c |
441 | border: 1px outset #CCD0DD; |
d684a373 |
442 | } |
443 | |
444 | #go-button:hover:active { |
55cca60c |
445 | border: 1px inset #CCD0DD; |
d684a373 |
446 | } |
447 | |
448 | #go-button[disabled="true"] { |
21384789 |
449 | list-style-image: url("chrome://browser/skin/icons/go-disabled.gif"); |
55cca60c |
450 | border: 1px solid transparent; |
d684a373 |
451 | } |
452 | |
453 | #go-button > .button-box > .button-text { |
454 | margin-left: 5px !important; |
455 | } |
456 | |
457 | #go-button > .button-box { |
458 | border: none; |
459 | } |
460 | |
461 | #sidebar { |
55cca60c |
462 | background-color: #CCD0DD; |
d684a373 |
463 | } |
464 | |
465 | /* ::::: content area ::::: */ |
466 | |
467 | #status-bar { |
468 | border-top: none; |
469 | } |
470 | |
471 | #security-button { |
472 | display: none; |
473 | } |
474 | |
475 | #security-button[level="high"] { |
21384789 |
476 | list-style-image: url("chrome://browser/skin/icons/secure.gif"); |
d684a373 |
477 | display: -moz-box; |
478 | } |
479 | |
480 | #security-button[level="low"] { |
21384789 |
481 | list-style-image: url("chrome://browser/skin/icons/secure.gif"); |
d684a373 |
482 | display: -moz-box; |
483 | } |
484 | |
485 | #security-button[level="broken"] { |
21384789 |
486 | list-style-image: url("chrome://browser/skin/icons/security-broken.gif"); |
55cca60c |
487 | display: -moz-box; |
d684a373 |
488 | } |
489 | |
490 | #page-report-button { |
491 | display: none; |
492 | } |
493 | |
494 | #page-report-button[blocked] { |
495 | display: -moz-box; |
21384789 |
496 | list-style-image: url("chrome://browser/skin/icons/info.gif"); |
d684a373 |
497 | padding: 0px 3px 0px 3px; |
498 | } |
499 | |
500 | /* ::::: throbber ::::: */ |
501 | |
502 | #navigator-throbber { |
d684a373 |
503 | -moz-user-focus: ignore; |
504 | margin: 0 !important; |
505 | border: none !important; |
506 | padding: 0px !important; |
507 | min-width: 0; |
508 | background-color: transparent; |
bac19d09 |
509 | list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif"); |
d684a373 |
510 | } |
511 | #navigator-throbber[busy="true"] { |
bac19d09 |
512 | list-style-image: url("chrome://browser/skin/icons/throbber.gif"); |
d684a373 |
513 | } |
514 | |
515 | toolbar[iconsize="small"] #navigator-throbber, |
516 | toolbar[mode="text"] #navigator-throbber { |
bac19d09 |
517 | list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif"); |
d684a373 |
518 | } |
519 | toolbar[iconsize="small"] #navigator-throbber[busy="true"], |
520 | toolbar[mode="text"] #navigator-throbber[busy="true"] { |
bac19d09 |
521 | list-style-image: url("chrome://browser/skin/icons/throbber-small.gif"); |
d684a373 |
522 | } |
523 | |
524 | .tabs-closebutton { |
525 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); |
526 | } |
527 | /* |
528 | #content .tabs-closebutton { |
529 | list-style-image: url("chrome://browser/skin/Close-tab.png"); |
55cca60c |
530 | -moz-image-region: rect(0px, 18px, 14px, 0px); |
d684a373 |
531 | } |
532 | |
533 | #content .tabs-closebutton:hover { |
55cca60c |
534 | -moz-image-region: rect(0px, 36px, 14px, 18px); |
535 | } |
536 | */ |
d684a373 |
537 | toolbarbutton.chevron { |
538 | list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; |
539 | } |
540 | |
541 | |
542 | toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { |
543 | display: none; |
544 | } |