☰

Old YouTube Rating Colours

Makes the rating bar and thumbs have the original red & green look.

当前为 2016-12-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Old YouTube Rating Colours
  3. // @namespace    http://kippykip.x10.mx/
  4. // @version      1.3.3
  5. // @description  Makes the rating bar and thumbs have the original red & green look.
  6. // @author       Kippykip
  7. // @match        *://www.youtube.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. function addGlobalStyle(css) {
  12.     var head, style;
  13.     head = document.getElementsByTagName('head')[0];
  14.     if (!head) { return; }
  15.     style = document.createElement('style');
  16.     style.type = 'text/css';
  17.     style.innerHTML = css;
  18.     head.appendChild(style);
  19. }
  20.  
  21. //Rating bar
  22. addGlobalStyle('.video-extras-sparkbar-likes{float:left;height:2px;background: #00DD00 !important;}');
  23. addGlobalStyle('.video-extras-sparkbar-dislikes{float:left;height:2px;background: #EE0000 !important;}');
  24. addGlobalStyle('.like-button-renderer-like-button.yt-uix-button-toggled .yt-uix-button-content{color: #00BB00}');
  25. addGlobalStyle('.like-button-renderer-like-button.yt-uix-button.yt-uix-button-toggled:before{background:no-repeat url(//i.imgur.com/2zFI0q0.png) -299px -44px;background-size:auto;width:20px;height:20px}');
  26. addGlobalStyle('.like-button-renderer-like-button:active .yt-uix-button-content,.like-button-renderer-like-button.yt-uix-button-toggled .yt-uix-button-content{color:#00CC00}');
  27. addGlobalStyle('.like-button-renderer-like-button.yt-uix-button:active:before,.like-button-renderer-like-button.yt-uix-button.yt-uix-button-toggled:before{background:no-repeat url(//i.imgur.com/2zFI0q0.png) -299px -44px;background-size:auto;width:20px;height:20px}');
  28. //Red dislikes!
  29. addGlobalStyle('.like-button-renderer-dislike-button.yt-uix-button:active:before,.like-button-renderer-dislike-button.yt-uix-button.yt-uix-button-toggled:before{background:no-repeat url(//i.imgur.com/2zFI0q0.png) -113px -83px;background-size:auto;width:20px;height:20px}');
  30. addGlobalStyle('.like-button-renderer-dislike-button.yt-uix-button-toggled .yt-uix-button-content{color: #BB0000}');
  31.  
  32. //Comments!
  33. addGlobalStyle('.comment-renderer-like-count{margin-right:8px;color:#00BB00 !important;font-size:9pt;vertical-align:top}');
  34. addGlobalStyle('.sprite-like[aria-checked="true"]:before{background:no-repeat url(//i.imgur.com/lzqNC8X.png) 0 -19px !important;background-size:auto;width:14px;height:14px}');
  35. addGlobalStyle('.sprite-dislike[aria-checked="true"]:before{background:no-repeat url(//i.imgur.com/lzqNC8X.png) 0 -112px !important;background-size:auto;width:14px;height:14px}');