splitbutton.css 962 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .s-btn-downarrow {
  2. display: inline-block;
  3. margin: 0 0 0 4px;
  4. padding: 0 0 0 1px;
  5. width: 14px;
  6. height: 16px;
  7. line-height: 16px;
  8. border-width: 0;
  9. border-style: solid;
  10. _vertical-align: middle;
  11. }
  12. a.s-btn-active {
  13. background-position: bottom right;
  14. }
  15. a.s-btn-active span.l-btn-left {
  16. background-position: bottom left;
  17. }
  18. a.s-btn-plain-active {
  19. background: transparent;
  20. padding: 0 5px 0 0;
  21. border-width: 1px;
  22. border-style: solid;
  23. -moz-border-radius: 0px 0px 0px 0px;
  24. -webkit-border-radius: 0px 0px 0px 0px;
  25. border-radius: 0px 0px 0px 0px;
  26. }
  27. .s-btn-downarrow {
  28. background: url('images/menu_arrows.png') no-repeat 2px center;
  29. border-color: #1a7bc9;
  30. }
  31. a:hover.l-btn .s-btn-downarrow,
  32. a.s-btn-active .s-btn-downarrow,
  33. a.s-btn-plain-active .s-btn-downarrow {
  34. background-position: 1px center;
  35. padding: 0;
  36. border-width: 0 0 0 1px;
  37. }
  38. a.s-btn-plain-active {
  39. border-color: #9cc8f7;
  40. background-color: #9cc8f7;
  41. color: #404040;
  42. }