1 | /*! |
---|
2 | * jQuery UI Button 1.10.1 |
---|
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 | } |
---|