spinner.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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: #f5f5f5;
  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: #404040;
  28. outline-style: none;
  29. background-color: #f5f5f5;
  30. }
  31. .spinner-button-updown {
  32. opacity: 1.0;
  33. }
  34. .spinner-button-updown .spinner-button-top,
  35. .spinner-button-updown .spinner-button-bottom {
  36. position: relative;
  37. display: block;
  38. width: 100%;
  39. height: 50%;
  40. }
  41. .spinner-button-updown .spinner-arrow-up,
  42. .spinner-button-updown .spinner-arrow-down {
  43. opacity: 1.0;
  44. filter: alpha(opacity=100);
  45. cursor: pointer;
  46. width: 16px;
  47. height: 16px;
  48. top: 50%;
  49. left: 50%;
  50. margin-top: -8px;
  51. margin-left: -8px;
  52. position: absolute;
  53. }
  54. .spinner-button-updown .spinner-button-top,
  55. .spinner-button-updown .spinner-button-bottom {
  56. cursor: pointer;
  57. opacity: 0.6;
  58. filter: alpha(opacity=60);
  59. }
  60. .spinner-button-updown .spinner-button-top:hover,
  61. .spinner-button-updown .spinner-button-bottom:hover {
  62. opacity: 1.0;
  63. filter: alpha(opacity=100);
  64. }
  65. .spinner-button-updown .spinner-arrow-up,
  66. .spinner-button-updown .spinner-arrow-down,
  67. .spinner-button-updown .spinner-arrow-up:hover,
  68. .spinner-button-updown .spinner-arrow-down:hover {
  69. background-color: transparent;
  70. }
  71. .spinner-arrow-hover {
  72. background-color: #eee;
  73. opacity: 1.0;
  74. filter: alpha(opacity=100);
  75. }
  76. .spinner-button-top:hover,
  77. .spinner-button-bottom:hover,
  78. .spinner-button-left:hover,
  79. .spinner-button-right:hover,
  80. .spinner-arrow-up:hover,
  81. .spinner-arrow-down:hover {
  82. opacity: 1.0;
  83. filter: alpha(opacity=100);
  84. background-color: #eee;
  85. }
  86. .textbox-disabled .spinner-button-top:hover,
  87. .textbox-disabled .spinner-button-bottom:hover,
  88. .textbox-disabled .spinner-button-left:hover,
  89. .textbox-disabled .spinner-button-right:hover,
  90. .textbox-icon-disabled .spinner-arrow-up:hover,
  91. .textbox-icon-disabled .spinner-arrow-down:hover {
  92. opacity: 0.6;
  93. filter: alpha(opacity=60);
  94. background-color: #f5f5f5;
  95. cursor: default;
  96. }
  97. .spinner .textbox-icon-disabled {
  98. opacity: 0.6;
  99. filter: alpha(opacity=60);
  100. }
  101. .spinner-arrow-up {
  102. background: url('images/spinner_arrows.png') no-repeat 1px center;
  103. background-color: #f5f5f5;
  104. }
  105. .spinner-arrow-down {
  106. background: url('images/spinner_arrows.png') no-repeat -15px center;
  107. background-color: #f5f5f5;
  108. }
  109. .spinner-button-up {
  110. background: url('images/spinner_arrows.png') no-repeat -32px center;
  111. }
  112. .spinner-button-down {
  113. background: url('images/spinner_arrows.png') no-repeat -48px center;
  114. }