improve tab strip styling slightly
[themes.git] / EarlyBlue / global / toolbarbutton.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 Communicator client code, released
15 * March 31, 1998.
16 *
17 * The Initial Developer of the Original Code is
18 * Netscape Communications Corporation.
19 * Portions created by the Initial Developer are Copyright (C) 1998-1999
20 * the Initial Developer. All Rights Reserved.
21 *
22 * Contributor(s):
23 * Joe Hewitt (hewitt@netscape.com)
24 * Robert Kaiser <KaiRo@KaiRo.at>
25 *
26 * Alternatively, the contents of this file may be used under the terms of
27 * either the GNU General Public License Version 2 or later (the "GPL"), or
28 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
29 * in which case the provisions of the GPL or the LGPL are applicable instead
30 * of those above. If you wish to allow use of your version of this file only
31 * under the terms of either the GPL or the LGPL, and not to allow others to
32 * use your version of this file under the terms of the MPL, indicate your
33 * decision by deleting the provisions above and replace them with the notice
34 * and other provisions required by the GPL or the LGPL. If you do not delete
35 * the provisions above, a recipient may use your version of this file under
36 * the terms of any one of the MPL, the GPL or the LGPL.
37 *
38 * ***** END LICENSE BLOCK ***** */
39
40/* ===== toolbarbutton.css =====================================================
41 == Styles used by the XUL button element.
42 ======================================================================= */
43
44@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
45
46/* ::::: toolbarbutton ::::: */
47
48toolbarbutton {
49 -moz-box-align: center;
50 -moz-box-pack: center;
51 margin: 0px;
52 border: 1px solid transparent;
53 padding: 1px;
54 background-color: transparent;
55 color: #000000;
56}
57
58.toolbarbutton-icon[label]:not([label=""]),
59.toolbarbutton-icon[type="menu"] {
60 -moz-margin-end: 2px;
61}
62
63.toolbarbutton-text {
64 margin: 0px !important;
65 padding: 0px;
66 text-align: center;
67}
68
69toolbarbutton.tabbable {
70 -moz-user-focus: normal !important;
71}
72
73toolbarbutton:-moz-focusring {
74 outline: 1px dotted #666699;
75 outline-offset: -1px;
76}
77
78/*
79toolbarbutton:hover,
80toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
81}
82*/
83
84toolbarbutton:hover {
85 border: 1px outset #CCD0DD;
86}
87
88toolbarbutton:hover:active,
89toolbarbutton[open="true"] {
90 padding-top: 2px;
91 padding-bottom: 0px;
92 -moz-padding-start: 2px;
93 -moz-padding-end: 0px;
94 border: 1px inset #CCD0DD;
95}
96
97toolbarbutton[disabled="true"],
98toolbarbutton[disabled="true"]:hover,
99toolbarbutton[disabled="true"]:hover:active,
100toolbarbutton[disabled="true"][open="true"] {
101 border: 1px solid transparent;
102 padding: 1px;
103 color: #999999;
104}
105
106toolbarbutton:-moz-lwtheme {
107 text-shadow: none;
108}
109
110/* ..... checked state ..... */
111
112toolbarbutton[checked="true"] {
113 padding-top: 2px !important;
114 padding-bottom: 0px !important;
115 -moz-padding-start: 2px !important;
116 -moz-padding-end: 0px !important;
117 border: 1px inset #CCD0DD !important;
118 background-color: #DDDDDD !important;
119}
120
121/* ::::: toolbarbutton menu ::::: */
122
123.toolbarbutton-menu-dropmarker {
124 padding: 0px;
125 border: none !important;
126 background-color: transparent !important;
127}
128
129.toolbarbutton-menu-dropmarker[disabled="true"] {
130 padding: 0 !important;
131}
132
133/* ::::: toolbarbutton menu-button ::::: */
134
135toolbarbutton[type="menu-button"] {
136 -moz-box-align: stretch;
137}
138
139toolbarbutton[type="menu-button"],
140toolbarbutton[type="menu-button"]:hover,
141toolbarbutton[type="menu-button"]:hover:active,
142toolbarbutton[type="menu-button"][open="true"],
143toolbarbutton[type="menu-button"][disabled="true"],
144toolbarbutton[type="menu-button"][disabled="true"]:hover,
145toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
146 border-style: none;
147 padding: 0px !important;
148}
149
150.toolbarbutton-menubutton-button {
151 -moz-box-align: center;
152 -moz-box-pack: center;
153 -moz-box-orient: vertical;
154}
155
156.toolbarbutton-menubutton-button,
157.toolbarbutton-menubutton-dropmarker {
158 border: 1px solid transparent;
159}
160
161.toolbarbutton-menubutton-button[disabled="true"],
162.toolbarbutton-menubutton-dropmarker[disabled="true"] {
163 border: 1px solid transparent !important;
164}
165
166toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
167toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
168 border: 1px outset #CCD0DD;
169}
170
171toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
172toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
173toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
174toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
175 border: 1px inset #CCD0DD;
176}
177
178toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
179toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
180 padding-top: 2px !important;
181 padding-bottom: 0px !important;
182 -moz-padding-start: 2px !important;
183 -moz-padding-end: 0px !important;
184}
185
186toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
187toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
188 padding: 1px !important;
189}
190
191/* .......... dropmarker .......... */
192
193.toolbarbutton-menubutton-dropmarker {
194 -moz-box-align: start;
195 padding: 3px 1px 1px;
196 background-color: transparent;
197}
198
199toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
200toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
201 padding-top: 4px;
202 padding-bottom: 0px;
203 -moz-padding-start: 2px;
204 -moz-padding-end: 0px;
205}
206
207.toolbarbutton-menubutton-dropmarker[disabled="true"] {
208 padding: 3px 1px 1px !important;
209}