Skip to content

please do not install by nodusetch

Details

Authornodusetch

LicenseNo License

Categoryyoutube.com

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

tweaked version of YouTube Style Plus (Extended theater mode + more!)

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           YouTube Style Plus (Extended theater mode + more!)
@namespace      USO Archive
@author         Nicolas Raube
@description    `Wider theater mode and subtle visual improvements.Requires the new YouTube design (www.youtube.com/new).Main feature:<ul><li>extended theater mode</li></ul>Improves look of:<ul><li>comments</li><li>subscribe button</li><li>search bar</li></ul>Increased font size:<ul><li>Video time</li><li>Video title + view count</li><li>Playlist index</li></ul><a href="https://github.com/nicolasraube/yt-style-plus">GitHub: yt-style-plus</a>`
@version        20170922.18.17
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix('https://www.youtube.com/') {

/* masthead */
#search-form > #container
{
    border: 2px solid rgba(0, 0, 0, .1);
}

#search-form > button#search-icon-legacy
{
    border: 2px solid rgba(0, 0, 0, .1);
    border-left: 0;
}

#end button
{
    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .4));
}

#masthead-container, ytd-masthead, #container.ytd-masthead
{
    height: 40px !important;
}


/* video */
ytd-watch[theater] #player, .ytd-watch-0[theater] #player
{
    min-height: calc(100vh - 40px) !important;
}

video, .html5-video-container, .html5-video-player, #player-container, #player
{
    border-radius: 4px;
}

ytd-watch[theater] video, ytd-watch[theater] .html5-video-container, ytd-watch[theater] .html5-video-player, ytd-watch[theater] #player-container, ytd-watch[theater] #player
{
    border-radius: 0;
}

#page-manager
{
    margin-top: 40px !important;
}

#player-container
{
    box-shadow: 0 2px 20px black;
}


/* Fonts */
.ytp-time-display
{
    font-size: 1.5em;
}

.index-message
{
    font-size: 1.8em !important;
}

ytd-video-primary-info-renderer .title
{
    font-size: 2em !important;
    color: #FFFFFF !important;
}

.view-count
{
    color: rgba(255, 255, 255, .8) !important;
    font-size: 1.1em;
}





/* thumbnails */
ytd-thumbnail
{
    transition: transform 1s ease, box-shadow .5s ease;
}

ytd-grid-video-renderer:hover ytd-thumbnail
{
    box-shadow: 0 2px 15px rgba(0, 0, 0, .8);
    transform: translateY(-1px);
    z-index: 100;
}
    
}

Reviews

No reviews yet.