button.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /*!
  2. * jQuery UI Button 1.12.1
  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. padding: .4em 1em;
  13. display: inline-block;
  14. position: relative;
  15. line-height: normal;
  16. margin-right: .1em;
  17. cursor: pointer;
  18. vertical-align: middle;
  19. text-align: center;
  20. -webkit-user-select: none;
  21. -moz-user-select: none;
  22. -ms-user-select: none;
  23. user-select: none;
  24. /* Support: IE <= 11 */
  25. overflow: visible;
  26. }
  27. .ui-button,
  28. .ui-button:link,
  29. .ui-button:visited,
  30. .ui-button:hover,
  31. .ui-button:active {
  32. text-decoration: none;
  33. }
  34. /* to make room for the icon, a width needs to be set here */
  35. .ui-button-icon-only {
  36. width: 2em;
  37. box-sizing: border-box;
  38. text-indent: -9999px;
  39. white-space: nowrap;
  40. }
  41. /* no icon support for input elements */
  42. input.ui-button.ui-button-icon-only {
  43. text-indent: 0;
  44. }
  45. /* button icon element(s) */
  46. .ui-button-icon-only .ui-icon {
  47. position: absolute;
  48. top: 50%;
  49. left: 50%;
  50. margin-top: -8px;
  51. margin-left: -8px;
  52. }
  53. .ui-button.ui-icon-notext .ui-icon {
  54. padding: 0;
  55. width: 2.1em;
  56. height: 2.1em;
  57. text-indent: -9999px;
  58. white-space: nowrap;
  59. }
  60. input.ui-button.ui-icon-notext .ui-icon {
  61. width: auto;
  62. height: auto;
  63. text-indent: 0;
  64. white-space: normal;
  65. padding: .4em 1em;
  66. }
  67. /* workarounds */
  68. /* Support: Firefox 5 - 40 */
  69. input.ui-button::-moz-focus-inner,
  70. button.ui-button::-moz-focus-inner {
  71. border: 0;
  72. padding: 0;
  73. }