|
1 /*! |
|
2 * jQuery UI Button 1.10.3 |
|
3 * http://jqueryui.com |
|
4 * |
|
5 * Copyright 2013 jQuery Foundation and other contributors |
|
6 * Released under the MIT license. |
|
7 * http://jquery.org/license |
|
8 * |
|
9 * http://docs.jquery.com/UI/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 } |