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; | |
53 | margin-left: 2px; | |
54 | border: none; | |
dd676468 | 55 | padding: 1px 2px; |
b1eaa419 | 56 | background-color: #000000; |
57 | color: #FFCF00; | |
351107c9 | 58 | } |
59 | ||
60 | .toolbarbutton-icon { | |
dd676468 | 61 | -moz-margin-start: 1px; |
f98e9249 | 62 | -moz-margin-end: 2px; |
351107c9 | 63 | } |
64 | ||
65 | .toolbarbutton-text { | |
66 | margin: 0px !important; | |
b1eaa419 | 67 | padding: 0px; |
68 | text-align: center; | |
242fc635 | 69 | } |
351107c9 | 70 | |
f98e9249 RK |
71 | toolbarbutton.tabbable { |
72 | -moz-user-focus: normal !important; | |
73 | } | |
74 | ||
75 | toolbarbutton:focus { | |
76 | -moz-outline-radius: 3px; | |
77 | outline: 1px dotted #008484; | |
78 | -moz-outline-offset: -1px; | |
79 | } | |
80 | ||
81 | toolbarbutton:hover, | |
82 | toolbarbutton[buttonover="true"] { | |
b1eaa419 | 83 | background-color: #FFCF00; |
84 | color: #000000; | |
242fc635 | 85 | } |
351107c9 | 86 | |
351107c9 | 87 | toolbarbutton:hover:active, |
88 | toolbarbutton[open="true"], | |
b1eaa419 | 89 | toolbarbutton.toolbarbutton-menubutton-button[open="true"] { |
90 | background-color: #FF9F00; | |
91 | color: #000000; | |
242fc635 | 92 | } |
351107c9 | 93 | |
b1eaa419 | 94 | toolbarbutton:hover:active, |
95 | toolbarbutton[open="true"] { | |
f98e9249 RK |
96 | padding-top: 2px; |
97 | padding-bottom: 0px; | |
dd676468 RK |
98 | -moz-padding-start: 3px; |
99 | -moz-padding-end: 1px; | |
351107c9 | 100 | } |
242fc635 | 101 | |
f98e9249 RK |
102 | toolbarbutton[disabled="true"], |
103 | toolbarbutton[disabled="true"]:hover, | |
104 | toolbarbutton[disabled="true"]:hover:active, | |
cfae8c74 RK |
105 | toolbarbutton[disabled="true"][open="true"], |
106 | toolbarbutton[disabled="true"][checked="true"] { | |
c452635d | 107 | padding: 1px 2px; |
f98e9249 RK |
108 | background-color: #000000; |
109 | color: #8050B0; | |
351107c9 | 110 | } |
111 | ||
112 | /* ..... checked state ..... */ | |
113 | ||
114 | toolbarbutton[checked="true"] { | |
f98e9249 RK |
115 | padding-top: 2px !important; |
116 | padding-bottom: 0px !important; | |
dd676468 RK |
117 | -moz-padding-start: 3px !important; |
118 | -moz-padding-end: 1px !important; | |
b1eaa419 | 119 | background-color: #008484; |
120 | color: #FFCF00; | |
351107c9 | 121 | } |
242fc635 | 122 | |
11883879 RK |
123 | toolbarbutton[checked="true"]:hover, |
124 | toolbarbutton[checked="true"]:hover:active { | |
b1eaa419 | 125 | background-color: #FFCF00; |
126 | color: #000000; | |
351107c9 | 127 | } |
128 | ||
129 | /* ::::: toolbarbutton menu ::::: */ | |
130 | ||
b1eaa419 | 131 | .toolbarbutton-menu-dropmarker { |
a12570b9 | 132 | padding: 0px; |
133 | border: none !important; | |
134 | background-color: transparent !important; | |
351107c9 | 135 | } |
136 | ||
b1eaa419 | 137 | .toolbarbutton-menu-dropmarker[disabled="true"] { |
f98e9249 | 138 | padding: 0 !important; |
351107c9 | 139 | } |
140 | ||
141 | /* ::::: toolbarbutton menu-button ::::: */ | |
142 | ||
b1eaa419 | 143 | toolbarbutton[type="menu-button"] { |
144 | -moz-box-align: stretch; | |
351107c9 | 145 | } |
146 | ||
b1eaa419 | 147 | toolbarbutton[type="menu-button"], |
148 | toolbarbutton[type="menu-button"]:hover, | |
149 | toolbarbutton[type="menu-button"]:hover:active, | |
150 | toolbarbutton[type="menu-button"][open="true"], | |
151 | toolbarbutton[type="menu-button"][disabled="true"], | |
152 | toolbarbutton[type="menu-button"][disabled="true"]:hover, | |
153 | toolbarbutton[type="menu-button"][disabled="true"]:hover:active { | |
154 | padding: 0px !important; | |
351107c9 | 155 | } |
156 | ||
157 | .toolbarbutton-menubutton-button { | |
b1eaa419 | 158 | margin: 0px; |
159 | -moz-box-align: center; | |
160 | -moz-box-pack: center; | |
f98e9249 | 161 | -moz-box-orient: vertical; |
351107c9 | 162 | } |
163 | ||
b1eaa419 | 164 | .toolbarbutton-menubutton-button, |
351107c9 | 165 | .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 166 | background-color: #000000; |
242fc635 | 167 | } |
b1eaa419 | 168 | |
169 | .toolbarbutton-menubutton-button[disabled="true"], | |
170 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { | |
171 | background-color: #000000 !important; | |
172 | color: #8050B0 !important; | |
242fc635 | 173 | } |
351107c9 | 174 | |
b1eaa419 | 175 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button, |
242fc635 | 176 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker { |
b1eaa419 | 177 | background-color: #FFCF00; |
178 | color: #000000; | |
351107c9 | 179 | } |
180 | ||
242fc635 | 181 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button, |
b1eaa419 | 182 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 183 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button, |
184 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
185 | background-color: #FF9F00; | |
186 | color: #000000; | |
187 | } | |
351107c9 | 188 | |
242fc635 | 189 | toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button, |
b1eaa419 | 190 | toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button { |
f98e9249 RK |
191 | padding-top: 2px !important; |
192 | padding-bottom: 0px !important; | |
c452635d RK |
193 | -moz-padding-start: 3px !important; |
194 | -moz-padding-end: 1px !important; | |
351107c9 | 195 | } |
196 | ||
57d23eae | 197 | toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button, |
198 | toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button { | |
c452635d | 199 | padding: 1px 2px !important; |
57d23eae | 200 | } |
201 | ||
b1eaa419 | 202 | /* .......... dropmarker .......... */ |
203 | ||
204 | .toolbarbutton-menubutton-dropmarker { | |
205 | -moz-border-radius: 3px; | |
edb23828 | 206 | -moz-box-align: start; |
207 | padding: 3px 1px 1px 1px; | |
95c949c5 | 208 | border: none; |
a12570b9 | 209 | background-color: transparent; |
351107c9 | 210 | } |
211 | ||
b1eaa419 | 212 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
b1eaa419 | 213 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { |
f98e9249 RK |
214 | padding-top: 4px; |
215 | padding-bottom: 0px; | |
216 | -moz-padding-start: 2px; | |
217 | -moz-padding-end: 0px; | |
b1eaa419 | 218 | } |
219 | ||
dd676468 RK |
220 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker, |
221 | toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker, | |
222 | toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker, | |
c452635d RK |
223 | toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker, |
224 | toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker, | |
225 | toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker { | |
dd676468 RK |
226 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); |
227 | -moz-image-region: auto; | |
228 | } | |
229 | ||
230 | ||
b1eaa419 | 231 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
edb23828 | 232 | padding: 3px 1px 1px 1px !important; |
95c949c5 | 233 | border: none !important; |
351107c9 | 234 | } |