button.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /*!
  2. * jQuery UI Button 1.11.4
  3. * http://jqueryui.com
  4. *
  5. * Copyright jQuery Foundation and other contributors
  6. * Released under the MIT license.
  7. * http://jquery.org/license
  8. *
  9. * http://api.jqueryui.com/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. }