3c30e09e |
1 | /* NEW WIDGET ANDING: <button> */ |
2 | |
3 | /** Default Button Styles (apply to usage of <button> without |
4 | * any applied class). |
5 | **/ |
6 | |
7 | /* outer frame */ |
8 | button |
9 | { |
10 | -moz-border-radius : 3px; |
11 | border : none; |
12 | margin : 1px 5px 2px 5px; |
13 | min-width : 6em; |
14 | background-color : #000000; |
15 | color : #FFCF00; |
16 | -moz-user-focus : normal; |
17 | } |
18 | |
19 | .button-text { |
20 | margin: 0px !important; |
21 | text-align: center; |
22 | } |
23 | |
24 | button[disabled="true"], |
25 | button[disabled="true"][default], |
26 | button[disabled="true"]:hover, |
27 | button[disabled="true"]:hover:active |
28 | { |
29 | border : none; |
30 | background-color : #000000; |
31 | color : #8050B0; |
32 | } |
33 | |
34 | .button-box, |
35 | button[disabled="true"][default] > .button-box, |
36 | button[disabled="true"]:hover:active > .button-box |
37 | { |
38 | -moz-border-radius : 3px; |
39 | border : none; |
40 | -moz-user-focus : none; |
41 | } |
42 | |
43 | .button-box-2, |
44 | button[disabled="true"][default] > .button-box > .button-box-2, |
45 | button[disabled="true"]:hover:active > .button-box > .button-box-2 |
46 | { |
47 | border : none; |
48 | } |
49 | |
50 | button:hover, |
51 | button:hover:active, |
52 | button[open="true"], |
53 | button[checked="true"] |
54 | { |
55 | border : none; |
56 | background-color : #FFCF00; |
57 | color : #000000; |
58 | } |
59 | |
60 | button:hover:active > .button-box, |
61 | button[checked="true"] > .button-box, |
62 | button[checked="true"]:focus > .button-box, |
63 | button[open="true"] > .button-box, |
64 | button[open="true"]:focus > .button-box |
65 | { |
66 | border : none; |
67 | } |
68 | |
69 | button:hover:active > .button-box > .button-box-2, |
70 | button[checked="true"] > .button-box > .button-box-2, |
71 | button[checked="true"]:focus> .button-box > .button-box-2, |
72 | button[open="true"] > .button-box > .button-box-2, |
73 | button[open="true"]:focus > .button-box > .button-box-2 |
74 | { |
75 | border : none; |
76 | } |
77 | |
78 | button:hover:active > .button-box > .button-box-2 > .button-box-text, |
79 | button[open="true"] > .button-box > .button-box-2 > .button-box-text |
80 | { |
81 | padding : 1px 2px 0px 3px; |
82 | } |
83 | |
84 | button[disabled="true"] > .button-box > .button-box-2 > .button-box-text, |
85 | button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text |
86 | { |
87 | padding : 0px 3px 1px 2px; |
88 | } |
89 | |
90 | /* text wrapping frame (hack because <text> does not support alignment) */ |
91 | .button-box-text, |
92 | button[disabled]:focus > .button-box > .button-box-2 > .button-box-text |
93 | { |
94 | padding : 0px 3px 1px 2px; |
95 | margin : 1px; |
96 | } |
97 | |
98 | /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs. |
99 | * To activate, set 'default' attribute on button. |
100 | **/ |
101 | |
102 | /* outer frame */ |
103 | button[default], button:focus |
104 | { |
105 | border : none; |
106 | } |
107 | |
108 | button[default] > .button-box > .button-box-2 > .button-box-text |
109 | { |
110 | font-weight : bold; |
111 | list-style-image : url("chrome://global/skin/return.gif"); |
112 | -moz-box-direction : reverse; |
113 | } |
114 | |
115 | button[default]:hover > .button-box > .button-box-2 > .button-box-text |
116 | { |
117 | list-style-image : url("chrome://global/skin/return-hover.gif"); |
118 | } |
119 | |
120 | button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text, |
121 | button[default][disabled="true"]:hover > .button-box > .button-box-2 > .button-box-text |
122 | { |
123 | list-style-image : url("chrome://global/skin/return-disabled.gif"); |
124 | } |
125 | |
126 | /* ::::: menu-button buttons ::::: */ |
127 | |
128 | button[type="menu-button"] { |
129 | margin: 0px !important; |
130 | border: none !important; |
131 | } |
132 | |
133 | .menu-button-dropmarker { |
134 | list-style-image: url("chrome://global/skin/scroll-down.gif"); |
135 | } |
136 | |
137 | .menu-button-dropmarker:hover { |
138 | list-style-image: url("chrome://global/skin/scroll-down-hover.gif"); |
139 | } |
140 | |
141 | .menu-button-dropmarker[disabled="true"], |
142 | .menu-button-dropmarker[disabled="true"]:hover { |
143 | list-style-image: url("chrome://global/skin/scroll-down-disabled.gif"); |
144 | } |
145 | |
146 | /* ::::: plain buttons ::::: */ |
147 | |
148 | button.plain, |
149 | button.plain:hover, |
150 | button.plain:hover:active, |
151 | button.plain > .button-box, |
152 | button.plain:hover > .button-box, |
153 | button.plain:hover:active > .button-box { |
154 | border: 0px ! important; |
155 | margin: 0px; |
156 | padding: 0px; |
157 | } |
158 | |