Skip to content

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

This improves the functionally like the non-polymer layout.

Notes

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;
}
}

Reviews

No reviews yet.