spinner.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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: #daeef5;
  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, .spinner-arrow-down {
  30. opacity: 0.6;
  31. filter: alpha(opacity = 60);
  32. display: block;
  33. font-size: 1px;
  34. width: 18px;
  35. height: 10px;
  36. width: 100%;
  37. height: 50%;
  38. color: #404040;
  39. outline-style: none;
  40. }
  41. .spinner-arrow-hover {
  42. background-color: #9cc8f7;
  43. opacity: 1.0;
  44. filter: alpha(opacity = 100);
  45. }
  46. .spinner-arrow-up:hover, .spinner-arrow-down:hover {
  47. opacity: 1.0;
  48. filter: alpha(opacity = 100);
  49. background-color: #9cc8f7;
  50. }
  51. .textbox-icon-disabled .spinner-arrow-up:hover, .textbox-icon-disabled .spinner-arrow-down:hover
  52. {
  53. opacity: 0.6;
  54. filter: alpha(opacity = 60);
  55. background-color: #daeef5;
  56. cursor: default;
  57. }
  58. .spinner .textbox-icon-disabled {
  59. opacity: 0.6;
  60. filter: alpha(opacity = 60);
  61. }
  62. .spinner-arrow-up {
  63. background: url('images/spinner_arrows.png') no-repeat 1px center;
  64. }
  65. .spinner-arrow-down {
  66. background: url('images/spinner_arrows.png') no-repeat -15px center;
  67. }
  68. .spinner {
  69. border-color: #c3d9e0;
  70. }