0
|
1 |
/* buttons */ |
|
2 |
|
|
3 |
/* Note: Values in nsNativeTheme IsWidgetStyled function |
|
4 |
need to match button background/border values here */ |
|
5 |
|
|
6 |
button, |
|
7 |
input[type="reset"], |
|
8 |
input[type="button"], |
|
9 |
input[type="submit"] { |
|
10 |
-moz-appearance: button; |
|
11 |
/* The sum of border-top, border-bottom, padding-top, padding-bottom |
|
12 |
must be the same here, for text inputs, and for <select>. For |
|
13 |
buttons, make sure to include the -moz-focus-inner border/padding. */ |
|
14 |
padding: 0px 6px 0px 6px; |
|
15 |
border: 2px outset ButtonFace; |
|
16 |
background-color: ButtonFace; |
|
17 |
color: ButtonText; |
|
18 |
font: -moz-button; |
|
19 |
line-height: normal !important; |
|
20 |
white-space: pre; |
|
21 |
cursor: default; |
|
22 |
-moz-box-sizing: border-box; |
|
23 |
-moz-user-select: none; |
|
24 |
-moz-binding: none; |
|
25 |
text-align: center; |
|
26 |
} |
|
27 |
|
|
28 |
button { |
|
29 |
/* Buttons should lay out like "normal" html, mostly */ |
|
30 |
white-space: inherit; |
|
31 |
text-indent: 0; |
|
32 |
} |
|
33 |
|
|
34 |
*|*::-moz-button-content { |
|
35 |
display: block; |
|
36 |
} |
|
37 |
|
|
38 |
button:hover, |
|
39 |
input[type="reset"]:hover, |
|
40 |
input[type="button"]:hover, |
|
41 |
input[type="submit"]:hover { |
|
42 |
background-color: -moz-buttonhoverface; |
|
43 |
color: -moz-buttonhovertext; |
|
44 |
} |
|
45 |
|
|
46 |
button:active:hover, |
|
47 |
input[type="reset"]:active:hover, |
|
48 |
input[type="button"]:active:hover, |
|
49 |
input[type="submit"]:active:hover { |
|
50 |
padding: 0px 5px 0px 7px; |
|
51 |
border-style: inset; |
|
52 |
background-color: ButtonFace; |
|
53 |
color: ButtonText; |
|
54 |
} |
|
55 |
|
|
56 |
button::-moz-focus-inner, |
|
57 |
input[type="reset"]::-moz-focus-inner, |
|
58 |
input[type="button"]::-moz-focus-inner, |
|
59 |
input[type="submit"]::-moz-focus-inner, |
|
60 |
input[type="file"] > input[type="button"]::-moz-focus-inner { |
|
61 |
padding: 0px 2px 0px 2px; |
|
62 |
border: 1px dotted transparent; |
|
63 |
} |
|
64 |
|
|
65 |
button:focus::-moz-focus-inner, |
|
66 |
input[type="reset"]:focus::-moz-focus-inner, |
|
67 |
input[type="button"]:focus::-moz-focus-inner, |
|
68 |
input[type="submit"]:focus::-moz-focus-inner, |
|
69 |
input[type="file"] > input[type="button"]:focus::-moz-focus-inner { |
|
70 |
border-color: ButtonText; |
|
71 |
} |
|
72 |
|
|
73 |
button[disabled]:active, button[disabled], |
|
74 |
input[type="reset"][disabled]:active, |
|
75 |
input[type="reset"][disabled], |
|
76 |
input[type="button"][disabled]:active, |
|
77 |
input[type="button"][disabled], |
|
78 |
select[disabled] > input[type="button"], |
|
79 |
select[disabled] > input[type="button"]:active, |
|
80 |
input[type="submit"][disabled]:active, |
|
81 |
input[type="submit"][disabled] { |
|
82 |
/* The sum of border-top, border-bottom, padding-top, padding-bottom |
|
83 |
must be the same here and for text inputs */ |
|
84 |
padding: 0px 6px 0px 6px; |
|
85 |
border: 2px outset ButtonFace; |
|
86 |
color: GrayText; |
|
87 |
cursor: inherit; |
|
88 |
} |