libre.fm - big dark by s-light

/* ==UserStyle==
@name           libre.fm - 13.5.2023, 11:55:10
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://libre.fm/listen.php") {

    body {
        font-family: "Overlock", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 1.5;
        color: #fff;
        background-color: #000;
    }


    p {
        margin: 0;
    }

    #wrapper {
        min-height: auto;
        margin: 0;
        padding: 3.5em 0 0;
    }

    .container {
        max-width: 100vw;
    }

    .player-panel {
        width: 100%;
        border-radius: 2.0em;
        border: 0px;
        background-color: hsl(260, 100%, 40%);
        overflow: hidden;
        padding: 0.5em 2em;
        font-size: 300%;
        font-weight: bolder;
        box-shadow: 0 1px 10px 5px rgba(0, 0, 0, 0.5);
        background-image: linear-gradient(to bottom, #9d00ff, hsl(260, 100%, 40%));
        background-repeat: repeat-x;
        text-shadow: 0 0 10px black;
        color: white;
    }


    #playlist {
        border: 0px solid #CCC;
        box-shadow: inset 0 0 0.5em 0 hsla(0, 0%, 0%, .5);
        margin-bottom: 0.5em;
        padding: 0.2em 0.5em;
        background-color: transparent;
        border-radius: 0.5em;
    }

    .btn {
        font-size: inherit;
        border-radius: 0.5em;
    }

    .btn-default {
        color: #fff;
        background-color: hsla(0, 0%, 0%, .2);
        box-shadow: inset 0 0 0.2em 0 hsla(0, 0%, 0%, .4);
        border: none;
    }

    .btn-group-xs > .btn {
        padding: 5px 10px;
        padding: 0.4em;
        font-size: inherit;
        line-height: 1;
        border-radius: 0.5em;
    }

    .btn-toolbar .btn-group {
        margin: 0.5em;
    }


    #infobox .tunebutton {
        border-radius: 0.5em;
        margin: 0px 0.8em 0 0;
        color: rgb(179, 173, 255);
    }




    #progress,
    .ui-slider {
        height: 0.5em;
        margin-bottom: 0.1em;
        background-color: transparent;
        box-shadow: inset 0 0 0.2em 0 hsla(0, 0%, 0%, .2);
        border: 0px none;
        border-radius: 0.2em;
    }

    .ui-slider .ui-slider-range {
        background-color: hsla(172, 0%, 0%, .2);
    }

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -1px;
        background-color: black;
        width: 0.1em;
        height: 100%;
    }

    #interface.player-panel p {
        font-size: 16px;
    }

    #footer {
        position: relative;
        height: auto;
        background-color: hsla(0, 0%, 0%, .4);
        border-top: 5px solid #eeeeee;
        margin-top: 1.5em;
    }

    #footer .container {
        margin: 0;
        padding: 0;
    }
}