remove all unnecessary youtube.
youtube tweaks included.
Authorhdyzen
LicenseMIT
Categoryyoutube.com
Created
Updated
Size7.0 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
remove all unnecessary youtube.
youtube tweaks included.
/* ==UserStyle==
@name Youtube Only Clean
@namespace youtube.com
@version 0.2
@description remove all unnecessary youtube
@author hdyzen
@preprocessor stylus
@var checkbox minimize 'Minime Search Bar' 0
@var select style 'Navbar Style' {
"Default*": "null",
"Acrylic": "acrylic()",
"Transparent": "transparent()"
}
@var checkbox navbarS 'Overlay Navbar' 0
@var checkbox outlineBtn 'Buttons Outline' 0
@var checkbox customLogo 'Custom Logo' 0
@var text logo 'Logo' "'https://i.imgur.com/Xytw68B.gif'"
@var checkbox customThumbs 'Custom Thumbnails' 1
@var number thumbsRow 'Rows' [6, 4, 10, 1]
@var number fontSize 'Font Size' [1.3, 1, 2, 0.1, 'rem']
@var range navbar 'Navbar Showing' [35, 0, 56, 1, 'px']
@var number delay 'Navbar Delay' [0.2, 0, 4, 0.1, 's']
@var checkbox dropdown 'Remove Profile Account' 0
@var checkbox keyboardV 'Remove Virtual Keyboard' 1
@var checkbox actions 'Remove Like, Dislike, etc...' 1
@var checkbox comments 'Remove Comments' 1
@var checkbox videosRelated 'Remove Videos Related' 1
@var checkbox subscribe 'Remove Subscribe' 1
@var checkbox member 'Remove Member' 1
@var checkbox sidebar 'Remove Sidebar' 1
@var checkbox videosHome 'Remove Videos Homepage' 1
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* Variaveis */
i=!important
/* Mixins */
acrylic() {
background rgba(15, 15, 15, .2) i;
backdrop-filter blur(3px) i;
}
transparent() {
background rgba(15, 15, 15, .4) i;
}
#masthead-container:hover,
#masthead-container:focus-within {
top: 0px i;
}
/* Estilo barra de navegação */
#background,
#container.ytd-searchbox,
#search-icon-legacy,
.sbsb_a {
style
}
#page-manager {
--navbar: navbar;
margin-top: calc(56px - var(--navbar)) i;
}
/* Barra de navegação sobreposta */
if navbarS {
#page-manager {
margin-top: 0 i;
}
}
/* Buttons Outline */
if outlineBtn {
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {
display: none;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,
ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata,
yt-chip-cloud-chip-renderer[modern-chips][chip-style],
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: #f1f1f1;
background: none;
border: 1px solid #272727;
}
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected],
yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
color: #f1f1f1;
border: 1px solid #f1f1f1;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,
yt-chip-cloud-chip-renderer[modern-chips][chip-style],
ytd-watch-metadata[clickable-description][description-collapsed] #description.ytd-watch-metadata, .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
transition: .1s ease;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover,
yt-chip-cloud-chip-renderer[modern-chips][chip-style]:hover,
ytd-watch-metadata[clickable-description][description-collapsed] #description.ytd-watch-metadata:hover, .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
background-color: #282828;
}
}
if customLogo {
yt-icon.ytd-logo {
background-image: url(logo) i;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
yt-icon.ytd-logo > svg,
#country-code.ytd-topbar-logo-renderer {
display: none i;
}
}
/* Assuntos recentes */
#chips-wrapper {
top: 20px i;
/* display: none; */
}
/* Fundo resultados da barra de pesquisa */
.sbdd_b {
border: none i;
background: none i;
}
/* Resultados */
.sbpqs_a,
.sbqs_c b {
color: rgb(241, 241, 241) i;
}
/* Icones recentes */
.sbpqs_a::before,
.sbqs_c::before {
filter: invert(1) i;
}
/* Mouse sobre um resultado */
.sbsb_d {
background: rgba(11, 11, 11, .3) i;
}
/* Denunciar pesquisas */
.sbfl_b {
display: none i;
}
/* Barra de navegação cima */
.sbsb_a {
transform: translateY(5px) i;
border-radius: 0 0 12px 12px i;
}
/* Dropdown Profile */
if dropdown {
ytd-topbar-menu-button-renderer.style-scope:nth-child(3) {
visibility: hidden!important;
}
}
/* Minimizar */
if minimize {
/* Barra de navegação */
#masthead-container {
top: - navbar i;
transition: delay ease i;
/* display: none; */
}
}
/* Right Buttons */
#buttons.ytd-masthead > .ytd-masthead:not(:last-child) {
visibility: hidden;
}
/* Keyboard Virtual */
if keyboardV {
#gs_st50 {
display: none;
}
}
/* Like, Dislike, etc... */
if actions {
#actions {
display: none!important;
}
}
/* Comments */
if comments {
.ytd-comments {
display: none;
}
}
/* Related */
#chips {
display: none;
}
/* Videos Related */
if videosRelated {
#secondary {
display: none;
}
}
/* Subscribe */
if subscribe {
#subscribe-button {
display: none!important;
}
}
/* Channel Page */
#header {
left: 0;
}
div.ytd-two-column-browse-results-renderer:nth-child(1),
ytd-reel-shelf-renderer.style-scope {
margin-top: navbar i;
}
/* Members */
if member {
#sponsor-button {
display: none!important;
}
}
.sbdd_b {
box-shadow: none;
border: none;
}
.sbfl_b {
display: none
}
/* Sidebar */
if sidebar {
#guide {
display: none;
}
/* Empty Loading */
#home-page-skeleton {
display: none;
}
/* Videos Homepage */
if videosHome {
.grid-disabled > div:nth-child(1) > ytd-rich-grid-renderer:nth-child(1) > div:nth-child(6) {
display: none;
}
}
tp-yt-app-header.style-scope {
left: 0 i;
}
#page-manager {
margin-left: 0;
}
}
/* Logo */
#start {
position: relative;
right: 50px;
}
/* Youtube Small Thumbnails - Normal Size (archived) converted from userscript by vaporwave9 */
if customThumbs {
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: thumbsRow i;
--ytd-rich-grid-posts-per-row: thumbsRow i;
--ytd-rich-grid-slim-items-per-row: thumbsRow i;
}
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
display: contents;
}
ytd-rich-item-renderer {
min-width: 210px;
}
#avatar-link {
display: none;
}
#video-title {
--fontSize: fontSize;
font-size: calc(0.1rem + var(--fontSize)) i;
}
#channel-name.ytd-video-meta-block {
font-size: fontSize i;
}
#metadata-line {
font-size: fontSize i;
}
.ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer {
flex: none;
width: 246px;
height: 138px;
}
ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
max-width: 246px;
min-width: 240px;
}
ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer {
max-width: 246px;
min-width: 240px;
}
}
}