first part of syncing LCARStrek with Firefox 35 windows theme changes
[themes.git] / EarlyBlue / 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/. */
128000f4 4
74d14f90 5/* ===== button.css =====================================================
9545fc93 6 == Styles used by the XUL (and XHTML in netError.xhtml) button element.
74d14f90 7 ======================================================================= */
8
df8c26c4 9/* :::::::::: button :::::::::: */
74d14f90 10
11button {
d36c7ec4 12 margin: 2px 3px;
74d14f90 13 min-width: 6.3em;
14 border: 1px outset #CCD0DD;
15 background-color: #CCD0DD;
16 color: #000000;
a064a540 17 text-shadow: none;
74d14f90 18}
19
20.button-box {
21 border: 1px solid transparent;
02920d2b
RK
22 padding-top: 0;
23 padding-bottom: 1px;
24 -moz-padding-start: 2px;
25 -moz-padding-end: 3px;
74d14f90 26}
caf7fc11 27
df8c26c4 28.button-icon {
8caa872d 29 -moz-margin-end: 2px;
df8c26c4
RK
30}
31
74d14f90 32.button-text {
33 margin: 0px !important;
34 text-align: center;
35}
36
37/* .......... focused state .......... */
38
024ec655 39button:-moz-focusring > .button-box {
74d14f90 40 border: 1px dotted #9999CC;
41}
42
43/* .......... default state .......... */
44
d686d388 45button[default="true"] > .button-box {
74d14f90 46 font-weight: bold;
47 list-style-image: url("chrome://global/skin/icons/return.gif");
48 -moz-box-direction: reverse;
df8c26c4
RK
49}
50
51button[default="true"] > .button-box > .button-icon {
8caa872d
RK
52 -moz-margin-end: 0px;
53 -moz-margin-start: 2px;
74d14f90 54}
55
d686d388 56button[default="true"][disabled="true"] > .button-box {
74d14f90 57 font-weight: bold;
58 list-style-image: url("chrome://global/skin/icons/return-disabled.gif");
59}
60
61/* .......... active/open/checked state .......... */
62
63button:hover:active,
64button[open="true"],
65button[checked="true"] {
66 border: 1px inset #CCD0DD;
67}
68
69button:hover:active > .button-box,
70button[open="true"] > .button-box,
71button[checked="true"] > .button-box {
02920d2b
RK
72 padding-top: 1px;
73 padding-bottom: 0px;
74 -moz-padding-start: 3px;
75 -moz-padding-end: 2px;
74d14f90 76}
77
78/* .......... disabled state .......... */
79
caf7fc11 80button[disabled="true"],
81button[disabled="true"]:hover:active {
74d14f90 82 border: 1px outset #CCD0DD;
83 color: #999999;
84}
85
86button[disabled="true"] > .button-box {
02920d2b
RK
87 padding-top: 0 !important;
88 padding-bottom: 1px !important;
89 -moz-padding-start: 2px !important;
90 -moz-padding-end: 3px !important;
74d14f90 91}
92
93/* ::::: menu/menu-button buttons ::::: */
f6e0a33f 94
7f3c87b9
RK
95.button-menubutton-button,
96.button-menubutton-button:hover:active,
97.button-menubutton-button[open="true"],
98.button-menubutton-button[disabled="true"] {
74d14f90 99 margin: 0px;
7f3c87b9 100 background-color: transparent;
74d14f90 101 border: none;
f6e0a33f 102}
103
7f3c87b9
RK
104button[type="menu-button"]:hover:active > .button-menubutton-button > .button-box,
105button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box {
106 padding-top: 1px;
107 padding-bottom: 0px;
108 -moz-padding-start: 3px;
109 -moz-padding-end: 2px;
110}
111
74d14f90 112.button-menu-dropmarker,
113.button-menubutton-dropmarker {
114 margin: 1px;
8b17a53f
RK
115 width: 11px;
116 height: 11px;
37cf043b 117 background-color: transparent;
118 border: none;
f6e0a33f 119}
120
74d14f90 121.button-menubutton-dropmarker[open="true"] {
02920d2b
RK
122 margin-top: 2px;
123 margin-bottom: 0;
124 -moz-margin-start: 2px;
125 -moz-margin-end: 0;
74d14f90 126}
127
f6e0a33f 128/* ::::: plain buttons ::::: */
129
74d14f90 130button.plain {
131 border: 0px !important;
132 margin: 0px !important;
133 padding: 0px !important;
f6e0a33f 134}
df8c26c4
RK
135
136button[type="disclosure"] {
137 border: 0px !important;
138 margin: 0px !important;
139 padding: 0px !important;
140 list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
141 min-width: 0px !important;
142 background-color: transparent;
143}
144
145button[type="disclosure"][open="true"] {
146 list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
147}
9545fc93
RK
148
149/* ::::: xhtml buttons ::::: */
150
151button::-moz-focus-inner {
152 padding: 0px;
153 border: 0px none;
154}