spinner.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .spinner-arrow {
  2. display: inline-block;
  3. overflow: hidden;
  4. vertical-align: top;
  5. margin: 0;
  6. padding: 0;
  7. opacity: 1.0;
  8. filter: alpha(opacity=100);
  9. width: 18px;
  10. }
  11. .spinner-arrow.spinner-button-top,
  12. .spinner-arrow.spinner-button-bottom,
  13. .spinner-arrow.spinner-button-left,
  14. .spinner-arrow.spinner-button-right {
  15. background-color: #E0ECFF;
  16. }
  17. .spinner-arrow-up,
  18. .spinner-arrow-down {
  19. opacity: 0.6;
  20. filter: alpha(opacity=60);
  21. display: block;
  22. font-size: 1px;
  23. width: 18px;
  24. height: 10px;
  25. width: 100%;
  26. height: 50%;
  27. color: #444;
  28. outline-style: none;
  29. background-color: #E0ECFF;
  30. }
  31. .spinner-arrow-hover {
  32. background-color: #eaf2ff;
  33. opacity: 1.0;
  34. filter: alpha(opacity=100);
  35. }
  36. .spinner-button-top:hover,
  37. .spinner-button-bottom:hover,
  38. .spinner-button-left:hover,
  39. .spinner-button-right:hover,
  40. .spinner-arrow-up:hover,
  41. .spinner-arrow-down:hover {
  42. opacity: 1.0;
  43. filter: alpha(opacity=100);
  44. background-color: #eaf2ff;
  45. }
  46. .textbox-disabled .spinner-button-top:hover,
  47. .textbox-disabled .spinner-button-bottom:hover,
  48. .textbox-disabled .spinner-button-left:hover,
  49. .textbox-disabled .spinner-button-right:hover,
  50. .textbox-icon-disabled .spinner-arrow-up:hover,
  51. .textbox-icon-disabled .spinner-arrow-down:hover {
  52. opacity: 0.6;
  53. filter: alpha(opacity=60);
  54. background-color: #E0ECFF;
  55. cursor: default;
  56. }
  57. .spinner .textbox-icon-disabled {
  58. opacity: 0.6;
  59. filter: alpha(opacity=60);
  60. }
  61. .spinner-arrow-up {
  62. background: url('images/spinner_arrows.png') no-repeat 1px center;
  63. background-color: #E0ECFF;
  64. }
  65. .spinner-arrow-down {
  66. background: url('images/spinner_arrows.png') no-repeat -15px center;
  67. background-color: #E0ECFF;
  68. }
  69. .spinner-button-up {
  70. background: url('images/spinner_arrows.png') no-repeat -32px center;
  71. }
  72. .spinner-button-down {
  73. background: url('images/spinner_arrows.png') no-repeat -48px center;
  74. }