ed0c2c406b7839278a886713ed6c3aeea19bcffa
[themes.git] / menubutton.css
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
61
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
73 .menubutton-dual.top
74   {
75     -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
76 /*    -moz-user-focus       : ignore !important; */
77   }
78
79 .menubutton-dual.left
80   {
81     -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
82 /*    -moz-user-focus       : none !important; */
83   }  
84   
85
86
87 .menubutton-dual
88   {
89     font-size               : smaller;
90   }
91
92 .menubutton-dual-ex-button > .button-internal-box > .button-text-container 
93   {
94     padding-top             : 3px;
95     text-align              : center;
96   }
97
98
99
100 .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
101   {
102     border                  : 1px solid transparent;
103     padding                 : 1px;
104   }
105
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
113   {
114     border                  : 1px outset #CCD0DD;
115     padding                 : 1px;
116   }
117
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
121   {
122     border                  : 1px inset #CCD0DD;
123     padding                 : 2px 0px 0px 2px;
124   }
125
126
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
132   {
133     border                  : 1px solid transparent;
134     padding                 : 1px;
135   }
136
137
138   
139 .menubutton-dual > .menubutton-dual-dropmarker-box
140   {
141     border                  : 1px solid transparent;
142     padding                 : 1px;
143   }
144
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
149   {
150     border                  : 1px outset #CCD0DD;
151     padding                 : 1px;
152   }
153
154 .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box,
155 .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
156   {
157     border                  : 1px inset #CCD0DD;
158     padding                 : 2px 0px 0px 2px;
159   }
160
161
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
166   {
167     border                  : 1px solid transparent;
168     padding                 : 1px;
169   }
170
171
172 menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
173   {
174 /*    padding-bottom           : 17px;  */
175     padding-bottom           : 24px;  
176   }
177
178
179
180