splitbutton.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. font-size: 12px;
  11. _vertical-align: middle;
  12. }
  13. a.s-btn-active {
  14. background-position: bottom right;
  15. }
  16. a.s-btn-active span.l-btn-left {
  17. background-position: bottom left;
  18. }
  19. a.s-btn-plain-active {
  20. background: transparent;
  21. padding: 0 5px 0 0;
  22. border-width: 1px;
  23. border-style: solid;
  24. -moz-border-radius: 0px 0px 0px 0px;
  25. -webkit-border-radius: 0px 0px 0px 0px;
  26. border-radius: 0px 0px 0px 0px;
  27. }
  28. .s-btn-downarrow {
  29. background: url('images/menu_arrows.png') no-repeat 2px center;
  30. border-color: #de8033;
  31. }
  32. a:hover.l-btn .s-btn-downarrow,
  33. a.s-btn-active .s-btn-downarrow,
  34. a.s-btn-plain-active .s-btn-downarrow {
  35. background-position: 1px center;
  36. padding: 0;
  37. border-width: 0 0 0 1px;
  38. }
  39. a.s-btn-plain-active {
  40. border-color: #fff7d6;
  41. background-color: #fff7d6;
  42. color: #404040;
  43. }