An attempt to restore compactness to a new Material Youtube
/* ==UserStyle==
@name Youtube Material Compact
@version 20220912.01.40
@namespace userstyles.world/user/qiwichupa
@description An attempt to restore compactness to a new Material Youtube
@author qiwichupa
@license No License
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* MAIN MENU */
/* menu item box padding*/
ytd-guide-entry-renderer {
padding-bottom: 2px;
}
paper-item.ytd-guide-entry-renderer {
padding-left: 4px;
padding-right: 10px;
}
/* purchases counter padding */
ytd-guide-entry-renderer[line-end-style=count] .guide-entry-count.ytd-guide-entry-renderer {
padding-right: 2px;
}
/* menu item box height */
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {
min-height: auto;
height: 20px;
}
/* menu item box click shadow height */
tp-yt-paper-item.ytd-guide-entry-renderer {
min-height: auto;
height: 20px;
}
/*
guide-icon.ytd-guide-entry-renderer {
width: 20px;
height: 20px;
}
*/
/* subscriptions icon size */
yt-img-shadow.ytd-guide-entry-renderer > img.yt-img-shadow {
height: 20px;
width: 20px;
}
/* active menu entry */
ytd-guide-entry-renderer[active] {
background-color: rgba(255, 255, 255, 1);
}
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
background-color: rgba(255, 0, 0, 0.9);
color: white;
}
}
@-moz-document url-prefix("https://www.youtube.com/watch?") {
/* VIDEO PAGE */
ytd-watch-flexy{
--ytd-watch-flexy-masthead-height: 0px!important;
}
/* left block (player + description + comments) */
div#primary.ytd-watch-flexy{
padding-top: 5px!important;
padding-right: 5px!important;
}
/* right block (chat + suggests) */
div#secondary.ytd-watch-flexy{
padding-top: 5px!important;
padding-right: 5px!important;
}
/* DROPDOWN MENU */
.item.yt-dropdown-menu{
zoom:0.9;
}
/* UNDER VIDEO BLOCK */
/* title */
yt-formatted-string.super-title.ytd-video-primary-info-renderer{
font-size: 0.9rem;
}
/* video views */
yt-view-count-renderer[small_]{
font-size: 1.2rem;
}
/* video date */
div#date.ytd-video-primary-info-renderer {
font-size: 1.2rem;
}
/* "like", "dislike", "share", "add to" buttons */
/* hide button names */
div#menu-container #text.ytd-button-renderer{
display: none;
}
#text.ytd-download-button-renderer{
display: none;
}
/* dislike name */
div#menu-container ytd-toggle-button-renderer:nth-child(2) #text{
display: none;
}
/* buttons panel size */
div#info > div:not([id='info-text']){
zoom: 0.9;
}
/* sponsor, analytics, subscribe buttons */
/* zoom */
#sponsor-button,
#analytics-button,
#subscribe-button {
zoom: 0.7;
}
/* description top line space */
#top-row.ytd-video-secondary-info-renderer{
padding-top: 5px;
margin-bottom: 2px
}
/* description bottom line space */
ytd-video-secondary-info-renderer.style-scope.ytd-watch-flexy{
padding-bottom: 5px;
margin-bottom: 5px;
}
/* description text */
.content.ytd-video-secondary-info-renderer{
font-size: 1.2rem;
line-height: 1rem;
}
/* info box */
ytd-metadata-row-container-renderer{
zoom: 0.7;
}
/* COMMENTS BLOCK*/
/* comment counter */
.count-text.ytd-comments-header-renderer{
font-size:1.4rem;
}
#icon-label.yt-dropdown-menu{
font-size:1.2rem;
width: 20px;
height: 20px;
}
/*comment author*/
#author-text.yt-simple-endpoint.ytd-comment-renderer{
color: #128ee9;
}
/* comment header spacing */
ytd-comment-thread-renderer {
margin-bottom: 1rem
}
#header.ytd-comment-renderer,
#author-text.yt-simple-endpoint.ytd-comment-renderer {
margin-bottom: 0
}
/* comment time */
.published-time-text.ytd-comment-renderer{
font-size: 1.1rem;
}
/* comment text*/
#content-text.ytd-comment-renderer{
font-size: 1.3rem;
}
/* expand button */
ytd-button-renderer#more-replies yt-formatted-string#text{
font-size: 1.2rem;
color: #128ee9;
}
/* like & dislike buttons */
ytd-comment-action-buttons-renderer yt-icon-button.ytd-toggle-button-renderer {
height: 2rem;
padding: .1rem;
}
/* reply button */
div#footer div#buttons{
zoom: 0.8;
}
ytd-comment-action-buttons-renderer paper-button.ytd-button-renderer {
padding: .2rem;
font-size: 1.1rem;
}
#creator-heart-button.ytd-creator-heart-renderer {
height: 1.7rem
}
#hearted-thumbnail.ytd-creator-heart-renderer {
margin: .2rem
}
#unhearted.ytd-creator-heart-renderer {
padding: 0
}
/* 'save to playlist' menu */
#playlists.ytd-add-to-playlist-renderer {
padding: 1rem
}
#playlists.ytd-add-to-playlist-renderer > *.ytd-add-to-playlist-renderer:not(:last-child) {
margin-bottom: 0
}
/* RIGHT BLOCK*/
/* next header */
#upnext.ytd-compact-autoplay-renderer{
font-size: 1.3rem;
}
/* autoplay button*/
#autoplay.ytd-compact-autoplay-renderer{
font-size: 1.1rem;
}
}
@-moz-document domain("youtube.com") {
/* LIVE CHAT */
/* messages width */
yt-live-chat-text-message-renderer {
padding: 3px 2px;
}
}
@-moz-document url("https://www.youtube.com") {
/* MAIN PAGE */
/* video titles */
ytd-rich-grid-video-renderer[mini-mode] #video-title.ytd-rich-grid-video-renderer{
font-size: 1.3rem;
}
ytd-rich-grid-video-renderer[mini-mode] h3.ytd-rich-grid-video-renderer{
margin-bottom: 0px;
}
/* channel name */
#text.complex-string.ytd-channel-name {
font-size: 1.2rem;
font-weight: 800;
}
/* video info (date, views) */
#metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
font-size: 1rem;
}
}
@-moz-document url-prefix("https://www.youtube.com/feed/history") {
/* HISTORY PAGE */
/* right search menu */
div#secondary{
width:400px
}
/* history */
/* video thumbnails */
div#dismissable ytd-thumbnail{
zoom: 0.8;
}
/* video titles */
a#video-title yt-formatted-string{
font-size: 1.4rem;
}
/* search history */
ytd-search-history-query-renderer{
margin-top: 10px;
}
}
@-moz-document url-prefix("https://www.youtube.com/feed/subscriptions") {
/* SUBSCRIPTIONS PAGE */
#metadata-line.ytd-grid-video-renderer{
font-size: 1rem;
}
/* For list layout: remove all lines with dates except the first one - layout
switcher in there! Second rule - remove "today" in first line */
div.ytd-section-list-renderer ytd-item-section-renderer:not(:first-child) > #contents div.grid-subheader.ytd-shelf-renderer > #title-container.ytd-shelf-renderer {
display: none;
}
div#title-container > h2.ytd-shelf-renderer{
display: none;
}
/* VIDEO CELL*/
#items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-radio-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-movie-playlist-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-movie-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer{
/*width: 200px; 2021-02-25 */
height: 100%;
margin-bottom: 10px!important;
}
/* thumbnail */
div#dismissable ytd-thumbnail {
width: 160px!important;
height: 90px!important;
}
/* text box under thumbnail */
div#dismissable #meta.ytd-grid-video-renderer{
padding-right: 10px;
}
/* title */
div#dismissable ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer{
font-size: 1.2rem;
}
div#dismissable h3.ytd-grid-video-renderer{
margin-bottom: 2px
}
/* channel name */
div#dismissable #text.complex-string.ytd-channel-name{
font-size: 1.1rem;
}
/* live label */
div#dismissable #video-badges.ytd-grid-video-renderer{
zoom:0.7;
}
/* buttons under text block (remider for ex.) */
div#dismissable div#buttons {
zoom: 0.7;
}
}
@-moz-document url-prefix("https://www.youtube.com/feed/library") {
/* LIBRARY PAGE */
#metadata-line.ytd-grid-video-renderer{
font-size: 1rem;
}
/* For list layout: remove all channel name lines except the first one - layout
switcher in there! Second rule - remove channel name in first line */
div.ytd-section-list-renderer ytd-item-section-renderer:not(:first-child) > #contents div.grid-subheader.ytd-shelf-renderer > #title-container.ytd-shelf-renderer {
display: none;
}
div#title-container > h2.ytd-shelf-renderer{
display: none;
}
/* VIDEO CELL*/
#items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-radio-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-movie-playlist-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-movie-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer,
#items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer{
width: 170px;
height: 100%;
margin-bottom: 10px!important;
}
/* thumbnail */
ytd-thumbnail {
width: 165px!important;
}
/* text box under thumbnail */
#meta.ytd-grid-video-renderer{
padding-right: 10px;
}
/* title */
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer{
font-size: 1.2rem;
}
h3.ytd-grid-video-renderer{
margin-bottom: 2px
}
/* channel name */
#text.complex-string.ytd-channel-name{
font-size: 1.1rem;
}
/* live label */
#video-badges.ytd-grid-video-renderer{
zoom: 0.8;
}
}
@-moz-document url-prefix("https://www.youtube.com/feed/my_videos") {
/* MY VIDEOS */
/* blue buttons on top */
ytd-button-renderer #text.ytd-button-renderer{
color: #dadde0;
font-size: 1.1rem;
}
}
@-moz-document url-prefix("https://www.youtube.com/channel/") {
/* CHANNEL PAGE */
/* channel menu */
div#tabsContainer paper-tab{
padding: 0 15px;
}
}
@-moz-document regexp("https://www\\.youtube\\.com/channel/.*/featured") {
/* CHANNEL PAGE - main */
/* thumbnails */
ytd-thumbnail{
zoom: 0.8;
}
/* title */
#title-wrapper.ytd-video-renderer yt-formatted-string{
font-size: 1.5rem;
}
/* spaces between horizontal blocks */
ytd-channel-featured-content-renderer{
padding: 0 0 20px 0;
}
div#contents {
margin-top: 10px!important;
}
div#contents div.grid-subheader.ytd-shelf-renderer{
margin-top: 10px;
}
}