128000f4 |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 |
3 | * |
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/ |
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 | * |
14 | * The Original Code is "Classic" theme of mozilla.org code. |
15 | * |
16 | * The Initial Developer of the Original Code is |
17 | * the Mozilla Organization. |
18 | * Portions created by the Initial Developer are Copyright (C) 1998-2001 |
19 | * the Initial Developer. All Rights Reserved. |
20 | * |
21 | * Contributor(s): |
22 | * Robert Kaiser <KaiRo@KaiRo.at> |
23 | * |
24 | * Alternatively, the contents of this file may be used under the terms of |
25 | * either the GNU General Public License Version 2 or later (the "GPL"), or |
26 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), |
27 | * in which case the provisions of the GPL or the LGPL are applicable instead |
28 | * of those above. If you wish to allow use of your version of this file only |
29 | * under the terms of either the GPL or the LGPL, and not to allow others to |
30 | * use your version of this file under the terms of the MPL, indicate your |
31 | * decision by deleting the provisions above and replace them with the notice |
32 | * and other provisions required by the GPL or the LGPL. If you do not delete |
33 | * the provisions above, a recipient may use your version of this file under |
34 | * the terms of any one of the MPL, the GPL or the LGPL. |
35 | * |
36 | * ***** END LICENSE BLOCK ***** */ |
37 | |
38 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
f6e0a33f |
39 | |
40 | /** Default Button Styles (apply to usage of <button> without |
41 | * any applied class). |
42 | **/ |
43 | |
44 | /* outer frame */ |
45 | button |
46 | { |
47 | border : none; |
48 | margin : 1px 5px 2px 5px; |
49 | min-width : 6.3em; |
50 | background-color : #CCD0DD; |
51 | color : #000000; |
52 | -moz-user-focus : normal; |
53 | } |
54 | |
55 | .button-text { |
56 | margin: 0px !important; |
57 | text-align: center; |
58 | } |
59 | |
60 | button, |
61 | button[disabled="true"][default], |
62 | button[disabled="true"]:hover:active |
63 | { |
64 | border : none; |
65 | } |
66 | |
67 | .button-box, |
68 | button[disabled="true"][default] > .button-box, |
69 | button[disabled="true"]:hover:active > .button-box |
70 | { |
71 | border : 1px outset #CCD0DD; |
72 | -moz-user-focus : none; |
73 | } |
74 | |
75 | .button-box-2, |
76 | button[disabled="true"][default] > .button-box > .button-box-2, |
77 | button[disabled="true"]:hover:active > .button-box > .button-box-2 |
78 | { |
79 | border : none; |
80 | } |
81 | |
82 | button:hover:active, |
83 | button[open="true"], |
84 | button[checked="true"] |
85 | { |
86 | border : none; |
87 | } |
88 | |
89 | button:hover:active > .button-box, |
90 | button[checked="true"] > .button-box, |
91 | button[checked="true"]:focus > .button-box, |
92 | button[open="true"] > .button-box, |
93 | button[open="true"]:focus > .button-box |
94 | { |
95 | border : 1px inset #CCD0DD; |
96 | } |
97 | |
98 | button:hover:active > .button-box > .button-box-2, |
99 | button[checked="true"] > .button-box > .button-box-2, |
100 | button[checked="true"]:focus> .button-box > .button-box-2, |
101 | button[open="true"] > .button-box > .button-box-2, |
102 | button[open="true"]:focus > .button-box > .button-box-2 |
103 | { |
104 | border : none; |
105 | } |
106 | |
107 | button:hover:active > .button-box > .button-box-2 > .button-box-text, |
108 | button[open="true"] > .button-box > .button-box-2 > .button-box-text |
109 | { |
110 | padding : 1px 2px 0px 3px; |
111 | } |
112 | |
113 | button[disabled="true"], |
114 | button[disabled="true"]:hover:active |
115 | { |
116 | color : #999999; |
117 | } |
118 | |
119 | button[disabled="true"] > .button-box > .button-box-2 > .button-box-text, |
120 | button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text |
121 | { |
122 | padding : 0px 3px 1px 2px; |
123 | } |
124 | |
125 | /* text wrapping frame (hack because <text> does not support alignment) */ |
126 | .button-box-text, |
127 | button[disabled]:focus > .button-box > .button-box-2 > .button-box-text |
128 | { |
129 | padding : 0px 3px 1px 2px; |
130 | border : 1px solid transparent; |
131 | margin : 1px; |
132 | } |
133 | |
134 | button:focus > .button-box > .button-box-2 > .button-box-text |
135 | { |
136 | border : 1px dotted #9999CC; |
137 | } |
138 | |
139 | /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs. |
140 | * To activate, set 'default' attribute on button. |
141 | **/ |
142 | |
143 | /* outer frame */ |
144 | button[default], button:focus |
145 | { |
146 | border : none; |
147 | } |
148 | |
149 | button[default] > .button-box > .button-box-2 > .button-box-text |
150 | { |
151 | font-weight : bold; |
152 | list-style-image : url("chrome://global/skin/return.gif"); |
153 | -moz-box-direction : reverse; |
154 | } |
155 | |
156 | button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text |
157 | { |
158 | font-weight : bold; |
159 | list-style-image : url("chrome://global/skin/return-disabled.gif"); |
160 | } |
161 | |
162 | /* ::::: menu-button buttons ::::: */ |
163 | |
164 | button[type="menu-button"] { |
165 | margin: 0px !important; |
166 | border: none !important; |
167 | } |
168 | |
169 | .menu-button-dropmarker { |
170 | list-style-image: url("chrome://global/skin/scroll-down.gif"); |
171 | } |
172 | |
173 | .menu-button-dropmarker[disabled="true"] { |
174 | list-style-image: url("chrome://global/skin/scroll-down-disabled.gif"); |
175 | } |
176 | |
177 | /* ::::: plain buttons ::::: */ |
178 | |
179 | button.plain, |
180 | button.plain:hover, |
181 | button.plain:hover:active, |
182 | button.plain > .button-box, |
183 | button.plain:hover > .button-box, |
184 | button.plain:hover:active > .button-box { |
185 | border: 0px ! important; |
186 | margin: 0px; |
187 | padding: 0px; |
188 | } |