flatbutton.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /*
  2. * Copyright 2009 The Closure Library Authors. All Rights Reserved.
  3. *
  4. * Use of this source code is governed by the Apache License, Version 2.0.
  5. * See the COPYING file for details.
  6. */
  7. /*
  8. * Styling for flat buttons created by goog.ui.FlatButtonRenderer.
  9. *
  10. * @author brianp@google.com (Brian Peterson)
  11. */
  12. .goog-flat-button {
  13. position: relative;
  14. /*width: 20ex;*/
  15. margin: 2px;
  16. border: 1px solid #000;
  17. padding: 2px 6px;
  18. font: normal 13px "Trebuchet MS", Tahoma, Arial, sans-serif;
  19. color: #fff;
  20. background-color: #8c2425;
  21. cursor: pointer;
  22. outline: none;
  23. }
  24. /* State: disabled. */
  25. .goog-flat-button-disabled {
  26. border-color: #888;
  27. color: #888;
  28. background-color: #ccc;
  29. cursor: default;
  30. }
  31. /* State: hover. */
  32. .goog-flat-button-hover {
  33. border-color: #8c2425;
  34. color: #8c2425;
  35. background-color: #eaa4a5;
  36. }
  37. /* State: active, selected, checked. */
  38. .goog-flat-button-active,
  39. .goog-flat-button-selected,
  40. .goog-flat-button-checked {
  41. border-color: #5b4169;
  42. color: #5b4169;
  43. background-color: #d1a8ea;
  44. }
  45. /* State: focused. */
  46. .goog-flat-button-focused {
  47. border-color: #5b4169;
  48. }
  49. /* Pill (collapsed border) styles. */
  50. .goog-flat-button-collapse-right {
  51. margin-right: 0;
  52. }
  53. .goog-flat-button-collapse-left {
  54. margin-left: 0;
  55. border-left: none;
  56. }