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