tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / button.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
b1eaa419 5/* ===== button.css =====================================================
9545fc93 6 == Styles used by the XUL (and XHTML in netError.xhtml) button element.
b1eaa419 7 ======================================================================= */
351107c9 8
b1eaa419 9/* :::::::::: button :::::::::: */
351107c9 10
b1eaa419 11button {
cc89af19 12 border-radius: 300px;
2b722888 13 margin: 1px 2px;
b1eaa419 14 min-width: 6.3em;
15 border: none;
cc89af19
RK
16 background-color: #C09070;
17 color: #000000;
a064a540 18 text-shadow: none;
b1eaa419 19}
3a121502 20
b1eaa419 21.button-box {
cc89af19 22 border-radius: 300px;
3a121502 23 border: 1px solid transparent;
02920d2b
RK
24 padding-top: 1px;
25 padding-bottom: 2px;
cc89af19
RK
26 -moz-padding-start: .5em;
27 -moz-padding-end: calc(.5em + 1px);
b1eaa419 28}
351107c9 29
c79d2bbe 30.button-icon {
8caa872d 31 -moz-margin-end: 2px;
c79d2bbe
RK
32}
33
b1eaa419 34.button-text {
569543b3 35 border-radius: 3px;
351107c9 36 margin: 0px !important;
b1eaa419 37 text-align: center;
351107c9 38}
39
b1eaa419 40/* .......... focused state .......... */
41
024ec655 42button:-moz-focusring > .button-box {
0c7f928d 43 border: 1px dotted #008484;
351107c9 44}
45
b1eaa419 46/* .......... default state .......... */
47
cc89af19
RK
48button[default="true"] {
49 background-color: #A06060;
351107c9 50}
51
cc89af19 52button[default="true"] > .button-box {
b1eaa419 53 font-weight: bold;
b1eaa419 54}
55
56/* .......... active/open/checked state .......... */
57
58button:hover,
59button:hover:active {
4c18c82c 60 border: none;
b1eaa419 61 background-color: #FFCF00;
62 color: #000000;
63}
64
65button[open="true"] {
4c18c82c 66 border: none;
b1eaa419 67 background-color: #FF9F00;
68 color: #000000;
69}
70
4c18c82c
RK
71button[checked="true"]:not(:hover) {
72 border: none;
b1eaa419 73 background-color: #008484;
74 color: #000000;
75}
76
77button:hover:active > .button-box,
78button[open="true"] > .button-box,
79button[checked="true"] > .button-box {
02920d2b
RK
80 padding-top: 2px;
81 padding-bottom: 1px;
cc89af19
RK
82 -moz-padding-start: calc(.5em + 1px);
83 -moz-padding-end: .5em;
b1eaa419 84}
351107c9 85
b1eaa419 86/* .......... disabled state .......... */
87
3a121502 88button[disabled="true"],
89button[disabled="true"]:hover:active {
b1eaa419 90 border: none;
be8f410d 91 background-color: #402858 !important;
cc89af19 92 color: #000000 !important;
b1eaa419 93}
94
95button[disabled="true"] > .button-box {
02920d2b
RK
96 padding-top: 1px !important;
97 padding-bottom: 2px !important;
cc89af19
RK
98 -moz-padding-start: .5em !important;
99 -moz-padding-end: calc(.5em + 1px) !important;
b1eaa419 100}
101
102/* ::::: menu/menu-button buttons ::::: */
103
7f3c87b9
RK
104.button-menubutton-button,
105.button-menubutton-button:hover,
106.button-menubutton-button:hover:active,
107.button-menubutton-button[open="true"],
108.button-menubutton-button[disabled="true"] {
351107c9 109 margin: 0px;
7f3c87b9
RK
110 background-color: transparent;
111}
112
113button[type="menu-button"]:hover:active > .button-menubutton-button > .button-box,
114button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box {
115 padding-top: 2px;
116 padding-bottom: 1px;
cc89af19
RK
117 -moz-padding-start: calc(.5em + 1px);
118 -moz-padding-end: .5em;
7f3c87b9
RK
119}
120
121button[type="menu-button"]:hover > .button-menubutton-button,
122button[type="menu-button"]:hover:active > .button-menubutton-button,
123button[type="menu-button"][open="true"] > .button-menubutton-button {
124 color: #000000;
b1eaa419 125}
126
127.button-menu-dropmarker,
128.button-menubutton-dropmarker {
7f3c87b9 129 margin: 2px;
8b17a53f
RK
130 width: 11px;
131 height: 11px;
7f3c87b9
RK
132 background-color: transparent;
133 border: none;
134}
135
136button[type="menu-button"]:hover > .button-menubutton-dropmarker,
137button[type="menu-button"]:hover:active > .button-menubutton-dropmarker,
138button[type="menu-button"][open="true"] > .button-menubutton-dropmarker {
139 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
b1eaa419 140}
141
b1eaa419 142/* ::::: plain buttons ::::: */
143
144button.plain {
145 border: 0px !important;
146 margin: 0px !important;
147 padding: 0px !important;
351107c9 148}
c79d2bbe
RK
149
150button[type="disclosure"] {
151 border: 0px !important;
152 margin: 0px !important;
153 padding: 0px !important;
154 list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
155 min-width: 0px !important;
156 background-color: transparent;
157}
158
159button[type="disclosure"][open="true"] {
160 list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
161}
9545fc93
RK
162
163/* ::::: xhtml buttons ::::: */
164
165button::-moz-focus-inner {
166 padding: 0px;
167 border: 0px none;
168}
e1cbfefe
RK
169
170/* ::::: toolbar buttons (sync look with toolbarbutton) ::::: */
171
172/* The #throbber-box rules are only needed for the SeaMonkey editor,
173 * the toolbaritem ones for buttons in customizable toolbars. */
174toolbaritem > button,
175#throbber-box > button {
176 border-radius: 3px;
177 background-color: #000000;
178 color: #FFCF00;
179}
180
181toolbaritem > button > .button-box,
182#throbber-box > button > .button-box {
183 border-radius: 3px;
184 -moz-padding-start: 0;
185 -moz-padding-end: 1px;
186}
187
188toolbaritem > button > button:hover:active > .button-box,
189toolbaritem > button > button[open="true"] > .button-box,
190toolbaritem > button > button[checked="true"] > .button-box,
191#throbber-box > button:hover:active > .button-box,
192#throbber-box > button > button[open="true"] > .button-box,
193#throbber-box > button > button[checked="true"] > .button-box {
194 -moz-padding-start: 1px;
195 -moz-padding-end: 0;
196}
197
198toolbaritem > button > button[disabled="true"] > .button-box,
199#throbber-box > button[disabled="true"] > .button-box {
200 -moz-padding-start: 0 !important;
201 -moz-padding-end: 1px !important;
202}