Aligns and squares some aspects of Youtube
Align everything Youtube by YacuGitHub
Details
AuthorYacuGitHub
LicenseNo License
Categoryhttps://www.youtube.com/
Created
Updated
Size13 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 Yacu
@namespace @Yacu
@version 1.0
@license MIT
@preprocessor stylus
@var checkbox rounded "Round YouTube" 0
@var range leftcontainer "Left Container margin" [0, 0, 1000, 1, 'px']
@var range rightcontainer "Right Container margin" [0, 0, 1000, 1, 'px']
@var checkbox removespacehome "Remove posts section to align the videos on homepage" 1
@var color bgcolour "Your YouTube Background color (Required to fix an issue)" #080404
==/UserStyle== */
@-moz-document domain("youtube.com") {
ytd-thumbnail {
&::before {
content: unset !important;
}
&.ytd-grid-video-renderer {
height: auto !important;
}
a#thumbnail {
display: flex !important;
flex-direction: column;
position: relative !important;
min-height: 100% !important;
height: unset !important;
unless rounded {
border-radius: 0px !important;
}
yt-image {
overflow: hidden;
position: relative;
background-color: var(--yt-spec-10-percent-layer) !important;
img {
width: 100% !important;
height: auto !important;
display: block !important;
aspect-ratio: 720 / 404 !important;
ytd-rich-grid-slim-media[is-short] & {
aspect-ratio: 405 / 720 !important;
}
.ytd-movie-renderer & {
aspect-ratio: 16 / 9 !important;
}
}
.cbCustomThumbnailCanvas {
position: absolute;
inset: 0;
}
img:not([style*="display: none"])~.cbCustomThumbnailCanvas {
display: none !important;
}
}
#overlays {
display: flex;
justify-content: flex-end;
padding: 20px 8px;
ytd-thumbnail-overlay-resume-playback-renderer {
margin-bottom: 40px;
}
#time-status.ytd-thumbnail-overlay-time-status-renderer {
margin-bottom: 6px;
margin-right: 2.5px;
z-index: 3
}
}
#mouseover-overlay {
position: absolute;
top: 0;
bottom: 21px;
left: 0;
right: 0;
overflow: hidden;
}
}
}
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
height: unset;
#overlays {
gap: 8px !important;
padding: 4px 6px !important;
padding-bottom: 0 !important;
}
#mouseover-overlay {
bottom: 17px !important;
}
}
if rounded {
ytd-thumbnail[size=large] :is(yt-image, #mouseover-overlay) {
border-radius: 12px
}
ytd-thumbnail[size=medium] :is(yt-image, #mouseover-overlay) {
border-radius: 8px
}
ytd-thumbnail[size=small] :is(yt-image, #mouseover-overlay) {
border-radius: 4px
}
}
unless rounded {
#media-container.ytd-display-ad-renderer {
border-radius: 1000px !important;
}
/*video*/
ytd-watch-flexy[rounded-player-large][default-layout] #ytd-player.ytd-watch-flexy {
border-radius: 0 !important;
}
.ytp-settings-menu {
border-radius: 0 !important;
}
/*under video*/
#avatar.ytd-video-owner-renderer {
border-radius: 0 !important;
}
#description.ytd-watch-metadata {
border-radius: 0 !important;
}
#header.ytd-video-description-infocards-section-renderer #thumbnail.ytd-video-description-infocards-section-renderer {
border-radius: 0 !important;
}
/*subscribe and like buttons*/
.yt-spec-touch-feedback-shape, .yt-spec-button-shape-next--size-m {
border-radius: 0 !important;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start, .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end {
border-radius: 0 !important;
}
/*enhancer for youtube panel*/
.efyt-control-bar {
border-radius: 0 !important;
}
/*paylist in description*/
#thumbnail.ytd-structured-description-playlist-lockup-renderer, .collections-stack-wiz__collection-stack1--small {
border-radius: 0 !important;
}
/*game description in description*/
ytd-rich-metadata-renderer[rounded] {
border-radius: 0 !important;
}
/*video thumbnails*/
ytd-thumbnail[size="medium"] a.ytd-thumbnail, ytd-thumbnail[size="medium"]::before, ytd-thumbnail, ytd-thumbnail[size="large"] a.ytd-thumbnail, ytd-thumbnail[size="large"]::before, .rich-thumbnail.ytd-ghost-grid-renderer {
border-radius: 0 !important;
}
ytd-menu-popup-renderer {
border-radius: 0 !important;
}
yt-chip-cloud-chip-renderer {
border-radius: 0 !important;
}
#avatar.ytd-rich-grid-media, .channel-avatar.ytd-ghost-grid-renderer {
border-radius: 0 !important;
}
.text-shell.ytd-ghost-grid-renderer {
border-radius: 0 !important;
}
/*playlist thumbnail in sidebar*/
.collections-stack-wiz__collection-stack1--medium, ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="medium"]::before {
border-radius: 0 !important;
}
/*playlist video count*/
ytd-thumbnail-overlay-bottom-panel-renderer[use-modern-collections-v2] {
border-radius: 0 !important;
}
ytd-playlist-panel-renderer[modern-panels]:not([within-miniplayer]) #container.ytd-playlist-panel-renderer {
border-radius: 0 !important;
}
/*comment section*/
#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, #author-thumbnail.ytd-comment-simplebox-renderer {
border-radius: 0 !important;
}
/*search bar*/
#container.ytd-searchbox, #search-icon-legacy.ytd-searchbox {
border-radius: 0 !important;
}
yt-img-shadow.ytd-topbar-menu-button-renderer {
border-radius: 0 !important;
}
#voice-search-button.ytd-masthead {
/*mic search*/
border-radius: 0 !important;
}
/*clip creator menu*/
ytd-engagement-panel-section-list-renderer[modern-panels]:not([live-chat-engagement-panel]) {
border-radius: 0 !important;
}
/*left side panel*/
yt-img-shadow.ytd-guide-entry-renderer, ytd-guide-entry-renderer {
border-radius: 0 !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus {
border-radius: 0 !important;
}
/*channel page*/
ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer {
border-radius: 0 !important;
}
#avatar.ytd-c4-tabbed-header-renderer {
border-radius: 0 !important;
}
#avatar {
border-radius: 0 !important;
}
ytd-post-renderer[rounded-container] {
border-radius: 0 !important;
}
ytd-playlist-thumbnail[size=large] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size=large]:before {
border-radius: 0 !important;
}
.collections-stack-wiz__collection-stack2 {
border-radius: 0 !important;
}
.collections-stack-wiz__collection-stack1--large {
border-radius: 0 !important;
}
#time-status.ytd-thumbnail-overlay-time-status-renderer {
border-radius: 0 !important;
}
}
#details.ytd-rich-grid-media {
margin-top: -41px
}
#video-title.ytd-rich-grid-media, #video-title.ytd-grid-video-renderer {
width: 87.1%
}
#guide-inner-content.ytd-app {
scrollbar-width: none !important;
}
ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
border-top: 0px !important;
margin-top: 8px !important;
padding-top: 8px !important;
}
#sections.ytd-guide-renderer>*.ytd-guide-renderer:not(:last-child) {
border-bottom: 0px !important;
margin-bottom: -5px
}
#items.ytd-watch-next-secondary-results-renderer {
margin-top: -12px;
}
ytd-watch-flexy[full-bleed-player] #items.ytd-watch-next-secondary-results-renderer {
margin-top: -19px;
}
ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer {
margin-top: -5px
}
#primary.ytd-watch-flexy {
margin-top: -2.5px
}
ytd-rich-section-renderer.ytd-rich-grid-renderer.style-scope:nth-of-type(1) {
margin-top: -25px
}
ytd-rich-grid-row.ytd-rich-grid-renderer.style-scope:nth-of-type(1) {
margin-top: -12px !important;
}
if removespacehome {
ytd-ric...