Authorprotaxevader
LicenseAGPL-3.0
Categoryhttps://www.youtube.com
Created
Updated
Size27 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Additional css for 7kttube to make it more accurate
https://7kt.se/downloads/5/7kttube-2016-redux is required.
Do note that this userstyle is both my own effort but mostly a collection of others' css that they made, so when talking about specific parts of this userstyle please make sure to give credit to the people listed not just me.
Recommended scripts and userstyles for youtube:
7kt old info & icons fix:
https://7kttube.tk/downloads/1-category/4/7ktTube-Old-info-and-Icons-Fix
Note: For all links below click "Raw" to prompt both your userscript and style manager.
Youtube patch collection (i'll find a better way to host it eventually) (Also it tends to work the best with firefox):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/patchcollection.user.js
Youtube Player Classicifier + YT Shorts to videos + Old Seek UI (click raw for all three links):
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/yt**player**classicifier.user.css
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/anti_shorts.user.js
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/old_seek_ui.user.js
2016 notifications (not 100% accurate):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/2016ishNotifications.user.css
Appbar script I modified (originally by BowDown097):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/appbarmod.user.js
Non-rounded scrollbar:
https://github.com/ProTaxEvader/7kt-Plus/blob/main/Non-Round-Scrollbar.user.js
YT Favicon Changer:
https://github.com/ProTaxEvader/7kt-Plus/blob/main/YT-Favicon-Changer.user.js
YT flags that can break things (patch collection)
json.EXPERIMENT_FLAGS.web_darker_dark_theme = false;
set the flag above to true only if you use darkmode, otherwise it will mess up the light theme for 7kt
@-moz-document domain("www.youtube.com"), domain("youtu.be") {
/* ==UserStyle==
@name 7kt Plus
@version 20220629.21.40
@namespace userstyles.world/user/protaxevader
@description Additional css for 7kttube to make it more accurate
@preprocessor less
@var checkbox midToLate2015 "Styles 7ktTube to look like YouTube from mid 2015" 0
https://7kt.se/downloads/5/7kttube-2016-redux is required.
@author protaxevader
@license AGPL-3.0
==/UserStyle== */
}
@-moz-document domain("www.youtube.com"), domain("youtu.be") {
/*MrFloof*/
/* font changes (this has old roboto!) */
@font-face when (@midToLate2015 = 0){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
}
}
/* button overiding */
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
background: #f8f8f8;
color: #171717;
height: 28px !important;
border: solid 1px #d3d3d3;
padding: 0 10px !important;
outline: 0;
font: 500 11px roboto;
border-radius: 2px;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
vertical-align: middle;
text-align: center;
fill: none;
filter: none;
position: relative;
top: -2px;
width: auto;
}
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:before when (@midToLate2015 = 1){
content: "Upload";
display: inline-block;
color: #171717;
letter-spacing: 0;
font: 500 12px Roboto,sans-serif!important;
}
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:hover when (@midToLate2015 = 1){
border-color: #c6c6c6;
background: #f0f0f0;
}
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
background: #167ac6!important;
color: #fff;
border-radius: 2px!important;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
font: bolder 11px roboto!important;
height: 28px!important;
padding: 0 10px;
}
html:not([dark]) ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
background: #167ac6!important;
color: #fff;
border-radius: 2px!important;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
font: bolder 11px roboto!important;
height: 28px!important;
padding: 0 10px;
}
/* moving the newly (not) remade buttons */
.yt-spec-icon-badge-shape__icon when (@midToLate2015 = 1){
margin-right: -100px;
}ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
margin-left: -15px;
}
/* buttons rework */
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
border-color: #d3d3d3;
background: #f8f8f8;
color: #333;
border-radius: 2px;
border: 1px solid #d3d3d3;
width: auto;
padding: 0 10px;
opacity: 1;
height: 28px;
font: 12px Roboto,arial,sans-serif!important;
font-weight: 5;
font-size: 11px;
}
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:before when (@midToLate2015 = 1){
content: "Upload";
display: inline-block;
font: 12px !important;
color: #333;
letter-spacing: 0;
}
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
background: #167ac6!important;
color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
html:not([dark]) ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
background: #167ac6!important;
color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
/* 2015 stuff?*/
yt-img-shadow.ytd-topbar-menu-button-renderer when (@midToLate2015 = 1){
border-radius: 0px;
}
ytd-mini-guide-renderer.style-scope.ytd-app when (@midToLate2015 = 1){
display: none;
}
/* dont know if this works properly*/
#guide-inner-content.ytd-app when (@midToLate2015 = 1){
border-right: 1px solid #e8e8e8!important;
box-shadow: none!important;
}
/* searchbar */
#search-icon-legacy.ytd-searchbox when (@midToLate2015 = 1){
border-radius: 0 2px 2px 0!important;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
#masthead #search-icon-legacy.ytd-searchbox when (@midToLate2015 = 1){
border-color: #d3d3d3;
background: #f8f8f8;
color: #333;
}
#masthead-container #masthead #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox when (@midToLate2015 = 1){
background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflRdOrH4.png) -44px -1053px;
opacity: .6!important;
}
/* appbar */
.ytcp-main-appbar when (@midToLate2015 = 1){
background-color: #fff;
border-bottom: 1px solid #e8e8e8;
height: 40px;
line-height: 40px;
}
/*BowDown097 — 22/07/2022*/
#info.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
height: 20px !important;
}
#info ytd-video-owner-renderer when (@midToLate2015 = 1){
top: -21px !important;
}
ytd-app #channel-name.ytd-video-owner-renderer when (@midToLate2015 = 1){
right: 0;
top: -16px !important;
}
ytd-app #subscribe-button.ytd-video-secondary-info-renderer when (@midToLate2015 = 1){
top: 17px;
}
#menu.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
top: 7px !important;
}
#info ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
top: -32px;
}
#meta ytd-video-secondary-info-renderer when (@midToLate2015 = 1){
padding: 1px 15px;
}
/* old subs look */
.style-scope.ytd-menu-renderer.force-icon-button.style-default.size-default:nth-of-type(1) yt-icon when (@midToLate2015 = 1){
background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflY-jC_p.png) -32px -2211px!important;
color: #fff;
fill: none!important;
}
/*MrFloof Font; not working!*/
/*@font-face when (@midToLate2015 = 1) {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
unicode-range: U+0370-03FF;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-range: U+0370-03FF;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face when (@midToLate2015 = 1){
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
unicode-...