spinner.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. margin: 0;
  15. padding: 0 2px;
  16. vertical-align: baseline;
  17. }
  18. .spinner-arrow {
  19. background-color: #f3f3f3;
  20. display: inline-block;
  21. overflow: hidden;
  22. vertical-align: top;
  23. margin: 0;
  24. padding: 0;
  25. opacity: 1.0;
  26. filter: alpha(opacity=100);
  27. width: 18px;
  28. }
  29. .spinner-arrow-up,
  30. .spinner-arrow-down {
  31. opacity: 0.6;
  32. filter: alpha(opacity=60);
  33. display: block;
  34. font-size: 1px;
  35. width: 18px;
  36. height: 10px;
  37. width: 100%;
  38. height: 50%;
  39. color: #444;
  40. outline-style: none;
  41. }
  42. .spinner-arrow-hover {
  43. background-color: #e2e2e2;
  44. opacity: 1.0;
  45. filter: alpha(opacity=100);
  46. }
  47. .spinner-arrow-up:hover,
  48. .spinner-arrow-down:hover {
  49. opacity: 1.0;
  50. filter: alpha(opacity=100);
  51. background-color: #e2e2e2;
  52. }
  53. .textbox-icon-disabled .spinner-arrow-up:hover,
  54. .textbox-icon-disabled .spinner-arrow-down:hover {
  55. opacity: 0.6;
  56. filter: alpha(opacity=60);
  57. background-color: #f3f3f3;
  58. cursor: default;
  59. }
  60. .spinner .textbox-icon-disabled {
  61. opacity: 0.6;
  62. filter: alpha(opacity=60);
  63. }
  64. .spinner-arrow-up {
  65. background: url('images/spinner_arrows.png') no-repeat 1px center;
  66. }
  67. .spinner-arrow-down {
  68. background: url('images/spinner_arrows.png') no-repeat -15px center;
  69. }
  70. .spinner {
  71. border-color: #D3D3D3;
  72. }