PaperTube is a Userscript that makes YT have a Material Design 1 Look. very much like early Polymer.
// ==UserScript==
// @name PaperTube
// @namespace http://tampermonkey.net/
// @version 0.1.5
// @description PaperTube is a Userscript that makes YT have a Material Design 1 Look. very much like early Polymer.
// @author Zodah43
// @match *://www.youtube.com/*
// @icon https://i.imgur.com/btgevuz.png
// @grant none
// ==/UserScript==
(function() {
'use strict';
let container = document.querySelector("body");
let newElem = document.createElement("div");
newElem.id = "new-css";
newElem.innerHTML = `
<style>
.gaiabar {
display: none;
}
#logo {
background: no-repeat url(https://i.imgur.com/pD9PbKJ.png);
}
#appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item{
filter: opacity(0.5);
}
#yt-masthead-container {
background: #e42626;
border-bottom: none;
height: 50px;
margin: auto;
padding-top: 3px;
padding-bottom: 4px;
}
#masthead-search-terms{
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
border-radius: 2px;
}
#masthead-search-terms-border{
border: none;
box-shadow: none;
}
.cardified-page #yt-masthead-container {
background: #e42626;
}
.cardified-page #masthead-appbar-container {
border-bottom: 0;
background: #e42626;
z-index: 1000000000000;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.cardified-page .yt-card {
box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
#guide-container .guide-item.guide-item-selected, #guide-container .guide-collection-item .guide-item.guide-item-selected, #guide-container .guide-item.guide-item-selected:hover{
background-color: #f0f0f0;
color: red;
}
#guide-container .guide-item.guide-item-selected{
font-weight: 500;
text-shadow: none;
}
.exp-top-guide .guide-item, .exp-top-guide .guide-view-more{
height: 40px;
}
#appbar-nav .epic-nav-item-heading, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item {
font-size: 11px;
text-transform: uppercase;
color: #fff;
}
.yt-lockup-title a, .yt-lockup:hover a, .yt-lockup:hover .yt-lockup-meta a, .yt-lockup:hover .yt-lockup-description a {
color: #333;
font-weight: 200;
}
#yt-masthead-content {
overflow: inherit;
*zoom: 1;
}
.yt-lockup {
color: #999;
}
.prominent-upload-button-styling #upload-btn {
background-color: #fff;
padding 0 11px;
border-color: transparent;
border-radius: 1px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
color: #333;
text-transform: uppercase;
}
.prominent-upload-button-styling:hover #upload-btn:hover {
background-color: #eee;
}
.yt-uix-button-icon-appbar-settings {
background: no-repeat url(https://i.imgur.com/s7wcaF1.png) 0px 0px;
background-size: auto;
width: 10px;
height: 10px;
}
#yt-masthead-content #masthead-upload-button-group, #yt-masthead-signin, #yt-masthead #upload-btn {
float: right;
margin-top: 3px;
margin-left: 25px;
padding: 0 11px;
}
.yt-uix-button-default, .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:hover, .yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus {
border: none;
background: transparent;
color: #333;
}
.yt-uix-button-icon-wrapper {
display: inline-block;
}
.run run-text {
display: none;
}
.epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading {
border-color: #fff;
}
.exp-guide-fusion-topbar #appbar-guide-menu{
z-index: 888888;
}
#appbar-guide-menu {
z-index: 1;
padding: 0
}
#guide-module-content li {
height: 32px;
}
</style>
`;
container.insertBefore(newElem, container.children[0]);
})();