This project of mine will help Youtube to look more minimal....
Minimalist Youtube by him
Details
Authorhim
LicenseNo License
Categoryyoutube.com
Created
Updated
Size10 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Minimalist Youtube
@namespace userstyles.world/user/him
@version 1.1.2
@description Big preview on hover.
@author Him
@var select sidebar 'Sidebar Style' ['Default', 'Compact*','Compact-E', 'Compact-M', 'Compact-D', 'Minimize', 'Remove']
@var checkbox roundedSele 'Rounded item active' 0
@var checkbox borderRight 'Add border right' 0
@var checkbox homeItem 'Hide home item' 0
@var checkbox shortsItem 'Hide shorts item' 0
@var checkbox subsItem 'Hide subscriptions item' 0
@var checkbox ytmItem 'Hide YT-Music item' 0
@var checkbox libraryItem 'Hide library item' 0
@var checkbox yourChannel 'Hide your channel' 0
@var checkbox history 'Hide history' 0
@var checkbox yourVideos 'Hide your videos' 0
@var checkbox watchLater 'Hide watch later' 0
@var checkbox downloads 'Hide download' 0
@var checkbox likedVideos 'Hide liked videos' 0
@var checkbox entryCol 'Hide entry collapsible' 0
@var checkbox featureSec 'Hide featured section' 0
@var checkbox settings 'Hide settings' 0
@var checkbox reportHist 'Hide report history' 0
@var checkbox helpT 'Hide help' 0
@var checkbox feedback 'Hide feedback' 0
==/UserStyle== */
@-moz-document domain("youtube.com") {
#big-yoodle{
display:none !important;
}
.html5-main-video[data-no-fullscreen=true]::-webkit-media-controls-fullscreen-button {
display: block !important;
}
.html5-main-video:not([controls])::-webkit-media-controls,.html5-main-video:not([controls])::-webkit-media-controls-start-playback-button {
display: block !important;
}
/*. zoom only Chrome, Microsoft, Arc and Safari */
ytd-rich-grid-renderer{
zoom:1.25
}
#chips-wrapper{
display:none !important;
}
#video-preview{
height: 100vh;
}
#video-preview ytd-video-preview {
z-index: 99999999;
position: fixed;
left: 25%;
top: 25%;
transform: translate(-25%, -50%);
}
#video-preview ytd-video-preview {
z-index: 99999999;
}
#video-preview-container.ytd-video-preview {
overflow: visible !important;
}
yt-formatted-string#index.style-scope.ytd-playlist-video-renderer {
display: inline !important;
}
ytd-playlist-video-renderer[can-reorder][is-editable]:hover #reorder.ytd-playlist-video-renderer,
ytd-playlist-video-renderer[persistent-drag-handle] #reorder.ytd-playlist-video-renderer {
display: none;
}
#video-preview #container.ytd-player {
width: 1024px !important;
height: 580px !important;
box-shadow: 0px 0px 20px 10px#000 !important;
border: 30px solid #000 !important;
}
#media-container.ytd-video-preview {
border-radius: 12px;
overflow: visible;
transform: translate(0);
width: 1060px;
height: 620px;
position: relative;
top: 100px;
padding-right:20px;
}
.ytp-time-display span:nth-child(2), .ytp-time-clip-icon, .ytp-clip-watch-full-video-button-separator {
display: none;
}
.ytp-mute-button {
display: block !important;
}
ytd-rich-grid-row {
margin-left: -1.5em;
justify-content: left;
}
ytd-rich-grid-row #contents.ytd-rich-grid-row {
width: 90%;
}
ytd-rich-item-renderer {
transform: scale(0.95);
}
if sidebar=='Compact'||sidebar=='Compact-M' {
@media only screen and (min-width: 1313px) {
ytd-app[guide-persistent-and-visible] {
& tp-yt-app-drawer {
display: none i;
}
& tp-yt-app-header {
left: 72px i;
}
& #channel-container {
max-height: 218px i;
}
& ytd-page-manager {
margin-left: var(--ytd-mini-guide-width) i;
}
& ytd-mini-guide-renderer {
display: unset i;
}
& ytd-playlist-header-renderer.ytd-browse {
left: var(--ytd-mini-guide-width) i;
}
}
ytd-app[mini-guide-visible] {
& tp-yt-app-drawer {
display: unset i;
visibility: visible i;
}
& tp-yt-app-header {
left: 240px i;
}
& #channel-container {
max-height: 230px;
}
& ytd-page-manager {
margin-left: var(--app-drawer-width) i;
}
& ytd-mini-guide-renderer {
display: none i;
}
& #scrim.tp-yt-app-drawer {
opacity: 1 i;
}
& #contentContainer.tp-yt-app-drawer {
transform: translate3d(0, 0, 0) i;
}
& #contentContainer.tp-yt-app-drawer #header.ytd-app {
display: none i;
}
& ytd-playlist-header-renderer.ytd-browse {
left: var(--app-drawer-width) i;
}
}
}
}
if sidebar=='Compact-E' {
ytd-app[guide-persistent-and-visible] {
.title.ytd-guide-entry-renderer, a.ytd-guide-entry-renderer[href="/feed/you"], #guide-section-title.ytd-guide-section-renderer, yt-img-shadow.ytd-guide-entry-renderer ~ :is(yt-icon, #newness-dot), #footer.style-scope.ytd-guide-renderer, ytd-guide-renderer ytd-guide-signin-promo-renderer, #contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer::after {
display: none i;
}
div#guide-inner-content {
scrollbar-width: none i; // Firefox
&::-webkit-scrollbar {
display: none i; // Chrome
}
}
yt-img-shadow.ytd-guide-entry-renderer, .guide-icon.ytd-guide-entry-renderer {
margin: 0 i;
}
tp-yt-app-drawer, ytd-guide-renderer.ytd-app {
width: var(--ytd-mini-guide-width) i;
}
ytd-guide-entry-renderer, ytd-guide-entry-renderer[active] {
width: max-content i;
}
ytd-guide-section-renderer > #items > ytd-guide-entry-renderer, #section-items > ytd-guide-entry-renderer, ytd-guide-collapsible-entry-renderer ytd-guide-entry-renderer {
margin-bottom: 5px i;
}
ytd-page-manager.ytd-app {
margin-left: var(--ytd-mini-guide-width) i;
}
ytd-playlist-header-renderer.ytd-browse {
left: var(--ytd-mini-guide-width) i;
}
ytd-guide-section-renderer {
padding: 0 i;
margin: 12px 10px 0 i;
width: max-content i;
}
}
}
if sidebar=='Compact-M' {
ytd-app[guide-persistent-and-visible] {
& ytd-mini-guide-renderer {
opacity: 0 i;
transition: .15s ease i;
left: calc((var(--ytd-mini-guide-width) / 1.2) * -1);
&:hover {
opacity: 1 i;
left: 0 i;
}
}
& ytd-page-manager {
margin-left: 0 i;
}
}
}
if sidebar=='Compact-D' {
ytd-app[guide-persistent-and-visible] {
ytd-guide-section-renderer {
padding: 4px i;
width: 200px i;
}
ytd-guide-section-renderer.style-scope:nth-child(1) {
padding-top: 10px i;
}
tp-yt-app-drawer {
width: 200px i;
}
#page-manager.ytd-app {
margin-left: 200px i;
}
tp-yt-paper-item.ytd-guide-entry-renderer {
padding: 0 4px i;
}
.guide-icon.ytd-guide-entry-renderer, yt-img-shadow.ytd-guide-entry-renderer {
margin-right: 12px i;
}
ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
margin-top: 3px i;
padding-top: 4px i;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {
margin: 2px 0 i;
}
}
}
if sidebar=='Minimize' {
ytd-app[guide-persistent-and-visible] {
#guide {
transform: translateX(-90%) i;
transition: .1s ease i;
}
#guide:hover {
transform: unset i;
}
ytd-page-manager.ytd-app {
margin-left: 24px i;
}
ytd-browse :is(ytd-playlist-sidebar-renderer.ytd-browse, ytd-playlist-header-renderer.ytd-browse) {
left: 24px i;
}
}
}
if sidebar=='Remove' {
tp-yt-app-drawer, ytd-mini-guide-renderer {
display: none i;
}
ytd-page-manager.ytd-app {
margin-left: 0 i;
}
}
if roundedSele {
ytd-guide-entry-renderer[active] a {
height: 48px i;
}
ytd-guide-entry-renderer[active] {
border-radius: 50% i;
}
}
if borderRight {
tp-yt-app-drawer, ytd-mini-guide-renderer.style-scope {
border-right: 1px solid #3f3f3f i;
}
}
ytd-mini-guide-entry-renderer, ytd-guide-entry-renderer {
if homeItem {
&:has([href="/"]) {
display: none i;
}
}
if shortsItem {
&:has([title="Shorts"]) {
display: none i;
}
}
if subsItem {
&:has([href="/feed/subscriptions"]) {
display: none i;
}
}
if ytmItem {
&:has([href="https://music.youtube.com/"]) {
display: none i;
}
}
if libraryItem {
&:has([href="/feed/you"]) {
display: none i;
}
}
if yourChannel {
&:has(> [href^="/channel/"]) {
display: none i;
}
}
if history {
&:has(> [href="/feed/history"]) {
display: none i;
}
}
if yourVideos {
&:has(> [href^="https://studio.youtube.com/channel/"]) {
display: none i;
}
}
if watchLater {
&:has(> [href="/playlist?list=WL"]) {
display: none i;
}
}
if likedVideos {
&:has(> [href="/playlist?list=LL"]) {
display: none i;
}
}
if settings {
ytd-guide-entry-renderer:has(> [href="/account"]) {
display: none i;
}
}
if reportHist {
ytd-guide-entry-renderer:has(> [href="/reporthistory"]) {
display: none i;
}
}
if helpT {
ytd-guide-entry-renderer:has(path[d^="M15.36 9.96c0 1.09-.67 1.67-1.31"]) {
display: none i;
}
}
if feedback {
ytd-guide-entry-renderer:has(path[d^="M13 14h-2v-2h2v2zm0-9h"]) {
display: none i;
}
}
}
if downloads {
ytd-guide-downloads-entry-renderer {
display: none i;
}
}
if entryCol {
ytd-guide-collapsible-entry-renderer {
display: none i;
}
}
if yourChannel&&history&&yourVideos&&watchLater&&likedVideos&&downloads&&entryCol {
ytd-guide-collapsible-section-entry-renderer.style-scope {
display: none i;
}
}
if settings&&reportHist&&helpT&&feedback {
ytd-guide-section-renderer:has([href="/account"]) {
display: none i;
}
}
if featureSec {
ytd-guide-section-renderer:has(#endpoint[href^="/feed/trending?"], #endpoint[hre...