Greasy Fork is available in English.

Youtube Material Compact

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;
		}
}