spinner.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .spinner-arrow {
  2. background-color: #daeef5;
  3. display: inline-block;
  4. overflow: hidden;
  5. vertical-align: top;
  6. margin: 0;
  7. padding: 0;
  8. opacity: 1.0;
  9. filter: alpha(opacity=100);
  10. width: 18px;
  11. }
  12. .spinner-arrow-up,
  13. .spinner-arrow-down {
  14. opacity: 0.6;
  15. filter: alpha(opacity=60);
  16. display: block;
  17. font-size: 1px;
  18. width: 18px;
  19. height: 10px;
  20. width: 100%;
  21. height: 50%;
  22. color: #404040;
  23. outline-style: none;
  24. }
  25. .spinner-arrow-hover {
  26. background-color: #9cc8f7;
  27. opacity: 1.0;
  28. filter: alpha(opacity=100);
  29. }
  30. .spinner-arrow-up:hover,
  31. .spinner-arrow-down:hover {
  32. opacity: 1.0;
  33. filter: alpha(opacity=100);
  34. background-color: #9cc8f7;
  35. }
  36. .textbox-icon-disabled .spinner-arrow-up:hover,
  37. .textbox-icon-disabled .spinner-arrow-down:hover {
  38. opacity: 0.6;
  39. filter: alpha(opacity=60);
  40. background-color: #daeef5;
  41. cursor: default;
  42. }
  43. .spinner .textbox-icon-disabled {
  44. opacity: 0.6;
  45. filter: alpha(opacity=60);
  46. }
  47. .spinner-arrow-up {
  48. background: url('images/spinner_arrows.png') no-repeat 1px center;
  49. }
  50. .spinner-arrow-down {
  51. background: url('images/spinner_arrows.png') no-repeat -15px center;
  52. }