buttons.css 924 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /**
  2. * @file
  3. * Styles for Bartik's buttons.
  4. */
  5. .button {
  6. background-color: #fff;
  7. background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  8. background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  9. border: 1px solid #e4e4e4;
  10. border-bottom-color: #b4b4b4;
  11. border-left-color: #d2d2d2;
  12. border-right-color: #d2d2d2;
  13. color: #3a3a3a;
  14. cursor: pointer;
  15. font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  16. font-size: 0.929em;
  17. font-weight: normal;
  18. text-align: center;
  19. padding: 0.25em 1.063em;
  20. border-radius: 1em;
  21. display: inline-block;
  22. line-height: normal;
  23. }
  24. .button:hover,
  25. .button:active,
  26. .button:focus {
  27. background: #dedede;
  28. color: #5a5a5a;
  29. text-decoration: none;
  30. }
  31. .button.is-disabled:hover,
  32. .button.is-disabled:active,
  33. .button.is-disabled:focus,
  34. .button.is-disabled {
  35. background: #ededed;
  36. border-color: #bbb;
  37. color: #717171;
  38. cursor: default;
  39. }