This improves the functionally like the non-polymer layout.
CSS adjustments/fixes for 7ktTube to make it look similar to non-polymer layout by magma_craft
Details
Authormagma_craft
LicenseCC Zero
Categoryyoutube
Created
Updated
Size9.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Acquired from this subreddit here: https://www.reddit.com/r/oldyoutubelayout/comments/vtvtqv/i_made_a_project_to_make_youtube_look_like_the/
Source code
/* ==UserStyle==
@name CSS adjustments/fixes for 7ktTube to make it look similar to non-polymer layout
@version 20231020.02.36
@namespace userstyles.world/user/magma_craft
@description This improves the functionally like the non-polymer layout.
@author magma_craft
@license CC Zero
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* Search box improvements */
#container.ytd-searchbox {
margin-left: 0px !important;
}
#container.ytd-searchbox > [slot=search-input] input {
box-sizing: border-box !important;
padding: 1px 2px 2px !important;
margin: 0 !important;
}
ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
display: none !important;
}
ytd-searchbox[has-focus] #container.ytd-searchbox {
padding: 2px 6px 2px 6px !important;
margin: 0 !important;
}
#button.style-scope.ytd-searchbox {
border-top-right-radius: 1px !important;
border-bottom-right-radius: 1px !important;
}
/* Top bar improvements */
#background.ytd-masthead {
height: 50px !important;
}
tp-yt-paper-button.style-scope.ytd-button-renderer.style-suggestive.size-small {
margin-right: 15px !important;
padding-top: 24px !important;
margin-bottom: 6px !important;
border-left-width: 0px !important;
border-top-width: 0px !important;
border-bottom-width: 0px !important;
border-right-width: 0px !important;
padding-bottom: 0px !important;
border-radius: 2px !important;
}
yt-formatted-string.style-scope.ytd-button-renderer.style-suggestive.size-small {
margin-bottom: 24px !important;
}
yt-img-shadow.ytd-topbar-menu-button-renderer {
width: 27px !important;
height: 26px !important;
}
button#avatar-btn.style-scope.ytd-topbar-menu-button-renderer {
width: 27px !important;
height: 26px !important;
margin-right: 16px !important;
margin-bottom: 1px !important;
}
button#avatar-btn.style-scope.ytd-topbar-menu-button-renderer > yt-img-shadow.style-scope.ytd-topbar-menu-button-renderer.no-transition > img#img.style-scope.yt-img-shadow {
width: 27px !important;
height: 27px !important;
}
div.yt-spec-icon-badge-shape__icon {
width: 27px !important;
height: 27px !important;
margin-left: 0px !important;
margin-bottom: 4px !important;
}
div.yt-spec-icon-badge-shape__badge {
font-weight: 500 !important;
}
yt-icon-button.style-scope.ytd-topbar-menu-button-renderer.style-default {
margin-right: 16px !important;
margin-bottom: 1px !important;
}
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon {
background: no-repeat url(//web.archive.org/web/20170101000247im_/http://s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0 -75px;
background-size: auto;
width: 24px !important;
height: 24px !important;
opacity: 0.67 !important;
}
/* Sidebar improvements */
yt-formatted-string.style-scope.ytd-guide-signin-promo-renderer {
font-size: 13px !important;
line-height: 16px !important;
}
tp-yt-paper-button.style-scope.ytd-button-renderer.style-suggestive.size-default {
padding-bottom: 0px !important;
padding-top: 24px !important;
border-left-width: 0px !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-radius: 2px !important;
}
yt-formatted-string.style-scope.ytd-button-renderer.style-suggestive.size-default {
margin-bottom: 24px !important;
}
yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition {
width: 20px !important;
height: 20px !important;
}
ytd-mini-guide-renderer.style-scope.ytd-app {
display: none !important;
}
ytd-app[mini-guide-visible] ytd-page-manager.ytd-app {
margin-left: 0px !important;
}
/* Debloat unwanted things from the sidebar */
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Shorts"] {
display: none !important;
}
a.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer[title="Shorts"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Downloads"] {
display: none !important;
}
ytd-guide-entry-renderer > a[href*="/channel/UCkYQyvc_i9hXEo4xic9Hh2g"] {
display: none !important;
}
ytd-guide-entry-renderer > a[href*="/channel/UCrpQ4p1Ql_hG8rKXIKM1MOQ"] {
display: none !important;
}
ytd-guide-entry-renderer > a[href*="/channel/UCtFRv9O2AHqOZjjynzrv-xg"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Podcasts"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Creator Studio"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="YouTube Music"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="YouTube Kids"] {
display: none !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Report history"] {
display: none !important;
}
/* Search engine, channel and other adjustments */
ytd-section-list-renderer.style-scope.ytd-two-column-search-results-renderer {
background-color: #ffffff;
}
#expandable-metadata.ytd-video-renderer {
display: none !important;
}
div.tabs-content.scrollable.style-scope.tp-yt-paper-tabs {
margin-top: 8px !important;
}
#container.ytd-recognition-shelf-renderer {
display: none !important;
}
ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype=history]):not([page-subtype=memberships-and-purchases]):not([page-subtype=ypc-offers]) #contents.ytd-section-list-renderer>*.ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer:not([has-destination-shelf-renderer]).ytd-section-list-renderer:not(ytd-minor-moment-header-renderer) {
margin-top: 8px;
}
ytd-c4-tabbed-header-renderer[use-modern-style] .meta-item.ytd-c4-tabbed-header-renderer {
display: none !important;
}
#container.ytd-channel-header-links-view-model {
display: none !important;
}
ytd-c4-tabbed-header-renderer[use-modern-style][has-channel-header-links] #inner-header-container.ytd-c4-tabbed-header-renderer {
margin-top: 18px !important;
}
ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer {
font-family: Roboto !important;
font-weight: 500 !important;
}
ytd-tvfilm-offer-module-renderer[modern-panels] {
border-radius: 0px !important;
}
ytd-tvfilm-offer-module-renderer[modern-panels] #header.ytd-tvfilm-offer-module-renderer {
border-radius: 0px !important;
font-family: Roboto !important;
font-size: 1.6rem !important;
line-height: 2.2rem !important;
font-weight: 400 !important;
}
ytd-donation-shelf-renderer.style-scope.ytd-watch-flexy {
display: none !important;
}
yt-formatted-string.style-scope.ytd-toggle-button-renderer.style-text {
font-family: Roboto !important;
}
ytd-thumbnail-overlay-time-status-renderer.style-scope.ytd-thumbnail {
margin-top: 0 !important;
margin-right: 0 !important;
padding: 0 4px !important;
font-size: 11px !important;
height: 14px !important;
line-height: 14px !important;
opacity: .75 !important;
}
/* Remove rounded corners under the watch player */
.ytp-ad-player-overlay-flyout-cta-rounded {
border-radius: 2px !important;
}
.ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
border-radius: 2px;
text-transform: uppercase
}
.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
border-radius: 2px;
text-transform: uppercase
}
.ytp-settings-menu.ytp-rounded-menu, .ytp-screen-mode-menu.ytp-rounded-menu {
border-radius: 2px !important;
}
.ytp-videowall-still-image {
border-radius: 0px !important;
}
.ytp-sb-subscribe.ytp-sb-rounded, .ytp-sb-unsubscribe.ytp-sb-rounded {
border-radius: 2px !important;
}
div.branding-context-container-inner.ytp-rounded-branding-context {
border-radius: 2px !important;
}
div.iv-card.iv-card-video.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.iv-card-playlist.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.iv-card-channel.ytp-rounded-info {
border-radius: 0px !important;
}
div.iv-card.ytp-rounded-info {
border-radius: 0px !important;
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview, .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
border-radius: 0px !important;
}
.ytp-ce-video.ytp-ce-medium-round, .ytp-ce-playlist.ytp-ce-medium-round, .ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
border-radius: 0px !important;
}
div.ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail {
border-radius: 0px !important;
}
button.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-cancel-button.ytp-autonav-endscreen-upnext-button-rounded {
border-radius: 2px !important;
}
a.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-play-button.ytp-autonav-endscreen-upnext-button-rounded {
border-radius: 2px !important;
}
.ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-overlay-image img, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-text-overlay, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-enhanced-overlay {
border-radius: 0px !important;
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px !important;
}
.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview {
border-radius: 0px !important;
}
}