projects / themes.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
update the install.rdf files for the 2.2 versions of both themes
[themes.git] / LCARStrek / browser / browser.css
... / ...
CommitLineData
1/* ***** BEGIN LICENSE BLOCK *****
2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3 *
4 * The contents of this file are subject to the Mozilla Public License Version
5 * 1.1 (the "License"); you may not use this file except in compliance with
6 * the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/MPL/
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 * Dean Tessman (dean_tessman@hotmail.com)
26 * Blake Ross (blake@cs.stanford.edu)
27 * Pamela Greene (pamg.bugs@gmail.com)
28 * Dão Gottwald (dao@mozilla.com)
29 * Jim Mathies (jmathies@mozilla.com)
30 * Drew Willcoxon (adw@mozilla.com)
31 *
32 * Alternatively, the contents of this file may be used under the terms of
33 * either the GNU General Public License Version 2 or later (the "GPL"), or
34 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
35 * in which case the provisions of the GPL or the LGPL are applicable instead
36 * of those above. If you wish to allow use of your version of this file only
37 * under the terms of either the GPL or the LGPL, and not to allow others to
38 * use your version of this file under the terms of the MPL, indicate your
39 * decision by deleting the provisions above and replace them with the notice
40 * and other provisions required by the GPL or the LGPL. If you do not delete
41 * the provisions above, a recipient may use your version of this file under
42 * the terms of any one of the MPL, the GPL or the LGPL.
43 *
44 * ***** END LICENSE BLOCK ***** */
45
46@import url("chrome://global/skin/");
47
48@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
49@namespace html url("http://www.w3.org/1999/xhtml");
50
51toolbar {
52 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
53}
54
55toolbar[type="menubar"][autohide="true"] {
56 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
57}
58
59menubar {
60 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
61}
62
63#menubar-items {
64 -moz-box-orient: vertical; /* for flex hack */
65}
66
67#main-menubar {
68 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
69}
70
71/* ::::: primary toolbar ::::: */
72
73.toolbar-primary > .toolbar-box > .toolbar-holder {
74 background-color: #FF9F00;
75}
76
77.toolbar-primary > .toolbar-box > .toolbar-startcap,
78.toolbar-primary > .toolbar-box > .toolbar-endcap {
79 background-color: #9C9CFF;
80}
81
82
83#navigator-toolbox {
84}
85
86#navigator-toolbox::after {
87 content: "";
88 display: -moz-box;
89 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
90 height: 1px;
91}
92#navigator-toolbox[tabsontop=false]::after,
93#main-window[disablechrome] #navigator-toolbox::after {
94 visibility: collapse;
95}
96
97#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
98}
99
100#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
101 /* like menubar */
102 background-color: #6000CF;
103 color: #FF9F00;
104}
105#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
106 background-color: #8050B0;
107 color: #FF9F00;
108}
109
110#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
111 visibility: hidden;
112}
113#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
114 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
115 visibility: visible;
116}
117
118#navigator-toolbox[tabsontop="true"] > #nav-bar,
119#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar,
120#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar {
121 /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
122}
123
124#personal-bookmarks {
125/* min-height: 24px; */
126}
127
128#print-preview-toolbar:not(:-moz-lwtheme) {
129 /* -moz-appearance: toolbox; */
130}
131
132/* ::::: app menu button ::::: */
133
134#appmenu-button {
135 background-color: #FF9F00;
136 background-clip: padding-box;
137 border-radius: 0;
138 border: none;
139 border-right: 3px solid #000000;
140 color: #000000;
141 font-weight: bold;
142 padding: 1px 1.5em;
143 margin: 0;
144}
145
146#appmenu-button:-moz-locale-dir(rtl) {
147 border-left: 3px solid #000000;
148 border-right: none;
149}
150
151#main-window[privatebrowsingmode=temporary] #appmenu-button {
152 background-color: #6000CF;
153 color: #FFCF00;
154}
155
156#appmenu-button:hover:not(:active):not([open]) {
157}
158
159#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
160}
161
162#appmenu-button:hover,
163#appmenu-button:hover:active,
164#appmenu-button[open] {
165 background-color: #FFCF00;
166 color: #000000;
167}
168
169#appmenu-button > .button-box > .button-menu-dropmarker {
170 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
171 width: auto;
172 height: auto;
173 padding: 0;
174 margin: 0;
175 border: none;
176 background-color: transparent;
177 -moz-margin-start: .5em;
178}
179
180#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
181 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
182}
183
184#appmenuPrimaryPane > menuitem,
185#appmenuSecondaryPane > menuitem,
186#appmenuPrimaryPane > menu {
187 padding: 2px;
188}
189
190.splitmenu-menuitem {
191 -moz-padding-start: 2px;
192 padding-top: 2px;
193 padding-bottom: 2px;
194 -moz-margin-end: 1px;
195}
196
197.splitmenu-menu {
198 padding-top: 2px;
199 padding-bottom: 2px;
200 -moz-box-pack: end;
201}
202
203.appmenu-edit-button {
204}
205
206.appmenu-edit-button[disabled="true"] {
207}
208
209#appmenuPrimaryPane {
210 -moz-border-end: 1px solid #9C9CFF;
211}
212/*
213 #appmenu-popup {
214 }
215 #appmenuPrimaryPane {
216 }
217 #appmenuSecondaryPane {
218 }
219 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
220 }
221
222 #appmenuSecondaryPane menupopup {
223 }
224
225 .appmenu-menuseparator {
226 }
227
228 .appmenu-edit-button:not([disabled]):hover {
229 }
230*/
231#appmenuSecondaryPane-spacer {
232 min-height: 1em;
233}
234
235#appmenu-editmenu {
236 -moz-box-pack: end;
237}
238
239#appmenu_print,
240#appmenu_print_popup,
241.appmenu-edit-button,
242#appmenu-editmenu-cut,
243#appmenu-editmenu-copy,
244#appmenu-editmenu-paste,
245#appmenu-quit {
246 list-style-image: url("appmenu-icons.png");
247}
248
249#appmenu-cut,
250#appmenu-editmenu-cut {
251 -moz-image-region: rect(0 16px 16px 0);
252}
253
254#appmenu-cut:hover:not([disabled="true"]),
255#appmenu-editmenu-cut:hover:not([disabled="true"]) {
256 -moz-image-region: rect(16px 16px 32px 0);
257}
258
259#appmenu-cut[disabled="true"],
260#appmenu-editmenu-cut[disabled="true"] {
261 -moz-image-region: rect(32px 16px 48px 0);
262}
263
264#appmenu-copy,
265#appmenu-editmenu-copy {
266 -moz-image-region: rect(0 32px 16px 16px);
267}
268
269#appmenu-copy:hover:not([disabled="true"]),
270#appmenu-editmenu-copy:hover:not([disabled="true"]) {
271 -moz-image-region: rect(16px 32px 32px 16px);
272}
273
274#appmenu-copy[disabled="true"],
275#appmenu-editmenu-copy[disabled="true"] {
276 -moz-image-region: rect(32px 32px 48px 16px);
277}
278
279#appmenu-paste,
280#appmenu-editmenu-paste {
281 -moz-image-region: rect(0 48px 16px 32px);
282}
283
284#appmenu-paste:hover:not([disabled="true"]),
285#appmenu-editmenu-paste:hover:not([disabled="true"]) {
286 -moz-image-region: rect(16px 48px 32px 32px);
287}
288
289#appmenu-paste[disabled="true"],
290#appmenu-editmenu-paste[disabled="true"] {
291 -moz-image-region: rect(32px 48px 48px 32px);
292}
293
294#appmenu_print,
295#appmenu_print_popup {
296 -moz-image-region: rect(0 64px 16px 48px);
297}
298
299#appmenu_print:hover:not([disabled="true"]),
300#appmenu_print[open="true"],
301#appmenu_print_popup:hover:not([disabled="true"]) {
302 -moz-image-region: rect(16px 64px 32px 48px);
303}
304
305#appmenu-print[disabled="true"],
306#appmenu_print_popup[disabled="true"] {
307 -moz-image-region: rect(32px 64px 48px 48px);
308}
309
310#appmenu-quit {
311 -moz-image-region: rect(0 80px 16px 64px);
312}
313
314#appmenu-quit:hover {
315 -moz-image-region: rect(16px 80px 32px 64px);
316}
317
318#appmenu-edit-label {
319 -moz-appearance: none;
320 background: transparent;
321 font-style: italic;
322}
323
324#appmenu_bookmarks {
325 list-style-image: url("chrome://browser/skin/places/bookmark.png");
326 -moz-image-region: rect(0px 48px 16px 32px);
327}
328
329#appmenu_privateBrowsing {
330 list-style-image: url("chrome://browser/skin/Privacy-16.png");
331}
332
333#appmenu_addons {
334 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
335}
336
337#BMB_bookmarkThisPage,
338#appmenu_bookmarkThisPage {
339 list-style-image: url("chrome://browser/skin/places/bookmark.png");
340 -moz-image-region: rect(0 16px 16px 0);
341}
342
343/* ::::: titlebar ::::: */
344
345#titlebar {
346 /* like menubar */
347 background-color: #6000CF;
348 color: #FF9F00;
349}
350#titlebar:-moz-window-inactive {
351 background-color: #8050B0;
352 color: #FF9F00;
353}
354
355#main-window[sizemode="normal"] > #titlebar {
356 margin-top: -3px;
357 margin-bottom: 3px;
358}
359
360#main-window[sizemode="maximized"] > #titlebar {
361 margin-top: 4px;
362}
363
364#titlebar-buttonbox {
365 margin-top: 5px;
366 -moz-margin-end: 3px;
367}
368
369#main-window[sizemode="maximized"] #titlebar-buttonbox {
370}
371
372.titlebar-placeholder[type="appmenu-button"] {
373 margin-left: 4px;
374}
375
376.titlebar-placeholder[type="caption-buttons"] {
377 margin-left: 10px;
378}
379
380/* titlebar command buttons */
381
382#titlebar-min {
383 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
384}
385
386#titlebar-min:hover {
387 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
388}
389
390#titlebar-max {
391 list-style-image: url("chrome://browser/skin/win-maximize.gif");
392}
393
394#titlebar-max:hover {
395 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
396}
397
398#main-window[sizemode="maximized"] #titlebar-max {
399 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
400}
401
402#main-window[sizemode="maximized"] #titlebar-max:hover {
403 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
404}
405
406#titlebar-close {
407 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
408}
409
410#titlebar-close:hover {
411 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
412}
413
414/* ::::: bookmark buttons ::::: */
415
416.bookmark-item > .toolbarbutton-icon {
417 width: 16px;
418 height: 16px;
419}
420
421/* Prevent [mode="icons"] from hiding the label */
422.bookmark-item > .toolbarbutton-text {
423 display: -moz-box !important;
424}
425
426.bookmark-item > .toolbarbutton-menu-dropmarker {
427 display: none;
428}
429
430#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
431 width: 16px;
432 height: 16px;
433 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat;
434}
435
436.bookmarks-toolbar-customize {
437 max-width: 15em !important;
438 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
439}
440
441/* ::::: bookmark menus ::::: */
442
443menu.bookmark-item,
444menuitem.bookmark-item {
445 min-width: 0;
446 max-width: 32em;
447}
448
449.bookmark-item > .menu-iconic-left {
450 margin-top: 0;
451 margin-bottom: 0;
452}
453
454.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
455 -moz-padding-start: 0px;
456}
457
458/* ::::: bookmark items ::::: */
459
460.bookmark-item {
461 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
462 -moz-image-region: auto;
463}
464
465.bookmark-item[container] {
466 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
467 -moz-image-region: auto;
468}
469
470.bookmark-item[container][open] {
471 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
472 -moz-image-region: auto;
473}
474
475.bookmark-item[container][livemark] {
476 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
477 -moz-image-region: auto;
478}
479
480.bookmark-item[container][livemark] .bookmark-item {
481 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
482 -moz-image-region: auto;
483}
484
485.bookmark-item[container][query] {
486 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
487 -moz-image-region: auto;
488}
489
490.bookmark-item[query][tagContainer] {
491 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
492 -moz-image-region: auto;
493}
494
495.bookmark-item[query][dayContainer] {
496 list-style-image: url("chrome://communicator/skin/history/calendar.png");
497 -moz-image-region: auto;
498}
499
500.bookmark-item[query][hostContainer] {
501 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
502 -moz-image-region: auto;
503}
504
505.bookmark-item[query][hostContainer][open] {
506 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
507 -moz-image-region: auto;
508}
509
510/* ::::: primary toolbar buttons ::::: */
511
512.toolbarbutton-1 {
513 list-style-image: url("chrome://browser/skin/Toolbar.png");
514}
515
516.toolbarbutton-1:not([type="menu-button"]) {
517 -moz-box-orient: vertical;
518}
519
520.toolbarbutton-1,
521.toolbarbutton-1 > .toolbarbutton-menubutton-button {
522 min-width: 36px;
523 min-height: 36px;
524}
525
526.toolbarbutton-1:not([type="menu-button"]) {
527 -moz-box-orient: vertical;
528}
529
530.toolbarbutton-1,
531.toolbarbutton-1 > .toolbarbutton-menubutton-button,
532.toolbarbutton-1[disabled="true"]:hover:active,
533.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
534 padding: 1px 2px;
535}
536
537.toolbarbutton-1:hover:active,
538.toolbarbutton-1[open="true"],
539.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
540 padding-top: 2px;
541 padding-bottom: 0px;
542 -moz-padding-start: 3px;
543 -moz-padding-end: 1px;
544}
545
546/* ::::: small primary toolbar buttons ::::: */
547
548#nav-bar {
549 /* force iconsize="small" on this toolbar */
550 counter-reset: smallicons;
551}
552
553toolbar[mode="text"] .toolbarbutton-1,
554toolbar[mode="icons"] .toolbarbutton-1,
555toolbar[iconsize="small"] .toolbarbutton-1,
556:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
557toolbar[mode="text"] .toolbarbutton-menubutton-button,
558toolbar[mode="icons"] .toolbarbutton-menubutton-button,
559toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
560:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
561 min-width: 0px;
562 min-height: 0px;
563}
564
565toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
566 padding-top: 4px;
567 padding-bottom: 8px;
568 -moz-padding-start: 1px;
569 -moz-padding-end: 1px;
570}
571
572toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
573toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
574:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
575 padding-top: 0px;
576 padding-bottom: 13px;
577 -moz-padding-start: 1px;
578 -moz-padding-end: 1px;
579}
580
581toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
582toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
583 padding-top: 5px;
584 padding-bottom: 7px;
585 -moz-padding-start: 0px;
586 -moz-padding-end: 2px;
587}
588
589toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
590toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
591toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
592toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
593:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
594:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
595 padding-top: 1px;
596 padding-bottom: 12px;
597 -moz-padding-start: 0px;
598 -moz-padding-end: 2px;
599}
600
601toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
602 padding-top: 4px !important;
603 padding-bottom: 8px !important;
604 -moz-padding-start: 1px !important;
605 -moz-padding-end: 1px !important;
606}
607
608toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
609toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
610 padding-top: 0px !important;
611 padding-bottom: 13px !important;
612 -moz-padding-start: 1px !important;
613 -moz-padding-end: 1px !important;
614}
615
616toolbar[mode="icons"] .toolbarbutton-text,
617toolbar[mode="text"] .toolbarbutton-icon {
618 display: none;
619}
620
621toolbar[mode="text"] .toolbarbutton-text {
622 padding: 4px 0;
623}
624
625toolbar[mode="text"] .toolbarbutton-1,
626toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
627 -moz-box-orient: horizontal;
628}
629
630toolbar[mode="full"] .toolbarbutton-1,
631toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
632 min-width: 30px;
633}
634
635#navigator-toolbox[iconsize=small] > #nav-bar {
636}
637
638#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
639}
640
641
642/* unified back/forward button */
643
644#back-button {
645 -moz-image-region: rect(0, 18px, 18px, 0);
646 -moz-margin-end: 0;
647}
648
649#back-button:not([disabled="true"]):hover {
650 -moz-image-region: rect(18px, 18px, 36px, 0);
651}
652
653#back-button[disabled="true"] {
654 -moz-image-region: rect(36px, 18px, 54px, 0);
655}
656
657#forward-button {
658 -moz-image-region: rect(0, 36px, 18px, 18px);
659 border-left: none;
660 -moz-margin-start: 0;
661}
662
663#forward-button:not([disabled="true"]):hover {
664 -moz-image-region: rect(18px, 36px, 36px, 18px);
665}
666
667#forward-button[disabled="true"] {
668 -moz-image-region: rect(36px, 36px, 54px, 18px);
669}
670
671#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
672#forward-button:-moz-locale-dir(rtl),
673#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
674 -moz-transform: scaleX(-1);
675}
676
677#nav-bar #back-button {
678 -moz-margin-end: 0 !important;
679}
680
681#nav-bar #forward-button {
682 border-left-style: none;
683 -moz-margin-start: 0 !important;
684}
685
686#nav-bar #back-button:-moz-locale-dir(ltr) {
687 border-top-right-radius: 0;
688 border-bottom-right-radius: 0;
689}
690
691#nav-bar #back-button:-moz-locale-dir(rtl),
692#nav-bar #forward-button {
693 border-top-left-radius: 0;
694 border-bottom-left-radius: 0;
695}
696
697#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
698 border-radius: 10000px;
699 width: 30px;
700 height: 30px;
701 position: relative;
702 z-index: 1;
703 margin-top: -2px;
704 margin-bottom: -2px;
705 border: none;
706 -moz-image-region: rect(54px, 20px, 74px, 0);
707}
708
709#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover,
710#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] {
711 -moz-image-region: rect(54px, 40px, 74px, 20px);
712}
713
714#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"] {
715 -moz-image-region: rect(54px, 60px, 74px, 40px);
716}
717
718#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
719}
720
721#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active,
722#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] {
723}
724
725#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
726#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
727/* padding-top: 3px;
728 padding-bottom: 5px; */
729}
730
731#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
732#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
733/* padding-top: 5px; */
734}
735
736#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button {
737 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
738 mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask");
739 -moz-margin-start: -6px !important;
740 padding-left: 7px;
741 padding-right: 3px;
742}
743
744#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover {
745 /*mask: url(keyhole-forward-mask.svg#mask-hover);*/
746 mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask-hover");
747}
748
749.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
750.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
751 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
752}
753
754.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
755.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
756 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
757}
758
759.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
760.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
761 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
762}
763
764.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
765.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
766 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
767}
768
769/* stop button */
770
771#stop-button {
772 -moz-image-region: rect(0, 54px, 18px, 36px);
773}
774
775#stop-button:not([disabled="true"]):hover {
776 -moz-image-region: rect(18px, 54px, 36px, 36px);
777}
778
779#stop-button[disabled="true"] {
780 -moz-image-region: rect(36px, 54px, 54px, 36px);
781}
782
783/* reload button */
784
785#reload-button {
786 -moz-image-region: rect(0, 72px, 18px, 54px);
787}
788
789#reload-button:not([disabled="true"]):hover {
790 -moz-image-region: rect(18px, 72px, 36px, 54px);
791}
792
793#reload-button[disabled="true"] {
794 -moz-image-region: rect(36px, 72px, 54px, 54px);
795}
796
797/* home button */
798
799#home-button.bookmark-item {
800 list-style-image: url("chrome://browser/skin/Toolbar.png");
801}
802#home-button {
803 -moz-image-region: rect(0, 90px, 18px, 72px);
804}
805
806#home-button:not([disabled="true"]):hover {
807 -moz-image-region: rect(18px, 90px, 36px, 72px);
808}
809
810#home-button[disabled="true"] {
811 -moz-image-region: rect(36px, 90px, 54px, 72px);
812}
813
814/* tabview button */
815
816#tabview-button,
817#menu_tabview {
818 list-style-image: url("chrome://browser/skin/tabview/tabview.png");
819}
820
821#tabview-button {
822 -moz-image-region: rect(0, 90px, 18px, 72px);
823}
824
825#tabview-button[groups="0"] {
826 -moz-image-region: rect(0, 18px, 18px, 0);
827}
828
829#tabview-button[groups="1"] {
830 -moz-image-region: rect(0, 36px, 18px, 18px);
831}
832
833#tabview-button[groups="2"] {
834 -moz-image-region: rect(0, 54px, 18px, 36px);
835}
836
837#tabview-button[groups="3"] {
838 -moz-image-region: rect(0, 72px, 18px, 54px);
839}
840
841#menu_tabview {
842 -moz-image-region: rect(1px, 89px, 17px, 73px);
843}
844
845#menu_tabview[groups="0"] {
846 -moz-image-region: rect(1px, 17px, 17px, 1px);
847}
848
849#menu_tabview[groups="1"] {
850 -moz-image-region: rect(1px, 35px, 17px, 19px);
851}
852
853#menu_tabview[groups="2"] {
854 -moz-image-region: rect(1px, 53px, 17px, 37px);
855}
856
857#menu_tabview[groups="3"] {
858 -moz-image-region: rect(1px, 71px, 17px, 55px);
859}
860
861/* download manager button */
862
863#downloads-button {
864 -moz-image-region: rect(0, 108px, 18px, 90px);
865}
866
867#downloads-button:not([disabled="true"]):hover {
868 -moz-image-region: rect(18px, 108px, 36px, 90px);
869}
870
871#downloads-button[disabled="true"] {
872 -moz-image-region: rect(36px, 108px, 54px, 90px);
873}
874
875/* history sidebar button */
876
877#history-button {
878 -moz-image-region: rect(0, 126px, 18px, 108px);
879}
880
881#history-button:not([disabled="true"]):hover {
882 -moz-image-region: rect(18px, 126px, 36px, 108px);
883}
884
885#history-button[disabled="true"] {
886 -moz-image-region: rect(36px, 126px, 54px, 108px);
887}
888
889/* bookmark sidebar & menu buttons */
890
891#bookmarks-button,
892#bookmarks-menu-button {
893 list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
894 -moz-image-region: rect(0, 144px, 18px, 126px);
895}
896
897#bookmarks-menu-button.bookmark-item {
898 /* list-style-image: url("chrome://browser/skin/Toolbar.png"); */
899}
900
901#bookmarks-menu-button.toolbarbutton-1 {
902 -moz-box-orient: horizontal;
903}
904
905#bookmarks-button:not([disabled="true"]):hover,
906#bookmarks-menu-button[open="true"],
907#bookmarks-menu-button:not([disabled="true"]):hover {
908 -moz-image-region: rect(18px, 144px, 36px, 126px);
909}
910
911#bookmarks-button[disabled="true"],
912#bookmarks-menu-button[disabled="true"] {
913 -moz-image-region: rect(36px, 144px, 54px, 126px);
914}
915
916/* print button */
917
918#print-button {
919 -moz-image-region: rect(0, 162px, 18px, 144px);
920}
921
922#print-button:not([disabled="true"]):hover {
923 -moz-image-region: rect(18px, 162px, 36px, 144px);
924}
925
926#print-button[disabled="true"] {
927 -moz-image-region: rect(36px, 162px, 54px, 144px);
928}
929
930/* toolbar new tab button */
931
932#new-tab-button {
933 -moz-image-region: rect(0, 180px, 18px, 162px);
934}
935
936#print-button:not([disabled="true"]):hover {
937 -moz-image-region: rect(18px, 162px, 36px, 144px);
938}
939
940#print-button[disabled="true"] {
941 -moz-image-region: rect(36px, 162px, 54px, 144px);
942}
943
944/* new window button */
945
946#new-window-button {
947 -moz-image-region: rect(0, 198px, 18px, 180px);
948}
949
950#new-window-button:not([disabled="true"]):hover {
951 -moz-image-region: rect(18px, 198px, 36px, 180px);
952}
953
954#new-window-button[disabled="true"] {
955 -moz-image-region: rect(36px, 198px, 54px, 180px);
956}
957
958/* cut button */
959
960#cut-button {
961 -moz-image-region: rect(0, 216px, 18px, 198px);
962}
963
964#cut-button:not([disabled="true"]):hover {
965 -moz-image-region: rect(18px, 216px, 36px, 198px);
966}
967
968#cut-button[disabled="true"] {
969 -moz-image-region: rect(36px, 216px, 54px, 198px);
970}
971
972/* copy button */
973
974#copy-button {
975 -moz-image-region: rect(0, 234px, 18px, 216px);
976}
977
978#copy-button:not([disabled="true"]):hover {
979 -moz-image-region: rect(18px, 234px, 36px, 216px);
980}
981
982#copy-button[disabled="true"] {
983 -moz-image-region: rect(36px, 234px, 54px, 216px);
984}
985
986/* paste button */
987
988#paste-button {
989 -moz-image-region: rect(0, 252px, 18px, 234px);
990}
991
992#paste-button:not([disabled="true"]):hover {
993 -moz-image-region: rect(18px, 252px, 36px, 234px);
994}
995
996#paste-button[disabled="true"] {
997 -moz-image-region: rect(36px, 252px, 54px, 234px);
998}
999
1000/* fullscreen button */
1001
1002#fullscreen-button {
1003 -moz-image-region: rect(0, 270px, 18px, 252px);
1004}
1005
1006#fullscreen-button:not([disabled="true"]):hover {
1007 -moz-image-region: rect(18px, 270px, 36px, 252px);
1008}
1009
1010#fullscreen-button[disabled="true"] {
1011 -moz-image-region: rect(36px, 270px, 54px, 252px);
1012}
1013
1014/* zoom controls */
1015
1016#zoom-out-button {
1017 -moz-image-region: rect(0, 288px, 18px, 270px);
1018 -moz-margin-end: 0;
1019}
1020
1021#zoom-in-button {
1022 -moz-image-region: rect(0, 306px, 18px, 288px);
1023}
1024
1025#nav-bar #zoom-out-button {
1026 -moz-margin-end: 0;
1027}
1028
1029#nav-bar #zoom-in-button {
1030 -moz-border-start: none;
1031 -moz-margin-start: 0;
1032}
1033
1034#nav-bar #zoom-out-button:-moz-locale-dir(ltr),
1035#nav-bar #zoom-in-button:-moz-locale-dir(rtl) {
1036 border-top-right-radius: 0;
1037 border-bottom-right-radius: 0;
1038}
1039
1040#nav-bar #zoom-out-button:-moz-locale-dir(rtl),
1041#nav-bar #zoom-in-button:-moz-locale-dir(ltr) {
1042 border-top-left-radius: 0;
1043 border-bottom-left-radius: 0;
1044}
1045
1046#zoom-out-button:not([disabled="true"]):hover {
1047 -moz-image-region: rect(18px, 288px, 36px, 270px);
1048}
1049
1050#zoom-out-button[disabled="true"] {
1051 -moz-image-region: rect(36px, 288px, 54px, 270px);
1052}
1053
1054#zoom-in-button:not([disabled="true"]):hover {
1055 -moz-image-region: rect(18px, 306px, 36px, 288px);
1056}
1057
1058#zoom-in-button[disabled="true"] {
1059 -moz-image-region: rect(36px, 306px, 54px, 288px);
1060}
1061
1062/* sync button */
1063
1064#sync-button {
1065 list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
1066 -moz-image-region: rect(0, 324px, 18px, 306px);
1067}
1068
1069#sync-button[status="active"] {
1070 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1071 -moz-image-region: rect(0, 18px, 18px, 0);
1072}
1073
1074#sync-button[disabled="true"] {
1075 -moz-image-region: rect(36px, 324px, 54px, 306px);
1076}
1077
1078/* feed button */
1079
1080#feed-button {
1081 -moz-image-region: rect(0, 342px, 18px, 324px);
1082}
1083
1084#feed-button[disabled="true"] {
1085 -moz-image-region: rect(36px, 342px, 54px, 324px);
1086}
1087
1088/* ::::: fullscreen window controls ::::: */
1089
1090#TabsToolbar > #window-controls {
1091 -moz-margin-start: 4px;
1092}
1093
1094#minimize-button,
1095#restore-button,
1096#close-button {
1097/* padding: 0; */
1098}
1099
1100#minimize-button {
1101 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1102}
1103
1104#minimize-button:hover {
1105 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1106}
1107
1108#restore-button {
1109 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1110}
1111
1112#restore-button:hover {
1113 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1114}
1115
1116#close-button {
1117 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1118}
1119
1120#close-button:hover {
1121 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1122}
1123
1124/* ::::: Location Bar ::::: */
1125
1126#urlbar {
1127 width: 7em;
1128 min-width: 7em;
1129 color: #FFBFFF;
1130}
1131
1132#urlbar,
1133.searchbar-textbox {
1134 border-radius: 5px;
1135 margin: 0;
1136 -moz-margin-start: 3px;
1137}
1138
1139#urlbar:-moz-lwtheme,
1140.searchbar-textbox:-moz-lwtheme {
1141 /* background-color: rgba(255,255,255,.8);
1142 @navbarTextboxCustomBorder@
1143 color: black; */
1144}
1145
1146html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
1147.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
1148 color: #E7ADE7;
1149}
1150
1151#urlbar:-moz-lwtheme[focused="true"],
1152.searchbar-textbox:-moz-lwtheme[focused="true"] {
1153/* background-color: white; */
1154}
1155
1156#urlbar-container {
1157 -moz-box-orient: horizontal;
1158 -moz-box-align: stretch;
1159}
1160
1161.urlbar-textbox-container {
1162 -moz-box-align: stretch;
1163}
1164
1165#urlbar-icons {
1166 height: 18px;
1167 -moz-box-align: center;
1168}
1169
1170.urlbar-icon {
1171 padding: 0 2px !important;
1172}
1173
1174.urlbar-icon:-moz-system-metric(touch-enabled) {
1175 -moz-margin-end: 1px !important;
1176 padding: 0 3px !important;
1177}
1178
1179#urlbar-search-splitter {
1180 min-width: 6px;
1181 -moz-margin-start: -3px;
1182 border: none;
1183 background: transparent;
1184}
1185
1186#urlbar-search-splitter + #urlbar-container > #urlbar ,
1187#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1188 -moz-margin-start: 0;
1189}
1190
1191#urlbar-display {
1192 -moz-border-end: 1px solid #9C9CFF;
1193 -moz-margin-end: 3px;
1194 margin-top: 0;
1195 margin-bottom: 0;
1196 color: #8050B0;
1197}
1198
1199/* identity box */
1200
1201#identity-box {
1202 background-color: #000000;
1203 color: #FF9F00;
1204 border-radius: 2px;
1205}
1206
1207#identity-box:hover {
1208 background-color: #9C9CFF;
1209 color: #000000;
1210}
1211
1212#identity-box[open="true"],
1213#identity-box:hover:active {
1214 background-color: #FF9F00;
1215 color: #000000;
1216}
1217
1218#identity-box.verifiedDomain {
1219 background-color: #FFCF00;
1220 color: #000000;
1221}
1222
1223#identity-box.verifiedIdentity {
1224 background-color: #008484;
1225 color: #000000;
1226}
1227
1228#identity-box:-moz-focusring {
1229 outline: 1px dotted #008484;
1230 outline-offset: -3px;
1231}
1232
1233#identity-box.verifiedDomain:-moz-focusring,
1234#identity-box.verifiedIdentity:-moz-focusring {
1235 outline-color: #000000;
1236}
1237
1238#identity-icon-labels {
1239 -moz-margin-start: 1px;
1240 -moz-margin-end: 3px;
1241 -moz-transform: translate(0, -1px);
1242}
1243
1244/* Location bar dropmarker */
1245
1246.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
1247 background-color: transparent;
1248}
1249
1250#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1251 border: none;
1252 border-radius: 0px;
1253}
1254
1255/* page proxy icon */
1256
1257#page-proxy-favicon,
1258#urlbar-throbber {
1259 width: 16px;
1260 height: 16px;
1261}
1262
1263#page-proxy-stack {
1264 width: 24px;
1265 height: 18px;
1266 padding: 1px 4px;
1267 background: url("urlbar-favicon-glow.png") center center no-repeat;
1268}
1269
1270#page-proxy-favicon:not([src]) {
1271 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1272}
1273
1274#page-proxy-favicon[pageproxystate="invalid"] {
1275 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1276}
1277
1278#urlbar-throbber {
1279 list-style-image: url("chrome://global/skin/icons/loading.gif");
1280}
1281
1282/* autocomplete */
1283
1284#treecolAutoCompleteImage {
1285 max-width: 36px;
1286}
1287
1288.ac-result-type-bookmark,
1289.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1290 list-style-image: url("chrome://browser/skin/places/bookmark.png");
1291 -moz-image-region: rect(0px 16px 16px 0px);
1292 width: 16px;
1293 height: 16px;
1294}
1295
1296.ac-result-type-keyword,
1297.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1298 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1299 -moz-image-region: rect(0px 32px 16px 16px);
1300 width: 16px;
1301 height: 16px;
1302}
1303
1304.ac-result-type-tag,
1305.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1306 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
1307 width: 16px;
1308 height: 16px;
1309}
1310
1311.ac-comment {
1312 font-size: 1.15em;
1313}
1314
1315.ac-extra > .ac-comment {
1316 font-size: inherit;
1317}
1318
1319.ac-url-text,
1320.ac-action-text {
1321 color: #9C9CFF;
1322}
1323
1324richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1325 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
1326}
1327
1328.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1329 color: #8050B0;
1330}
1331
1332.ac-comment[selected="true"],
1333.ac-url-text[selected="true"],
1334.ac-action-text[selected="true"] {
1335 color: inherit !important;
1336}
1337
1338.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1339.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1340{
1341 color: #8050B0;
1342 font-size: smaller;
1343}
1344
1345.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1346 border-top: 1px solid #9C9CFF;
1347}
1348
1349/* go button */
1350
1351#go-button {
1352 list-style-image: url("chrome://browser/skin/Go-arrow.png");
1353 -moz-image-region: rect(0px, 16px, 16px, 0px);
1354}
1355
1356#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1357 -moz-transform: scaleX(-1);
1358}
1359
1360#go-button:hover {
1361 -moz-image-region: rect(16px, 16px, 32px, 0px);
1362}
1363
1364/* combined go/reload/stop button in location bar */
1365
1366#urlbar > toolbarbutton {
1367 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
1368 /* margin: -2px; */
1369 -moz-margin-start: 0;
1370 padding: 0 3px;
1371 background-origin: border-box;
1372 border: none;
1373 -moz-border-start: 1px solid #9C9CFF;
1374}
1375
1376#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
1377 border-top-left-radius: 0px;
1378 border-bottom-left-radius: 0px;
1379}
1380
1381#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
1382 border-top-right-radius: 0px;
1383 border-bottom-right-radius: 0px;
1384}
1385
1386#urlbar > toolbarbutton:not([disabled]):active:hover {
1387 -moz-padding-start: 4px;
1388 -moz-border-start: none;
1389}
1390
1391#urlbar-go-button {
1392 -moz-image-region: rect(0px, 56px, 14px, 42px);
1393}
1394
1395#urlbar-go-button:hover {
1396 -moz-image-region: rect(14px, 56px, 28px, 42px);
1397}
1398
1399#urlbar-reload-button {
1400 -moz-image-region: rect(0px, 28px, 14px, 14px);
1401}
1402
1403#urlbar-reload-button[disabled] {
1404 -moz-image-region: rect(0px, 14px, 14px, 0px);
1405}
1406
1407#urlbar-reload-button:not([disabled]):hover {
1408 -moz-image-region: rect(14px, 28px, 28px, 14px);
1409}
1410
1411#urlbar-stop-button {
1412 -moz-image-region: rect(0px, 42px, 14px, 28px);
1413}
1414
1415#urlbar-stop-button:hover {
1416 -moz-image-region: rect(14px, 42px, 28px, 28px);
1417}
1418
1419/* popup blocker button */
1420
1421#page-report-button {
1422 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
1423 -moz-image-region: rect(0, 16px, 16px, 0);
1424}
1425
1426#page-report-button:hover ,
1427#page-report-button:hover:active,
1428#page-report-button[open="true"] {
1429 -moz-image-region: rect(0, 32px, 16px, 16px);
1430}
1431
1432/* star button */
1433
1434#star-button {
1435 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
1436 -moz-image-region: rect(16px 16px 32px 0px);
1437}
1438
1439#star-button:hover {
1440 -moz-image-region: rect(16px 32px 32px 16px);
1441}
1442
1443#star-button:hover:active {
1444 -moz-image-region: rect(16px 48px 32px 32px);
1445}
1446
1447#star-button[starred="true"] {
1448 -moz-image-region: rect(0px 16px 16px 0px);
1449}
1450
1451#star-button[starred="true"]:hover {
1452 -moz-image-region: rect(0px 32px 16px 16px);
1453}
1454
1455#star-button[starred="true"]:hover:active {
1456 -moz-image-region: rect(0px 48px 16px 32px);
1457}
1458
1459/* bookmarking panel */
1460#editBookmarkPanelStarIcon {
1461 list-style-image: url("chrome://browser/skin/places/starred48.png");
1462 width: 48px;
1463 height: 48px;
1464}
1465
1466#editBookmarkPanelStarIcon[unstarred] {
1467 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1468}
1469
1470#editBookmarkPanelTitle {
1471 font-size: 130%;
1472}
1473
1474#editBookmarkPanelHeader,
1475#editBookmarkPanelContent {
1476 margin-bottom: .5em;
1477}
1478
1479/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1480#editBMPanel_folderTree {
1481 min-width: 27em;
1482}
1483
1484/* ::::: content area ::::: */
1485
1486#sidebar {
1487 background-color: Window;
1488}
1489
1490#sidebar-title {
1491 -moz-padding-start: 0px;
1492}
1493
1494/* ::::: throbber ::::: */
1495
1496#navigator-throbber {
1497 width: 16px;
1498 min-height: 16px;
1499 margin: 0 3px;
1500}
1501
1502#navigator-throbber[busy="true"] {
1503 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.gif");
1504}
1505
1506#navigator-throbber,
1507#wrapper-navigator-throbber > #navigator-throbber {
1508 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.gif");
1509}
1510
1511/* Tabstrip */
1512
1513#TabsToolbar {
1514 min-height: 0;
1515 padding: 0;
1516 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1517}
1518
1519#TabsToolbar .toolbar-holder {
1520 background-color: #000000; /* correct effect of being an actual toolbar */
1521}
1522
1523#main-window[disablechrome] #TabsToolbar,
1524#TabsToolbar[tabsontop="false"] {
1525 border-bottom: 1px solid #FF9F00;
1526}
1527
1528.tabbrowser-tab,
1529.tabs-newtab-button {
1530 margin-top: 0px;
1531}
1532
1533.tabbrowser-tab:hover,
1534.tabs-newtab-button:hover {
1535}
1536
1537.tabbrowser-tab[selected="true"] {
1538}
1539
1540#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1541}
1542
1543.tabbrowser-tab:-moz-lwtheme {
1544}
1545
1546.tabbrowser-tab[selected="true"]:-moz-lwtheme {
1547}
1548
1549.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1550.tabs-newtab-button:-moz-lwtheme-brighttext {
1551}
1552
1553.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1554.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
1555}
1556
1557.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1558.tabs-newtab-button:-moz-lwtheme-darktext {
1559}
1560
1561.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1562.tabs-newtab-button:-moz-lwtheme-darktext:hover {
1563}
1564
1565.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1566 background-color: #E7ADE7;
1567}
1568.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
1569 background-color: #0000FF;
1570 color: #000000;
1571}
1572
1573.tab-throbber,
1574.tab-icon-image {
1575 width: 16px;
1576 height: 16px;
1577 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1578 -moz-image-region: auto;
1579 -moz-margin-end: 3px;
1580}
1581
1582.tab-throbber {
1583 list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
1584}
1585
1586.tab-throbber[progress] {
1587 list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
1588}
1589
1590#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
1591 min-height: 16px; /* corresponds to the max. height of non-textual tab contents, i.e. the favicon */
1592}
1593
1594.tab-throbber[pinned],
1595.tab-icon-image[pinned] {
1596 -moz-margin-start: 2px;
1597 -moz-margin-end: 2px;
1598}
1599
1600/* tabbrowser-tab focus ring */
1601.tabbrowser-tab:focus > .tab-stack {
1602 outline: 1px dotted;
1603}
1604
1605/* Tab DnD indicator */
1606.tab-drop-indicator {
1607 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
1608 margin-bottom: -11px;
1609}
1610
1611/* Tab close button */
1612.tab-close-button {
1613 border: none;
1614 padding: 0px;
1615 list-style-image: url("chrome://global/skin/icons/close-button.gif");
1616}
1617
1618.tab-close-button:-moz-system-metric(touch-enabled) {
1619 -moz-transform: scale(1.2);
1620}
1621
1622.tab-close-button:hover,
1623.tab-close-button:hover[selected="true"] {
1624 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1625}
1626
1627.tab-close-button:hover:active,
1628.tab-close-button:hover:active[selected="true"] {
1629 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1630}
1631
1632.tab-close-button:focus {
1633 outline: none !important;
1634}
1635
1636/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
1637
1638@media all and (-moz-touch-enabled) {
1639 .tabbrowser-arrowscrollbox > .scrollbutton-up,
1640 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1641 #TabsToolbar .toolbarbutton-1 {
1642 min-width: 8.1mozmm;
1643 }
1644
1645 .tabs-newtab-button {
1646 min-width: 10mozmm;
1647 }
1648
1649 .tab-content {
1650 min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */
1651 }
1652}
1653
1654.tabbrowser-arrowscrollbox > .scrollbutton-up,
1655.tabbrowser-arrowscrollbox > .scrollbutton-down {
1656 margin: 0;
1657 padding-top: 0;
1658 padding-bottom: 0;
1659}
1660
1661.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
1662 background-color: #008484;
1663}
1664
1665.tabs-newtab-button > .toolbarbutton-icon {
1666 margin-top: -1px;
1667 margin-bottom: -1px;
1668}
1669
1670.tabs-newtab-button,
1671#TabsToolbar > #new-tab-button,
1672#TabsToolbar > toolbarpaletteitem > #new-tab-button {
1673 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
1674 -moz-image-region: rect(0, 16px, 18px, 0);
1675}
1676
1677.tabs-newtab-button {
1678 width: 28px;
1679}
1680
1681#TabsToolbar > #new-tab-button {
1682 width: 26px;
1683}
1684
1685.tabs-newtab-button:hover,
1686#TabsToolbar > #new-tab-button:hover {
1687 -moz-image-region: rect(0, 32px, 18px, 16px);
1688}
1689
1690#alltabs-button {
1691 list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png");
1692 -moz-image-region: rect(0, 14px, 16px, 0);
1693}
1694
1695#alltabs-button:hover,
1696#alltabs-button:hover:active {
1697 -moz-image-region: rect(0, 28px, 16px, 14px);
1698}
1699
1700#alltabs-button[type="menu"] {
1701 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
1702 -moz-image-region: auto;
1703}
1704
1705#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker {
1706 display: none;
1707}
1708
1709#alltabs-button[type="menu"]:hover,
1710#alltabs-button[type="menu"]:hover:active,
1711#alltabs-button[type="menu"][open="true"] {
1712 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
1713 -moz-image-region: auto;
1714}
1715
1716/* All tabs menupopup */
1717.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
1718 list-style-image: url("chrome://global/skin/icons/folder-item.png");
1719 -moz-image-region: rect(0px, 16px, 16px, 0px);
1720 -moz-image-region: auto;
1721}
1722
1723.alltabs-item[selected="true"] {
1724 font-weight: bold;
1725}
1726
1727.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1728 list-style-image: url("chrome://global/skin/icons/loading.gif");
1729}
1730
1731/* Tabstrip close button */
1732.tabs-closebutton {
1733 -moz-box-flex: 1;
1734 margin: 0px;
1735 padding: 2px;
1736 list-style-image: url("chrome://global/skin/icons/close-button.gif");
1737}
1738
1739.tabs-closebutton > .toolbarbutton-icon {
1740}
1741
1742.tabs-closebutton > .toolbarbutton-text {
1743 display: none;
1744}
1745
1746.tabs-closebutton:hover,
1747.tabs-closebutton:hover:active {
1748 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1749}
1750
1751toolbarbutton.chevron {
1752 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1753}
1754
1755toolbarbutton.chevron:hover {
1756 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
1757}
1758
1759toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1760toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
1761 -moz-transform: scaleX(-1);
1762}
1763
1764toolbarbutton.chevron > .toolbarbutton-text,
1765toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1766 display: none;
1767}
1768
1769toolbarbutton.chevron > .toolbarbutton-icon {
1770 margin: 0;
1771}
1772
1773toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1774 display: -moz-box; /* display chevron icon in text mode */
1775}
1776
1777#sidebar-throbber[loading="true"] {
1778 list-style-image: url("chrome://global/skin/icons/loading.gif");
1779 -moz-margin-end: 4px;
1780}
1781
1782/* Bookmarks toolbar */
1783#PlacesToolbarDropIndicator {
1784 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
1785}
1786
1787toolbarbutton.bookmark-item[dragover="true"][open="true"] {
1788 background-color: #008484 !important;
1789 color: #FFCF00 !important;
1790}
1791
1792/* rules for menupopup drop indicators */
1793.menupopup-drop-indicator-bar {
1794 position: relative;
1795 /* these two margins must together compensate the indicator's height */
1796 margin-top: -1px;
1797 margin-bottom: -1px;
1798}
1799
1800.menupopup-drop-indicator {
1801 list-style-image: none;
1802 height: 2px;
1803 -moz-margin-end: -4em;
1804 background-color: #008484;
1805}
1806
1807/* ::::: Identity Indicator Styling ::::: */
1808
1809/* Popup Icons */
1810#identity-popup-icon {
1811 height: 64px;
1812 width: 64px;
1813 padding: 0;
1814 list-style-image: url("chrome://browser/skin/identity.png");
1815 -moz-image-region: rect(0px, 64px, 64px, 0px);
1816}
1817
1818#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
1819 -moz-image-region: rect(64px, 64px, 128px, 0px);
1820}
1821
1822#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
1823 -moz-image-region: rect(128px, 64px, 192px, 0px);
1824}
1825
1826/* Popup Body Text */
1827.identity-popup-description {
1828 white-space: pre-wrap;
1829 -moz-padding-start: 15px;
1830 margin: 2px 0 4px;
1831}
1832
1833.identity-popup-label {
1834 white-space: pre-wrap;
1835 -moz-padding-start: 15px;
1836 margin: 0;
1837}
1838
1839#identity-popup-content-host ,
1840#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
1841 font-size: 1.2em;
1842}
1843
1844#identity-popup-content-host {
1845 margin-top: 3px;
1846 margin-bottom: 5px;
1847 font-weight: bold;
1848 max-width: 300px;
1849}
1850
1851#identity-popup-content-owner {
1852 margin-top: 4px;
1853 margin-bottom: 0 !important;
1854 font-weight: bold;
1855 max-width: 300px;
1856}
1857
1858.verifiedDomain > #identity-popup-content-owner {
1859 font-weight: normal;
1860}
1861
1862#identity-popup-content-verifier {
1863 margin: 4px 0 2px;
1864}
1865
1866#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
1867#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
1868 margin-top: 10px;
1869 -moz-margin-start: -24px;
1870}
1871
1872#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
1873#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
1874 list-style-image: url("chrome://browser/skin/Secure24.png");
1875}
1876
1877#identity-popup-more-info-button {
1878 margin-top: 6px;
1879 margin-bottom: 0;
1880 -moz-margin-end: 0;
1881}
1882
1883.popup-notification-icon {
1884 width: 64px;
1885 height: 64px;
1886 -moz-margin-end: 10px;
1887}
1888
1889.popup-notification-icon[popupid="geolocation"] {
1890 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
1891}
1892
1893.popup-notification-icon[popupid="xpinstall-disabled"],
1894.popup-notification-icon[popupid="addon-progress"],
1895.popup-notification-icon[popupid="addon-install-cancelled"],
1896.popup-notification-icon[popupid="addon-install-blocked"],
1897.popup-notification-icon[popupid="addon-install-failed"],
1898.popup-notification-icon[popupid="addon-install-complete"] {
1899 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
1900 width: 32px;
1901 height: 32px;
1902}
1903
1904.addon-progress-description {
1905 width: 350px;
1906 max-width: 350px;
1907}
1908
1909.popup-progress-label,
1910.popup-progress-meter {
1911 -moz-margin-start: 0;
1912 -moz-margin-end: 0;
1913}
1914
1915.popup-progress-cancel {
1916 -moz-appearance: none;
1917 background: transparent;
1918 border: none;
1919 padding: 0;
1920 margin: 0;
1921 min-height: 0;
1922 min-width: 0;
1923 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
1924 -moz-image-region: rect(0px, 32px, 16px, 16px);
1925}
1926
1927.popup-progress-cancel:hover {
1928 -moz-image-region: rect(16px, 32px, 32px, 16px);
1929}
1930
1931.popup-progress-cancel:active {
1932 -moz-image-region: rect(32px, 32px, 48px, 16px);
1933}
1934
1935.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
1936.popup-notification-icon[popupid="indexedDB-quota-prompt"] {
1937 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
1938}
1939
1940.popup-notification-icon[popupid="password-save"],
1941.popup-notification-icon[popupid="password-change"] {
1942 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
1943}
1944
1945/* Notification icon box */
1946#notification-popup-box {
1947 margin: 0 3px;
1948}
1949
1950.notification-anchor-icon {
1951 width: 16px;
1952 height: 16px;
1953}
1954
1955.notification-anchor-icon:-moz-focusring {
1956 outline: 1px dotted -moz-DialogText;
1957 outline-offset: -3px;
1958}
1959
1960#default-notification-icon {
1961 list-style-image: url("chrome://global/skin/icons/information-16.png");
1962}
1963
1964#geo-notification-icon {
1965 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
1966}
1967
1968#addons-notification-icon {
1969 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
1970}
1971
1972#indexedDB-notification-icon {
1973 list-style-image: url("chrome://global/skin/icons/question-16.png");
1974}
1975
1976#password-notification-icon {
1977 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
1978}
1979
1980#identity-popup-container {
1981 min-width: 280px;
1982}
1983
1984#download-monitor {
1985 list-style-image: url("chrome://browser/skin/Toolbar.png");
1986 -moz-image-region: rect(0, 108px, 18px, 90px);
1987}
1988
1989/* Bookmarks roots menu-items */
1990#appmenu_subscribeToPage:not([disabled]),
1991#appmenu_subscribeToPageMenu,
1992#subscribeToPageMenuitem:not([disabled]),
1993#subscribeToPageMenupopup,
1994#BMB_subscribeToPageMenuitem:not([disabled]),
1995#BMB_subscribeToPageMenupopup {
1996 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
1997}
1998
1999#bookmarksToolbarFolderMenu,
2000#appmenu_bookmarksToolbar,
2001#BMB_bookmarksToolbar {
2002 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
2003 -moz-image-region: auto;
2004}
2005
2006#appmenu_unsortedBookmarks,
2007#BMB_unsortedBookmarks {
2008 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
2009 -moz-image-region: auto;
2010}
2011
2012/* ::::: Keyboard UI Panel ::::: */
2013
2014.KUI-panel {
2015 color: #FF9F00;
2016 border-style: none;
2017 border-radius: 20px;
2018}
2019
2020.KUI-panel[level="top"] {
2021 /*background-color: rgba(27%,27%,27%,.65);*/
2022}
2023
2024.KUI-panel-closebutton {
2025 list-style-image: url("KUI-close.png");
2026 width: 24px;
2027 height: 24px;
2028}
2029
2030.KUI-panel-closebutton:not(:hover) {
2031}
2032
2033.KUI-panel-closebutton > .toolbarbutton-icon {
2034}
2035
2036/* ::::: Ctrl-Tab and All Tabs Panels ::::: */
2037
2038/* Ctrl-Tab */
2039
2040#ctrlTab-panel {
2041 padding: 20px 10px 10px;
2042 font-weight: bold;
2043}
2044
2045.ctrlTab-favicon[src] {
2046 background-color: #000000;
2047 width: 20px;
2048 height: 20px;
2049 padding: 2px;
2050}
2051
2052.ctrlTab-preview-inner > .tabPreview-canvas {
2053}
2054
2055.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2056 margin-bottom: 2px;
2057}
2058
2059.ctrlTab-preview-inner {
2060 padding-bottom: 10px;
2061}
2062
2063#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2064 padding: 10px;
2065 background-color: #000000;
2066 border-radius: .5em;
2067}
2068
2069.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
2070 color: white;
2071 background-color: #000000;
2072 text-shadow: none;
2073 padding: 8px;
2074 border: 2px solid #9C9CFF;
2075 border-radius: .5em;
2076}
2077
2078.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2079 margin: -10px -10px 0;
2080}
2081
2082#ctrlTab-showAll {
2083 margin-top: .5em;
2084}
2085
2086/* All Tabs */
2087
2088#allTabs-panel {
2089 padding-bottom: 10px;
2090}
2091
2092#allTabs-meta {
2093 margin: 10px;
2094}
2095
2096#allTabs-filter {
2097 -moz-margin-start: 24px;
2098 -moz-margin-end: 0;
2099}
2100
2101#allTabs-tab-close-button > .toolbarbutton-icon {
2102 margin: 0;
2103}
2104
2105.allTabs-favicon[src] {
2106 width: 22px;
2107 height: 22px;
2108 padding-top: 1px;
2109 padding-bottom: 5px;
2110 -moz-padding-start: 1px;
2111 -moz-padding-end: 5px;
2112 margin-top: -2px;
2113 -moz-margin-start: -2px;
2114 border-bottom-right-radius: 4px;
2115}
2116
2117.allTabs-favicon[src]:-moz-locale-dir(rtl) {
2118 border-bottom-right-radius: 0;
2119 border-bottom-left-radius: 4px;
2120}
2121
2122.allTabs-preview-inner > .tabPreview-canvas {
2123 background-color: #E7ADE7;
2124}
2125
2126.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas {
2127}
2128
2129.allTabs-preview:focus > * > .allTabs-preview-inner {
2130 outline: 1px dotted #008484;
2131}
2132
2133/* Inspector / Highlighter */
2134
2135#highlighter-panel {
2136 -moz-window-shadow: none;
2137 background: #000000;
2138 border: none;
2139}
2140
2141listitem.style-selector {
2142 background-color: #9C9CFF;
2143 color: #000000;
2144}
2145
2146listitem.style-section {
2147 background-color: #E7ADE7;
2148 color: #000000;
2149 font-weight: bold;
2150}
2151
2152panel[dimmed="true"] {
2153 opacity: 0.5;
2154}
2155
2156/* Add-on bar */
2157
2158#addon-bar {
2159 min-height: 20px;
2160 border-top: 3px solid #000000;
2161}
2162
2163#addon-bar:not(:-moz-lwtheme) {
2164 -moz-appearance: statusbar;
2165}
2166
2167#addon-bar .toolbar-holder {
2168 background-color: #8050B0;
2169 color: #FFCF00;
2170}
2171
2172#addon-bar .toolbar-holder {
2173 background-color: #8050B0;
2174 color: #FFCF00;
2175}
2176
2177#addon-bar .toolbar-startcap,
2178#addon-bar .toolbar-endcap{
2179 background-color: #6000CF;
2180}
2181
2182#status-bar {
2183 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
2184 margin-top: .3em;
2185 border-width: 0;
2186}
2187
2188/* Remove all borders from statusbarpanel children of
2189 the statusbar.
2190#status-bar > statusbarpanel {
2191 border-width: 0;
2192} */
2193
2194#addonbar-closebutton {
2195 border: none;
2196 padding: 3px 5px;
2197 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2198}
2199
2200#addonbar-closebutton:hover,
2201#addonbar-closebutton:hover:active {
2202 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2203}
2204
2205/* Status panel */
2206
2207.statuspanel-label {
2208 margin: 0;
2209 padding: 2px 4px;
2210 background: #404000;
2211 border: 1px none #9C9CFF;
2212 border-top-style: solid;
2213 color: #FF9F00;
2214 text-shadow: none;
2215}
2216
2217.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2218.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2219 border-right-style: solid;
2220 border-top-right-radius: .3em;
2221 margin-right: 1em;
2222}
2223
2224.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2225.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2226 border-left-style: solid;
2227 border-top-left-radius: .3em;
2228 margin-left: 1em;
2229}
KaiRo's SeaMonkey themes