tweaks for making devtools look nicer
[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
884ab557
RK
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
b1eaa419 141.toolbarbutton-menubutton-button[disabled="true"],
142.toolbarbutton-menubutton-dropmarker[disabled="true"] {
143 background-color: #000000 !important;
144 color: #8050B0 !important;
242fc635 145}
351107c9 146
b1eaa419 147toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
884ab557
RK
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 {
b1eaa419 151 background-color: #FFCF00;
152 color: #000000;
351107c9 153}
154
242fc635 155toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
b1eaa419 156toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
b1eaa419 157toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
884ab557
RK
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 {
b1eaa419 161 background-color: #FF9F00;
162 color: #000000;
163}
351107c9 164
242fc635 165toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
b1eaa419 166toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
f98e9249
RK
167 padding-top: 2px !important;
168 padding-bottom: 0px !important;
c452635d
RK
169 -moz-padding-start: 3px !important;
170 -moz-padding-end: 1px !important;
351107c9 171}
172
57d23eae 173toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
174toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
c452635d 175 padding: 1px 2px !important;
57d23eae 176}
177
b1eaa419 178/* .......... dropmarker .......... */
179
180.toolbarbutton-menubutton-dropmarker {
569543b3 181 border-radius: 3px;
edb23828 182 -moz-box-align: start;
02920d2b 183 padding: 3px 1px 1px;
95c949c5 184 border: none;
a12570b9 185 background-color: transparent;
351107c9 186}
187
b1eaa419 188toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
b1eaa419 189toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
f98e9249
RK
190 padding-top: 4px;
191 padding-bottom: 0px;
192 -moz-padding-start: 2px;
193 -moz-padding-end: 0px;
b1eaa419 194}
195
dd676468
RK
196toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
197toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
198toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
c452635d
RK
199toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
200toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
201toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
dd676468
RK
202 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
203 -moz-image-region: auto;
204}
205
206
b1eaa419 207.toolbarbutton-menubutton-dropmarker[disabled="true"] {
02920d2b 208 padding: 3px 1px 1px !important;
95c949c5 209 border: none !important;
351107c9 210}