jquery.ui.button.css 

/*!
 * 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

drupal/core/misc/ui/themes/base/jquery.ui.button.css
View source
  1. /*!

  2.  * jQuery UI Button 1.10.2

  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. }