1 line
4.1 KiB
CSS
1 line
4.1 KiB
CSS
.emby-slider{width:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;height:100%;background:0 0;-webkit-user-select:none;user-select:none;outline:0;padding:1em 0;padding:1rem 0;-webkit-align-self:center;align-self:center;z-index:1;margin:-1.105em 0;margin:-1.105rem 0;-webkit-tap-highlight-color:transparent;display:block;font-size:inherit;opacity:0}.emby-slider:enabled{cursor:pointer}.emby-slider[orient=vertical]{margin:0 -1.105em;margin:0 -1.105rem;padding:0 1em;padding:0 1rem;appearance:slider-vertical}.emby-slider::-moz-focus-outer{border:0}.emby-slider::-ms-tooltip{display:none}.emby-slider::-webkit-slider-runnable-track{background:0 0}.emby-slider::-moz-range-track{border:none}.emby-slider::-ms-track{background:0 0;color:transparent;width:100%;border:none}.emby-slider::-ms-fill-lower{display:none}.emby-slider::-ms-fill-upper{display:none}.emby-slider::-webkit-slider-thumb{width:2em;height:2em;box-sizing:border-box;border:none;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;opacity:0}.emby-slider::-moz-range-thumb{width:2em;height:2em;box-sizing:border-box;background-image:none;border:none;opacity:0}.emby-slider::-ms-thumb{width:2em;height:2em;box-sizing:border-box;border:none;opacity:0}.emby-slider-container{position:relative;background:0 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:.5em}.sliderLabelText+.emby-slider-container{margin:.5em 0}.emby-slider-container-vertical{height:auto;width:.5em;-webkit-flex-direction:column;flex-direction:column;max-height:100%}.emby-slider-background{position:absolute;width:100%;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;display:-webkit-flex;display:flex;border:0;padding:0;border-radius:.6em;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;overflow:hidden}.emby-slider-background-inner{position:relative;-webkit-flex-grow:1;flex-grow:1}.emby-slider[orient=vertical]+.emby-slider-background .emby-slider-background-inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.emby-slider-background-lower{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:0}.emby-slider[orient=vertical]+.emby-slider-background .emby-slider-background-lower{width:100%;height:0}.emby-slider-background-lower-clear{background-color:transparent}.emby-slider-background-upper{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:0;border-radius:.6em}.emby-slider[orient=vertical]+.emby-slider-background .emby-slider-background-upper{width:100%;height:0}.emby-slider-thumb{position:absolute;top:50%;left:0;inset-inline-start:0;inset-inline-end:initial;width:1.3em;height:1.3em;margin-top:-.65em;-webkit-margin-start:-.65em;margin-inline-start:-.65em;-webkit-margin-end:-.65em;margin-inline-end:-.65em;border-radius:100%;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out}.emby-slider-thumb-hoveronly{-webkit-transform:scale(0);transform:scale(0)}.emby-slider-editing+.emby-slider-background+.emby-slider-thumb{-webkit-transform:scale(1.1);transform:scale(1.1)}@media all and (pointer:fine){.emby-slider-container:hover .emby-slider-thumb{-webkit-transform:scale(1.1);transform:scale(1.1)}}.emby-slider[orient=vertical]+.emby-slider-background+.emby-slider-thumb{margin-top:0;margin-bottom:-.65em;top:initial;bottom:0;left:50%;inset-inline-start:50%;inset-inline-end:initial}.emby-slider[disabled]+.emby-slider-background+.emby-slider-thumb{display:none}.emby-slider:focus-visible+.emby-slider-background+.emby-slider-thumb{-webkit-transform:scale(1.1);transform:scale(1.1)}.sliderBubble{position:absolute;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;margin-top:-1.25em;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.6em;z-index:1;font-size:1rem;z-index:-1;opacity:0}.emby-slider-thumb-withicon{font-size:120%;background:0 0!important} |