259c0f10 |
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); |
c9b2b3ef |
29 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
259c0f10 |
30 | |
31 | /* :::::::::: button :::::::::: */ |
32 | |
33 | button, |
34 | input[type="button"], |
35 | input[type="submit"], |
36 | input[type="reset"] { |
c9b2b3ef |
37 | /* -moz-appearance: button; */ |
259c0f10 |
38 | margin: 1px 5px 2px 5px; |
259c0f10 |
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 | |
c9b2b3ef |
48 | xul|*.button-box { |
259c0f10 |
49 | border: 1px solid transparent; |
c9b2b3ef |
50 | padding: 0px 4px 1px 3px; |
259c0f10 |
51 | } |
52 | |
c9b2b3ef |
53 | xul|*.button-box-text { |
259c0f10 |
54 | margin: 0 !important; |
55 | text-align: center; |
56 | } |
57 | |
c9b2b3ef |
58 | /* .......... active/open/checked state .......... */ |
59 | |
60 | button:hover:active, |
61 | input[type="button"]:hover:active, |
62 | input[type="submit"]:hover:active, |
63 | input[type="reset"]:hover:active { |
64 | -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent; |
65 | -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; |
66 | -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; |
67 | -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent; |
68 | } |
69 | |
70 | button:hover:active > xul|*.button-box, |
71 | input[type="button"]:hover:active > xul|*.button-box, |
72 | input[type="submit"]:hover:active > xul|*.button-box, |
73 | input[type="reset"]:hover:active > xul|*.button-box { |
74 | padding: 1px 3px 0px 4px; |
75 | } |
76 | |
259c0f10 |
77 | /* .......... focused state .......... */ |
78 | |
79 | button:focus, |
80 | input[type="button"]:focus, |
81 | input[type="submit"]:focus, |
82 | input[type="reset"]:focus { |
83 | -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
84 | -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
85 | -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
86 | -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
87 | } |
88 | |
c9b2b3ef |
89 | button:focus > xul|*.button-box, |
90 | input[type="button"]:focus > xul|*.button-box, |
91 | input[type="submit"]:focus > xul|*.button-box, |
92 | input[type="reset"]:focus > xul|*.button-box { |
259c0f10 |
93 | border: 1px dotted ThreeDDarkShadow; |
94 | } |
95 | |
96 | /* .......... disabled state .......... */ |
97 | |
98 | button[disabled="true"], |
99 | input[type="button"][disabled="true"], |
100 | input[type="submit"][disabled="true"], |
101 | input[type="reset"][disabled="true"] { |
102 | -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
103 | -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
104 | -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
105 | -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
106 | color: GrayText; |
107 | } |
108 | |
c9b2b3ef |
109 | button[disabled="true"] > xul|*.button-box, |
110 | input[type="button"][disabled="true"] > xul|*.button-box, |
111 | input[type="submit"][disabled="true"] > xul|*.button-box, |
112 | input[type="reset"][diasbled="true"] > xul|*.button-box { |
113 | padding: 0px 4px 1px 3px !important; |
259c0f10 |
114 | } |
115 | |