toolkit/themes/linux/global/button.css@97036ab72558
toolkit/themes/linux/global/button.css
Tue, 06 Jan 2015 21:39:09 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Tue, 06 Jan 2015 21:39:09 +0100
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
- permissions
- -rw-r--r--
Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* ===== button.css =====================================================
6 == Styles used by the XUL button element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* :::::::::: button :::::::::: */
13 button {
14 -moz-appearance: button;
15 margin: 1px 5px 2px 5px;
16 min-width: 6.3em;
17 border: 3px solid;
18 -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow;
19 -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow;
20 -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow;
21 -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow;
22 background-color: ThreeDFace;
23 color: ButtonText;
24 text-shadow: none;
25 }
27 .button-box {
28 -moz-appearance: button-focus;
29 border: 1px solid transparent;
30 padding-top: 1px;
31 padding-bottom: 2px;
32 -moz-padding-start: 3px;
33 -moz-padding-end: 4px;
34 }
36 .button-icon {
37 -moz-margin-end: 2px;
38 }
40 .button-text {
41 margin: 0 !important;
42 text-align: center;
43 }
45 /* .......... focused state .......... */
47 button:focus {
48 -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
49 -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
50 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
51 -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
52 }
54 button:focus > .button-box {
55 border: 1px dotted ThreeDDarkShadow;
56 }
58 /* .......... default state .......... */
60 button[default="true"] {
61 -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
62 -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
63 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
64 -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
65 }
67 /* .......... hover state .......... */
69 button:hover {
70 color: -moz-buttonhovertext;
71 background-color: -moz-buttonhoverface;
72 }
74 /* .......... active/open/checked state .......... */
76 button:hover:active,
77 button[open="true"],
78 button[checked="true"] {
79 -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
80 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
81 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
82 -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
83 color: ButtonText;
84 }
86 button:hover:active > .button-box,
87 button[open="true"] > .button-box,
88 button[checked="true"] > .button-box {
89 padding-top: 2px;
90 padding-bottom: 1px;
91 -moz-padding-start: 4px;
92 -moz-padding-end: 3px;
93 }
95 /* .......... disabled state .......... */
97 button[disabled="true"],
98 button[disabled="true"]:hover:active {
99 -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
100 -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
101 -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
102 -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
103 color: GrayText;
104 }
106 button[disabled="true"] > .button-box {
107 padding-top: 1px !important;
108 padding-bottom: 2px !important;
109 -moz-padding-start: 3px !important;
110 -moz-padding-end: 4px !important;
111 }
113 /* ::::: menu/menu-button buttons ::::: */
115 button[type="menu-button"] {
116 -moz-appearance: dualbutton;
117 }
119 .button-menubutton-button {
120 margin: 0;
121 }
123 .button-menu-dropmarker,
124 .button-menubutton-dropmarker {
125 -moz-appearance: toolbarbutton-dropdown !important;
126 }
128 .button-menubutton-dropmarker {
129 -moz-margin-end: 3px;
130 }
132 /* ::::: plain buttons ::::: */
134 button.plain {
135 border: 0px !important;
136 margin: 0px !important;
137 padding: 0px !important;
138 }
140 button[type="disclosure"] {
141 border: 0px !important;
142 margin: 0px !important;
143 padding: 0px !important;
144 -moz-appearance: none;
145 list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
146 min-width: 0px !important;
147 background-color: transparent;
148 }
150 button[type="disclosure"][open="true"] {
151 list-style-image: url("chrome://global/skin/tree/twisty-open.png");
152 }
154 /*
155 * GNOME Stock Icon Styles
156 */
158 button[icon="accept"] .button-icon {
159 list-style-image: url("moz-icon://stock/gtk-ok?size=button");
160 }
162 button[icon="accept"][disabled="true"] .button-icon {
163 list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled");
164 }
166 button[icon="cancel"] .button-icon {
167 list-style-image: url("moz-icon://stock/gtk-cancel?size=button");
168 }
170 button[icon="cancel"][disabled="true"] .button-icon {
171 list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled");
172 }
174 button[icon="help"] .button-icon {
175 list-style-image: url("moz-icon://stock/gtk-help?size=button");
176 }
178 button[icon="help"][disabled="true"] .button-icon {
179 list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled");
180 }
182 button[icon="open"] .button-icon {
183 list-style-image: url("moz-icon://stock/gtk-open?size=button");
184 }
186 button[icon="open"][disabled="true"] .button-icon {
187 list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled");
188 }
190 button[icon="save"] .button-icon {
191 list-style-image: url("moz-icon://stock/gtk-save?size=button");
192 }
194 button[icon="save"][disabled="true"] .button-icon {
195 list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled");
196 }
198 button[icon="find"] .button-icon {
199 list-style-image: url("moz-icon://stock/gtk-find?size=button");
200 }
202 button[icon="find"][disabled="true"] .button-icon {
203 list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled");
204 }
206 button[icon="clear"] .button-icon {
207 list-style-image: url("moz-icon://stock/gtk-clear?size=button");
208 }
210 button[icon="clear"][disabled="true"] .button-icon {
211 list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled");
212 }
214 button[icon="yes"] .button-icon {
215 list-style-image: url("moz-icon://stock/gtk-yes?size=button");
216 }
218 button[icon="yes"][disabled="true"] .button-icon {
219 list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled");
220 }
222 button[icon="no"] .button-icon {
223 list-style-image: url("moz-icon://stock/gtk-no?size=button");
224 }
226 button[icon="no"][disabled="true"] .button-icon {
227 list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled");
228 }
230 button[icon="apply"] .button-icon {
231 list-style-image: url("moz-icon://stock/gtk-apply?size=button");
232 }
234 button[icon="apply"][disabled="true"] .button-icon {
235 list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled");
236 }
238 button[icon="close"] .button-icon {
239 list-style-image: url("moz-icon://stock/gtk-close?size=button");
240 }
242 button[icon="close"][disabled="true"] .button-icon {
243 list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled");
244 }
246 button[icon="print"] .button-icon {
247 list-style-image: url("moz-icon://stock/gtk-print?size=button");
248 }
250 button[icon="print"][disabled="true"] .button-icon {
251 list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled");
252 }
254 button[icon="add"] .button-icon {
255 list-style-image: url("moz-icon://stock/gtk-add?size=button");
256 }
258 button[icon="add"][disabled="true"] .button-icon {
259 list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled");
260 }
262 button[icon="remove"] .button-icon {
263 list-style-image: url("moz-icon://stock/gtk-remove?size=button");
264 }
266 button[icon="remove"][disabled="true"] .button-icon {
267 list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled");
268 }
270 button[icon="refresh"] .button-icon {
271 list-style-image: url("moz-icon://stock/gtk-refresh?size=button");
272 }
274 button[icon="refresh"][disabled="true"] .button-icon {
275 list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled");
276 }
278 button[icon="revert"] .button-icon {
279 list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button");
280 }
282 button[icon="revert"][disabled="true"] .button-icon {
283 list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled");
284 }
286 button[icon="go-forward"] .button-icon {
287 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button");
288 }
290 button[icon="go-forward"][disabled="true"] .button-icon {
291 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled");
292 }
294 button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon {
295 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button");
296 }
298 button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
299 list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled");
300 }
302 button[icon="go-back"] .button-icon {
303 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button");
304 }
306 button[icon="go-back"][disabled="true"] .button-icon {
307 list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled");
308 }
310 button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon {
311 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button");
312 }
314 button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
315 list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled");
316 }
318 button[icon="properties"] .button-icon {
319 list-style-image: url("moz-icon://stock/gtk-properties?size=button");
320 }
322 button[icon="properties"][disabled="true"] .button-icon {
323 list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled");
324 }
326 button[icon="select-font"] .button-icon {
327 list-style-image: url("moz-icon://stock/gtk-select-font?size=button");
328 }
330 button[icon="select-font"][disabled="true"] .button-icon {
331 list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled");
332 }
334 button[icon="select-color"] .button-icon {
335 list-style-image: url("moz-icon://stock/gtk-color-picker?size=button");
336 }
338 button[icon="select-color"][disabled="true"] .button-icon {
339 list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled");
340 }
342 button[icon="network"] .button-icon {
343 list-style-image: url("moz-icon://stock/gtk-network?size=button");
344 }
346 button[icon="network"][disabled="true"] .button-icon {
347 list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled");
348 }
