leaflet-ohm-timeslider.min.css

.leaflet-ohm-timeslider{border-radius:4px;background-color:#fff;border:1px solid black;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.leaflet-ohm-timeslider select,.leaflet-ohm-timeslider button,.leaflet-ohm-timeslider input[type="number"],.leaflet-ohm-timeslider input[type="text"]{background-color:transparent;border:1px solid black;border-radius:2px;color:black;height:25px;padding:0 5px;font-size:12px;line-height:normal !important;box-sizing:border-box}.leaflet-ohm-timeslider button{cursor:pointer;padding:1px 5px}.leaflet-ohm-timeslider button.leaflet-ohm-timeslider-outofsync{color:white;background-color:#3a69ff}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-expandcollapse{position:absolute;background-color:white;background-size:cover;border:1px solid black;cursor:pointer}@media screen and (max-width:767px){.leaflet-ohm-timeslider{border-top-left-radius:0}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-expandcollapse{top:-30px;left:-1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-style:none !important}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-expandcollapse span{display:inline-block;width:35px;height:25px;background-image:url(./assets/chevron-right.svg);background-size:cover;transform:rotate(90deg)}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-expanded div.leaflet-ohm-timeslider-expandcollapse span{margin-left:10px}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed div.leaflet-ohm-timeslider-expandcollapse span{margin-right:10px;transform:rotate(-90deg)}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed .leaflet-ohm-timeslider-datereadout{padding:0 10px;margin:3px}}@media screen and (min-width:768px){.leaflet-ohm-timeslider{border-top-left-radius:0}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-expandcollapse{top:-1px;left:-30px;border-bottom-left-radius:4px;border-top-left-radius:4px;border-right-style:none !important}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-expandcollapse span{display:inline-block;width:30px;height:37px;margin-top:4px;background-image:url(./assets/chevron-right.svg);background-size:cover}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed div.leaflet-ohm-timeslider-expandcollapse span{transform:scaleX(-1)}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed .leaflet-ohm-timeslider-datereadout{padding:0 10px;margin:3px 3px 3px 0}}.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed div.leaflet-ohm-timeslider-rangeinputs,.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed div.leaflet-ohm-timeslider-playcontrols-wrap,.leaflet-ohm-timeslider.leaflet-ohm-timeslider-collapsed div.leaflet-ohm-timeslider-slider-wrap{display:none}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs{padding:10px}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs select{padding:2px 0}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs input[type="number"].leaflet-ohm-timeslider-rangeinputs-day{width:40px}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs input[type="number"].leaflet-ohm-timeslider-rangeinputs-year{width:60px}@media screen and (min-width:768px){.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs{display:flex}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-mindate{padding-left:10px;padding-right:10px;white-space:nowrap}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-maxdate{padding-left:10px;white-space:nowrap}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-submit{padding-left:10px}}@media screen and (max-width:767px){.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-separator{display:none}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs select{width:calc(100% - 110px)}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-submit{text-align:right}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-mindate,.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-rangeinputs div.leaflet-ohm-timeslider-rangeinputs-maxdate{padding-bottom:10px}}.leaflet-ohm-timeslider input.leaflet-ohm-timeslider-sliderbar{width:100%;height:12px;-webkit-appearance:none;appearance:none;background:#000;border:2px solid #003afa;margin:1em 0}.leaflet-ohm-timeslider input.leaflet-ohm-timeslider-sliderbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;cursor:pointer;background-color:#333;background-image:url(./assets/sliderhandle.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:50% 50%}.leaflet-ohm-timeslider input.leaflet-ohm-timeslider-sliderbar::-moz-range-thumb{width:22px;height:22px;border-radius:50%;cursor:pointer;background-color:#333;background-image:url(./assets/sliderhandle.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:50% 50%}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-slider-wrap{display:flex;border-bottom:1px solid black;padding:10px 10px}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-slider-wrap>div{flex:1}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-slider-wrap>div:first-child,.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-slider-wrap>div:last-child{width:100px;flex:0 0 100px;font-size:13px;white-space:nowrap}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-slider-wrap>div:last-child{text-align:right}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-datereadout{background-color:#3a69ff;color:white;font-size:24px;text-align:center;padding:10px 0}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap{padding:10px 10px;display:flex}@media screen and (max-width:768px){.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-buttons{flex:0 0 125px}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-settings{width:100%}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-settings>div{padding-bottom:5px;text-align:right}}@media screen and (min-width:768px){.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-buttons{flex:0 0 125px}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-settings{text-align:right;width:100%}.leaflet-ohm-timeslider div.leaflet-ohm-timeslider-playcontrols-wrap div.leaflet-ohm-timeslider-playcontrols-settings>div{display:inline-block;line-height:25px}}.leaflet-ohm-timeslider span[role="button"][tabindex="0"]{display:inline-block;width:25px;height:25px;cursor:pointer;line-height:1;vertical-align:bottom;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.leaflet-ohm-timeslider span[role="button"][data-timeslider="play"]{background-image:url(./assets/play.svg)}.leaflet-ohm-timeslider span[role="button"][data-timeslider="pause"]{background-image:url(./assets/pause.svg)}.leaflet-ohm-timeslider span[role="button"][data-timeslider="prev"]{background-image:url(./assets/prev.svg)}.leaflet-ohm-timeslider span[role="button"][data-timeslider="next"]{background-image:url(./assets/next.svg)}.leaflet-ohm-timeslider span[role="button"][data-timeslider="reset"]{background-image:url(./assets/reset.svg)}