6e005d89 |
1 | |
2 | /** Styles applying to items in a button-toolbar-3 style menu |
3 | * menuitem class="button-toolbar-3" |
4 | **/ |
5 | .button-toolbar-3 > .menubutton-icon-internal-box |
6 | { |
7 | border : 1px outset #9999CC; |
8 | } |
9 | |
10 | .button-toolbar-3[open="true"] > .menubutton-icon-internal-box, |
11 | .button-toolbar-3:hover:active > .menubutton-icon-internal-box |
12 | { |
13 | border : 1px inset #9999CC; |
14 | } |
15 | |
16 | menupopup.button-toolbar-3 |
17 | { |
18 | border : none; |
19 | } |
20 | |
21 | menuitem.button-toolbar-3 |
22 | { |
23 | font-weight : normal; |
24 | } |
25 | |
26 | .button-toolbar-3[menuactive="true"] |
27 | { |
28 | background-color : #666699; |
29 | color : #FFFFFF; |
30 | font-weight : normal; |
31 | } |
32 | |
33 | /** menubuttons on generic grey toolbars |
34 | * class="button-toolbar" |
35 | **/ |
36 | .button-toolbar > .menubutton-internal-box |
37 | { |
38 | border : 1px solid transparent; |
39 | padding : 1px 2px 1px 2px; |
40 | } |
41 | |
42 | |
43 | .button-toolbar:hover > .menubutton-internal-box |
44 | { |
45 | border : 1px outset #CCD0DD; |
46 | padding : 1px 2px 1px 2px; |
47 | } |
48 | |
49 | .button-toolbar[open="true"] > .menubutton-internal-box, |
50 | .button-toolbar[open="true"] > .button-internal-box, |
51 | .button-toolbar:hover:active > .menubutton-internal-box |
52 | { |
53 | border : 1px inset #CCD0DD; |
54 | padding : 2px 1px 0px 3px; |
55 | } |
56 | |
57 | /** |
58 | * Navigation bar style menubuttons |
59 | **/ |
60 | |
a4c06353 |
61 | |
d3bf7ecf |
62 | /* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */ |
63 | |
64 | /** |
65 | * XXX - this is a hack. :hover does not work to spec and so we're using a binding |
66 | * with JS that lives in xpfe/global/resources/content/menulistBindings.xml |
67 | * to set attributes on various parts of the button when mouse down/over |
68 | * events fire. When :hover works correctly, this can be removed (see |
69 | * revision 1.21 of this file for details. |
70 | */ |
71 | |
72 | |
a4c06353 |
73 | .menubutton-dual.top |
d3bf7ecf |
74 | { |
b2d3bcc6 |
75 | -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex"); |
d3bf7ecf |
76 | /* -moz-user-focus : ignore !important; */ |
77 | } |
78 | |
79 | .menubutton-dual.left |
80 | { |
b2d3bcc6 |
81 | -moz-binding : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left"); |
d3bf7ecf |
82 | /* -moz-user-focus : none !important; */ |
83 | } |
84 | |
85 | |
86 | |
87 | .menubutton-dual |
6e005d89 |
88 | { |
89 | font-size : smaller; |
90 | } |
91 | |
d3bf7ecf |
92 | .menubutton-dual-ex-button > .button-internal-box > .button-text-container |
6e005d89 |
93 | { |
94 | padding-top : 3px; |
95 | text-align : center; |
96 | } |
97 | |
d3bf7ecf |
98 | |
99 | |
100 | .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box |
6e005d89 |
101 | { |
102 | border : 1px solid transparent; |
103 | padding : 1px; |
104 | } |
105 | |
d3bf7ecf |
106 | .menubutton-dual-ex-button |
107 | { |
108 | margin : 0px; |
109 | } |
110 | |
111 | .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box, |
112 | .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box |
6e005d89 |
113 | { |
114 | border : 1px outset #CCD0DD; |
115 | padding : 1px; |
116 | } |
117 | |
d3bf7ecf |
118 | .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
119 | .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box, |
120 | .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box |
6e005d89 |
121 | { |
122 | border : 1px inset #CCD0DD; |
123 | padding : 2px 0px 0px 2px; |
124 | } |
125 | |
126 | |
d3bf7ecf |
127 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box, |
128 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box, |
129 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box, |
130 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box, |
131 | .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box |
6e005d89 |
132 | { |
133 | border : 1px solid transparent; |
134 | padding : 1px; |
135 | } |
136 | |
d3bf7ecf |
137 | |
138 | |
139 | .menubutton-dual > .menubutton-dual-dropmarker-box |
6e005d89 |
140 | { |
141 | border : 1px solid transparent; |
142 | padding : 1px; |
143 | } |
144 | |
d3bf7ecf |
145 | .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box, |
146 | .menubutton-dual:hover > .menubutton-dual-dropmarker-box, |
147 | .menubutton-dual > .menubutton-dual-dropmarker-box:hover, |
148 | .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box |
6e005d89 |
149 | { |
150 | border : 1px outset #CCD0DD; |
151 | padding : 1px; |
152 | } |
153 | |
d3bf7ecf |
154 | .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box, |
155 | .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box |
6e005d89 |
156 | { |
157 | border : 1px inset #CCD0DD; |
158 | padding : 2px 0px 0px 2px; |
159 | } |
160 | |
161 | |
d3bf7ecf |
162 | .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box, |
163 | .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box, |
164 | .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box, |
165 | .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box |
6e005d89 |
166 | { |
167 | border : 1px solid transparent; |
168 | padding : 1px; |
169 | } |
170 | |
d3bf7ecf |
171 | |
172 | menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker |
6e005d89 |
173 | { |
174 | /* padding-bottom : 17px; */ |
175 | padding-bottom : 24px; |
176 | } |
a4c06353 |
177 | |
d3bf7ecf |
178 | |
179 | |
180 | |
b2d3bcc6 |
181 | |