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 | ||
113 | /* ..... checked state ..... */ | |
114 | ||
115 | toolbarbutton[checked="true"] { | |
f98e9249 RK |
116 | padding-top: 2px !important; |
117 | padding-bottom: 0px !important; | |
dd676468 RK |
118 | -moz-padding-start: 3px !important; |
119 | -moz-padding-end: 1px !important; | |
b1eaa419 | 120 | background-color: #008484; |
121 | color: #FFCF00; | |
351107c9 | 122 | } |
242fc635 | 123 | |
11883879 RK |
124 | toolbarbutton[checked="true"]:hover, |
125 | toolbarbutton[checked="true"]:hover:active { | |
b1eaa419 | 126 | background-color: #FFCF00; |
127 | color: #000000; | |
351107c9 | 128 | } |
129 | ||
130 | /* ::::: toolbarbutton menu ::::: */ | |
131 | ||
b1eaa419 | 132 | .toolbarbutton-menu-dropmarker { |
a12570b9 | 133 | padding: 0px; |
134 | border: none !important; | |
135 | background-color: transparent !important; | |
351107c9 | 136 | } |
137 | ||
b1eaa419 | 138 | .toolbarbutton-menu-dropmarker[disabled="true"] { |
f98e9249 | 139 | padding: 0 !important; |
351107c9 | 140 | } |
141 | ||
142 | /* ::::: toolbarbutton menu-button ::::: */ | |
143 | ||
b1eaa419 | 144 | toolbarbutton[type="menu-button"] { |
145 | -moz-box-align: stretch; | |
351107c9 | 146 | } |
147 | ||
b1eaa419 | 148 | toolbarbutton[type="menu-button"], |
149 | toolbarbutton[type="menu-button"]:hover, | |
150 | toolbarbutton[type="menu-button"]:hover:active, | |
151 | toolbarbutton[type="menu-button"][open="true"], | |
152 | toolbarbutton[type="menu-button"][disabled="true"], | |
153 | toolbarbutton[type="menu-button"][disabled="true"]:hover, | |
154 | toolbarbutton[type="menu-button"][disabled="true"]:hover:active { | |
155 | padding: 0px !important; | |
351107c9 | 156 | } |
157 | ||
158 | .toolbarbutton-menubutton-button { | |
b1eaa419 | 159 | margin: 0px; |
160 | -moz-box-align: center; | |
161 | -moz-box-pack: center; | |
f98e9249 | 162 | -moz-box-orient: vertical; |
351107c9 | 163 | } |
164 | ||
b1eaa419 | 165 | .toolbarbutton-menubutton-button, |
351107c9 | 166 | .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 167 | background-color: #000000; |
242fc635 | 168 | } |
b1eaa419 | 169 | |
170 | .toolbarbutton-menubutton-button[disabled="true"], | |
171 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { | |
172 | background-color: #000000 !important; | |
173 | color: #8050B0 !important; | |
242fc635 | 174 | } |
351107c9 | 175 | |
b1eaa419 | 176 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button, |
242fc635 | 177 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 178 | background-color: #FFCF00; |
179 | color: #000000; | |
351107c9 | 180 | } |
181 | ||
242fc635 | 182 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button, |
b1eaa419 | 183 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 184 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button, |
185 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
186 | background-color: #FF9F00; | |
187 | color: #000000; | |
188 | } | |
351107c9 | 189 | |
242fc635 | 190 | toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button, |
b1eaa419 | 191 | toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button { |
f98e9249 RK |
192 | padding-top: 2px !important; |
193 | padding-bottom: 0px !important; | |
c452635d RK |
194 | -moz-padding-start: 3px !important; |
195 | -moz-padding-end: 1px !important; | |
351107c9 | 196 | } |
197 | ||
57d23eae | 198 | toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button, |
199 | toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button { | |
c452635d | 200 | padding: 1px 2px !important; |
57d23eae | 201 | } |
202 | ||
b1eaa419 | 203 | /* .......... dropmarker .......... */ |
204 | ||
205 | .toolbarbutton-menubutton-dropmarker { | |
206 | -moz-border-radius: 3px; | |
edb23828 | 207 | -moz-box-align: start; |
02920d2b | 208 | padding: 3px 1px 1px; |
95c949c5 | 209 | border: none; |
a12570b9 | 210 | background-color: transparent; |
351107c9 | 211 | } |
212 | ||
b1eaa419 | 213 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 214 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { |
f98e9249 RK |
215 | padding-top: 4px; |
216 | padding-bottom: 0px; | |
217 | -moz-padding-start: 2px; | |
218 | -moz-padding-end: 0px; | |
b1eaa419 | 219 | } |
220 | ||
dd676468 RK |
221 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker, |
222 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker, | |
223 | toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker, | |
c452635d RK |
224 | toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker, |
225 | toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker, | |
226 | toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker { | |
dd676468 RK |
227 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); |
228 | -moz-image-region: auto; | |
229 | } | |
230 | ||
231 | ||
b1eaa419 | 232 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
02920d2b | 233 | padding: 3px 1px 1px !important; |
95c949c5 | 234 | border: none !important; |
351107c9 | 235 | } |