4bd25ec3039dbb0f6e098de0b5545a351106412b
2 ----------------------------------*/
4 .ui-button { display: inline-block
; position: relative
; padding: 0; margin-right: .1em; text-decoration: none
!important
; cursor: pointer
; text-align: center
; zoom: 1; overflow: visible
; } /* the overflow property removes extra width in IE */
5 .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
6 button
.ui-button-icon-only
{ width: 2.4em; } /* button elements seem to need a little more width */
7 .ui-button-icons-only { width: 3.4em; }
8 button
.ui-button-icons-only
{ width: 3.7em; }
10 /*button text element */
11 .ui-button .ui-button-text { display: block
; line-height: 1.4em; }
12 .ui-button-text-only .ui-button-text { padding: .125em .25em; }
13 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
14 .ui-button-text-icon-primary .ui-button-text { padding: 0.1em 0.8em 0.1em 1.9em; }
15 .ui-button-text-icon-secondary .ui-button-text { padding: .1em 1.9em .1em 0.8em; }
16 .ui-button-text-icons .ui-button-text { padding: 0.1em 1.9em 0.1em 1.9em; }
17 /* for older versions of jQuery UI */
18 .ui-button-text-icon .ui-button-text { padding: 0.1em 0.8em 0.1em 1.9em; }
20 /* no icon support for input elements, provide padding by default */
21 input
.ui-button
{ padding: .4em 1em; }
23 /*button icon element(s) */
24 .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-icons-only .ui-icon { position: absolute
; top: 50%; margin-top: -9px; }
25 .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
26 .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0; }
27 .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icon .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 16px; }
30 .ui-buttonset { margin-right: 7px; }
31 .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
34 button
.ui-button::-moz-focus-inner
{ border: 0; padding: 0; } /* reset extra padding in Firefox */
37 -moz-border-radius: 4px;
38 -webkit-border-radius: 4px;
39 padding: 0.2em 0.6em 0.15em !important
;
40 margin: 0.5em 0 0.5em 0.4em !important
;
41 border: 1px solid
#a6a6a6 !important
;
43 background: #f2f2f2 url
(images
/button-off
.png
) repeat-x scroll
50% 100% !important
;
50 body
.ui-button:hover
{
51 border-color: #6e7273;
53 background: #e1e1e1 url
(images
/button-over
.png
) repeat-x scroll
50% 100% !important
;
55 body
.ui-button:active
,
56 body
.ui-button:focus
{
57 border-color: #707271;
59 background: #bfbfbf url
(images
/button-down
.png
) repeat-x scroll
50% 100% !important
;
61 body
.ui-button
.disabled
{
63 border-color: #cccccc;
65 background: #f2f2f2 url
(images
/button-disabled
.png
) repeat-x scroll
50% 100% !important
;
67 /* Disables the annoying dashed border Firefox puts on active buttons */
68 body button
.ui-button::-moz-focus-inner
{
74 body
.ui-button
.ui-button-green
{
76 border-color: #97af7e !important
;
78 background: #85c940 url
(images
/button-off-green
.png
) repeat-x scroll
50% 100% !important
;
80 body
.ui-button
.ui-button-green:hover
{
81 border-color: #778e61;
83 background: #77ad40 url
(images
/button-over-green
.png
) repeat-x scroll
50% 100% !important
;
85 body
.ui-button
.ui-button-green:active
,
86 body
.ui-button
.ui-button-green:focus
{
87 border-color: #61b000;
89 background: #54a800 url
(images
/button-down-green
.png
) repeat-x scroll
50% 100% !important
;
91 body
.ui-button
.ui-button-green
.disabled
{
93 border-color: #b8d29f;
95 background: #c9cfc3 url
(images
/button-disabled-green
.png
) repeat-x scroll
50% 100% !important
;
100 body
.ui-button
.ui-button-blue
{
102 border-color: #407ec9 !important
;
104 background: #407ec9 url
(images
/button-off-blue
.png
) repeat-x scroll
50% 100% !important
;
106 body
.ui-button
.ui-button-blue:hover
{
107 border-color: #245289;
109 background: #4071ad url
(images
/button-over-blue
.png
) repeat-x scroll
50% 100% !important
;
111 body
.ui-button
.ui-button-blue:active
,
112 body
.ui-button
.ui-button-blue:focus
{
113 border-color: #003980;
115 background: #004daa url
(images
/button-down-blue
.png
) repeat-x scroll
50% 100% !important
;
117 body
.ui-button
.ui-button-blue
.disabled
{
118 border-color: #9eafc6;
120 background: #c3c8cf url
(images
/button-disabled-blue
.png
) repeat-x scroll
50% 100% !important
;
125 body
.ui-button
.ui-button-red
{
127 border-color: #af977e !important
;
129 background: #c9404c url
(images
/button-off-red
.png
) repeat-x scroll
50% 100% !important
;
131 body
.ui-button
.ui-button-red:hover
{
132 border-color: #8e7761;
134 background: #ad404a url
(images
/button-over-red
.png
) repeat-x scroll
50% 100% !important
;
136 body
.ui-button
.ui-button-red:active
,
137 body
.ui-button
.ui-button-red:focus
{
138 border-color: #b06100;
140 background: #aa000f url
(images
/button-down-red
.png
) repeat-x scroll
50% 100% !important
;
142 body
.ui-button
.ui-button-red
.disabled
{
144 border-color: #c3acae;
146 background: #cfc3c4 url
(images
/button-disabled-red
.png
) repeat-x scroll
50% 100% !important
;