bugs 28, 30, and partly fix for 29 -- all EarlyBlue only
[themes.git] / EarlyBlue / communicator / skin / menubutton.css
CommitLineData
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
61.menubutton-dual.toolbar
62 {
63 font-size : smaller;
64 }
65
66.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
67 {
68 padding-top : 3px;
69 text-align : center;
70 }
71
72.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
73 {
74 border : 1px solid transparent;
75 padding : 1px;
76 }
77
78.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
79.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
80 {
81 border : 1px outset #CCD0DD;
82 padding : 1px;
83 }
84
85.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
86.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
87.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
88 {
89 border : 1px inset #CCD0DD;
90 padding : 2px 0px 0px 2px;
91 }
92
93
94.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
95.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
96.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
97.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
98 {
99 border : 1px solid transparent;
100 padding : 1px;
101 }
102
103.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
104 {
105 border : 1px solid transparent;
106 padding : 1px;
107 }
108
109.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
110 {
111 border : 1px outset #CCD0DD;
112 padding : 1px;
113 }
114
115.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
116.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
117 {
118 border : 1px inset #CCD0DD;
119 padding : 2px 0px 0px 2px;
120 }
121
122
123.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
124.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
125.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
126 {
127 border : 1px solid transparent;
128 padding : 1px;
129 }
130
131menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
132 {
133/* padding-bottom : 17px; */
134 padding-bottom : 24px;
135 }