tweaked version of YouTube Style Plus (Extended theater mode + more!)
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
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;
}
}