2010-01-07 03:19:50 +00:00
/ * Button
---------------------------------- * /
. ui-button { display : inline-block ; position : relative ; padding : 0 ; margin-right : .1 em ; text-decoration : none !important ; cursor : pointer ; text-align : center ; zoom : 1 ; overflow : visible ; } /* the overflow property removes extra width in IE */
. ui-button-icon-only { width : 2.2 em ; } /* to make room for the icon, a width needs to be set here */
button . ui-button-icon-only { width : 2.4 em ; } /* button elements seem to need a little more width */
2010-03-11 21:30:51 +00:00
. ui-button-icons-only { width : 3.4 em ; }
button . ui-button-icons-only { width : 3.7 em ; }
2010-01-07 03:19:50 +00:00
/*button text element */
. ui-button . ui-button-text { display : block ; line-height : 1.4 ; }
. ui-button-text-only . ui-button-text { padding : .4 em 1 em ; }
. ui-button-icon-only . ui-button-text , . ui-button-icons-only . ui-button-text { padding : .4 em ; text-indent : -9999999 px ; }
2010-05-26 19:08:37 +00:00
. ui-button-text-icon-primary . ui-button-text , . ui-button-text-icons . ui-button-text { padding : .4 em 1 em .4 em 2.1 em ; }
. ui-button-text-icon-secondary . ui-button-text , . ui-button-text-icons . ui-button-text { padding : .4 em 2.1 em .4 em 1 em ; }
2010-03-11 21:30:51 +00:00
. ui-button-text-icons . ui-button-text { padding-left : 2.1 em ; padding-right : 2.1 em ; }
2010-01-07 03:19:50 +00:00
/* no icon support for input elements, provide padding by default */
input . ui-button { padding : .4 em 1 em ; }
/*button icon element(s) */
2010-05-26 19:08:37 +00:00
. 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-icons-only . ui-icon { position : absolute ; top : 50 % ; margin-top : -8 px ; }
2010-01-07 03:19:50 +00:00
. ui-button-icon-only . ui-icon { left : 50 % ; margin-left : -8 px ; }
2010-05-26 19:08:37 +00:00
. ui-button-text-icon-primary . ui-button-icon-primary , . ui-button-text-icons . ui-button-icon-primary , . ui-button-icons-only . ui-button-icon-primary { left : .5 em ; }
. ui-button-text-icon-secondary . ui-button-icon-secondary , . ui-button-text-icons . ui-button-icon-secondary , . ui-button-icons-only . ui-button-icon-secondary { right : .5 em ; }
2010-01-07 03:19:50 +00:00
. ui-button-text-icons . ui-button-icon-secondary , . ui-button-icons-only . ui-button-icon-secondary { right : .5 em ; }
/*button sets*/
2010-03-17 13:16:40 +00:00
. ui-buttonset { margin-right : 7 px ; }
. ui-buttonset . ui-button { margin-left : 0 ; margin-right : -.3 em ; }
2010-01-07 03:19:50 +00:00
/* workarounds */
button . ui-button :: -moz-focus-inner { border : 0 ; padding : 0 ; } /* reset extra padding in Firefox */