resolving bugs 28, 29, 30, 31, 34, 35, 36 (both skins)
[themes.git] / LCARStrek / communicator / skin / menubutton.css
CommitLineData
1d798428 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 : none;
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 : none;
14 }
15
16 menuitem.button-toolbar-3
17 {
18 font-weight : normal;
19 }
20
21 .button-toolbar-3[menuactive="true"]
22 {
23 font-weight : normal;
24 }
25
26/** menubuttons on generic grey toolbars
27 * class="button-toolbar"
28 **/
29 .button-toolbar > .menubutton-internal-box
30 {
31 -moz-border-radius : 3px;
32 padding : 1px 2px 1px 2px;
33 }
34
35
36 .button-toolbar:hover > .menubutton-internal-box
37 {
38 background-color : #FFCF00;
39 color : #000000;
40 padding : 1px 2px 1px 2px;
41 }
42
43 .button-toolbar:hover:active > .menubutton-internal-box
44 {
45 background-color : #FFCF00;
46 color : #000000;
47 padding : 2px 1px 0px 3px;
48 }
49
50 .button-toolbar[open="true"] > .menubutton-internal-box
51 {
52 background-color : #FF9F00;
53 color : #000000;
54 padding : 2px 1px 0px 3px;
55 }
56
57/** menubuttons on taskbar
58 * class="button-toolbar-4"
59 **/
60 .button-toolbar-4
61 {
62 border : none;
63 }
64
65 .button-toolbar-4 > .menubutton-internal-box
66 {
67 -moz-border-radius : 3px;
68 border : none;
69 padding : 1px 2px 1px 2px;
70 }
71
72 .button-toolbar-4:hover > .menubutton-internal-box
73 {
74 background-color : #FFCF00;
75 color : #000000;
76 padding : 1px 2px 1px 2px;
77 }
78
79 .button-toolbar-4:hover:active > .menubutton-internal-box
80 {
81 background-color : #FFCF00;
82 color : #000000;
83 padding : 2px 1px 0px 3px;
84 }
85
86 .button-toolbar-4[open="true"] > .menubutton-internal-box
87 {
88 background-color : #FF9F00;
89 color : #000000;
90 padding : 2px 1px 0px 3px;
91 }
92
bd0fcaa8 93 .button-toolbar-4:hover:active,
94 .button-toolbar-4[open="true"]
95 {
96 padding : 0px;
97 }
98
1d798428 99/**
100 * Navigation bar style menubuttons
101 **/
102
103.menubutton-dual.toolbar
104 {
105 font-size : smaller;
106 }
107
108.menubutton-dual.toolbar:hover > .menubutton-internal-box,
109.menubutton-dual.toolbar:hover:active > .menubutton-internal-box
110 {
111 -moz-border-radius : 3px;
112 background-color : #FFCF00;
113 color : #000000;
114 }
115
116.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box
117 {
118 background-color : #FF9F00;
119 color : #000000;
120 }
121
122.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box,
123.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
124.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box
125 {
126 -moz-border-radius : 3px;
127 background-color : #000000;
128 color : #8050B0;
129 }
130
131
132.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button,
133.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
134.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button
135 {
136 -moz-border-radius : 3px 0px 0px 3px;
137 }
138
139.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
140 {
141 padding-top : 3px;
142 text-align : center;
143 }
144
145.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
146 {
147 padding : 1px;
148 border : none;
149 -moz-border-radius : 3px 0px 0px 3px;
150 }
151
152.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
153.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
154 {
155 background-color : #FFCF00;
156 color : #000000;
157 padding : 1px;
158 border : none;
159 }
160
161.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
162.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
163 {
164 background-color : #FFCF00;
165 color : #000000;
166 padding : 2px 0px 0px 2px;
167 border : none;
168 }
169
170.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
171 {
172 background-color : #FF9F00;
173 color : #000000;
174 padding : 2px 0px 0px 2px;
175 border : none;
176 }
177
178.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
179.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
180.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
181.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
182 {
183 background-color : #000000;
184 color : #8050B0;
185 padding : 1px;
186 border : none;
187 }
188
189.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
190 {
191 -moz-border-radius : 0px 3px 3px 0px;
192 padding : 1px;
193 border : none;
194 }
195
196.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
197 {
198 background-color : #FFCF00;
199 color : #000000;
200 padding : 1px;
201 border : none;
202 }
203
204.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
205 {
206 background-color : #FFCF00;
207 color : #000000;
208 padding : 2px 0px 0px 2px;
209 border : none;
210 }
211
212.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
213 {
214 background-color : #FF9F00;
215 color : #000000;
216 padding : 2px 0px 0px 2px;
217 border : none;
218 }
219
220.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
221.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
222.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
223 {
224 background-color : #000000;
225 color : #8050B0;
226 padding : 1px;
227 border : none;
228 }
229
230menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
231 {
232/* padding-bottom : 17px; */
233 padding-bottom : 24px;
234 }
bd0fcaa8 235