some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / 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 margin : 0px;
32 background-color : transparent;
33 color : #000000;
34}
35
36.toolbarbutton-box {
37 -moz-box-align : center;
38 -moz-box-pack : center;
39 border : 1px solid transparent;
40 padding : 2px;
41}
42
43.toolbarbutton-icon {
44 margin-right: 2px;
45}
46
47.toolbarbutton-text {
48 margin: 0px !important;
49}
50
51toolbarbutton[value] > .toolbarbutton-box > .toolbarbutton-text {
52 padding-left : 4px;
53}
54
55toolbarbutton:hover,
56toolbarbutton[buttonover="true"],
57toolbarbutton[open="true"] {
58}
59
60toolbarbutton:hover > .toolbarbutton-box {
61 border : 1px outset #CCD0DD;
62}
63
64toolbarbutton:hover:active {
65}
66
67toolbarbutton:hover:active > .toolbarbutton-box,
68toolbarbutton[open="true"] > .toolbarbutton-box {
69 padding : 3px 1px 1px 3px;
70 border : 1px inset #CCD0DD;
71}
72
73toolbarbutton[disabled="true"],
74toolbarbutton[disabled="true"]:hover,
75toolbarbutton[disabled="true"]:hover:active {
76 color : #999999;
77}
78
79toolbarbutton[disabled="true"] > .toolbarbutton-box,
80toolbarbutton[disabled="true"]:hover > .toolbarbutton-box,
81toolbarbutton[disabled="true"]:hover:active > .toolbarbutton-box,
82toolbarbutton[disabled="true"][buttonover="true"] > .toolbarbutton-box,
83toolbarbutton[disabled="true"][buttondown="true"] > .toolbarbutton-box {
84 border : 1px solid transparent;
85 padding : 2px;
86}
87
88/* ..... checked state ..... */
89
90toolbarbutton[checked="true"] > .toolbarbutton-box {
91 border : 1px inset #CCD0DD;
92 background-color : #DDDDDD;
93}
94
95toolbarbutton[checked="true"]:hover > .toolbarbutton-box {
96 border : 1px inset #CCD0DD;
97 background-color : #CCD0DD;
98 background-image : none;
99}
100
101/* ::::: toolbarbutton menu ::::: */
102
103.toolbarbutton-dropmarker {
104 list-style-image : url("chrome://global/skin/scroll-down.gif");
105}
106
107.toolbarbutton-dropmarker[disabled="true"] {
108 list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
109}
110
111/* ::::: toolbarbutton menu-button ::::: */
112
113.toolbarbutton-menubutton-dropmarker-box {
114 -moz-box-align: start;
115 -moz-box-pack: center;
116}
117
118toolbarbutton[type="menu-button"]:hover:active {
119}
120
121.toolbarbutton-menubutton-button {
122 border: none !important;
123 color: inherit;
124}
125
126.toolbarbutton-menubutton-dropmarker {
127 list-style-image: url("chrome://global/skin/scroll-down.gif");
128}
129
130.toolbarbutton-menubutton-dropmarker[disabled="true"] {
131 list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
132}
133
134.toolbarbutton-menubutton-dropmarker-box {
135 border : 1px solid transparent;
136 padding : 1px 0px 1px 0px;
137}
138
139toolbarbutton[disabled="true"]:hover > .toolbarbutton-menubutton-box
140 > .toolbarbutton-menubutton-button > .toolbarbutton-box
141{
142 border : 1px solid transparent;
143}
144
145toolbarbutton:hover > .toolbarbutton-menubutton-box
146 > .toolbarbutton-menubutton-button > .toolbarbutton-box,
147toolbarbutton:hover > .toolbarbutton-menubutton-box
148 > .toolbarbutton-menubutton-dropmarker-box,
149toolbarbutton[buttonover="true"] > .toolbarbutton-menubutton-box
150 > .toolbarbutton-menubutton-dropmarker-box
151{
152 border : 1px outset #CCD0DD;
153}
154
155toolbarbutton[buttondown="true"] > .toolbarbutton-menubutton-box
156 > .toolbarbutton-menubutton-dropmarker-box,
157toolbarbutton[open="true"] > .toolbarbutton-menubutton-box
158 > .toolbarbutton-menubutton-dropmarker-box,
159toolbarbutton[open="true"] > .toolbarbutton-menubutton-box
160 > .toolbarbutton-menubutton-button > .toolbarbutton-box
161{
162 border : 1px inset #CCD0DD;
163 padding : 2px 0px 0px 0px;
164}
165
166.toolbarbutton-menubutton-dropmarker-box[disabled="true"] {
167 border: 1px solid transparent !important;
168 padding: 0px !important;
169}
170
171