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