You are here

buttons.css in Dialog 7.2

Styles for Bartik's buttons.

File

themes/bartik/css/components/buttons.css
View source
  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.250em 1.063em;
  20. border-radius: 1em;
  21. }
  22. .button:hover,
  23. .button:active,
  24. .button:focus {
  25. background: #dedede;
  26. color: #5a5a5a;
  27. text-decoration: none;
  28. }
  29. .button.is-disabled:hover,
  30. .button.is-disabled:active,
  31. .button.is-disabled:focus,
  32. .button.is-disabled {
  33. background: #ededed;
  34. border-color: #bbb;
  35. color: #717171;
  36. cursor: default;
  37. }