Plex Dark Small Static Control Bar

Keeps a small control bar always on screen during playback, dark color

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

/* ==UserStyle==
@name           Plex Dark Small Static Control Bar
@namespace      imadedis
@author         imadedis
@description    Keeps a small control bar always on screen during playback, dark color
@version        0.0.4
@license        MIT
==/UserStyle== */
@-moz-document url-prefix("https://app.plex.tv/"), url-prefix("https://app.plex.tv"), regexp("https?://.*:32400/.*"), regexp(".*:32400/.*"){

/* static controlbar */
[class^='AudioVideoFullPlayer-bottomBar'] {
    bottom: 0px !important;
    height: 25px !important;
    transform: translateY(0px) !important;
}

/* controlbar */
[class^='ControlsContainer-controlsContainer'] {
    height: 100%;
    padding-top: 0%;
}    
    
[class^='PlayerControls-volumeSlider'] {
    height: 65%;
    bottom: unset;
}

div[class*='VerticalSlider-track'] {
    width: 3px;}

[class^='PlayerControlsMetadata'] {
    display: inline-flex;
    align-items: baseline;
    }

    [class^='MetadataPosterTitle-singleLineTitle'] {
padding-right: 10px;
}

[class^='PlayerControls-buttonGroupCenter'] {
    margin: 0;
}

[class^='Player-miniPlayerContainer']>div {
    bottom: 0px !important;
}    
    
/* move subtitles */

.libjass-subs,
libjass-subs:active {
    height: 100% !important;
}

/* move subtitles (optional) */

/*
.Subtitles-measure-3cYuWS {}
    top: -10% !important; 
*/


/* color controlbar*/
[class^='PlayerIconButton'] {
    background-color: transparent;
}

[class^='BottomBar-bottomBar'] {
    background-color: transparent;
}
    
div[class^='SeekBar-seekBarBuffer'] {
    background-color: rgba(194, 194, 194, 0.4);
}

div[class^='SeekBar-seekBarFill'] {
    background-color: rgba(255, 255, 255, .4);
}

div[class^='VolumeSlider-fill'] {
    background-color: #C3C3C3;
}

/* color AudioVideoFullPlayer-videoTopBar-LTn8L6 */
    
div[class*='AudioVideoFullPlayer-videoTopBar'] {
    background-color: transparent;
}    
    
/* color PlayPauseOverlay-playCircle-1xl6BG PlayButton-playCircle */    
    
svg[class^='Play'] {
    background-color: transparent !important;
    border-color: #C3C3C3 !important;
    box-shadow: none !important;
}

/* options container */

div[class*='AudioVideoStripeContainer-container'] {
    bottom: 0% !important;
/*     background-color: transparent;  */
}

[class*='IconButton-isActive'] {
    color:grey !important;
}

[class*='isSelected'] {
    color:white;
    border-color:white;
}

div[class*='selectedIcon'] {
    color:white !important;
}
}