nouislider.pips.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /* Base;
  2. *
  3. */
  4. .noUi-pips,
  5. .noUi-pips * {
  6. -moz-box-sizing: border-box;
  7. box-sizing: border-box;
  8. }
  9. .noUi-pips {
  10. position: absolute;
  11. color: #999;
  12. }
  13. /* Values;
  14. *
  15. */
  16. .noUi-value {
  17. width: 40px;
  18. position: absolute;
  19. text-align: center;
  20. }
  21. .noUi-value-sub {
  22. color: #ccc;
  23. font-size: 10px;
  24. }
  25. /* Markings;
  26. *
  27. */
  28. .noUi-marker {
  29. position: absolute;
  30. background: #CCC;
  31. }
  32. .noUi-marker-sub {
  33. background: #AAA;
  34. }
  35. .noUi-marker-large {
  36. background: #AAA;
  37. }
  38. /* Horizontal layout;
  39. *
  40. */
  41. .noUi-pips-horizontal {
  42. padding: 10px 0;
  43. height: 50px;
  44. top: 100%;
  45. left: 0;
  46. width: 100%;
  47. }
  48. .noUi-value-horizontal {
  49. margin-left: -20px;
  50. padding-top: 20px;
  51. }
  52. .noUi-value-horizontal.noUi-value-sub {
  53. padding-top: 15px;
  54. }
  55. .noUi-marker-horizontal.noUi-marker {
  56. margin-left: -1px;
  57. width: 2px;
  58. height: 5px;
  59. }
  60. .noUi-marker-horizontal.noUi-marker-sub {
  61. height: 10px;
  62. }
  63. .noUi-marker-horizontal.noUi-marker-large {
  64. height: 15px;
  65. }
  66. /* Vertical layout;
  67. *
  68. */
  69. .noUi-pips-vertical {
  70. padding: 0 10px;
  71. height: 100%;
  72. top: 0;
  73. left: 100%;
  74. }
  75. .noUi-value-vertical {
  76. width: 15px;
  77. margin-left: 20px;
  78. margin-top: -5px;
  79. }
  80. .noUi-marker-vertical.noUi-marker {
  81. width: 5px;
  82. height: 2px;
  83. margin-top: -1px;
  84. }
  85. .noUi-marker-vertical.noUi-marker-sub {
  86. width: 10px;
  87. }
  88. .noUi-marker-vertical.noUi-marker-large {
  89. width: 15px;
  90. }