correcting personal toolbar menu color
[themes.git] / LCARStrek / skin / LCARStrek / global / toolbarbutton.css
... / ...
CommitLineData
1/*
2 * The contents of this file are subject to the Netscape Public
3 * License Version 1.1 (the "License"); you may not use this file
4 * except in compliance with the License. You may obtain a copy of
5 * the License at http://www.mozilla.org/NPL/
6 *
7 * Software distributed under the License is distributed on an "AS
8 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
9 * implied. See the License for the specific language governing
10 * rights and limitations under the License.
11 *
12 * The Original Code is Mozilla Communicator client code, released
13 * March 31, 1998.
14 *
15 * The Initial Developer of the Original Code is Netscape
16 * Communications Corporation. Portions created by Netscape are
17 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
18 * Rights Reserved.
19 *
20 * Contributor(s):
21 * Joe Hewitt (hewitt@netscape.com)
22 */
23
24/* ===== toolbarbutton.css =====================================================
25 == Styles used by the XUL button element.
26 ======================================================================= */
27
28@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
29
30toolbarbutton {
31 -moz-border-radius : 3px;
32 margin : 0px;
33 margin-left : 2px;
34 background-color : #000000;
35 color : #FFCF00;
36}
37
38.toolbarbutton-box {
39 -moz-border-radius : 3px;
40 -moz-box-align : center;
41 -moz-box-pack : center;
42 border : none;
43 padding : 2px;
44}
45
46.toolbarbutton-icon {
47 margin-right: 2px;
48}
49
50.toolbarbutton-text {
51 margin: 0px !important;
52}
53
54toolbarbutton[value] > .toolbarbutton-box > .toolbarbutton-text {
55 padding-left : 4px;
56}
57
58toolbarbutton:hover,
59toolbarbutton[buttonover="true"],
60toolbarbutton:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
61toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
62 background-color : #FFCF00;
63 color : #000000;
64}
65
66toolbarbutton:hover > .toolbarbutton-box {
67 border : none;
68}
69
70toolbarbutton:hover:active,
71toolbarbutton[open="true"],
72toolbarbutton:hover:active > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
73toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
74 background-color : #FF9F00;
75 color : #000000;
76}
77
78toolbarbutton:hover:active > .toolbarbutton-box,
79toolbarbutton[open="true"] > .toolbarbutton-box {
80 padding : 3px 1px 1px 3px;
81 border : none;
82}
83
84toolbarbutton[disabled="true"],
85toolbarbutton[disabled="true"]:hover,
86toolbarbutton[disabled="true"]:hover:active,
87toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
88toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
89toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button,
90toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button {
91 background-color : #000000;
92 color : #8050B0;
93}
94
95toolbarbutton[disabled="true"] > .toolbarbutton-box,
96toolbarbutton[disabled="true"]:hover > .toolbarbutton-box,
97toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-box,
98toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box,
99toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box {
100 border : none;
101 padding : 2px;
102}
103
104/* ..... checked state ..... */
105
106toolbarbutton[checked="true"] {
107 background-color : #008484;
108 color : #FFCF00;
109}
110
111toolbarbutton[checked="true"]:hover {
112 background-color : #FFCF00;
113 color : #000000;
114}
115
116/* ::::: toolbarbutton menu ::::: */
117
118.toolbarbutton-dropmarker {
119 list-style-image : url("chrome://global/skin/scroll-down.gif");
120}
121
122toolbarbutton:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
123toolbarbutton[buttonover="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
124toolbarbutton[buttondown="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
125toolbarbutton[open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker {
126 list-style-image : url("chrome://global/skin/scroll-down-hover.gif");
127}
128
129.toolbarbutton-dropmarker[disabled="true"],
130toolbarbutton[disabled="true"]:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
131toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
132toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker,
133toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker {
134 list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
135}
136
137/* ::::: toolbarbutton menu-button ::::: */
138
139.toolbarbutton-menubutton-dropmarker-box {
140 -moz-box-align: start;
141 -moz-box-pack: center;
142}
143
144toolbarbutton[type="menu-button"]:hover:active {
145}
146
147.toolbarbutton-menubutton-button {
148 border: none !important;
149 color: inherit;
150}
151
152.toolbarbutton-menubutton-dropmarker {
153 list-style-image: url("chrome://global/skin/scroll-down.gif");
154}
155
156toolbarbutton:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
157toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
158toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
159toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker
160{
161 list-style-image : url("chrome://global/skin/scroll-down-hover.gif");
162}
163
164.toolbarbutton-menubutton-dropmarker[disabled="true"],
165toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
166toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
167toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker,
168toolbarbutton[disabled="true"][open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box > .toolbarbutton-menubutton-dropmarker {
169 list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
170}
171
172.toolbarbutton-menubutton-dropmarker-box {
173 border : 1px solid transparent;
174 padding : 1px 0px 1px 0px;
175}
176
177toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box
178{
179/* border : 1px solid transparent; */
180}
181
182toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box,
183toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-dropmarker-box,
184toolbarbutton[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box
185{
186 padding : 2px 0px 0px 0px;
187}
188
189.toolbarbutton-menubutton-dropmarker-box[disabled="true"] {
190/* border: 1px solid transparent !important; */
191 padding: 0px !important;
192}
193