Skip to content

YouTube - Old Video Layout / Setting Size,Quantity by noredesign

Screenshot of YouTube - Old Video Layout / Setting Size,Quantity

Details

Authornoredesign

LicenseMIT

Categoryhttps://www.youtube.com/

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Customizable options

  1. Set your video size/quantity per line - disabled by default

  2. Enable/disable rounding - disabled by default

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           YouTube - Old Video Layout / Setting Size,Quantity
@namespace      https://www.youtube.com/watch?v=UKjA3DWeWMg
@version        1.3.8.9
@description    Go back to the previous video design.
@author         No_Redesign
@preprocessor stylus
@var select customSetting  "🔓 Custom Setting" ["Disabled", "Enabled"]
@var text  customSize         " ⚙ Размер / Size"        211px
@var select customQuantity    " ⚙ Кол-во / Quantity" {
    "1": "1",
    "2": "2",
    "3": "3",
    "4": "4",
    "5": "5",
    "6": "6",
    "7": "7",
    "8": "8",
    "9": "9",
    "10": "10",
    "11": "11"
}

@var select customRounding  "🕛 Скругление / Rounding" ["Disabled", "Enabled"]

==/UserStyle== */


@-moz-document domain("youtube.com") {
      /*and: avatar*/#avatar-link.ytd-rich-grid-media {display: none !important;margin-right: 0 !important;}/*and: title top*/#video-title.ytd-rich-grid-media {font-size: 1.4rem !important;line-height: 1.8rem !important}/*and: title bottom*/ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block,ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {font-size: 1.3rem !important}/*end: title bottom*/ytd-rich-shelf-renderer {border-top: 1px solid var(--yt-spec-10-percent-layer) }#show-more-button.ytd-rich-shelf-renderer {border-bottom: 1px solid var(--yt-spec-10-percent-layer) }ytd-rich-shelf-renderer[is-show-more-hidden] #dismissable.ytd-rich-shelf-renderer {border-bottom: 1px solid var(--yt-spec-10-percent-layer) }/*and: line indent*/#contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer {margin-bottom: 24px }ytd-rich-item-renderer {margin-left: calc(4px / 2) !important;margin-right: calc(4px / 2) !important;margin-bottom: 24px;width: calc(100% / var(--ytd-rich-grid-items-per-row) - 4px - 0.01px) }/*end: line indent*/h3.ytd-rich-grid-video-renderer {margin: 8px 0 8px!important;}ytd-primetime-promo-renderer.ytd-rich-section-renderer, ytd-inline-survey-renderer.ytd-rich-section-renderer {border-top: 1px solid var(--yt-spec-10-percent-layer);border-bottom: 1px solid var(--yt-spec-10-percent-layer);}/*and: skeleton-loading*/#home-page-skeleton {justify-content: center;align-items: center;}.rich-grid-media-skeleton {margin-left: calc(4px / 2) !important;margin-right: calc(4px / 2) !important;margin-bottom: 24px !important;}.rich-grid-media-skeleton {flex-basis: var(--ytd-rich-grid-item-max-width) !important;min-width: var(--ytd-rich-grid-item-max-width) !important;max-width: var(--ytd-rich-grid-item-max-width) !important;}#home-page-skeleton .channel-avatar, #primary .channel-avatar {display: none;}#home-page-skeleton .text-shell {height: 16px !important;}/*end: skeleton-loading*//*NEW - TITLE*/#title.ytd-rich-shelf-renderer {color: var(--yt-spec-text-primary);font-size: 1.6rem;font-weight: 400 !important;}#rich-shelf-header.ytd-rich-shelf-renderer {margin: 14px 0 14px 0px !important;}/*NEW - BORDER*/#dismissed.ytd-compact-promoted-item-renderer {border-top: 1px solid var(--yt-spec-10-percent-layer) !important;border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;}/*.expand-collapse-button.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-show-more-hidden] #dismissible.ytd-rich-shelf-renderer {border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;}*/html:not(.style-scope) {--ytd-rich-grid-item-max-width: 210px !important;--ytd-rich-grid-item-margin: 4px !important;}#contents.ytd-rich-grid-renderer, #home-container-media, #grid-header.ytd-rich-grid-renderer {width: calc(100% + 4px + 0.01px) !important;max-width: calc( var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin))) !important }@media (max-width: 456px) {#home-container-skeleton, #home-page-skeleton, #home-container-media, ytd-rich-grid-renderer {--ytd-rich-grid-items-per-row: 1 !important;--ytd-rich-grid-posts-per-row: 1 !important;}}ytd-two-column-browse-results-renderer.ytd-browse:not([page-subtype="playlist"]):not([page-subtype="history"]):not([page-subtype="trending"]) {width: var(--load-videos-items-per-row) !important;}#home-container-skeleton, #home-page-skeleton, #home-container-media, ytd-rich-grid-renderer,ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer{--ytd-rich-grid-items-per-row: var(--grid-items-videos--per-row) !important;--ytd-rich-grid-posts-per-row: var(--grid-posts-videos-per-row) !important;}@media (max-width: 456px) {html:not(.style-scope) {--grid-items-videos--per-row: 1;--grid-posts-videos-per-row: 1;}}@media (min-width: 457px) {html:not(.style-scope) {--load-videos-items-per-row: 903px;--grid-items-videos--per-row: 2;--grid-posts-videos-per-row: 2;}}@media (min-width: 647px) {html:not(.style-scope) {--load-videos-items-per-row: 1300px;--grid-items-videos--per-row: 3;--grid-posts-videos-per-row: 3;}}@media (min-width: 957px) {html:not(.style-scope) {--load-videos-items-per-row: 1567px;--grid-items-videos--per-row: 4;--grid-posts-videos-per-row: 3;}}@media (min-width: 1171px) {html:not(.style-scope) {--load-videos-items-per-row: 1680px;--grid-items-videos--per-row: 5;--grid-posts-videos-per-row: 3;}}@media (min-width: 1600px) {html:not(.style-scope) {--load-videos-items-per-row: 2348px;--grid-items-videos--per-row: 6;--grid-posts-videos-per-row: 3;}}@media (min-width: 457px) and (max-width: 792px) {ytd-browse:not([page-subtype="playlist"]):not([page-subtype="channels"]) #chips-wrapper.ytd-feed-filter-chip-bar-renderer {width: 89% !important;left: 0%;padding-left: 10px;padding-right: 60px;}}@media screen and (min-width: 792px) {ytd-browse:not([page-subtype="playlist"]):not([page-subtype="channels"]) #chips-wrapper.ytd-feed-filter-chip-bar-renderer {width: 89% !important;left: 2%;padding-left: 64px;padding-right: 50px;}}@media screen and (min-width: 1313px) {ytd-browse:not([page-subtype="playlist"]):not([page-subtype="channels"]):not([page-subtype="channels"]) #chips-wrapper.ytd-feed-filter-chip-bar-renderer {width: 86% !important;left: 2%;padding-left: 190px;}ytd-app:not([mini-guide-visible]) ytd-browse:not([page-subtype="playlist"]):not([page-subtype="channels"]) #chips-wrapper.ytd-feed-filter-chip-bar-renderer {left: 4%;}}/* - end - */ytd-browse:not([page-subtype="playlist"]):not([page-subtype="channels"]) #chips-wrapper.ytd-feed-filter-chip-bar-renderer {z-index: 2000;}#contents.ytd-rich-grid-renderer, #home-container-media, #grid-header.ytd-rich-grid-renderer {--ytd-rich-grid-item-max-width: 210px !important;}
/*Скругление - Rounding*/
if (customRounding=="Disabled") {
ytd-thumbnail[size="large"] a.ytd-thumbnail, ytd-thumbnail[size="large"]::before,[rounded-container] .watch-skeleton .text-shell, .ytd-thumbnail,.ytd-searchbox,ytd-universal-watch-card-renderer[rounded] #header.ytd-universal-watch-card-renderer, ytd-universal-watch-card-renderer[rounded] #hero.ytd-universal-watch-card-renderer,ytd-expandable-metadata-renderer:not([is-expanded]) #header.ytd-expandable-metadata-renderer:hover,ytd-macro-markers-list-item-renderer[modern][rounded][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL], ytd-watch-flexy[rounded-player-large]:not([fullscreen]):not([theater]) #ytd-player.ytd-watch-flexy, ytd-inline-survey-renderer[rounded-container] #dismissible.ytd-inline-survey-renderer,ytd-reel-player-overlay-renderer #overlay.ytd-reel-player-overlay-renderer,ytd-game-details-renderer[rounded] yt-img-shadow.ytd-game-details-renderer, ytd-expandable-metadata-renderer,.ytp-miniplayer-scrim,.ytp-miniplayer-ui,.ytd-popup-container,.ytd-playlist-thumbnail,.ytp-autonav-endscreen-upnext-thumbnail,.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail, .countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-thumbnail,.ytp-ce-video,.iv-card.ytp-rounded-info,yt-dropdown-menu[modern-dialogs] #menu.yt-dropdown-menu, .immersive-header-container.ytd-playlist-header-renderer,.collections-stack-wiz__collection-stack1--medium, .image-wrapper.ytd-hero-playlist-thumbnail-renderer,.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-button-rounded,.ytp-videowall-still-image,yt-interaction.rounded-large .fill.yt-interaction, yt-interaction.rounded-large .stroke.yt-interaction,.rich-thumbnail.ytd-ghost-grid-renderer,ytd-statement-banner-renderer:not([is-first-feed-item]),.ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail,yt-dropdown-menu[rounded-container],ytd-multi-page-menu-renderer[sheets-refresh],#dismissed.ytd-rich-grid-slim-media,#dismissed.ytd-rich-grid-media,#player.ytd-channel-video-player-renderer,ytd-thumbnail[size="medium"] a.ytd-thumbnail, ytd-thumbnail[size="medium"]::before,ytd-backstage-post-thread-renderer[rounded-container],.branding-context-container-inner.ytp-rounded-branding-context,#container.ytd-playlist-panel-renderer,.player-container.ytd-reel-video-renderer,.immersive-header-container.ytd-playlist-header-renderer.ytp-ce-video.ytp-ce-medium-round,.ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail), .ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bg ,#player.skeleton.flexy #player-api.round,.ytp-ce-video.ytp-ce-medium-round, .ytp-ce-playlist.ytp-ce-medium-round, .ytp-ce-medium-round .ytp-ce-expanding-overlay-background,.sbdd_b, .sbsb_a,#home-page-skeleton .rich-thumbnail.rounded-thumbs, #home-container-skeleton .rich-thumbnail.rounded-thumbs:before,ytd-ghost-grid-renderer[rounded-container] .rich-thumbnail.ytd-ghost-grid-renderer,ytd-live-chat-frame[rounded-container],ytd-macro-markers-list-item-renderer[rounded] #thumbnail.ytd-macro-markers-list-item-renderer,#home-page-skeleton .rich-thumbnail, #home-page-skeleton .rich-thumbnail::before, #video-preview-container, ytd-engagement-panel-section-list-renderer[modern-panels], #contentWrapper.tp-yt-iron-dropdown > *{-webkit-border-radius:0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
ytd-rich-metadata-renderer[...

Reviews

No reviews yet.