95 lines
1.8 KiB
CSS
95 lines
1.8 KiB
CSS
/* home page */
|
|
ytd-browse ytd-rich-grid-renderer {
|
|
#contents {
|
|
all: unset !important;
|
|
width: 100% !important;
|
|
max-width: 1600px !important;
|
|
margin-top: 32px !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
gap: 24px !important;
|
|
|
|
/* each video item in the grid */
|
|
ytd-rich-item-renderer {
|
|
all: unset !important;
|
|
|
|
div.yt-lockup-view-model {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 20px;
|
|
}
|
|
|
|
/* video preview image */
|
|
a.yt-lockup-view-model__content-image {
|
|
display: none !important;
|
|
}
|
|
|
|
yt-content-metadata-view-model {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
}
|
|
|
|
div.yt-lockup-view-model__metadata {
|
|
width: 100%;
|
|
}
|
|
|
|
a.yt-lockup-metadata-view-model__title span {
|
|
font-size: 2.3rem;
|
|
line-height: 3.2rem;
|
|
}
|
|
|
|
div.yt-lockup-metadata-view-model__metadata span {
|
|
font-size: 1.8rem;
|
|
line-height: 2.4rem;
|
|
}
|
|
|
|
/* hide user's avatar */
|
|
div.yt-lockup-metadata-view-model__avatar {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* hide shorts */
|
|
ytd-rich-section-renderer:has(ytm-shorts-lockup-view-model) {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* home page ghost cards showing loading state */
|
|
ytd-ghost-grid-renderer {
|
|
div.ghost-grid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
div.ghost-card {
|
|
margin: 0 !important;
|
|
|
|
div.rich-thumbnail {
|
|
display: none;
|
|
}
|
|
|
|
div.channel-avatar {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* video page */
|
|
ytd-watch-flexy {
|
|
#columns #secondary {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* sidebar */
|
|
tp-yt-app-drawer {
|
|
ytd-guide-entry-renderer:has(a[title="Shorts"]) {
|
|
display: none !important;
|
|
}
|
|
}
|