PaperTube

PaperTube is a Userscript that makes YT have a Material Design 1 Look. very much like early Polymer.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==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]);
})();