spinner.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .spinner {
  2. display: inline-block;
  3. white-space: nowrap;
  4. margin: 0;
  5. padding: 0;
  6. border-width: 1px;
  7. border-style: solid;
  8. overflow: hidden;
  9. vertical-align: middle;
  10. }
  11. .spinner .spinner-text {
  12. font-size: 12px;
  13. border: 0px;
  14. line-height: 20px;
  15. height: 20px;
  16. margin: 0;
  17. padding: 0 2px;
  18. *margin-top: -1px;
  19. *height: 18px;
  20. *line-height: 18px;
  21. _height: 18px;
  22. _line-height: 18px;
  23. vertical-align: baseline;
  24. }
  25. .spinner-arrow {
  26. display: inline-block;
  27. overflow: hidden;
  28. vertical-align: top;
  29. margin: 0;
  30. padding: 0;
  31. }
  32. .spinner-arrow-up,
  33. .spinner-arrow-down {
  34. opacity: 0.6;
  35. filter: alpha(opacity=60);
  36. display: block;
  37. font-size: 1px;
  38. width: 18px;
  39. height: 10px;
  40. }
  41. .spinner-arrow-hover {
  42. opacity: 1.0;
  43. filter: alpha(opacity=100);
  44. }
  45. .spinner-arrow-up {
  46. background: url('images/spinner_arrows.png') no-repeat 1px center;
  47. }
  48. .spinner-arrow-down {
  49. background: url('images/spinner_arrows.png') no-repeat -15px center;
  50. }
  51. .spinner {
  52. border-color: #c3d9e0;
  53. }
  54. .spinner-arrow {
  55. background-color: #daeef5;
  56. }
  57. .spinner-arrow-hover {
  58. background-color: #9cc8f7;
  59. }