ext-component-sliders.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. .noUi-target {
  2. background-color: rgba(115, 103, 240, 0.12);
  3. border-width: 0;
  4. box-shadow: none;
  5. border-radius: 1rem; }
  6. .noUi-target.noUi-connect {
  7. box-shadow: none; }
  8. .noUi-horizontal {
  9. height: 6px; }
  10. .noUi-horizontal .noUi-handle {
  11. width: 1rem;
  12. height: 1rem;
  13. cursor: pointer;
  14. right: -0.5rem;
  15. top: -4px; }
  16. .noUi-horizontal .noUi-tooltip {
  17. bottom: 135% !important; }
  18. .noUi-pips {
  19. color: #b9b9c3; }
  20. .noUi-marker {
  21. background: #ebe9f1; }
  22. .noUi-value {
  23. font-size: 0.857rem; }
  24. .noUi-marker-horizontal.noUi-marker,
  25. .noUi-marker-horizontal.noUi-marker-large {
  26. height: 8px; }
  27. .noUi-handle {
  28. box-shadow: none;
  29. border: none;
  30. border-radius: 50%;
  31. background: #fff;
  32. border: 2px solid #7367f0; }
  33. .noUi-handle:after, .noUi-handle:before {
  34. display: none; }
  35. .noUi-connect {
  36. background: #7367f0;
  37. box-shadow: none; }
  38. .noUi-tooltip {
  39. transform: translate(-10%, -50%);
  40. font-size: 0.857rem;
  41. border: none;
  42. color: #6e6b7b;
  43. background-color: #f8f8f8;
  44. padding: 0.1718rem 0.35rem;
  45. font-weight: 500; }
  46. .noUi-vertical {
  47. display: inline-block;
  48. width: 6px; }
  49. .noUi-vertical .noUi-origin {
  50. right: auto; }
  51. .noUi-vertical .noUi-handle {
  52. width: 1rem;
  53. height: 1rem;
  54. top: -0.375rem;
  55. left: -0.3rem; }
  56. .noUi-vertical .noUi-tooltip {
  57. right: 135% !important; }
  58. .hover_val {
  59. font: 400 12px Arial;
  60. color: #6e6b7b;
  61. display: block;
  62. margin: 15px 0; }
  63. .noUi-handle:focus {
  64. outline: 0; }
  65. _:-ms-lang(x),
  66. .slider-select {
  67. flex: 0 0 10%;
  68. max-width: 10%; }
  69. .dark-layout .noUi-handle {
  70. background-color: #283046; }
  71. .dark-layout .noUi-tooltip {
  72. background-color: #161d31;
  73. color: #b4b7bd; }
  74. .dark-layout .noUi-pips,
  75. .dark-layout .noUi-value {
  76. color: #b4b7bd; }
  77. .dark-layout .noUi-marker {
  78. background: #3b4253; }
  79. [data-textdirection='rtl'] .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  80. right: auto; }
  81. [data-textdirection='rtl'] .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  82. left: -3px; }