improve 2.0a1-updated LCARStrek
[themes.git] / LCARStrek / global / 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, startcap (LCARStrek specific) ::::: */
70
71 toolbargrippy,
72 toolbar > .toolbar-startcap,
73 menubar > .menubar-startcap {
74   -moz-border-radius: 8px 0px 0px 8px;
75   -moz-box-orient: vertical;
76   -moz-box-align: center;
77   background-color: #FF9F00;
78   border: none;
79   border-right: 3px solid black;
80   width: 15px;
81   min-height: 16px;
82 }
83
84 toolbargrippy:hover {
85   background-color: #FFCF00;
86 }
87
88 /* ::::: endcap (LCARStrek specific) ::::: */
89
90 toolbar > .toolbar-endcap {
91   -moz-border-radius: 0px 8px 8px 0px;
92   background-color: #FF9F00;
93   border: none;
94   border-left: 3px solid black;
95   width: 15px;
96   min-height: 16px;
97 }
98
99 menubar > .menubar-endcap {
100   -moz-border-radius: 0px 8px 8px 0px;
101   background-color: #FF9F00;
102   border: none;
103   border-left: 3px solid black;
104   width: 15px;
105   min-height: 16px;
106 }
107
108 /* ::::: collapsed tray and grippies ::::: */
109
110 toolbargrippy[tbgrippy-collapsed="true"] {
111   -moz-box-orient: horizontal;
112   -moz-border-radius: 5px 0px 0px 5px;
113   margin-bottom: 3px;
114   width: 30px;
115   height: 10px;
116 }
117
118 .collapsed-tray-spacer {
119   border-bottom: none;
120 }
121
122
123 /* in browser.xul, the menubar is inside a toolbar... */
124 toolbaritem > menubar {
125   border-bottom-style: none;
126   background-color: transparent;
127 }
128
129 /* ::::: toolbar decorations ::::: */
130
131 toolbarseparator {
132   margin: 2px 0px 2px 2px;
133   border-right: 1px solid #000000;
134   width: 1px;
135 }
136
137 toolbarspacer {
138   width: 10px;
139 }
140
141 toolbar[mode="icons"] .toolbarbutton-text {
142   display: none;
143 }
144
145 toolbar[mode="text"] .toolbarbutton-icon {
146   display: none;
147 }
148
149 toolbar[mode="text"] .toolbarbutton-text {
150   padding: 0 !important;
151   margin: 1px 3px !important;
152 }
153
154 /* ::::: toolbarpaletteitem ::::: */
155
156 toolbarpaletteitem {
157   cursor: -moz-grab;
158 }
159
160 .toolbarpaletteitem-box[type="spacer"],
161 .toolbarpaletteitem-box[type="spring"] {
162   -moz-border-radius: 5px;
163   border: 1px solid #9C9CFF;
164   background-color: #000000 !important;
165 }
166
167 toolbarpaletteitem[place="toolbar"] {
168   margin-left: -2px;
169   margin-right: -2px;
170   border-left: 2px solid transparent;
171   border-right: 2px solid transparent;
172 }
173
174 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
175   width: 11px;
176 }
177
178 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
179 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
180   margin-top: 2px;
181   margin-bottom: 2px;
182   -moz-margin-start: 0px;
183   -moz-margin-end: 2px;
184 }
185
186 .toolbarpaletteitem-box[type="separator"][place="palette"] {
187   width: 2px;
188   height: 50px;
189 }
190
191 .toolbarpaletteitem-box[type="spacer"][place="palette"],
192 .toolbarpaletteitem-box[type="spring"][place="palette"] {
193   margin-bottom: 2px;
194   width: 50px;
195   height: 50px;
196 }
197
198 .toolbarpaletteitem-box[type="spring"][place="palette"] {
199   background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
200 }
201
202 /* ..... drag and drop feedback ..... */
203
204 toolbarpaletteitem[dragover="left"] {
205   border-left-color: #008484;
206 }
207
208 toolbarpaletteitem[dragover="right"] {
209   border-right-color: #008484;
210 }