3cba7428aa0c6b13430ec7a65f18e05ebf286e36
[themes.git] / EarlyBlue / global / toolbar.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 /* ===== toolbar.css ====================================================
6   == Styles used by XUL toolbar-related elements.
7   ======================================================================= */
8
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11 /* ::::: toolbox ::::: */
12
13 toolbox {
14   background-color: #CCD0DD;
15 }
16
17 /* ::::: toolbar & menubar ::::: */
18
19 toolbar,
20 menubar {
21   border-bottom: 1px solid #9999CC;
22   background-color: #CCD0DD;
23   min-width: 1px;
24 }
25
26 /* in browser.xul, the menubar is inside a toolbar... */
27 toolbaritem > menubar {
28   border-bottom-style: none;
29   background-color: transparent;
30 }
31
32 /* ::::: lightweight theme ::::: */
33
34 menubar:-moz-lwtheme,
35 toolbox:-moz-lwtheme,
36 toolbar:-moz-lwtheme {
37   -moz-appearance: none;
38   background: none;
39   border-style: none;
40 }
41
42 /* ::::: toolbar decorations ::::: */
43
44 toolbarseparator {
45   margin : 2px 0.2em;
46   border-right: 1px solid #666699;
47   width : 1px;
48 }
49
50 toolbarspacer {
51   width: 10px;
52 }
53
54 toolbar[mode="icons"] .toolbarbutton-text {
55   display: none;
56 }
57
58 toolbar[mode="text"] .toolbarbutton-icon {
59   display: none;
60 }
61
62 toolbar[mode="text"] .toolbarbutton-text {
63   padding: 0 !important;
64   margin: 1px 3px !important;
65 }
66
67 /* ::::: toolbarpaletteitem ::::: */
68
69 toolbarpaletteitem {
70   cursor: -moz-grab;
71 }
72
73 .toolbarpaletteitem-box[type="spacer"],
74 .toolbarpaletteitem-box[type="spring"] {
75   border: 1px solid #666699;
76   background-color: #FFFFFF !important;
77 }
78
79 toolbarpaletteitem[place="toolbar"] {
80   -moz-margin-start: -2px;
81   -moz-margin-end: -2px;
82   border-left: 2px solid transparent;
83   border-right: 2px solid transparent;
84 }
85
86 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
87   width: 11px;
88 }
89
90 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
91 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
92   margin-top: 2px;
93   margin-bottom: 2px;
94   -moz-margin-start: 0px;
95   -moz-margin-end: 2px;
96 }
97
98 .toolbarpaletteitem-box[type="separator"][place="palette"] {
99   width: 2px;
100   height: 50px;
101 }
102
103 .toolbarpaletteitem-box[type="spacer"][place="palette"],
104 .toolbarpaletteitem-box[type="spring"][place="palette"] {
105   margin-bottom: 2px;
106   width: 50px;
107   height: 50px;
108 }
109
110 .toolbarpaletteitem-box[type="spring"][place="palette"] {
111   background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
112 }
113
114 /* ..... drag and drop feedback ..... */
115
116 toolbarpaletteitem[dragover="left"] {
117   border-left-color: #000000;
118 }
119
120 toolbarpaletteitem[dragover="right"] {
121   border-right-color: #000000;
122 }