projects / themes.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
sync both themes with toolkit windows theme changes in Mozilla 42-44 cycles
[themes.git] / LCARStrek / global / toolbarbutton.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5/* ===== toolbarbutton.css =====================================================
6 == Styles used by the XUL button element.
7 ======================================================================= */
8
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11/* ::::: toolbarbutton ::::: */
12
13toolbarbutton {
14 border-radius: 3px;
15 -moz-box-align: center;
16 -moz-box-pack: center;
17 margin: 0px;
18 -moz-margin-start: 2px;
19 border: none;
20 padding: 1px 2px;
21 background-color: #000000;
22 color: #FFCF00;
23}
24
25.toolbarbutton-icon[label]:not([label=""]),
26.toolbarbutton-icon[type="menu"] {
27/* -moz-margin-start: 1px;
28 -moz-margin-end: 2px;*/
29}
30
31.toolbarbutton-text {
32 margin: 0px !important; /* !important for overriding global.css */
33 padding: 0px;
34 text-align: center;
35}
36
37toolbarbutton.tabbable {
38 -moz-user-focus: normal !important;
39}
40
41toolbarbutton:-moz-focusring {
42 -moz-outline-radius: 3px;
43 outline: 1px dotted #008484;
44 outline-offset: -1px;
45}
46
47toolbarbutton:hover {
48 background-color: #FFCF00;
49 color: #000000;
50}
51
52toolbarbutton:hover:active,
53toolbarbutton[open="true"],
54toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
55 background-color: #FF9F00;
56 color: #000000;
57}
58
59toolbarbutton:hover:active,
60toolbarbutton[open="true"] {
61 padding-top: 2px;
62 padding-bottom: 0px;
63 -moz-padding-start: 3px;
64 -moz-padding-end: 1px;
65}
66
67toolbarbutton[disabled="true"],
68toolbarbutton[disabled="true"]:hover,
69toolbarbutton[disabled="true"]:hover:active,
70toolbarbutton[disabled="true"][open="true"],
71toolbarbutton[disabled="true"][checked="true"] {
72 padding: 1px 2px;
73 background-color: #000000;
74 color: #8050B0;
75}
76
77toolbarbutton:-moz-lwtheme {
78 text-shadow: none;
79}
80
81
82/* ..... checked state ..... */
83
84toolbarbutton[checked="true"] {
85 padding-top: 2px !important;
86 padding-bottom: 0px !important;
87 -moz-padding-start: 3px !important;
88 -moz-padding-end: 1px !important;
89 background-color: #008484;
90 color: #FFCF00;
91}
92
93toolbarbutton[checked="true"]:hover,
94toolbarbutton[checked="true"]:hover:active {
95 background-color: #FFCF00;
96 color: #000000;
97}
98
99/* ::::: toolbarbutton menu ::::: */
100
101.toolbarbutton-menu-dropmarker {
102 padding: 0px;
103 border: none !important;
104 background-color: transparent !important;
105}
106
107/* ::::: toolbarbutton menu-button ::::: */
108
109toolbarbutton[type="menu-button"] {
110 -moz-box-align: stretch;
111}
112
113toolbarbutton[type="menu-button"],
114toolbarbutton[type="menu-button"]:hover,
115toolbarbutton[type="menu-button"]:hover:active,
116toolbarbutton[type="menu-button"][open="true"],
117toolbarbutton[type="menu-button"][disabled="true"],
118toolbarbutton[type="menu-button"][disabled="true"]:hover,
119toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
120 padding: 0px !important;
121}
122
123.toolbarbutton-menubutton-button {
124 margin: 0px;
125 -moz-box-align: center;
126 -moz-box-pack: center;
127 -moz-box-orient: vertical;
128}
129
130.toolbarbutton-menubutton-button,
131.toolbarbutton-menubutton-dropmarker {
132 background-color: #000000;
133}
134
135toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-button,
136toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-dropmarker {
137 background-color: #008484;
138 color: #FFCF00;
139}
140
141.toolbarbutton-menubutton-button[disabled="true"],
142.toolbarbutton-menubutton-dropmarker[disabled="true"] {
143 background-color: #000000 !important;
144 color: #8050B0 !important;
145}
146
147toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
148toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
149toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-button,
150toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-dropmarker {
151 background-color: #FFCF00;
152 color: #000000;
153}
154
155toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
156toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
157toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
158toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
159toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-button,
160toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-dropmarker {
161 background-color: #FF9F00;
162 color: #000000;
163}
164
165toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
166toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
167 padding-top: 2px !important;
168 padding-bottom: 0px !important;
169 -moz-padding-start: 3px !important;
170 -moz-padding-end: 1px !important;
171}
172
173toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
174toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
175 padding: 1px 2px !important;
176}
177
178/* ::::: toolbarbutton badged ::::: */
179
180.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
181 -moz-margin-end: 0;
182}
183
184.toolbarbutton-badge {
185 background-color: #000000;
186 font-size: 10px;
187 font-weight: bold;
188 padding: 0 2px 1px;
189 color: #FF9F00;
190 border-radius: 2px;
191 box-shadow: 0 1px 0 #9C9CFF inset,
192 0 -1px 0 #9C9CFF inset,
193 0 1px 0 #9C9CFF;
194 margin: -6px 0 0 !important;
195 -moz-margin-end: -8px !important;
196 min-width: 14px;
197 max-width: 28px;
198 line-height: 10px;
199 text-align: center;
200 -moz-stack-sizing: ignore;
201}
202
203/* .......... dropmarker .......... */
204
205.toolbarbutton-menubutton-dropmarker {
206 border-radius: 3px;
207 -moz-box-align: start;
208 padding: 3px 1px 1px;
209 border: none;
210 background-color: transparent;
211}
212
213toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
214toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
215 padding-top: 4px;
216 padding-bottom: 0px;
217 -moz-padding-start: 2px;
218 -moz-padding-end: 0px;
219}
220
221toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
222toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
223toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
224toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
225toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
226toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
227 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
228 -moz-image-region: auto;
229}
230
231
232.toolbarbutton-menubutton-dropmarker[disabled="true"] {
233 padding: 3px 1px 1px !important;
234 border: none !important;
235}
KaiRo's SeaMonkey themes