f6e0a33f |
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 | /* ===== toolbarbutton.css ===================================================== |
25 | == Styles used by the XUL button element. |
26 | ======================================================================= */ |
27 | |
28 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
29 | |
30 | toolbarbutton { |
31 | margin : 0px; |
32 | background-color : transparent; |
33 | color : #000000; |
34 | } |
35 | |
36 | .toolbarbutton-box { |
37 | -moz-box-align : center; |
38 | -moz-box-pack : center; |
39 | border : 1px solid transparent; |
40 | padding : 2px; |
41 | } |
42 | |
43 | .toolbarbutton-icon { |
44 | margin-right: 2px; |
45 | } |
46 | |
47 | .toolbarbutton-text { |
48 | margin: 0px !important; |
49 | } |
50 | |
51 | toolbarbutton[value] > .toolbarbutton-box > .toolbarbutton-text { |
52 | padding-left : 4px; |
53 | } |
54 | |
55 | toolbarbutton:hover, |
56 | toolbarbutton[buttonover="true"], |
57 | toolbarbutton[open="true"] { |
58 | } |
59 | |
60 | toolbarbutton:hover > .toolbarbutton-box { |
61 | border : 1px outset #CCD0DD; |
62 | } |
63 | |
64 | toolbarbutton:hover:active { |
65 | } |
66 | |
67 | toolbarbutton:hover:active > .toolbarbutton-box, |
68 | toolbarbutton[open="true"] > .toolbarbutton-box { |
69 | padding : 3px 1px 1px 3px; |
70 | border : 1px inset #CCD0DD; |
71 | } |
72 | |
73 | toolbarbutton[disabled="true"], |
74 | toolbarbutton[disabled="true"]:hover, |
75 | toolbarbutton[disabled="true"]:hover:active { |
76 | color : #999999; |
77 | } |
78 | |
79 | toolbarbutton[disabled="true"] > .toolbarbutton-box, |
80 | toolbarbutton[disabled="true"]:hover > .toolbarbutton-box, |
81 | toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-box, |
82 | toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box, |
83 | toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box { |
84 | border : 1px solid transparent; |
85 | padding : 2px; |
86 | } |
87 | |
88 | /* ..... checked state ..... */ |
89 | |
90 | toolbarbutton[checked="true"] > .toolbarbutton-box { |
91 | border : 1px inset #CCD0DD; |
92 | background-color : #DDDDDD; |
93 | } |
94 | |
95 | toolbarbutton[checked="true"]:hover > .toolbarbutton-box { |
96 | border : 1px inset #CCD0DD; |
97 | background-color : #CCD0DD; |
98 | background-image : none; |
99 | } |
100 | |
101 | /* ::::: toolbarbutton menu ::::: */ |
102 | |
103 | .toolbarbutton-dropmarker { |
104 | list-style-image : url("chrome://global/skin/scroll-down.gif"); |
105 | } |
106 | |
107 | .toolbarbutton-dropmarker[disabled="true"] { |
108 | list-style-image : url("chrome://global/skin/scroll-down-disabled.gif"); |
109 | } |
110 | |
111 | /* ::::: toolbarbutton menu-button ::::: */ |
112 | |
113 | .toolbarbutton-menubutton-dropmarker-box { |
114 | -moz-box-align: start; |
115 | -moz-box-pack: center; |
116 | } |
117 | |
118 | toolbarbutton[type="menu-button"]:hover:active { |
119 | } |
120 | |
121 | .toolbarbutton-menubutton-button { |
122 | border: none !important; |
123 | color: inherit; |
124 | } |
125 | |
126 | .toolbarbutton-menubutton-dropmarker { |
127 | list-style-image: url("chrome://global/skin/scroll-down.gif"); |
128 | } |
129 | |
130 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
131 | list-style-image: url("chrome://global/skin/scroll-down-disabled.gif"); |
132 | } |
133 | |
134 | .toolbarbutton-menubutton-dropmarker-box { |
135 | border : 1px solid transparent; |
136 | padding : 1px 0px 1px 0px; |
137 | } |
138 | |
139 | toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box |
140 | > .toolbarbutton-menubutton-button > .toolbarbutton-box |
141 | { |
142 | border : 1px solid transparent; |
143 | } |
144 | |
145 | toolbarbutton:hover > .toolbarbutton-menubutton-box |
146 | > .toolbarbutton-menubutton-button > .toolbarbutton-box, |
147 | toolbarbutton:hover > .toolbarbutton-menubutton-box |
148 | > .toolbarbutton-menubutton-dropmarker-box, |
149 | toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box |
150 | > .toolbarbutton-menubutton-dropmarker-box |
151 | { |
152 | border : 1px outset #CCD0DD; |
153 | } |
154 | |
155 | toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box |
156 | > .toolbarbutton-menubutton-dropmarker-box, |
157 | toolbarbutton[open="true"] > .toolbarbutton-menubutton-box |
158 | > .toolbarbutton-menubutton-dropmarker-box, |
159 | toolbarbutton[open="true"] > .toolbarbutton-menubutton-box |
160 | > .toolbarbutton-menubutton-button > .toolbarbutton-box |
161 | { |
162 | border : 1px inset #CCD0DD; |
163 | padding : 2px 0px 0px 0px; |
164 | } |
165 | |
166 | .toolbarbutton-menubutton-dropmarker-box[disabled="true"] { |
167 | border: 1px solid transparent !important; |
168 | padding: 0px !important; |
169 | } |
170 | |
171 | |