b1eaa419 |
1 | /* |
2 | * The contents of this file are subject to the Netscape Public |
3 | * License Version 1.1 (the "License"); you may not use this file |
4 | * except in compliance with the License. You may obtain a copy of |
5 | * the License at http://www.mozilla.org/NPL/ |
6 | * |
7 | * Software distributed under the License is distributed on an "AS |
8 | * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or |
9 | * implied. See the License for the specific language governing |
10 | * rights and limitations under the License. |
11 | * |
12 | * The Original Code is Mozilla Communicator client code, released |
13 | * March 31, 1998. |
14 | * |
15 | * The Initial Developer of the Original Code is Netscape |
16 | * Communications Corporation. Portions created by Netscape are |
17 | * Copyright (C) 1998-1999 Netscape Communications Corporation. All |
18 | * Rights Reserved. |
19 | * |
20 | * Contributor(s): |
21 | * Joe Hewitt (hewitt@netscape.com) |
22 | */ |
23 | |
24 | /* ===== button.css ===================================================== |
25 | == Styles used by the XUL button element. |
26 | ======================================================================= */ |
27 | |
28 | @namespace url(http://www.w3.org/1999/xhtml); |
29 | |
30 | /* :::::::::: button :::::::::: */ |
31 | |
32 | button, |
33 | input[type="button"], |
34 | input[type="submit"], |
35 | input[type="reset"] { |
36 | -moz-appearance: button; |
37 | margin: 1px 5px 2px 5px; |
38 | min-width: 6.3em; |
39 | border: 3px solid; |
40 | -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow; |
41 | -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow; |
42 | -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow; |
43 | -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow; |
44 | background-color: ThreeDFace; |
45 | color: ButtonText; |
46 | } |
47 | |
48 | .button-box { |
49 | border: 1px solid transparent; |
50 | padding: 1px 4px 2px 3px; |
51 | } |
52 | |
53 | .button-box-text { |
54 | margin: 0 !important; |
55 | text-align: center; |
56 | } |
57 | |
58 | /* .......... focused state .......... */ |
59 | |
60 | button:focus, |
61 | input[type="button"]:focus, |
62 | input[type="submit"]:focus, |
63 | input[type="reset"]:focus { |
64 | -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
65 | -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
66 | -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
67 | -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
68 | } |
69 | |
70 | button:focus > .button-box, |
71 | input[type="button"]:focus > .button-box, |
72 | input[type="submit"]:focus > .button-box, |
73 | input[type="reset"]:focus > .button-box { |
74 | border: 1px dotted ThreeDDarkShadow; |
75 | } |
76 | |
77 | /* .......... disabled state .......... */ |
78 | |
79 | button[disabled="true"], |
80 | input[type="button"][disabled="true"], |
81 | input[type="submit"][disabled="true"], |
82 | input[type="reset"][disabled="true"] { |
83 | -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
84 | -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
85 | -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
86 | -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
87 | color: GrayText; |
88 | } |
89 | |
90 | button[disabled="true"] > .button-box, |
91 | input[type="button"][disabled="true"] > .button-box, |
92 | input[type="submit"][disabled="true"] > .button-box, |
93 | input[type="reset"][diasbled="true"] > .button-box { |
94 | padding: 1px 4px 2px 3px !important; |
95 | } |
96 | |