From 0225bdb772d1334cc1aa7ab0fc3678df0864df6b Mon Sep 17 00:00:00 2001 From: AlisaLinUwU Date: Sun, 26 Jan 2025 10:42:28 +0500 Subject: Initialize --- .../ion-rangeslider/css/ion.rangeSlider.css | 675 +++++++++++++++++++++ 1 file changed, 675 insertions(+) create mode 100644 src/main/resources/static/plugins/ion-rangeslider/css/ion.rangeSlider.css (limited to 'src/main/resources/static/plugins/ion-rangeslider/css/ion.rangeSlider.css') diff --git a/src/main/resources/static/plugins/ion-rangeslider/css/ion.rangeSlider.css b/src/main/resources/static/plugins/ion-rangeslider/css/ion.rangeSlider.css new file mode 100644 index 0000000..93c0da8 --- /dev/null +++ b/src/main/resources/static/plugins/ion-rangeslider/css/ion.rangeSlider.css @@ -0,0 +1,675 @@ +/** +Ion.RangeSlider, 2.3.1 +© Denis Ineshin, 2010 - 2019, IonDen.com +Build date: 2019-12-19 16:51:02 +*/ +.irs { + position: relative; + display: block; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 12px; + font-family: Arial, sans-serif; +} +.irs-line { + position: relative; + display: block; + overflow: hidden; + outline: none !important; +} +.irs-bar { + position: absolute; + display: block; + left: 0; + width: 0; +} +.irs-shadow { + position: absolute; + display: none; + left: 0; + width: 0; +} +.irs-handle { + position: absolute; + display: block; + box-sizing: border-box; + cursor: default; + z-index: 1; +} +.irs-handle.type_last { + z-index: 2; +} +.irs-min, +.irs-max { + position: absolute; + display: block; + cursor: default; +} +.irs-min { + left: 0; +} +.irs-max { + right: 0; +} +.irs-from, +.irs-to, +.irs-single { + position: absolute; + display: block; + top: 0; + left: 0; + cursor: default; + white-space: nowrap; +} +.irs-grid { + position: absolute; + display: none; + bottom: 0; + left: 0; + width: 100%; + height: 20px; +} +.irs-with-grid .irs-grid { + display: block; +} +.irs-grid-pol { + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 8px; + background: #000; +} +.irs-grid-pol.small { + height: 4px; +} +.irs-grid-text { + position: absolute; + bottom: 0; + left: 0; + white-space: nowrap; + text-align: center; + font-size: 9px; + line-height: 9px; + padding: 0 3px; + color: #000; +} +.irs-disable-mask { + position: absolute; + display: block; + top: 0; + left: -1%; + width: 102%; + height: 100%; + cursor: default; + background: rgba(0, 0, 0, 0); + z-index: 2; +} +.lt-ie9 .irs-disable-mask { + background: #000; + filter: alpha(opacity=0); + cursor: not-allowed; +} +.irs-disabled { + opacity: 0.4; +} +.irs-hidden-input { + position: absolute !important; + display: block !important; + top: 0 !important; + left: 0 !important; + width: 0 !important; + height: 0 !important; + font-size: 0 !important; + line-height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden; + outline: none !important; + z-index: -9999 !important; + background: none !important; + border-style: solid !important; + border-color: transparent !important; +} +.irs--flat { + height: 40px; +} +.irs--flat.irs-with-grid { + height: 60px; +} +.irs--flat .irs-line { + top: 25px; + height: 12px; + background-color: #e1e4e9; + border-radius: 4px; +} +.irs--flat .irs-bar { + top: 25px; + height: 12px; + background-color: #ed5565; +} +.irs--flat .irs-bar--single { + border-radius: 4px 0 0 4px; +} +.irs--flat .irs-shadow { + height: 1px; + bottom: 16px; + background-color: #e1e4e9; +} +.irs--flat .irs-handle { + top: 22px; + width: 16px; + height: 18px; + background-color: transparent; +} +.irs--flat .irs-handle > i:first-child { + position: absolute; + display: block; + top: 0; + left: 50%; + width: 2px; + height: 100%; + margin-left: -1px; + background-color: #da4453; +} +.irs--flat .irs-handle.state_hover > i:first-child, +.irs--flat .irs-handle:hover > i:first-child { + background-color: #a43540; +} +.irs--flat .irs-min, +.irs--flat .irs-max { + top: 0; + padding: 1px 3px; + color: #999; + font-size: 10px; + line-height: 1.333; + text-shadow: none; + background-color: #e1e4e9; + border-radius: 4px; +} +.irs--flat .irs-from, +.irs--flat .irs-to, +.irs--flat .irs-single { + color: white; + font-size: 10px; + line-height: 1.333; + text-shadow: none; + padding: 1px 5px; + background-color: #ed5565; + border-radius: 4px; +} +.irs--flat .irs-from:before, +.irs--flat .irs-to:before, +.irs--flat .irs-single:before { + position: absolute; + display: block; + content: ""; + bottom: -6px; + left: 50%; + width: 0; + height: 0; + margin-left: -3px; + overflow: hidden; + border: 3px solid transparent; + border-top-color: #ed5565; +} +.irs--flat .irs-grid-pol { + background-color: #e1e4e9; +} +.irs--flat .irs-grid-text { + color: #999; +} +.irs--big { + height: 55px; +} +.irs--big.irs-with-grid { + height: 70px; +} +.irs--big .irs-line { + top: 33px; + height: 12px; + background-color: white; + background: linear-gradient(to bottom, #ddd -50%, white 150%); + border: 1px solid #ccc; + border-radius: 12px; +} +.irs--big .irs-bar { + top: 33px; + height: 12px; + background-color: #92bce0; + border: 1px solid #428bca; + background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); + box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); +} +.irs--big .irs-bar--single { + border-radius: 12px 0 0 12px; +} +.irs--big .irs-shadow { + height: 1px; + bottom: 16px; + background-color: rgba(66, 139, 202, 0.5); +} +.irs--big .irs-handle { + top: 25px; + width: 30px; + height: 30px; + border: 1px solid rgba(0, 0, 0, 0.3); + background-color: #cbcfd5; + background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; + border-radius: 30px; +} +.irs--big .irs-handle.state_hover, +.irs--big .irs-handle:hover { + border-color: rgba(0, 0, 0, 0.45); + background-color: #939ba7; + background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); +} +.irs--big .irs-min, +.irs--big .irs-max { + top: 0; + padding: 1px 5px; + color: white; + text-shadow: none; + background-color: #9f9f9f; + border-radius: 3px; +} +.irs--big .irs-from, +.irs--big .irs-to, +.irs--big .irs-single { + color: white; + text-shadow: none; + padding: 1px 5px; + background-color: #428bca; + background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); + border-radius: 3px; +} +.irs--big .irs-grid-pol { + background-color: #428bca; +} +.irs--big .irs-grid-text { + color: #428bca; +} +.irs--modern { + height: 55px; +} +.irs--modern.irs-with-grid { + height: 55px; +} +.irs--modern .irs-line { + top: 25px; + height: 5px; + background-color: #d1d6e0; + background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); + border: 1px solid #a3adc1; + border-bottom-width: 0; + border-radius: 5px; +} +.irs--modern .irs-bar { + top: 25px; + height: 5px; + background: #20b426; + background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); +} +.irs--modern .irs-bar--single { + border-radius: 5px 0 0 5px; +} +.irs--modern .irs-shadow { + height: 1px; + bottom: 21px; + background-color: rgba(209, 214, 224, 0.5); +} +.irs--modern .irs-handle { + top: 37px; + width: 12px; + height: 13px; + border: 1px solid #a3adc1; + border-top-width: 0; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 0 0 3px 3px; +} +.irs--modern .irs-handle > i:nth-child(1) { + position: absolute; + display: block; + top: -4px; + left: 1px; + width: 6px; + height: 6px; + border: 1px solid #a3adc1; + background: white; + transform: rotate(45deg); +} +.irs--modern .irs-handle > i:nth-child(2) { + position: absolute; + display: block; + box-sizing: border-box; + top: 0; + left: 0; + width: 10px; + height: 12px; + background: #e9e6e6; + background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); + border-radius: 0 0 3px 3px; +} +.irs--modern .irs-handle > i:nth-child(3) { + position: absolute; + display: block; + box-sizing: border-box; + top: 3px; + left: 3px; + width: 4px; + height: 5px; + border-left: 1px solid #a3adc1; + border-right: 1px solid #a3adc1; +} +.irs--modern .irs-handle.state_hover, +.irs--modern .irs-handle:hover { + border-color: #7685a2; + background: #c3c7cd; + background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); +} +.irs--modern .irs-handle.state_hover > i:nth-child(1), +.irs--modern .irs-handle:hover > i:nth-child(1) { + border-color: #7685a2; +} +.irs--modern .irs-handle.state_hover > i:nth-child(3), +.irs--modern .irs-handle:hover > i:nth-child(3) { + border-color: #48536a; +} +.irs--modern .irs-min, +.irs--modern .irs-max { + top: 0; + font-size: 10px; + line-height: 1.333; + text-shadow: none; + padding: 1px 5px; + color: white; + background-color: #d1d6e0; + border-radius: 5px; +} +.irs--modern .irs-from, +.irs--modern .irs-to, +.irs--modern .irs-single { + font-size: 10px; + line-height: 1.333; + text-shadow: none; + padding: 1px 5px; + background-color: #20b426; + color: white; + border-radius: 5px; +} +.irs--modern .irs-from:before, +.irs--modern .irs-to:before, +.irs--modern .irs-single:before { + position: absolute; + display: block; + content: ""; + bottom: -6px; + left: 50%; + width: 0; + height: 0; + margin-left: -3px; + overflow: hidden; + border: 3px solid transparent; + border-top-color: #20b426; +} +.irs--modern .irs-grid { + height: 25px; +} +.irs--modern .irs-grid-pol { + background-color: #dedede; +} +.irs--modern .irs-grid-text { + color: silver; + font-size: 13px; +} +.irs--sharp { + height: 50px; + font-size: 12px; + line-height: 1; +} +.irs--sharp.irs-with-grid { + height: 57px; +} +.irs--sharp .irs-line { + top: 30px; + height: 2px; + background-color: black; + border-radius: 2px; +} +.irs--sharp .irs-bar { + top: 30px; + height: 2px; + background-color: #ee22fa; +} +.irs--sharp .irs-bar--single { + border-radius: 2px 0 0 2px; +} +.irs--sharp .irs-shadow { + height: 1px; + bottom: 21px; + background-color: rgba(0, 0, 0, 0.5); +} +.irs--sharp .irs-handle { + top: 25px; + width: 10px; + height: 10px; + background-color: #a804b2; +} +.irs--sharp .irs-handle > i:first-child { + position: absolute; + display: block; + top: 100%; + left: 0; + width: 0; + height: 0; + border: 5px solid transparent; + border-top-color: #a804b2; +} +.irs--sharp .irs-handle.state_hover, +.irs--sharp .irs-handle:hover { + background-color: black; +} +.irs--sharp .irs-handle.state_hover > i:first-child, +.irs--sharp .irs-handle:hover > i:first-child { + border-top-color: black; +} +.irs--sharp .irs-min, +.irs--sharp .irs-max { + color: white; + font-size: 14px; + line-height: 1; + top: 0; + padding: 3px 4px; + opacity: 0.4; + background-color: #a804b2; + border-radius: 2px; +} +.irs--sharp .irs-from, +.irs--sharp .irs-to, +.irs--sharp .irs-single { + font-size: 14px; + line-height: 1; + text-shadow: none; + padding: 3px 4px; + background-color: #a804b2; + color: white; + border-radius: 2px; +} +.irs--sharp .irs-from:before, +.irs--sharp .irs-to:before, +.irs--sharp .irs-single:before { + position: absolute; + display: block; + content: ""; + bottom: -6px; + left: 50%; + width: 0; + height: 0; + margin-left: -3px; + overflow: hidden; + border: 3px solid transparent; + border-top-color: #a804b2; +} +.irs--sharp .irs-grid { + height: 25px; +} +.irs--sharp .irs-grid-pol { + background-color: #dedede; +} +.irs--sharp .irs-grid-text { + color: silver; + font-size: 13px; +} +.irs--round { + height: 50px; +} +.irs--round.irs-with-grid { + height: 65px; +} +.irs--round .irs-line { + top: 36px; + height: 4px; + background-color: #dee4ec; + border-radius: 4px; +} +.irs--round .irs-bar { + top: 36px; + height: 4px; + background-color: #006cfa; +} +.irs--round .irs-bar--single { + border-radius: 4px 0 0 4px; +} +.irs--round .irs-shadow { + height: 4px; + bottom: 21px; + background-color: rgba(222, 228, 236, 0.5); +} +.irs--round .irs-handle { + top: 26px; + width: 24px; + height: 24px; + border: 4px solid #006cfa; + background-color: white; + border-radius: 24px; + box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); +} +.irs--round .irs-handle.state_hover, +.irs--round .irs-handle:hover { + background-color: #f0f6ff; +} +.irs--round .irs-min, +.irs--round .irs-max { + color: #333; + font-size: 14px; + line-height: 1; + top: 0; + padding: 3px 5px; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 4px; +} +.irs--round .irs-from, +.irs--round .irs-to, +.irs--round .irs-single { + font-size: 14px; + line-height: 1; + text-shadow: none; + padding: 3px 5px; + background-color: #006cfa; + color: white; + border-radius: 4px; +} +.irs--round .irs-from:before, +.irs--round .irs-to:before, +.irs--round .irs-single:before { + position: absolute; + display: block; + content: ""; + bottom: -6px; + left: 50%; + width: 0; + height: 0; + margin-left: -3px; + overflow: hidden; + border: 3px solid transparent; + border-top-color: #006cfa; +} +.irs--round .irs-grid { + height: 25px; +} +.irs--round .irs-grid-pol { + background-color: #dedede; +} +.irs--round .irs-grid-text { + color: silver; + font-size: 13px; +} +.irs--square { + height: 50px; +} +.irs--square.irs-with-grid { + height: 60px; +} +.irs--square .irs-line { + top: 31px; + height: 4px; + background-color: #dedede; +} +.irs--square .irs-bar { + top: 31px; + height: 4px; + background-color: black; +} +.irs--square .irs-shadow { + height: 2px; + bottom: 21px; + background-color: #dedede; +} +.irs--square .irs-handle { + top: 25px; + width: 16px; + height: 16px; + border: 3px solid black; + background-color: white; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.irs--square .irs-handle.state_hover, +.irs--square .irs-handle:hover { + background-color: #f0f6ff; +} +.irs--square .irs-min, +.irs--square .irs-max { + color: #333; + font-size: 14px; + line-height: 1; + top: 0; + padding: 3px 5px; + background-color: rgba(0, 0, 0, 0.1); +} +.irs--square .irs-from, +.irs--square .irs-to, +.irs--square .irs-single { + font-size: 14px; + line-height: 1; + text-shadow: none; + padding: 3px 5px; + background-color: black; + color: white; +} +.irs--square .irs-grid { + height: 25px; +} +.irs--square .irs-grid-pol { + background-color: #dedede; +} +.irs--square .irs-grid-text { + color: silver; + font-size: 11px; +} -- cgit v1.2.3