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; |
55 | } |
56 | |
57 | .bookmark-item > .toolbarbutton-icon { |
58 | width: 16px; |
59 | height: 16px; |
60 | } |
61 | |
62 | /* Prevent [mode="icons"] from hiding the label */ |
63 | .bookmark-item > .toolbarbutton-text { |
64 | display: -moz-box !important; |
65 | } |
66 | |
67 | .bookmark-item > .toolbarbutton-menu-dropmarker { |
68 | display: none; |
69 | } |
70 | |
71 | .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] { |
72 | width: 32px; |
73 | height: 32px; |
21384789 |
74 | background: url("chrome://browser/skin/icons/bookmarks-folder.gif") no-repeat; |
d684a373 |
75 | } |
76 | |
77 | .bookmarks-toolbar-customize { |
78 | display: none; |
79 | max-width: 15em !important; |
80 | } |
81 | |
82 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize { |
83 | display: -moz-box; |
84 | } |
85 | |
86 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items { |
87 | visibility: hidden; |
88 | } |
89 | |
90 | toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items { |
91 | visibility: hidden; |
92 | } |
93 | |
94 | /* ::::: bookmark menus ::::: */ |
95 | |
96 | menu.bookmark-item, |
97 | menuitem.bookmark-item { |
98 | min-width: 0; |
99 | max-width: 26em; |
100 | border-top: 1px solid transparent !important; |
101 | border-bottom: 1px solid transparent !important; |
102 | padding: 1px 3px 1px 2px; |
103 | margin-top: -1px; |
104 | } |
105 | |
106 | .bookmark-item > .menu-iconic-left > .menu-iconic-icon { |
107 | width: 16px; |
108 | height: 16px; |
109 | } |
110 | |
111 | /* ..... drag and drop styles ..... */ |
112 | |
113 | .bookmark-item[dragover-left="true"] { |
114 | -moz-border-left-colors: #000000; |
115 | } |
116 | .bookmark-item[dragover-right="true"] { |
117 | -moz-border-right-colors: #000000; |
118 | } |
119 | .bookmark-item[dragover-top="true"] { |
120 | -moz-border-top-colors: #000000; |
121 | } |
122 | .bookmark-item[dragover-bottom="true"] { |
123 | -moz-border-bottom-colors: #000000; |
124 | } |
125 | |
126 | /* ::::: bookmark items ::::: */ |
127 | |
128 | .bookmark-item { |
bac19d09 |
129 | list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif"); |
d684a373 |
130 | } |
131 | |
132 | .bookmark-item[container="true"] { |
bac19d09 |
133 | list-style-image: url("chrome://browser/skin/icons/bookmark-folder-closed.gif"); |
d684a373 |
134 | } |
135 | .bookmark-item[open="true"], |
136 | .bookmark-item[container="true"][open="true"] { |
bac19d09 |
137 | list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif"); |
d684a373 |
138 | } |
139 | |
140 | .groupmark-item { |
141 | width: 16px; |
142 | height: 16px; |
143 | margin: 0px 2px; |
144 | padding: 1px 3px 1px 2px; |
bac19d09 |
145 | list-style-image: url("chrome://browser/skin/icons/bookmark-group.gif"); |
d684a373 |
146 | } |
147 | |
148 | /* ::::: primary toolbar buttons ::::: */ |
149 | |
150 | .toolbarbutton-1 { |
151 | -moz-box-orient: vertical; |
152 | min-width: 0px; |
d684a373 |
153 | } |
154 | |
155 | toolbarbutton:not([disabled="true"]):hover, |
156 | menubutton:not([disabled="true"]):hover, |
157 | toolbarbutton:not([disabled="true"]):hover:active, |
158 | menubutton:not([disabled="true"]):hover:active { |
159 | color: ButtonText !important; |
160 | } |
161 | |
162 | /* |
163 | .toolbarbutton-menubutton-stack, |
164 | .toolbarbutton-menubutton-button, |
165 | .toolbarbutton-menubutton-stack:hover, |
166 | .toolbarbutton-menubutton-button:hover, |
167 | .toolbarbutton-menubutton-stack:hover:active, |
168 | .toolbarbutton-menubutton-button:hover:active { |
169 | margin: 0 !important; |
170 | display: -moz-box; |
171 | } |
172 | */ |
173 | |
174 | toolbarbutton[type="menu-button"] { |
175 | -moz-box-orient: horizontal; |
176 | } |
177 | |
178 | toolbar[mode="icons"] .toolbarbutton-text { |
179 | display: none; |
180 | } |
181 | |
182 | toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker, |
183 | toolbar[mode="text"] .toolbarbutton-icon { |
184 | display: none; |
185 | } |
186 | |
187 | toolbar[mode="text"] .toolbarbutton-text { |
188 | padding: 0 !important; |
189 | margin: 3px 5px !important; |
190 | } |
191 | |
192 | #back-button { |
193 | /* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */ |
e1cbd476 |
194 | list-style-image: url("chrome://browser/skin/icons/back.gif"); |
d684a373 |
195 | } |
196 | #back-button[disabled="true"] { |
e1cbd476 |
197 | list-style-image: url("chrome://browser/skin/icons/back-disabled.gif"); |
d684a373 |
198 | } |
199 | |
200 | #forward-button { |
201 | /* -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */ |
e1cbd476 |
202 | list-style-image: url("chrome://browser/skin/icons/forward.gif"); |
d684a373 |
203 | } |
204 | #forward-button[disabled="true"] { |
e1cbd476 |
205 | list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif"); |
d684a373 |
206 | } |
207 | |
208 | #reload-button { |
e1cbd476 |
209 | list-style-image: url("chrome://browser/skin/icons/reload.gif"); |
d684a373 |
210 | } |
211 | #reload-button[disabled="true"] { |
e1cbd476 |
212 | list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif"); |
d684a373 |
213 | } |
214 | |
215 | #stop-button { |
e1cbd476 |
216 | list-style-image: url("chrome://browser/skin/icons/stop.gif"); |
d684a373 |
217 | } |
218 | #stop-button[disabled="true"] { |
e1cbd476 |
219 | list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif"); |
d684a373 |
220 | } |
221 | |
222 | #home-button { |
bac19d09 |
223 | list-style-image: url("chrome://browser/skin/icons/home.gif"); |
d684a373 |
224 | } |
225 | #home-button[disabled="true"] { |
bac19d09 |
226 | list-style-image: url("chrome://browser/skin/icons/home-disabled.gif"); |
d684a373 |
227 | } |
228 | |
229 | #print-button { |
e1cbd476 |
230 | list-style-image: url("chrome://browser/skin/icons/print.gif"); |
d684a373 |
231 | } |
232 | #print-button[disabled="true"] { |
e1cbd476 |
233 | list-style-image: url("chrome://browser/skin/icons/print-disabled.gif"); |
d684a373 |
234 | } |
235 | |
236 | #new-tab-button { |
21384789 |
237 | list-style-image: url("chrome://browser/skin/icons/new-tab.gif"); |
d684a373 |
238 | } |
239 | #new-tab-button[disabled="true"] { |
21384789 |
240 | list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif"); |
d684a373 |
241 | } |
242 | |
243 | #new-window-button { |
21384789 |
244 | list-style-image: url("chrome://browser/skin/icons/new-window.gif"); |
d684a373 |
245 | } |
246 | #new-window-button[disabled="true"] { |
21384789 |
247 | list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif"); |
d684a373 |
248 | } |
249 | |
250 | #downloads-button { |
e1cbd476 |
251 | list-style-image: url("chrome://browser/skin/icons/downloads.gif"); |
d684a373 |
252 | } |
253 | #downloads-button[disabled="true"] { |
e1cbd476 |
254 | list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif"); |
d684a373 |
255 | } |
256 | |
257 | #bookmarks-button { |
bac19d09 |
258 | list-style-image: url("chrome://browser/skin/icons/bookmarks.gif"); |
d684a373 |
259 | } |
260 | #bookmarks-button[disabled="true"] { |
bac19d09 |
261 | list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif"); |
d684a373 |
262 | } |
263 | |
264 | #history-button { |
e1cbd476 |
265 | list-style-image: url("chrome://browser/skin/icons/history.gif"); |
d684a373 |
266 | } |
267 | #history-button[disabled="true"] { |
e1cbd476 |
268 | list-style-image: url("chrome://browser/skin/icons/history-disabled.gif"); |
d684a373 |
269 | } |
270 | |
271 | |
272 | /* ::::: small primary toolbar buttons ::::: */ |
273 | |
d684a373 |
274 | toolbar[iconsize="small"] #back-button { |
e1cbd476 |
275 | list-style-image: url("chrome://browser/skin/icons/back-small.gif"); |
d684a373 |
276 | } |
277 | toolbar[iconsize="small"] #back-button[disabled="true"] { |
e1cbd476 |
278 | list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif"); |
d684a373 |
279 | } |
280 | |
281 | toolbar[iconsize="small"] #forward-button { |
e1cbd476 |
282 | list-style-image: url("chrome://browser/skin/icons/forward-small.gif"); |
d684a373 |
283 | } |
284 | toolbar[iconsize="small"] #forward-button[disabled="true"] { |
e1cbd476 |
285 | list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif"); |
d684a373 |
286 | } |
287 | |
288 | toolbar[iconsize="small"] #reload-button { |
e1cbd476 |
289 | list-style-image: url("chrome://browser/skin/icons/reload-small.gif"); |
d684a373 |
290 | } |
291 | toolbar[iconsize="small"] #reload-button[disabled="true"] { |
e1cbd476 |
292 | list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif"); |
d684a373 |
293 | } |
294 | |
295 | toolbar[iconsize="small"] #stop-button { |
e1cbd476 |
296 | list-style-image: url("chrome://browser/skin/icons/stop-small.gif"); |
d684a373 |
297 | } |
298 | toolbar[iconsize="small"] #stop-button[disabled="true"] { |
e1cbd476 |
299 | list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif"); |
d684a373 |
300 | } |
301 | |
302 | toolbar[iconsize="small"] #home-button { |
bac19d09 |
303 | list-style-image: url("chrome://browser/skin/icons/home-small.gif"); |
d684a373 |
304 | } |
305 | toolbar[iconsize="small"] #home-button[disabled="true"] { |
bac19d09 |
306 | list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif"); |
d684a373 |
307 | } |
308 | |
309 | toolbar[iconsize="small"] #print-button { |
e1cbd476 |
310 | list-style-image: url("chrome://browser/skin/icons/print-small.gif"); |
d684a373 |
311 | } |
312 | toolbar[iconsize="small"] #print-button[disabled="true"] { |
e1cbd476 |
313 | list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif"); |
d684a373 |
314 | } |
315 | |
316 | toolbar[iconsize="small"] #downloads-button { |
e1cbd476 |
317 | list-style-image: url("chrome://browser/skin/icons/downloads-small.gif"); |
d684a373 |
318 | } |
319 | toolbar[iconsize="small"] #downloads-button[disabled="true"] { |
e1cbd476 |
320 | list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif"); |
d684a373 |
321 | } |
322 | |
323 | toolbar[iconsize="small"] #new-tab-button { |
21384789 |
324 | list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif"); |
d684a373 |
325 | } |
326 | toolbar[iconsize="small"] #new-tab-button[disabled="true"] { |
21384789 |
327 | list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif"); |
d684a373 |
328 | } |
329 | |
330 | toolbar[iconsize="small"] #new-window-button { |
21384789 |
331 | list-style-image: url("chrome://browser/skin/icons/new-window-small.gif"); |
d684a373 |
332 | } |
333 | toolbar[iconsize="small"] #new-window-button[disabled="true"] { |
21384789 |
334 | list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif"); |
d684a373 |
335 | } |
336 | |
337 | toolbar[iconsize="small"] #bookmarks-button { |
bac19d09 |
338 | list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif"); |
d684a373 |
339 | } |
340 | toolbar[iconsize="small"] #bookmarks-button[disabled="true"] { |
bac19d09 |
341 | list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif"); |
d684a373 |
342 | } |
343 | |
344 | toolbar[iconsize="small"] #history-button { |
e1cbd476 |
345 | list-style-image: url("chrome://browser/skin/icons/history-small.gif"); |
d684a373 |
346 | } |
347 | toolbar[iconsize="small"] #history-button[disabled="true"] { |
e1cbd476 |
348 | list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif"); |
d684a373 |
349 | } |
350 | |
351 | |
352 | /* ::::: fullscreen window controls ::::: */ |
353 | |
354 | #window-controls { |
355 | -moz-box-align: center; |
356 | padding: 0 2px 0 4px; |
357 | border-left: 2px solid; |
358 | -moz-border-left-colors: ThreeDHighlight ThreeDShadow; |
359 | } |
360 | |
361 | #minimize-button { |
362 | list-style-image: url("chrome://navigator/skin/icons/minimize.gif"); |
363 | } |
364 | #restore-button { |
365 | list-style-image: url("chrome://navigator/skin/icons/restore.gif"); |
366 | } |
367 | #close-button { |
368 | list-style-image: url("chrome://navigator/skin/icons/close.gif"); |
369 | } |
370 | |
371 | /* ::::: nav-bar-inner ::::: */ |
372 | |
373 | #urlbar { |
374 | margin: 2px 3px; |
375 | } |
376 | |
377 | #search-bar { |
378 | width: 12em; |
379 | } |
380 | |
381 | /* ::::: page proxy icon ::::: */ |
382 | |
383 | #page-proxy-deck, |
384 | #page-proxy-favicon, |
385 | #page-proxy-button { |
386 | width: 16px; |
387 | height: 16px; |
388 | } |
389 | |
390 | #page-proxy-deck { |
391 | cursor: -moz-grab; |
392 | margin: 2px 3px; |
393 | } |
394 | |
395 | #page-proxy-favicon { |
396 | list-style-image: none; |
397 | } |
398 | |
399 | #page-proxy-button { |
21384789 |
400 | list-style-image: url("chrome://browser/skin/icons/bookmark-item.png") !important; |
d684a373 |
401 | |
402 | #page-proxy-button[pageproxystate="invalid"] { |
403 | cursor: default; |
21384789 |
404 | list-style-image: none !important; |
d684a373 |
405 | } |
406 | |
407 | |
408 | statusbarpanel#statusbar-display { |
409 | padding-left: 0; |
410 | } |
411 | |
412 | /* ::::: search-bar ::::: */ |
413 | |
414 | #search-proxy-button { |
415 | margin: 2px; |
21384789 |
416 | list-style-image: url("chrome://browser/skin/icons/search-bar.gif"); |
d684a373 |
417 | } |
418 | |
419 | /* ::::: autocomplete ::::: */ |
420 | |
421 | .autocomplete-treebody:-moz-tree-cell-text(treecolAutoCompleteComment) { |
422 | color: #555566; |
423 | } |
424 | |
425 | /* ::::: go button ::::: */ |
426 | |
427 | #go-button, |
428 | #go-container { |
429 | -moz-appearance: none; |
430 | background-color: transparent; |
431 | margin: 0; |
432 | padding: 0; |
433 | min-width: 0; |
21384789 |
434 | list-style-image: url("chrome://browser/skin/icons/go.gif"); |
d684a373 |
435 | } |
436 | |
437 | #go-button { |
d684a373 |
438 | border-width: 1px !important; |
439 | -moz-border-top-colors: transparent; |
440 | -moz-border-right-colors: transparent; |
441 | -moz-border-bottom-colors: transparent; |
442 | -moz-border-left-colors: transparent; |
d684a373 |
443 | } |
444 | |
445 | #go-button:hover { |
446 | -moz-border-top-colors: ThreeDHighlight; |
447 | -moz-border-right-colors: ThreeDShadow; |
448 | -moz-border-bottom-colors: ThreeDShadow; |
449 | -moz-border-left-colors: ThreeDHighlight; |
d684a373 |
450 | } |
451 | |
452 | #go-button:hover:active { |
453 | -moz-border-top-colors: ThreeDShadow; |
454 | -moz-border-right-colors: ThreeDHighlight; |
455 | -moz-border-bottom-colors: ThreeDHighlight; |
456 | -moz-border-left-colors: ThreeDShadow; |
457 | } |
458 | |
459 | #go-button[disabled="true"] { |
21384789 |
460 | list-style-image: url("chrome://browser/skin/icons/go-disabled.gif"); |
d684a373 |
461 | border-color: transparent; |
462 | } |
463 | |
464 | #go-button > .button-box > .button-text { |
465 | margin-left: 5px !important; |
466 | } |
467 | |
468 | #go-button > .button-box { |
469 | border: none; |
470 | } |
471 | |
472 | #sidebar { |
473 | background-color: Window; |
474 | } |
475 | |
476 | /* ::::: content area ::::: */ |
477 | |
478 | #status-bar { |
479 | border-top: none; |
480 | } |
481 | |
482 | #security-button { |
483 | display: none; |
484 | } |
485 | |
486 | #security-button[level="high"] { |
21384789 |
487 | list-style-image: url("chrome://browser/skin/icons/secure.gif"); |
d684a373 |
488 | display: -moz-box; |
489 | } |
490 | |
491 | #security-button[level="low"] { |
21384789 |
492 | list-style-image: url("chrome://browser/skin/icons/secure.gif"); |
d684a373 |
493 | display: -moz-box; |
494 | } |
495 | |
496 | #security-button[level="broken"] { |
21384789 |
497 | list-style-image: url("chrome://browser/skin/icons/security-broken.gif"); |
d684a373 |
498 | display: -moz-box; |
499 | } |
500 | |
501 | #page-report-button { |
502 | display: none; |
503 | } |
504 | |
505 | #page-report-button[blocked] { |
506 | display: -moz-box; |
21384789 |
507 | list-style-image: url("chrome://browser/skin/icons/info.gif"); |
d684a373 |
508 | padding: 0px 3px 0px 3px; |
509 | } |
510 | |
511 | /* ::::: throbber ::::: */ |
512 | |
513 | #navigator-throbber { |
514 | -moz-appearance: none; |
515 | -moz-user-focus: ignore; |
516 | margin: 0 !important; |
517 | border: none !important; |
518 | padding: 0px !important; |
519 | min-width: 0; |
520 | background-color: transparent; |
bac19d09 |
521 | list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif"); |
d684a373 |
522 | } |
523 | #navigator-throbber[busy="true"] { |
bac19d09 |
524 | list-style-image: url("chrome://browser/skin/icons/throbber.gif"); |
d684a373 |
525 | } |
526 | |
527 | toolbar[iconsize="small"] #navigator-throbber, |
528 | toolbar[mode="text"] #navigator-throbber { |
bac19d09 |
529 | list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif"); |
d684a373 |
530 | } |
531 | toolbar[iconsize="small"] #navigator-throbber[busy="true"], |
532 | toolbar[mode="text"] #navigator-throbber[busy="true"] { |
bac19d09 |
533 | list-style-image: url("chrome://browser/skin/icons/throbber-small.gif"); |
d684a373 |
534 | } |
535 | |
536 | .tabs-closebutton { |
537 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); |
538 | } |
539 | /* |
540 | #content .tabs-closebutton { |
541 | list-style-image: url("chrome://browser/skin/Close-tab.png"); |
542 | -moz-image-region: rect(0px, 20px, 16px, 0px); |
543 | } |
544 | |
545 | #content .tabs-closebutton:hover { |
546 | -moz-image-region: rect(0px, 40px, 16px, 20px); |
547 | } */ |
548 | |
549 | toolbarbutton.chevron { |
550 | list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; |
551 | } |
552 | |
553 | |
554 | toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { |
555 | display: none; |
556 | } |