You are here

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
  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. /* button text element */
  44. .ui-button .ui-button-text {
  45. display: block;
  46. line-height: normal;
  47. }
  48. .ui-button-text-only .ui-button-text {
  49. padding: .4em 1em;
  50. }
  51. .ui-button-icon-only .ui-button-text,
  52. .ui-button-icons-only .ui-button-text {
  53. padding: .4em;
  54. text-indent: -9999999px;
  55. }
  56. .ui-button-text-icon-primary .ui-button-text,
  57. .ui-button-text-icons .ui-button-text {
  58. padding: .4em 1em .4em 2.1em;
  59. }
  60. .ui-button-text-icon-secondary .ui-button-text,
  61. .ui-button-text-icons .ui-button-text {
  62. padding: .4em 2.1em .4em 1em;
  63. }
  64. .ui-button-text-icons .ui-button-text {
  65. padding-left: 2.1em;
  66. padding-right: 2.1em;
  67. }
  68. /* no icon support for input elements, provide padding by default */
  69. input.ui-button {
  70. padding: .4em 1em;
  71. }
  72. /* button icon element(s) */
  73. .ui-button-icon-only .ui-icon,
  74. .ui-button-text-icon-primary .ui-icon,
  75. .ui-button-text-icon-secondary .ui-icon,
  76. .ui-button-text-icons .ui-icon,
  77. .ui-button-icons-only .ui-icon {
  78. position: absolute;
  79. top: 50%;
  80. margin-top: -8px;
  81. }
  82. .ui-button-icon-only .ui-icon {
  83. left: 50%;
  84. margin-left: -8px;
  85. }
  86. .ui-button-text-icon-primary .ui-button-icon-primary,
  87. .ui-button-text-icons .ui-button-icon-primary,
  88. .ui-button-icons-only .ui-button-icon-primary {
  89. left: .5em;
  90. }
  91. .ui-button-text-icon-secondary .ui-button-icon-secondary,
  92. .ui-button-text-icons .ui-button-icon-secondary,
  93. .ui-button-icons-only .ui-button-icon-secondary {
  94. right: .5em;
  95. }
  96. /* button sets */
  97. .ui-buttonset {
  98. margin-right: 7px;
  99. }
  100. .ui-buttonset .ui-button {
  101. margin-left: 0;
  102. margin-right: -.3em;
  103. }
  104. /* workarounds */
  105. /* reset extra padding in Firefox, see h5bp.com/l */
  106. input.ui-button::-moz-focus-inner,
  107. button.ui-button::-moz-focus-inner {
  108. border: 0;
  109. padding: 0;
  110. }