update both themes for toolkit winstripe changes in Mozilla 17 cycle
[themes.git] / LCARStrek / global / toolbarbutton.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
351107c9 5/* ===== toolbarbutton.css =====================================================
6 == Styles used by the XUL button element.
7 ======================================================================= */
8
f98e9249
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
b1eaa419 11/* ::::: toolbarbutton ::::: */
351107c9 12
b1eaa419 13toolbarbutton {
569543b3 14 border-radius: 3px;
b1eaa419 15 -moz-box-align: center;
16 -moz-box-pack: center;
17 margin: 0px;
8caa872d 18 -moz-margin-start: 2px;
b1eaa419 19 border: none;
dd676468 20 padding: 1px 2px;
b1eaa419 21 background-color: #000000;
22 color: #FFCF00;
351107c9 23}
24
ca710c53
RK
25.toolbarbutton-icon[label]:not([label=""]),
26.toolbarbutton-icon[type="menu"] {
dd676468 27 -moz-margin-start: 1px;
f98e9249 28 -moz-margin-end: 2px;
351107c9 29}
30
31.toolbarbutton-text {
32 margin: 0px !important;
b1eaa419 33 padding: 0px;
34 text-align: center;
242fc635 35}
351107c9 36
f98e9249
RK
37toolbarbutton.tabbable {
38 -moz-user-focus: normal !important;
39}
40
024ec655 41toolbarbutton:-moz-focusring {
f98e9249
RK
42 -moz-outline-radius: 3px;
43 outline: 1px dotted #008484;
e0b5363a 44 outline-offset: -1px;
f98e9249
RK
45}
46
a064a540 47toolbarbutton:hover {
b1eaa419 48 background-color: #FFCF00;
49 color: #000000;
242fc635 50}
351107c9 51
351107c9 52toolbarbutton:hover:active,
53toolbarbutton[open="true"],
b1eaa419 54toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
55 background-color: #FF9F00;
56 color: #000000;
242fc635 57}
351107c9 58
b1eaa419 59toolbarbutton:hover:active,
60toolbarbutton[open="true"] {
f98e9249
RK
61 padding-top: 2px;
62 padding-bottom: 0px;
dd676468
RK
63 -moz-padding-start: 3px;
64 -moz-padding-end: 1px;
351107c9 65}
242fc635 66
f98e9249
RK
67toolbarbutton[disabled="true"],
68toolbarbutton[disabled="true"]:hover,
69toolbarbutton[disabled="true"]:hover:active,
cfae8c74
RK
70toolbarbutton[disabled="true"][open="true"],
71toolbarbutton[disabled="true"][checked="true"] {
c452635d 72 padding: 1px 2px;
f98e9249
RK
73 background-color: #000000;
74 color: #8050B0;
351107c9 75}
76
3b1530c2
RK
77toolbarbutton:-moz-lwtheme {
78 text-shadow: none;
79}
80
81
351107c9 82/* ..... checked state ..... */
83
84toolbarbutton[checked="true"] {
f98e9249
RK
85 padding-top: 2px !important;
86 padding-bottom: 0px !important;
dd676468
RK
87 -moz-padding-start: 3px !important;
88 -moz-padding-end: 1px !important;
b1eaa419 89 background-color: #008484;
90 color: #FFCF00;
351107c9 91}
242fc635 92
11883879
RK
93toolbarbutton[checked="true"]:hover,
94toolbarbutton[checked="true"]:hover:active {
b1eaa419 95 background-color: #FFCF00;
96 color: #000000;
351107c9 97}
98
99/* ::::: toolbarbutton menu ::::: */
100
b1eaa419 101.toolbarbutton-menu-dropmarker {
a12570b9 102 padding: 0px;
103 border: none !important;
104 background-color: transparent !important;
351107c9 105}
106
351107c9 107/* ::::: toolbarbutton menu-button ::::: */
108
b1eaa419 109toolbarbutton[type="menu-button"] {
110 -moz-box-align: stretch;
351107c9 111}
112
b1eaa419 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;
351107c9 121}
122
123.toolbarbutton-menubutton-button {
b1eaa419 124 margin: 0px;
125 -moz-box-align: center;
126 -moz-box-pack: center;
f98e9249 127 -moz-box-orient: vertical;
351107c9 128}
129
b1eaa419 130.toolbarbutton-menubutton-button,
351107c9 131.toolbarbutton-menubutton-dropmarker {
b1eaa419 132 background-color: #000000;
242fc635 133}
b1eaa419 134
135.toolbarbutton-menubutton-button[disabled="true"],
136.toolbarbutton-menubutton-dropmarker[disabled="true"] {
137 background-color: #000000 !important;
138 color: #8050B0 !important;
242fc635 139}
351107c9 140
b1eaa419 141toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
242fc635 142toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
b1eaa419 143 background-color: #FFCF00;
144 color: #000000;
351107c9 145}
146
242fc635 147toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
b1eaa419 148toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
b1eaa419 149toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
150toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
151 background-color: #FF9F00;
152 color: #000000;
153}
351107c9 154
242fc635 155toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
b1eaa419 156toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
f98e9249
RK
157 padding-top: 2px !important;
158 padding-bottom: 0px !important;
c452635d
RK
159 -moz-padding-start: 3px !important;
160 -moz-padding-end: 1px !important;
351107c9 161}
162
57d23eae 163toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
164toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
c452635d 165 padding: 1px 2px !important;
57d23eae 166}
167
b1eaa419 168/* .......... dropmarker .......... */
169
170.toolbarbutton-menubutton-dropmarker {
569543b3 171 border-radius: 3px;
edb23828 172 -moz-box-align: start;
02920d2b 173 padding: 3px 1px 1px;
95c949c5 174 border: none;
a12570b9 175 background-color: transparent;
351107c9 176}
177
b1eaa419 178toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
b1eaa419 179toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
f98e9249
RK
180 padding-top: 4px;
181 padding-bottom: 0px;
182 -moz-padding-start: 2px;
183 -moz-padding-end: 0px;
b1eaa419 184}
185
dd676468
RK
186toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
187toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
188toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
c452635d
RK
189toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
190toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
191toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
dd676468
RK
192 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
193 -moz-image-region: auto;
194}
195
196
b1eaa419 197.toolbarbutton-menubutton-dropmarker[disabled="true"] {
02920d2b 198 padding: 3px 1px 1px !important;
95c949c5 199 border: none !important;
351107c9 200}