bug 77 css scoping - making skin work again
[themes.git] / EarlyBlue / global / skin / menubutton.css
CommitLineData
d3bf7ecf 1
2/* outermost frame */
3 menubutton
4 {
5/* margin : 3px 5px 3px 5px; */
6 }
7
8 menubutton[disabled="true"]
9 {
10 color : #999999;
11 }
12
13 menubutton > .menubutton-internal-box
14 {
15 border : none;
16 padding : 0px;
17 vertical-align : middle;
18 }
19
20 .menubutton-single-icon
21 {
22 margin-right : 3px;
23 }
24
25/** "Dual Functionality" menubutton
26 * Has a popup spawning button and a command invoking button, e.g. back/forward
27 * class="menubutton-dual"
28 **/
29
30/* inner button */
31
32 menubutton > .menubutton-internal-box > .menubutton-dual-button,
33 menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
34 menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button,
35 menubutton:active > .menubutton-internal-box > .menubutton-dual-button
36 {
37 border : none;
38 margin : 0px;
39 -moz-border-radius : 0px;
40 }
41
42 menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
43 {
44 border : 1px outset #CCD0DD;
45 margin : 0px
46 }
47
48 menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
49 menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
50 menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
51 {
52 border : 1px inset #CCD0DD;
53 }
54
55 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
56 {
57 border : 1px outset #CCD0DD;
58 }
59
60
61/* inner dropmarker */
62 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
63 {
64 border : 1px outset #CCD0DD;
65 padding : 0px 2px 0px 2px;
66 }
67
68 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
69 {
70 border : 1px outset #CCD0DD;
71 }
72
73 menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
74 {
75 border : 1px inset #CCD0DD;
76 padding : 1px 1px -1px 3px;
77 }
78
79 .menubutton-dual-dropmarker-box > .menubutton-dropmarker
80 {
81 border : none;
82 list-style-image : url("chrome://global/skin/scroll-down.gif");
83 }
84
85 menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
86 .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"]
87 {
88 list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
89 }
90
91 menubutton > menupopup
92 {
93 min-width : 0px;
94 border : 1px outset #CCD0DD;
95 }
96
97 menubutton > menupopup > .menupopup-internal-box
98 {
99 border : 1px outset #CCD0DD;
100 }
101
102 menubutton > menupopup > menuitem
103 {
104 padding : 0px 0px 0px 3px;
105 }
106
107/** Icon only menubutton.menubutton-duals
108 * class="menubutton.menubutton-dual-icon"
109 **/
110 .menubutton.menubutton-dual-icon
111 {
112 border : none;
113 background-color : #CCD0DD;
114 }
115
116 .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
117 {
118 border : 1px outset #CCD0DD;
119 padding : 1px;
120 }
121
122 .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
123 .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
124 {
125 border : 1px inset #CCD0DD;
126 padding : 2px 0px 0px 2px;
127 }
128
129
130