556d3f21304ddb87fcbea51dce4759420431fdbf
[themes.git] / toolbar.css
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 "Classic" theme of mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is
17  * the Mozilla Organization.
18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Robert Kaiser <KaiRo@KaiRo.at>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the MPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the MPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 /* ===== toolbar.css ====================================================
39   == Styles used by XUL toolbar-related elements.
40   ======================================================================= */
41
42 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
43
44 /* ::::: toolbox ::::: */
45
46 toolbox {
47   background-color: #000000;
48 }
49
50 /* ::::: toolbar & menubar ::::: */
51
52 toolbar,
53 menubar {
54   border-bottom: 3px solid #000000;
55   background-color: #000000;
56   min-width: 1px;
57 }
58
59 /* toolbar-holder is the body of the main part of a toolbar */
60 toolbar > .toolbar-holder {
61   background-color: #9C9CFF;
62 }
63
64 menubar > .toolbar-holder,
65 toolbar#toolbar-menubar > .toolbar-holder {
66   background-color: #6000CF;
67 }
68
69 /* ::::: toolbargrippy ::::: */
70
71 toolbargrippy,
72 toolbar > .toolbar-begcap {
73   -moz-border-radius: 8px 0px 0px 8px;
74   -moz-box-orient: vertical;
75   -moz-box-align: center;
76   background-color: #FF9F00;
77   border: none;
78   border-right: 3px solid black;
79   width: 15px;
80   min-height: 16px;
81 }
82
83 toolbargrippy:hover {
84   background-color: #FFCF00;
85 }
86
87 /* ::::: endcap (LCARStrek specific) ::::: */
88
89 toolbar > .toolbar-endcap {
90   -moz-border-radius: 0px 8px 8px 0px;
91   background-color: #FF9F00;
92   border: none;
93   border-left: 3px solid black;
94   width: 15px;
95   min-height: 16px;
96 }
97
98 menubar > .menubar-endcap {
99   -moz-border-radius: 0px 8px 8px 0px;
100   background-color: #FF9F00;
101   border: none;
102   border-left: 3px solid black;
103   width: 15px;
104   min-height: 16px;
105 }
106
107 /* ::::: collapsed tray and grippies ::::: */
108
109 toolbargrippy[tbgrippy-collapsed="true"] {
110   -moz-box-orient: horizontal;
111   -moz-border-radius: 5px 0px 0px 5px;
112   margin-bottom: 3px;
113   width: 30px;
114   height: 10px;
115 }
116
117 .collapsed-tray-spacer {
118   border-bottom: none;
119 }
120
121
122 /* in browser.xul, the menubar is inside a toolbar... */
123 toolbaritem > menubar {
124   border-bottom-style: none;
125   background-color: transparent;
126 }
127
128 /* ::::: toolbar decorations ::::: */
129
130 toolbarseparator {
131   margin: 2px 0px 2px 2px;
132   border-right: 1px solid #000000;
133   width: 1px;
134 }
135
136 toolbarspacer {
137   width: 10px;
138 }
139
140 toolbar[mode="icons"] .toolbarbutton-text {
141   display: none;
142 }
143
144 toolbar[mode="text"] .toolbarbutton-icon {
145   display: none;
146 }
147
148 toolbar[mode="text"] .toolbarbutton-text {
149   padding: 0 !important;
150   margin: 1px 3px !important;
151 }
152
153 /* ::::: toolbarpaletteitem ::::: */
154
155 toolbarpaletteitem {
156   cursor: -moz-grab;
157 }
158
159 .toolbarpaletteitem-box[type="spacer"],
160 .toolbarpaletteitem-box[type="spring"] {
161   -moz-border-radius: 5px;
162   border: 1px solid #9C9CFF;
163   background-color: #000000 !important;
164 }
165
166 toolbarpaletteitem[place="toolbar"] {
167   margin-left: -2px;
168   margin-right: -2px;
169   border-left: 2px solid transparent;
170   border-right: 2px solid transparent;
171 }
172
173 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
174   width: 11px;
175 }
176
177 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
178 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
179   margin-top: 2px;
180   margin-bottom: 2px;
181   -moz-margin-start: 0px;
182   -moz-margin-end: 2px;
183 }
184
185 .toolbarpaletteitem-box[type="separator"][place="palette"] {
186   width: 2px;
187   height: 50px;
188 }
189
190 .toolbarpaletteitem-box[type="spacer"][place="palette"],
191 .toolbarpaletteitem-box[type="spring"][place="palette"] {
192   margin-bottom: 2px;
193   width: 50px;
194   height: 50px;
195 }
196
197 .toolbarpaletteitem-box[type="spring"][place="palette"] {
198   background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
199 }
200
201 /* ..... drag and drop feedback ..... */
202
203 toolbarpaletteitem[dragover="left"] {
204   border-left-color: #008484;
205 }
206
207 toolbarpaletteitem[dragover="right"] {
208   border-right-color: #008484;
209 }