提交 | 用户 | 时间
|
58d006
|
1 |
/*! |
A |
2 |
* jQuery UI Button 1.10.4 |
|
3 |
* http://jqueryui.com |
|
4 |
* |
|
5 |
* Copyright 2014 jQuery Foundation and other contributors |
|
6 |
* Released under the MIT license. |
|
7 |
* http://jquery.org/license |
|
8 |
* |
|
9 |
* http://api.jqueryui.com/button/#theming |
|
10 |
*/ |
|
11 |
.ui-button { |
|
12 |
display: inline-block; |
|
13 |
position: relative; |
|
14 |
padding: 0; |
|
15 |
line-height: normal; |
|
16 |
margin-right: .1em; |
|
17 |
cursor: pointer; |
|
18 |
vertical-align: middle; |
|
19 |
text-align: center; |
|
20 |
overflow: visible; /* removes extra width in IE */ |
|
21 |
} |
|
22 |
.ui-button, |
|
23 |
.ui-button:link, |
|
24 |
.ui-button:visited, |
|
25 |
.ui-button:hover, |
|
26 |
.ui-button:active { |
|
27 |
text-decoration: none; |
|
28 |
} |
|
29 |
/* to make room for the icon, a width needs to be set here */ |
|
30 |
.ui-button-icon-only { |
|
31 |
width: 2.2em; |
|
32 |
} |
|
33 |
/* button elements seem to need a little more width */ |
|
34 |
button.ui-button-icon-only { |
|
35 |
width: 2.4em; |
|
36 |
} |
|
37 |
.ui-button-icons-only { |
|
38 |
width: 3.4em; |
|
39 |
} |
|
40 |
button.ui-button-icons-only { |
|
41 |
width: 3.7em; |
|
42 |
} |
|
43 |
|
|
44 |
/* button text element */ |
|
45 |
.ui-button .ui-button-text { |
|
46 |
display: block; |
|
47 |
line-height: normal; |
|
48 |
} |
|
49 |
.ui-button-text-only .ui-button-text { |
|
50 |
padding: .4em 1em; |
|
51 |
} |
|
52 |
.ui-button-icon-only .ui-button-text, |
|
53 |
.ui-button-icons-only .ui-button-text { |
|
54 |
padding: .4em; |
|
55 |
text-indent: -9999999px; |
|
56 |
} |
|
57 |
.ui-button-text-icon-primary .ui-button-text, |
|
58 |
.ui-button-text-icons .ui-button-text { |
|
59 |
padding: .4em 1em .4em 2.1em; |
|
60 |
} |
|
61 |
.ui-button-text-icon-secondary .ui-button-text, |
|
62 |
.ui-button-text-icons .ui-button-text { |
|
63 |
padding: .4em 2.1em .4em 1em; |
|
64 |
} |
|
65 |
.ui-button-text-icons .ui-button-text { |
|
66 |
padding-left: 2.1em; |
|
67 |
padding-right: 2.1em; |
|
68 |
} |
|
69 |
/* no icon support for input elements, provide padding by default */ |
|
70 |
input.ui-button { |
|
71 |
padding: .4em 1em; |
|
72 |
} |
|
73 |
|
|
74 |
/* button icon element(s) */ |
|
75 |
.ui-button-icon-only .ui-icon, |
|
76 |
.ui-button-text-icon-primary .ui-icon, |
|
77 |
.ui-button-text-icon-secondary .ui-icon, |
|
78 |
.ui-button-text-icons .ui-icon, |
|
79 |
.ui-button-icons-only .ui-icon { |
|
80 |
position: absolute; |
|
81 |
top: 50%; |
|
82 |
margin-top: -8px; |
|
83 |
} |
|
84 |
.ui-button-icon-only .ui-icon { |
|
85 |
left: 50%; |
|
86 |
margin-left: -8px; |
|
87 |
} |
|
88 |
.ui-button-text-icon-primary .ui-button-icon-primary, |
|
89 |
.ui-button-text-icons .ui-button-icon-primary, |
|
90 |
.ui-button-icons-only .ui-button-icon-primary { |
|
91 |
left: .5em; |
|
92 |
} |
|
93 |
.ui-button-text-icon-secondary .ui-button-icon-secondary, |
|
94 |
.ui-button-text-icons .ui-button-icon-secondary, |
|
95 |
.ui-button-icons-only .ui-button-icon-secondary { |
|
96 |
right: .5em; |
|
97 |
} |
|
98 |
|
|
99 |
/* button sets */ |
|
100 |
.ui-buttonset { |
|
101 |
margin-right: 7px; |
|
102 |
} |
|
103 |
.ui-buttonset .ui-button { |
|
104 |
margin-left: 0; |
|
105 |
margin-right: -.3em; |
|
106 |
} |
|
107 |
|
|
108 |
/* workarounds */ |
|
109 |
/* reset extra padding in Firefox, see h5bp.com/l */ |
|
110 |
input.ui-button::-moz-focus-inner, |
|
111 |
button.ui-button::-moz-focus-inner { |
|
112 |
border: 0; |
|
113 |
padding: 0; |
|
114 |
} |