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