some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / global / button.css
... / ...
CommitLineData
1/* NEW WIDGET ANDING: <button> */
2
3/** Default Button Styles (apply to usage of <button> without
4 * any applied class).
5 **/
6
7/* outer frame */
8 button
9 {
10 border : none;
11 margin : 1px 5px 2px 5px;
12 min-width : 6.3em;
13 background-color : #CCD0DD;
14 color : #000000;
15 -moz-user-focus : normal;
16 }
17
18 .button-text {
19 margin: 0px !important;
20 text-align: center;
21 }
22
23 button,
24 button[disabled="true"][default],
25 button[disabled="true"]:hover:active
26 {
27 border : none;
28 }
29
30 .button-box,
31 button[disabled="true"][default] > .button-box,
32 button[disabled="true"]:hover:active > .button-box
33 {
34 border : 1px outset #CCD0DD;
35 -moz-user-focus : none;
36 }
37
38 .button-box-2,
39 button[disabled="true"][default] > .button-box > .button-box-2,
40 button[disabled="true"]:hover:active > .button-box > .button-box-2
41 {
42 border : none;
43 }
44
45 button:hover:active,
46 button[open="true"],
47 button[checked="true"]
48 {
49 border : none;
50 }
51
52 button:hover:active > .button-box,
53 button[checked="true"] > .button-box,
54 button[checked="true"]:focus > .button-box,
55 button[open="true"] > .button-box,
56 button[open="true"]:focus > .button-box
57 {
58 border : 1px inset #CCD0DD;
59 }
60
61 button:hover:active > .button-box > .button-box-2,
62 button[checked="true"] > .button-box > .button-box-2,
63 button[checked="true"]:focus> .button-box > .button-box-2,
64 button[open="true"] > .button-box > .button-box-2,
65 button[open="true"]:focus > .button-box > .button-box-2
66 {
67 border : none;
68 }
69
70 button:hover:active > .button-box > .button-box-2 > .button-box-text,
71 button[open="true"] > .button-box > .button-box-2 > .button-box-text
72 {
73 padding : 1px 2px 0px 3px;
74 }
75
76 button[disabled="true"],
77 button[disabled="true"]:hover:active
78 {
79 color : #999999;
80 }
81
82 button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
83 button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
84 {
85 padding : 0px 3px 1px 2px;
86 }
87
88/* text wrapping frame (hack because <text> does not support alignment) */
89 .button-box-text,
90 button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
91 {
92 padding : 0px 3px 1px 2px;
93 border : 1px solid transparent;
94 margin : 1px;
95 }
96
97 button:focus > .button-box > .button-box-2 > .button-box-text
98 {
99 border : 1px dotted #9999CC;
100 }
101
102/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
103 * To activate, set 'default' attribute on button.
104 **/
105
106/* outer frame */
107 button[default], button:focus
108 {
109 border : none;
110 }
111
112 button[default] > .button-box > .button-box-2 > .button-box-text
113 {
114 font-weight : bold;
115 list-style-image : url("chrome://global/skin/return.gif");
116 -moz-box-direction : reverse;
117 }
118
119 button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text
120 {
121 font-weight : bold;
122 list-style-image : url("chrome://global/skin/return-disabled.gif");
123 }
124
125/* ::::: menu-button buttons ::::: */
126
127button[type="menu-button"] {
128 margin: 0px !important;
129 border: none !important;
130}
131
132.menu-button-dropmarker {
133 list-style-image: url("chrome://global/skin/scroll-down.gif");
134}
135
136.menu-button-dropmarker[disabled="true"] {
137 list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
138}
139
140/* ::::: plain buttons ::::: */
141
142button.plain,
143button.plain:hover,
144button.plain:hover:active,
145button.plain > .button-box,
146button.plain:hover > .button-box,
147button.plain:hover:active > .button-box {
148 border: 0px ! important;
149 margin: 0px;
150 padding: 0px;
151}
152