spinner.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .spinner-arrow {
  2. background-color: #E0ECFF;
  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, .spinner-arrow-down {
  13. opacity: 0.6;
  14. filter: alpha(opacity = 60);
  15. display: block;
  16. font-size: 1px;
  17. width: 18px;
  18. height: 10px;
  19. width: 100%;
  20. height: 50%;
  21. color: #444;
  22. outline-style: none;
  23. }
  24. .spinner-arrow-hover {
  25. background-color: #eaf2ff;
  26. opacity: 1.0;
  27. filter: alpha(opacity = 100);
  28. }
  29. .spinner-arrow-up:hover, .spinner-arrow-down:hover {
  30. opacity: 1.0;
  31. filter: alpha(opacity = 100);
  32. background-color: #eaf2ff;
  33. }
  34. .textbox-icon-disabled .spinner-arrow-up:hover, .textbox-icon-disabled .spinner-arrow-down:hover
  35. {
  36. opacity: 0.6;
  37. filter: alpha(opacity = 60);
  38. background-color: #E0ECFF;
  39. cursor: default;
  40. }
  41. .spinner .textbox-icon-disabled {
  42. opacity: 0.6;
  43. filter: alpha(opacity = 60);
  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. }