You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

98 lines
2.7 KiB

9 years ago
  1. /*!
  2. Pure v0.6.0
  3. Copyright 2014 Yahoo! Inc. All rights reserved.
  4. Licensed under the BSD License.
  5. https://github.com/yahoo/pure/blob/master/LICENSE.md
  6. */
  7. .pure-button {
  8. /* Structure */
  9. display: inline-block;
  10. zoom: 1;
  11. line-height: normal;
  12. white-space: nowrap;
  13. vertical-align: middle;
  14. text-align: center;
  15. cursor: pointer;
  16. -webkit-user-drag: none;
  17. -webkit-user-select: none;
  18. -moz-user-select: none;
  19. -ms-user-select: none;
  20. user-select: none;
  21. -webkit-box-sizing: border-box;
  22. -moz-box-sizing: border-box;
  23. box-sizing: border-box;
  24. }
  25. /* Firefox: Get rid of the inner focus border */
  26. .pure-button::-moz-focus-inner {
  27. padding: 0;
  28. border: 0;
  29. }
  30. /*csslint outline-none:false*/
  31. .pure-button {
  32. font-family: inherit;
  33. font-size: 100%;
  34. padding: 0.5em 1em;
  35. color: #444; /* rgba not supported (IE 8) */
  36. color: rgba(0, 0, 0, 0.80); /* rgba supported */
  37. border: 1px solid #999; /*IE 6/7/8*/
  38. border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
  39. background-color: #E6E6E6;
  40. text-decoration: none;
  41. border-radius: 2px;
  42. }
  43. .pure-button-hover,
  44. .pure-button:hover,
  45. .pure-button:focus {
  46. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  47. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
  48. background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  49. background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
  50. background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  51. background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  52. }
  53. .pure-button:focus {
  54. outline: 0;
  55. }
  56. .pure-button-active,
  57. .pure-button:active {
  58. box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
  59. border-color: #000\9;
  60. }
  61. .pure-button[disabled],
  62. .pure-button-disabled,
  63. .pure-button-disabled:hover,
  64. .pure-button-disabled:focus,
  65. .pure-button-disabled:active {
  66. border: none;
  67. background-image: none;
  68. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  69. filter: alpha(opacity=40);
  70. -khtml-opacity: 0.40;
  71. -moz-opacity: 0.40;
  72. opacity: 0.40;
  73. cursor: not-allowed;
  74. box-shadow: none;
  75. }
  76. .pure-button-hidden {
  77. display: none;
  78. }
  79. /* Firefox: Get rid of the inner focus border */
  80. .pure-button::-moz-focus-inner{
  81. padding: 0;
  82. border: 0;
  83. }
  84. .pure-button-primary,
  85. .pure-button-selected,
  86. a.pure-button-primary,
  87. a.pure-button-selected {
  88. background-color: rgb(0, 120, 231);
  89. color: #fff;
  90. }