jquery.ui.button.css in jQuery Update 7.2
/*!
* jQuery UI Button 1.10.2
* http://jqueryui.com
*
* Copyright 2013 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.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: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.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: .5em;
}
.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: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
File
replace/ui/themes/base/jquery.ui.button.css
View source
- /*!
- * jQuery UI Button 1.10.2
- * http://jqueryui.com
- *
- * Copyright 2013 jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Button#theming
- */
- .ui-button {
- display: inline-block;
- position: relative;
- padding: 0;
- line-height: normal;
- margin-right: .1em;
- cursor: pointer;
- vertical-align: middle;
- text-align: center;
- overflow: visible; /* removes extra width in IE */
- }
- .ui-button,
- .ui-button:link,
- .ui-button:visited,
- .ui-button:hover,
- .ui-button:active {
- text-decoration: none;
- }
- /* to make room for the icon, a width needs to be set here */
- .ui-button-icon-only {
- width: 2.2em;
- }
- /* button elements seem to need a little more width */
- button.ui-button-icon-only {
- width: 2.4em;
- }
- .ui-button-icons-only {
- width: 3.4em;
- }
- button.ui-button-icons-only {
- width: 3.7em;
- }
-
- /* button text element */
- .ui-button .ui-button-text {
- display: block;
- line-height: normal;
- }
- .ui-button-text-only .ui-button-text {
- padding: .4em 1em;
- }
- .ui-button-icon-only .ui-button-text,
- .ui-button-icons-only .ui-button-text {
- padding: .4em;
- text-indent: -9999999px;
- }
- .ui-button-text-icon-primary .ui-button-text,
- .ui-button-text-icons .ui-button-text {
- padding: .4em 1em .4em 2.1em;
- }
- .ui-button-text-icon-secondary .ui-button-text,
- .ui-button-text-icons .ui-button-text {
- padding: .4em 2.1em .4em 1em;
- }
- .ui-button-text-icons .ui-button-text {
- padding-left: 2.1em;
- padding-right: 2.1em;
- }
- /* no icon support for input elements, provide padding by default */
- input.ui-button {
- padding: .4em 1em;
- }
-
- /* button icon element(s) */
- .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: -8px;
- }
- .ui-button-icon-only .ui-icon {
- left: 50%;
- margin-left: -8px;
- }
- .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: .5em;
- }
- .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: .5em;
- }
-
- /* button sets */
- .ui-buttonset {
- margin-right: 7px;
- }
- .ui-buttonset .ui-button {
- margin-left: 0;
- margin-right: -.3em;
- }
-
- /* workarounds */
- /* reset extra padding in Firefox, see h5bp.com/l */
- input.ui-button::-moz-focus-inner,
- button.ui-button::-moz-focus-inner {
- border: 0;
- padding: 0;
- }