fixes for 7kttube (theres already 7kttube fixes but its outdated, and it also uses new 7kttube)
7kttube fixes by balduserstyle
Details
Authorbalduserstyle
Licenseunlicense
Categoryyoutube.com
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
requirements: 7kttube (latest version)
optional: return watched: https://greasyfork.org/en/scripts/419722-return-watched-badge-on-youtube-with-custom-text
bring back autoplay: https://greasyfork.org/en/scripts/453729-bring-back-old-autoplay-ui
changelog: fixed playlist, and more
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 7kttube fix
@namespace github.com/openstyles/stylus
@version 1.2.0
@preprocessor less
@var checkbox fixRingo "Fix ringo" 0
@var checkbox createIcon "Create icon" 0
@var checkbox removedateonrelatedVids "Remove date text on related videos" 0
@var checkbox oldUpload "Old upload button" 0
@license AGPL-3.0
==/UserStyle== */
@-moz-document domain("youtube.com") {
div.yt-spec-icon-badge-shape__icon {
margin-left: 25px !important;
}
div.yt-spec-icon-badge-shape__badge {
margin-left: 25px !important;
}
yt-button-shape.style-scope.ytd-subscribe-button-renderer {
display: flex !important;
}
yt-smartimation.ytd-subscribe-button-renderer, .smartimation__content > __slot-el {
display: flex !important;
}
#notification-preference-toggle-button:not([hidden]) + yt-animated-action #notification-preference-button.ytd-subscribe-button-renderer[invisible], #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] {
pointer-events: auto;
visibility: visible;
position: static;
background-color: #fafafa !important;
border: 5px;
border-color: #ccc !important;
}
html[dark] {
#notification-preference-toggle-button:not([hidden]) + yt-animated-action #notification-preference-button.ytd-subscribe-button-renderer[invisible], #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] {
pointer-events: auto;
visibility: visible;
position: static;
background-color: #333 !important;
border: 5px;
border-color: #757575 !important;
}
}
#subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button[subscribed]::before, #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button[subscribed]::before, #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) yt-button-shape > button.yt-spec-button-shape-next--tonal::before, #notification-preference-button yt-button-shape > button.yt-spec-button-shape-next--tonal::before {
width: 4px;
height: 9px;
margin-right: 12px;
margin-left: -6px !important;
transform: rotate(45deg);
margin-bottom: 5px !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: 36px!important;
height: 24px!important;
opacity: 1;
}
div.page-header-banner.style-scope.ytd-c4-tabbed-header-renderer {
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 0px !important;
}
ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer {
border-radius: 0px !important;
}
ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer {
flex-direction: row !important;
}
.yt-tab-shape-wiz__tab {
font-weight: 500 !important;
margin-top: -5px;
}
#avatar.ytd-c4-tabbed-header-renderer {
margin-top: 25px !important;
}
.yt-tab-group-shape-wiz__slider {
background-color: #c00;
}
ytd-watch-flexy button[aria-label="Share"] .yt-spec-button-shape-next__icon, ytd-watch-flexy #above-the-fold #top-level-buttons-computed ytd-button-renderer .yt-spec-button-shape-next__icon {
width: 20px;
height: 20px;
opacity: 0.6;
background: url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfljEooDy.png) -21px -1679px;
color: #fff;
}
#below button, #below ytd-button-renderer, yt-animated-rolling-number div
{
font-size: 11px!important;
vertical-align: middle;
font-weight: 500;
}
#top-level-buttons-computed svg
{
visibility: hidden;
}
#messages
{
color: #666;
}
ytd-watch-metadata tp-yt-paper-button yt-icon
{
background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -160px -808px;
width: 20px;
height: 20px;
}
ytd-watch-metadata tp-yt-paper-button:hover
{
opacity: 0.6;
}
like-button-view-model button, dislike-button-view-model button
{
opacity: 0.5;
}
like-button-view-model button:hover, dislike-button-view-model button:hover
{
opacity: 0.6;
}
like-button-view-model button[aria-pressed="true"], dislike-button-view-model button[aria-pressed="true"]
{
opacity: 1;
}
like-button-view-model yt-icon
{
background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -188px -237px;
width: 20px;
height: 20px;
}
dislike-button-view-model yt-icon
{
background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -72px -409px;
width: 20px;
height: 20px;
}
like-button-view-model button[aria-pressed="true"] yt-icon
{
background:no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -118px -213px;
}
like-button-view-model button[aria-pressed="true"]
{
color: #1b7fcc!important;
}
like-button-view-model, dislike-button-view-model
{
margin-left: 855px;
margin-right: -855px;
}
.ryd-tooltip-bar-container {
margin-left: 815px;
top: -55px !important;
width: 115%;
}
#top-level-buttons-computed {
margin-left: -160px;
}
ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer {
margin-right: 705px !important;
}
ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer::before {
font-size: 1.2rem;
font-weight: 500;
}
.YtSegmentedLikeDislikeButtonViewModelHost {
margin-left: -5px !important;
}
#expand.ytd-text-inline-expander::after {
content: "Show more";
}
.button.ytd-text-inline-expander {
font-size: 1.11rem;
}
#expand.ytd-text-inline-expander {
bottom: 0px !important;
top: 75px !important;
}
ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text, span.bold.yt-formatted-string.style-scope:nth-of-type(3)::before, ytd-watch-info-text[detailed] #info.ytd-watch-info-text {
content: "Published on ";
font-size: 1.33rem;
}
yt-img-shadow.ytd-topbar-menu-button-renderer {
width: 27px !important;
height: 27px !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;
}
#container.ytd-searchbox {
padding: 2px 6px !important;
}
ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(2) {
font-weight: 500 !important;
text-transform: uppercase !important;
}
ytd-comments-header-renderer[modern-typography] .count-text.ytd-comments-header-renderer {
font-weight: 400;
}
yt-img-shadow#avatar.ytd-notification-renderer, yt-img-shadow#avatar.ytd-notification-renderer img.yt-img-shadow {
border-radius: 0%!important;
}
.item.yt-dropdown-menu {
font-size: 1.1rem;
font-weight: 500;
line-height: 2rem !important;
}
:root {
--yt-link-letter-spacing: 0 !important;
--ytd-user-comment_-_letter-spacing: 0 !important;
--oldcolor: #c00;
}
ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer, .title.ytd-playlist-panel-renderer a.yt-formatted-string {
font-family: "Roboto",sans-serif;
font-size: 1.4rem !important;
}
button[aria-label="More actions"]::after {
content: "More";
font-size: 1.1rem;
font-weight: 500;
margin-left: 2px;
}
element.style {
background-color: rgba(40, 31, 16, 0.8);
}
.style-scope.ytd-thumbnail-overlay-bottom-panel-renderer, ytd-thumbnail-overlay-bottom-panel-renderer[use-modern-collections-v2] {
margin-right: 0px!important;
margin-left: 0px!important;
border-radius: 0px!important;
height: 100% !important;
width: 45% !important;
left: unset !important;
}
ytd-compact-autoplay-renderer {
padding: 12px 21px 12px 15px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
background-color: #fff !important;
}
html[dark] ytd-compact-autoplay-renderer {
padding: 12px 21px 12px 15px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
background-color: #212121 !important;
}
#autoplay.ytd-compact-autoplay-renderer:after {
content: url(//i.ibb.co/LtWLWNV/info.png);
margin-left: 10px;
margin-right: -2px;
}
#metadata-line.ytd-video-meta-block>.ytd-video-meta-block:not(:first-of-type):before when (@removedateonrelatedVids = 1) {
content: " ";
}
#metadata-line.ytd-video-meta-block>.ytd-video-meta-block:nth-of-type(2) when (@removedateonrelatedVids = 1) {
display: none;
}
ytd-thumbnail-overlay-time-status-renderer.style-scope.ytd-thumbnail {
padding: 1px 4px !important;
font-size: 11px !important;
height: 14px !important;
line-height: 14px !important;
opacity: .75 !important;
}
#guide #guide-section-title.ytd-guide-section-renderer {
padding: 1px 1px 11px !important;
margin-top: -9px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
#guide #header .title {
font-weight: 500 !important;
}
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer p.ytd-badge-supported-renderer {
padding-left: 0px;
vertical-align: middle;
white-space: nowrap;
}
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer p.ytd-badge-supported-renderer:after {
content: " NOW";
}
.animated-action__container {
width: 0px;
margin: 0px -7px 0px 3px;
left: -73px;
}
#upload-info > #owner-sub-count {
position: absolute !important;
padding-left: 45px !important;
top: 22px;
visibility: visible;
}
ytd-channel-tagline-renderer {
display: block !important;
margin-left: 1090px !important;
mar...