Commit | Line | Data |
---|---|---|
351107c9 | 1 | /* ***** BEGIN LICENSE BLOCK ***** |
f98e9249 | 2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 |
351107c9 | 3 | * |
f98e9249 RK |
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/ | |
351107c9 | 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 | * | |
f98e9249 RK |
14 | * The Original Code is Mozilla Communicator client code, released |
15 | * March 31, 1998. | |
351107c9 | 16 | * |
242fc635 | 17 | * The Initial Developer of the Original Code is |
351107c9 | 18 | * Netscape Communications Corporation. |
19 | * Portions created by the Initial Developer are Copyright (C) 1998 | |
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 | |
242fc635 | 27 | * either the GNU General Public License Version 2 or later (the "GPL"), or |
351107c9 | 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 | |
f98e9249 | 32 | * use your version of this file under the terms of the MPL, indicate your |
351107c9 | 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 | |
f98e9249 | 36 | * the terms of any one of the MPL, the GPL or the LGPL. |
351107c9 | 37 | * |
38 | * ***** END LICENSE BLOCK ***** */ | |
39 | ||
351107c9 | 40 | /* ===== toolbarbutton.css ===================================================== |
41 | == Styles used by the XUL button element. | |
42 | ======================================================================= */ | |
43 | ||
f98e9249 RK |
44 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
45 | ||
b1eaa419 | 46 | /* ::::: toolbarbutton ::::: */ |
351107c9 | 47 | |
b1eaa419 | 48 | toolbarbutton { |
49 | -moz-border-radius: 3px; | |
50 | -moz-box-align: center; | |
51 | -moz-box-pack: center; | |
52 | margin: 0px; | |
8caa872d | 53 | -moz-margin-start: 2px; |
b1eaa419 | 54 | border: none; |
dd676468 | 55 | padding: 1px 2px; |
b1eaa419 | 56 | background-color: #000000; |
57 | color: #FFCF00; | |
351107c9 | 58 | } |
59 | ||
ca710c53 RK |
60 | .toolbarbutton-icon[label]:not([label=""]), |
61 | .toolbarbutton-icon[type="menu"] { | |
dd676468 | 62 | -moz-margin-start: 1px; |
f98e9249 | 63 | -moz-margin-end: 2px; |
351107c9 | 64 | } |
65 | ||
66 | .toolbarbutton-text { | |
67 | margin: 0px !important; | |
b1eaa419 | 68 | padding: 0px; |
69 | text-align: center; | |
242fc635 | 70 | } |
351107c9 | 71 | |
f98e9249 RK |
72 | toolbarbutton.tabbable { |
73 | -moz-user-focus: normal !important; | |
74 | } | |
75 | ||
76 | toolbarbutton:focus { | |
77 | -moz-outline-radius: 3px; | |
78 | outline: 1px dotted #008484; | |
79 | -moz-outline-offset: -1px; | |
80 | } | |
81 | ||
82 | toolbarbutton:hover, | |
83 | toolbarbutton[buttonover="true"] { | |
b1eaa419 | 84 | background-color: #FFCF00; |
85 | color: #000000; | |
242fc635 | 86 | } |
351107c9 | 87 | |
351107c9 | 88 | toolbarbutton:hover:active, |
89 | toolbarbutton[open="true"], | |
b1eaa419 | 90 | toolbarbutton.toolbarbutton-menubutton-button[open="true"] { |
91 | background-color: #FF9F00; | |
92 | color: #000000; | |
242fc635 | 93 | } |
351107c9 | 94 | |
b1eaa419 | 95 | toolbarbutton:hover:active, |
96 | toolbarbutton[open="true"] { | |
f98e9249 RK |
97 | padding-top: 2px; |
98 | padding-bottom: 0px; | |
dd676468 RK |
99 | -moz-padding-start: 3px; |
100 | -moz-padding-end: 1px; | |
351107c9 | 101 | } |
242fc635 | 102 | |
f98e9249 RK |
103 | toolbarbutton[disabled="true"], |
104 | toolbarbutton[disabled="true"]:hover, | |
105 | toolbarbutton[disabled="true"]:hover:active, | |
cfae8c74 RK |
106 | toolbarbutton[disabled="true"][open="true"], |
107 | toolbarbutton[disabled="true"][checked="true"] { | |
c452635d | 108 | padding: 1px 2px; |
f98e9249 RK |
109 | background-color: #000000; |
110 | color: #8050B0; | |
351107c9 | 111 | } |
112 | ||
3b1530c2 RK |
113 | toolbarbutton:-moz-lwtheme { |
114 | text-shadow: none; | |
115 | } | |
116 | ||
117 | ||
351107c9 | 118 | /* ..... checked state ..... */ |
119 | ||
120 | toolbarbutton[checked="true"] { | |
f98e9249 RK |
121 | padding-top: 2px !important; |
122 | padding-bottom: 0px !important; | |
dd676468 RK |
123 | -moz-padding-start: 3px !important; |
124 | -moz-padding-end: 1px !important; | |
b1eaa419 | 125 | background-color: #008484; |
126 | color: #FFCF00; | |
351107c9 | 127 | } |
242fc635 | 128 | |
11883879 RK |
129 | toolbarbutton[checked="true"]:hover, |
130 | toolbarbutton[checked="true"]:hover:active { | |
b1eaa419 | 131 | background-color: #FFCF00; |
132 | color: #000000; | |
351107c9 | 133 | } |
134 | ||
135 | /* ::::: toolbarbutton menu ::::: */ | |
136 | ||
b1eaa419 | 137 | .toolbarbutton-menu-dropmarker { |
a12570b9 | 138 | padding: 0px; |
139 | border: none !important; | |
140 | background-color: transparent !important; | |
351107c9 | 141 | } |
142 | ||
b1eaa419 | 143 | .toolbarbutton-menu-dropmarker[disabled="true"] { |
f98e9249 | 144 | padding: 0 !important; |
351107c9 | 145 | } |
146 | ||
147 | /* ::::: toolbarbutton menu-button ::::: */ | |
148 | ||
b1eaa419 | 149 | toolbarbutton[type="menu-button"] { |
150 | -moz-box-align: stretch; | |
351107c9 | 151 | } |
152 | ||
b1eaa419 | 153 | toolbarbutton[type="menu-button"], |
154 | toolbarbutton[type="menu-button"]:hover, | |
155 | toolbarbutton[type="menu-button"]:hover:active, | |
156 | toolbarbutton[type="menu-button"][open="true"], | |
157 | toolbarbutton[type="menu-button"][disabled="true"], | |
158 | toolbarbutton[type="menu-button"][disabled="true"]:hover, | |
159 | toolbarbutton[type="menu-button"][disabled="true"]:hover:active { | |
160 | padding: 0px !important; | |
351107c9 | 161 | } |
162 | ||
163 | .toolbarbutton-menubutton-button { | |
b1eaa419 | 164 | margin: 0px; |
165 | -moz-box-align: center; | |
166 | -moz-box-pack: center; | |
f98e9249 | 167 | -moz-box-orient: vertical; |
351107c9 | 168 | } |
169 | ||
b1eaa419 | 170 | .toolbarbutton-menubutton-button, |
351107c9 | 171 | .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 172 | background-color: #000000; |
242fc635 | 173 | } |
b1eaa419 | 174 | |
175 | .toolbarbutton-menubutton-button[disabled="true"], | |
176 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { | |
177 | background-color: #000000 !important; | |
178 | color: #8050B0 !important; | |
242fc635 | 179 | } |
351107c9 | 180 | |
b1eaa419 | 181 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button, |
242fc635 | 182 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 183 | background-color: #FFCF00; |
184 | color: #000000; | |
351107c9 | 185 | } |
186 | ||
242fc635 | 187 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button, |
b1eaa419 | 188 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 189 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button, |
190 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
191 | background-color: #FF9F00; | |
192 | color: #000000; | |
193 | } | |
351107c9 | 194 | |
242fc635 | 195 | toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button, |
b1eaa419 | 196 | toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button { |
f98e9249 RK |
197 | padding-top: 2px !important; |
198 | padding-bottom: 0px !important; | |
c452635d RK |
199 | -moz-padding-start: 3px !important; |
200 | -moz-padding-end: 1px !important; | |
351107c9 | 201 | } |
202 | ||
57d23eae | 203 | toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button, |
204 | toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button { | |
c452635d | 205 | padding: 1px 2px !important; |
57d23eae | 206 | } |
207 | ||
b1eaa419 | 208 | /* .......... dropmarker .......... */ |
209 | ||
210 | .toolbarbutton-menubutton-dropmarker { | |
211 | -moz-border-radius: 3px; | |
edb23828 | 212 | -moz-box-align: start; |
02920d2b | 213 | padding: 3px 1px 1px; |
95c949c5 | 214 | border: none; |
a12570b9 | 215 | background-color: transparent; |
351107c9 | 216 | } |
217 | ||
b1eaa419 | 218 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 219 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { |
f98e9249 RK |
220 | padding-top: 4px; |
221 | padding-bottom: 0px; | |
222 | -moz-padding-start: 2px; | |
223 | -moz-padding-end: 0px; | |
b1eaa419 | 224 | } |
225 | ||
dd676468 RK |
226 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker, |
227 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker, | |
228 | toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker, | |
c452635d RK |
229 | toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker, |
230 | toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker, | |
231 | toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker { | |
dd676468 RK |
232 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); |
233 | -moz-image-region: auto; | |
234 | } | |
235 | ||
236 | ||
b1eaa419 | 237 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
02920d2b | 238 | padding: 3px 1px 1px !important; |
95c949c5 | 239 | border: none !important; |
351107c9 | 240 | } |