spinner.css 971 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .ui-spinner {
  2. display: inline-block;
  3. overflow: visible;
  4. padding: 0;
  5. position: relative;
  6. vertical-align: middle;
  7. }
  8. .ui-spinner-input {
  9. vertical-align: middle;
  10. padding-right: 1.5em;
  11. }
  12. .ui-spinner-button {
  13. cursor: default;
  14. display: block;
  15. height: 50%;
  16. margin: 0;
  17. overflow: hidden;
  18. padding: 0;
  19. position: absolute;
  20. right: 0;
  21. text-align: center;
  22. vertical-align: middle;
  23. width: 1.5em;
  24. }
  25. .ui-spinner .ui-spinner-button-icon {
  26. position: absolute;
  27. top: 50%;
  28. left: 50%;
  29. margin-top: -.5em;
  30. margin-left: -.5em;
  31. width: 1em;
  32. }
  33. .ui-spinner-up {
  34. top: 0;
  35. }
  36. .ui-spinner-down {
  37. bottom: 0;
  38. }
  39. /* Fluid */
  40. .ui-fluid .ui-spinner {
  41. width: 100%;
  42. }
  43. .ui-fluid .ui-spinner .ui-spinner-input {
  44. padding-right: 2em;
  45. width: 100%;
  46. }
  47. .ui-fluid .ui-spinner .ui-spinner-button {
  48. width: 1.5em;
  49. }
  50. .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  51. left: .7em;
  52. }