7ktTube | 2016 REDUX

Old YouTube 2016 Layout | Old watchpage | Change thumbnail & video player size | grayscale seen video thumbnails | Hide suggestion blocks, category/filter bars | Square profile-pictures | Disable hover thumbnail previews | and much more!

  1. // ==UserScript==
  2. // @name 7ktTube | 2016 REDUX
  3. // @namespace STILL_ALIVE
  4. // @version 4.0.11
  5. // @description Old YouTube 2016 Layout | Old watchpage | Change thumbnail & video player size | grayscale seen video thumbnails | Hide suggestion blocks, category/filter bars | Square profile-pictures | Disable hover thumbnail previews | and much more!
  6. // @author 7KT-SWE
  7. // @icon https://7kt.se/resources/images/icon.png
  8. // @icon64 https://7kt.se/resources/images/icon64.png
  9. // @license GPL-3.0-only
  10. // @homepageURL https://7kt.se/
  11. // @supportURL https://discord.7kt.se
  12. // @contributionURL https://www.paypal.com/donate/?hosted_button_id=2EJR4DLTR4Y7Q
  13. // @match *://*.youtube.com/*
  14. // @match *://*.youtu.be/*
  15. // @require https://update.gf.qytechs.cn/scripts/28536/184529/GM_config.js
  16. // @grant GM_addStyle
  17. // @grant GM_getValue
  18. // @grant GM.getValue
  19. // @grant GM.setValue
  20. // @grant GM_setValue
  21. // @grant GM_registerMenuCommand
  22. // @grant unsafeWindow
  23. // @grant GM_addElement
  24. // @run-at document-end
  25. // @compatible Chrome >=55 + Tampermonkey + Violentmonkey
  26. // @compatible Firefox >=56 + Tampermonkey + Violentmonkey
  27. // @compatible Opera + Tampermonkey + Violentmonkey
  28. // @compatible Edge + Tampermonkey + Violentmonkey
  29. // ==/UserScript==
  30. /*jshint esversion: 6 */
  31. // fix GM_addStyle
  32.  
  33. if (typeof GM_addStyle !== "function") {
  34. function GM_addStyle(css) {
  35. let style = document.createElement('style');
  36. style.type = 'text/css';
  37. style.appendChild(document.createTextNode(css));
  38. const head = document.getElementsByTagName('head')[0];
  39. if (head) head.appendChild(style);
  40. else document.documentElement.appendChild(style);
  41. }
  42. }
  43.  
  44. function removeEl (){
  45. const yt_lib_custom = {
  46. removeEl: selector => {
  47. let e = document.querySelector(selector);
  48. e && e.parentNode.removeChild(e);
  49. },
  50. getQueryURL: (query, url) => new URLSearchParams((url ? new URL(url) : location).search).get(query),
  51. }
  52.  
  53. // remove el
  54. window.addEventListener('load', () => {
  55. document.querySelectorAll("#masthead-ad,#root").forEach(e => e.remove()); // ad
  56. document.body.addEventListener("yt-navigate-finish", () => {
  57. yt_lib_custom.removeEl('ytd-miniplayer');
  58. yt_lib_custom.removeEl('ytd-miniplayer-ui');
  59. yt_lib_custom.removeEl('.ytp-miniplayer-button');
  60.  
  61. /* Remove autoplay button in player
  62. yt_lib_custom.removeEl('div.ytp-autonav-toggle-button-container');
  63. yt_lib_custom.removeEl('div.ytp-autonav-toggle-button');
  64. */
  65. if (window.location.pathname != "/watch") yt_lib_custom.removeEl('#movie_player video');
  66.  
  67. });
  68. });
  69. }
  70.  
  71. function restoreAppbarLinks() {
  72. var trendingData = {
  73. "navigationEndpoint": {
  74. "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  75. "commandMetadata": {
  76. "webCommandMetadata": {
  77. "url": "/feed/trending",
  78. "webPageType": "WEB_PAGE_TYPE_BROWSE",
  79. "rootVe": 6827,
  80. "apiUrl": "/youtubei/v1/browse"
  81. }
  82. },
  83. "browseEndpoint": {
  84. "browseId": "FEtrending"
  85. }
  86. },
  87. "icon": {
  88. "iconType": "TRENDING"
  89. },
  90. "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  91. "formattedTitle": {
  92. "simpleText": "Trending"
  93. },
  94. "accessibility": {
  95. "accessibilityData": {
  96. "label": "Trending"
  97. }
  98. },
  99. "isPrimary": true
  100. };
  101.  
  102. var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  103. document.querySelector(`#items > ytd-guide-entry-renderer:first-child`).insertAdjacentHTML("afterend", guidetemplate);
  104. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = trendingData;
  105. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(3)`).remove();
  106. document.querySelector("ytd-guide-section-renderer.style-scope:first-child").data.items[1].guideEntryRenderer = trendingData;
  107.  
  108.  
  109. if (yt.config_.LOGGED_IN) {
  110. const yourVideos = document.querySelector("ytd-guide-entry-renderer a[href*='/videos']");
  111. const channelId = yourVideos.href.split("/")[4];
  112. var channelData = {
  113. "navigationEndpoint": {
  114. "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  115. "commandMetadata": {
  116. "webCommandMetadata": {
  117. "url": "/channel/" + channelId,
  118. "webPageType": "WEB_PAGE_TYPE_CHANNEL",
  119. "rootVe": 6827,
  120. "apiUrl": "/youtubei/v1/browse"
  121. }
  122. },
  123. "browseEndpoint": {
  124. "browseId": channelId
  125. }
  126. },
  127. "icon": {
  128. "iconType": "ACCOUNT_BOX"
  129. },
  130. "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  131. "formattedTitle": {
  132. "simpleText": "My channel"
  133. },
  134. "accessibility": {
  135. "accessibilityData": {
  136. "label": "My channel"
  137. }
  138. },
  139. "isPrimary": true
  140. };
  141.  
  142. var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  143. document.querySelector(`#items > ytd-guide-entry-renderer:first-child`).insertAdjacentHTML("afterend", guidetemplate);
  144. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = channelData;
  145. document.querySelector("ytd-guide-section-renderer.style-scope:nth-child(1)").data.items[1].guideEntryRenderer = channelData;
  146. yourVideos.remove();
  147. }
  148. }
  149.  
  150. function insertResultsEstimate() {
  151. waitForElement("#filter-menu #container").then(function(elm) {
  152. const estimatedResults = parseInt(document.querySelector("ytd-search").data.estimatedResults).toLocaleString();
  153.  
  154. if (elm.querySelector(".num-results") !== null) {
  155. elm.querySelector(".num-results").innerHTML = `About ${estimatedResults} results`;
  156. return;
  157. }
  158.  
  159. let numResults = document.createElement("p");
  160. numResults.className = "num-results first-focus";
  161. numResults.setAttribute("tabindex", "0");
  162. numResults.innerHTML = `About ${estimatedResults} results`;
  163. elm.appendChild(numResults);
  164. });
  165. }
  166.  
  167. function gen_aspect_fix() {
  168. "use strict";
  169. var vidfix = {
  170. inject: function(is_user_script) {
  171. var modules;
  172. var vidfix_api;
  173. var user_settings;
  174. var default_language;
  175. var send_settings_to_page;
  176. var receive_settings_from_page;
  177. modules = [];
  178. vidfix_api = {
  179. initializeBypasses: function() {
  180. var ytd_watch;
  181. var sizeBypass;
  182. if (ytd_watch = document.querySelector("ytd-watch, ytd-watch-flexy")) {
  183. sizeBypass = function() {
  184. var width;
  185. var height;
  186. var movie_player;
  187. if (!ytd_watch.theater && !document.querySelector(".iri-full-browser") && (movie_player = document.querySelector("#movie_player"))) {
  188. width = movie_player.offsetWidth;
  189. height = Math.round(movie_player.offsetWidth / (16 / 9));
  190. if (ytd_watch.updateStyles) {
  191. ytd_watch.updateStyles({
  192. "--ytd-watch-flexy-width-ratio": 1,
  193. "--ytd-watch-flexy-height-ratio": 0.5625
  194. });
  195. ytd_watch.updateStyles({
  196. "--ytd-watch-width-ratio": 1,
  197. "--ytd-watch-height-ratio": 0.5625
  198. });
  199. }
  200. }
  201. else {
  202. width = window.NaN;
  203. height = window.NaN;
  204. }
  205. return {
  206. width: width,
  207. height: height
  208. };
  209. };
  210. if (ytd_watch.calculateCurrentPlayerSize_) {
  211. if (!ytd_watch.calculateCurrentPlayerSize_.bypassed) {
  212. ytd_watch.calculateCurrentPlayerSize_ = sizeBypass;
  213. ytd_watch.calculateCurrentPlayerSize_.bypassed = true;
  214. }
  215. if (!ytd_watch.calculateNormalPlayerSize_.bypassed) {
  216. ytd_watch.calculateNormalPlayerSize_ = sizeBypass;
  217. ytd_watch.calculateNormalPlayerSize_.bypassed = true;
  218. }
  219. }
  220. }
  221. },
  222. initializeSettings: function(new_settings) {
  223. var i;
  224. var j;
  225. var option;
  226. var options;
  227. var loaded_settings;
  228. var vidfix_settings;
  229. if (vidfix_settings = document.getElementById("vidfix-settings")) {
  230. loaded_settings = JSON.parse(vidfix_settings.textContent || "null");
  231. receive_settings_from_page = vidfix_settings.getAttribute("settings-beacon-from");
  232. send_settings_to_page = vidfix_settings.getAttribute("settings-beacon-to");
  233. vidfix_settings.remove();
  234. }
  235. user_settings = new_settings || loaded_settings || user_settings || {};
  236. for (i = 0; i < modules.length; i++) {
  237. for (options in modules[i].options) {
  238. if (modules[i].options.hasOwnProperty(options)) {
  239. option = modules[i].options[options];
  240. if (!(option.id in user_settings) && "value" in option) {
  241. user_settings[option.id] = option.value;
  242. }
  243. }
  244. }
  245. }
  246. },
  247. initializeModulesUpdate: function() {
  248. var i;
  249. for (i = 0; i < modules.length; i++) {
  250. if (modules[i].onSettingsUpdated) {
  251. modules[i].onSettingsUpdated();
  252. }
  253. }
  254. },
  255. initializeModules: function() {
  256. var i;
  257. for (i = 0; i < modules.length; i++) {
  258. if (modules[i].ini) {
  259. modules[i].ini();
  260. }
  261. }
  262. },
  263. initializeOption: function() {
  264. var key;
  265. if (this.started) {
  266. return true;
  267. }
  268. this.started = true;
  269. for (key in this.options) {
  270. if (this.options.hasOwnProperty(key)) {
  271. if (!(key in user_settings) && this.options[key].value) {
  272. user_settings[key] = this.options[key].value;
  273. }
  274. }
  275. }
  276. return false;
  277. },
  278. initializeBroadcast: function(event) {
  279. if (event.data) {
  280. if (event.data.type === "settings") {
  281. if (event.data.payload) {
  282. if (event.data.payload.broadcast_id === this.broadcast_channel.name) {
  283. this.initializeSettings(event.data.payload);
  284. this.initializeModulesUpdate();
  285. }
  286. }
  287. }
  288. }
  289. },
  290. ini: function() {
  291. this.initializeSettings();
  292. this.broadcast_channel = new BroadcastChannel(user_settings.broadcast_id);
  293. this.broadcast_channel.addEventListener("message", this.initializeBroadcast.bind(this));
  294. document.documentElement.addEventListener("load", this.initializeSettingsButton, true);
  295. document.documentElement.addEventListener("load", this.initializeBypasses, true);
  296. if (this.isSettingsPage) {
  297. this.initializeModules();
  298. }
  299. }
  300. };
  301. vidfix_api.ini();
  302. },
  303. isAllowedPage: function() {
  304. var current_page;
  305. if (current_page = window.location.pathname.match(/\/[a-z-]+/)) {
  306. current_page = current_page[0];
  307. }
  308. else {
  309. current_page = window.location.pathname;
  310. }
  311. return ["/tv", "/embed", "/live_chat", "/account", "/account_notifications", "/create_channel", "/dashboard", "/upload", "/webcam"].indexOf(current_page) < 0;
  312. },
  313. generateUUID: function() {
  314. return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11)
  315. .replace(/[018]/g, function(point) {
  316. return (point ^ window.crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> point / 4)
  317. .toString(16);
  318. });
  319. },
  320. saveSettings: function() {
  321. if (this.is_user_script) {
  322. this.GM.setValue(this.id, JSON.stringify(this.user_settings));
  323. }
  324. else {
  325. chrome.storage.local.set({
  326. vidfixSettings: this.user_settings
  327. });
  328. }
  329. },
  330. updateSettingsOnOpenWindows: function() {
  331. this.broadcast_channel.postMessage({
  332. type: "settings",
  333. payload: this.user_settings
  334. });
  335. },
  336. settingsUpdatedFromOtherWindow: function(event) {
  337. if (event.data && event.data.broadcast_id === this.broadcast_channel.name) {
  338. this.user_settings = event.data;
  339. this.saveSettings();
  340. }
  341. },
  342. contentScriptMessages: function(custom_event) {
  343. var updated_settings;
  344. if ((updated_settings = custom_event.detail.settings) !== undefined) {
  345. this.saveSettings();
  346. }
  347. },
  348. initializeScript: function(event) {
  349. var holder;
  350. this.user_settings = event[this.id] || event;
  351. if (!this.user_settings.broadcast_id) {
  352. this.user_settings.broadcast_id = this.generateUUID();
  353. this.saveSettings();
  354. }
  355. this.broadcast_channel = new BroadcastChannel(this.user_settings.broadcast_id);
  356. this.broadcast_channel.addEventListener("message", this.settingsUpdatedFromOtherWindow.bind(this));
  357. event = JSON.stringify(this.user_settings);
  358. holder = document.createElement("vidfix-settings");
  359. holder.id = "vidfix-settings";
  360. holder.textContent = event;
  361. holder.setAttribute("style", "display: none");
  362. holder.setAttribute("settings-beacon-from", this.receive_settings_from_page);
  363. holder.setAttribute("settings-beacon-to", this.send_settings_to_page);
  364. document.documentElement.appendChild(holder);
  365.  
  366. //Fixes chromium based browsers
  367. if ("trustedTypes" in window) {
  368. window.trustedTypes.createPolicy('default', {
  369. createHTML: str => str,
  370. createScriptURL: str=> str,
  371. createScript: str=> str,
  372. });
  373. }
  374. GM_addElement('script', {
  375. textContent: "(" + this.inject + "(" + this.is_user_script.toString() + "))"
  376. });
  377. holder.remove();
  378. this.inject = null;
  379. delete this.inject;
  380. },
  381. main: function(event) {
  382. var now;
  383. var context;
  384. now = Date.now();
  385. this.receive_settings_from_page = now + "-" + this.generateUUID();
  386. this.send_settings_to_page = now + 1 + "-" + this.generateUUID();
  387. window.addEventListener(this.receive_settings_from_page, this.contentScriptMessages.bind(this), false);
  388. if (!event) {
  389. if (this.is_user_script) {
  390. context = this;
  391. // javascript promises are horrible
  392. this.GM.getValue(this.id, "{}")
  393. .then(function(value) {
  394. event = JSON.parse(value);
  395. context.initializeScript(event);
  396. });
  397. }
  398. }
  399. else {
  400. this.initializeScript(event);
  401. }
  402. },
  403. ini: function() {
  404. if (this.isAllowedPage()) {
  405. this.is_settings_page = window.location.pathname === "/vidfix-settings";
  406. this.id = "vidfixSettings";
  407. if (typeof GM === "object" || typeof GM_info === "object") {
  408. this.is_user_script = true;
  409. // GreaseMonkey 4 polly fill
  410. // https://arantius.com/misc/greasemonkey/imports/greasemonkey4-polyfill.js
  411. if (typeof GM === "undefined") {
  412. this.GM = {
  413. setValue: GM_setValue,
  414. info: GM_info,
  415. getValue: function() {
  416. return new Promise((resolve, reject) => {
  417. try {
  418. resolve(GM_getValue.apply(this, arguments));
  419. }
  420. catch (e) {
  421. reject(e);
  422. }
  423. });
  424. }
  425. };
  426. }
  427. else {
  428. this.GM = GM;
  429. }
  430. this.main();
  431. }
  432. else {
  433. this.is_user_script = false;
  434. chrome.storage.local.get(this.id, this.main.bind(this));
  435. }
  436. }
  437. }
  438. };
  439.  
  440. vidfix.ini();
  441.  
  442. function addGlobalStyle(css) {
  443. var head, style;
  444. head = document.getElementsByTagName('head')[0];
  445. if (!head) {
  446. return;
  447. }
  448. style = document.createElement('style');
  449. style.type = 'text/css';
  450. style.innerHTML = css;
  451. head.appendChild(style);
  452. }
  453. addGlobalStyle('.html5-video-player { background-color: #000!important; }');
  454.  
  455. }
  456.  
  457. function waitForElement(selector) {
  458. return new Promise(resolve => {
  459. if (document.querySelector(selector)) {
  460. return resolve(document.querySelector(selector));
  461. }
  462. const observer = new MutationObserver(mutations => {
  463. if (document.querySelector(selector)) {
  464. resolve(document.querySelector(selector));
  465. observer.disconnect();
  466. }
  467. });
  468. observer.observe(document, {
  469. childList: true,
  470. subtree: true
  471. });
  472. });
  473. }
  474.  
  475. function subbutton() {
  476. function doMastheadFix() {
  477. if (!document.documentElement.hasAttribute("dark")) {
  478. document.querySelector("ytd-masthead").removeAttribute("dark");
  479. }
  480. }
  481. window.addEventListener("yt-set-theater-mode-enabled", doMastheadFix, false);
  482. waitForElement('tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]').then(function(elm) {
  483. var subhover = document.querySelector('tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]');
  484.  
  485. subhover.addEventListener("mouseenter", function( event ) {
  486. event.target.innerText = "Unsubscribe";
  487. }, false);
  488. subhover.addEventListener("mouseleave", function( event ) {
  489. event.target.innerText = "Subscribed";
  490. }, false);
  491. });
  492.  
  493. waitForElement('#primary #info #button.dropdown-trigger.style-scope.ytd-menu-renderer').then(function(elm) {
  494. var morebutton = document.querySelector('#primary #info #button.dropdown-trigger.style-scope.ytd-menu-renderer');
  495. document.querySelector('#top-level-buttons-computed').appendChild(morebutton);
  496. });
  497. waitForElement('ytd-app #info ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer').then(function(elm) {
  498. var likec = document.querySelector('#info ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer');
  499. likec.innerText.replace(likec.ariaLabel);
  500. });
  501. }
  502.  
  503. function gen_history() {
  504. /*
  505. - Grey out watched video thumbnails info:
  506. - Use ALT+LeftClick or ALT+RightClick on a video list item to manually toggle the watched marker. The mouse button is defined in the script and can be changed.
  507. - For restoring/merging history, source file can also be a YouTube's history data JSON (downloadable from https://support.google.com/accounts/answer/3024190?hl=en). Or a list of YouTube video URLs (using current time as timestamps).
  508. */
  509. //=== config start ===
  510. var maxWatchedVideoAge = 5 * 365; //number of days. set to zero to disable (not recommended)
  511. var contentLoadMarkDelay = 600; //number of milliseconds to wait before marking video items on content load phase (increase if slow network/browser)
  512. var markerMouseButtons = [0, 1]; //one or more mouse buttons to use for manual marker toggle. 0=left, 1=right, 2=middle. e.g.:
  513. //if `[0]`, only left button is used, which is ALT+LeftClick.
  514. //if `[1]`, only right button is used, which is ALT+RightClick.
  515. //if `[0,1]`, any left or right button can be used, which is: ALT+LeftClick or ALT+RightClick.
  516. //=== config end ===
  517.  
  518. var watchedVideos, ageMultiplier = 24 * 60 * 60 * 1000, xu = /\/watch(?:\?|.*?&)v=([^&]+)|\/shorts\/([^\/\?]+)/,
  519. querySelector = Element.prototype.querySelector, querySelectorAll = Element.prototype.querySelectorAll;
  520. function getVideoId(url) {
  521. var vid = url.match(xu);
  522. if (vid) vid = vid[1] || vid[2];
  523. return vid;
  524. }
  525.  
  526. function watched(vid) {
  527. return !!watchedVideos.entries[vid];
  528. }
  529.  
  530. function processVideoItems(selector) {
  531. var items = document.querySelectorAll(selector), i, link;
  532. for (i = items.length-1; i >= 0; i--) {
  533. if (link = querySelector.call(items[i], "A")) {
  534. if (watched(getVideoId(link.href))) {
  535. items[i].classList.add("watched");
  536. } else items[i].classList.remove("watched");
  537. }
  538. }
  539. }
  540.  
  541. function processAllVideoItems() {
  542. //home page
  543. processVideoItems(`.yt-uix-shelfslider-list>.yt-shelf-grid-item`);
  544. processVideoItems(`#contents.ytd-rich-grid-renderer>ytd-rich-item-renderer, #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer, #contents.ytd-rich-grid-renderer>ytd-rich-grid-row ytd-rich-grid-media`);
  545. //subscriptions page
  546. processVideoItems(`.multirow-shelf>.shelf-content>.yt-shelf-grid-item`);
  547. //history:watch page
  548. processVideoItems(`ytd-section-list-renderer[page-subtype="history"] .ytd-item-section-renderer>ytd-video-renderer`);
  549. //channel/user home page
  550. processVideoItems(`#contents>.ytd-item-section-renderer>.ytd-newspaper-renderer, #items>.yt-horizontal-list-renderer`); //old
  551. processVideoItems(`#contents>.ytd-channel-featured-content-renderer, #contents>.ytd-shelf-renderer>#grid-container>.ytd-expanded-shelf-contents-renderer`); //new
  552. //channel/user video page
  553. processVideoItems(`.yt-uix-slider-list>.featured-content-item, .channels-browse-content-grid>.channels-content-item, #items>.ytd-grid-renderer`);
  554. //channel/user shorts page
  555. processVideoItems(`ytd-rich-item-renderer ytd-rich-grid-slim-media`);
  556. //channel/user playlist page
  557. processVideoItems(`.expanded-shelf>.expanded-shelf-content-list>.expanded-shelf-content-item-wrapper, .ytd-playlist-video-renderer`);
  558. //channel/user playlist item page
  559. processVideoItems(`.pl-video-list .pl-video-table .pl-video, ytd-playlist-panel-video-renderer`);
  560. //channel/user search page
  561. if (/^\/(?:(?:c|channel|user)\/)?.*?\/search/.test(location.pathname)) {
  562. processVideoItems(`.ytd-browse #contents>.ytd-item-section-renderer`); //new
  563. }
  564. //search page
  565. processVideoItems(`#results>.section-list .item-section>li, #browse-items-primary>.browse-list-item-container`); //old
  566. processVideoItems(`.ytd-search #contents>ytd-video-renderer, .ytd-search #contents>ytd-playlist-renderer, .ytd-search #items>ytd-video-renderer`); //new
  567. //video page
  568. processVideoItems(`.watch-sidebar-body>.video-list>.video-list-item, .playlist-videos-container>.playlist-videos-list>li`); //old
  569. processVideoItems(`.ytd-compact-video-renderer, .ytd-compact-radio-renderer`); //new
  570. }
  571.  
  572. function addHistory(vid, time, noSave, i) {
  573. if (!watchedVideos.entries[vid]) {
  574. watchedVideos.index.push(vid);
  575. } else {
  576. i = watchedVideos.index.indexOf(vid);
  577. if (i >= 0) watchedVideos.index.push(watchedVideos.index.splice(i, 1)[0])
  578. }
  579. watchedVideos.entries[vid] = time;
  580. if (!noSave) GM_setValue("watchedVideos", JSON.stringify(watchedVideos));
  581. }
  582.  
  583. function delHistory(index, noSave) {
  584. delete watchedVideos.entries[watchedVideos.index[index]];
  585. watchedVideos.index.splice(index, 1);
  586. if (!noSave) GM_setValue("watchedVideos", JSON.stringify(watchedVideos));
  587. }
  588.  
  589. var dc, ut;
  590. function parseData(s, a, i, j, z) {
  591. try {
  592. dc = false;
  593. s = JSON.parse(s);
  594. //convert to new format if old format.
  595. //old: [{id:<strVID>, timestamp:<numDate>}, ...]
  596. //new: {entries:{<stdVID>:<numDate>, ...}, index:[<strVID>, ...]}
  597. if (Array.isArray(s) && (!s.length || (("object" === typeof s[0]) && s[0].id && s[0].timestamp))) {
  598. a = s;
  599. s = {entries: {}, index: []};
  600. a.forEach(o => {
  601. s.entries[o.id] = o.timestamp;
  602. s.index.push(o.id);
  603. });
  604. } else if (("object" !== typeof s) || ("object" !== typeof s.entries) || !Array.isArray(s.index)) return null;
  605. //reconstruct index if broken
  606. if (s.index.length !== (a = Object.keys(s.entries)).length) {
  607. s.index = a.map(k => [k, s.entries[k]]).sort((x, y) => x[1] - y[1]).map(v => v[0]);
  608. dc = true;
  609. }
  610. return s;
  611. } catch(z) {
  612. return null;
  613. }
  614. }
  615.  
  616. function parseYouTubeData(s, a) {
  617. try {
  618. s = JSON.parse(s);
  619. //convert to native format if YouTube format.
  620. //old: [{titleUrl:<strUrl>, time:<strIsoDate>}, ...] (excludes irrelevant properties)
  621. //new: {entries:{<stdVID>:<numDate>, ...}, index:[<strVID>, ...]}
  622. if (Array.isArray(s) && (!s.length || (("object" === typeof s[0]) && s[0].titleUrl && s[0].time))) {
  623. a = s;
  624. s = {entries: {}, index: []};
  625. a.forEach((o, m, t) => {
  626. if (o.titleUrl && (m = o.titleUrl.match(xu))) {
  627. if (isNaN(t = (new Date(o.time)).getTime())) t = (new Date()).getTime();
  628. s.entries[m[1] || m[2]] = t;
  629. s.index.push(m[1] || m[2]);
  630. }
  631. });
  632. s.index.reverse();
  633. return s;
  634. } else return null;
  635. } catch(a) {
  636. return null;
  637. }
  638. }
  639.  
  640. function mergeData(o, a) {
  641. o.index.forEach(i => {
  642. if (watchedVideos.entries[i]) {
  643. if (watchedVideos.entries[i] < o.entries[i]) watchedVideos.entries[i] = o.entries[i];
  644. } else watchedVideos.entries[i] = o.entries[i];
  645. });
  646. a = Object.keys(watchedVideos.entries);
  647. watchedVideos.index = a.map(k => [k, watchedVideos.entries[k]]).sort((x, y) => x[1] - y[1]).map(v => v[0]);
  648. }
  649.  
  650. function getHistory(a, b) {
  651. a = GM_getValue("watchedVideos");
  652. if (a === undefined) {
  653. a = '{"entries": {}, "index": []}';
  654. } else if ("object" === typeof a) a = JSON.stringify(a);
  655. if (b = parseData(a)) {
  656. watchedVideos = b;
  657. if (dc) b = JSON.stringify(b);
  658. } else b = JSON.stringify(watchedVideos = {entries: {}, index: []});
  659. GM_setValue("watchedVideos", b);
  660. }
  661.  
  662. function doProcessPage() {
  663. //get list of watched videos
  664. getHistory();
  665.  
  666. //remove old watched video history
  667. var now = (new Date()).valueOf(), changed, vid;
  668. if (maxWatchedVideoAge > 0) {
  669. while (watchedVideos.index.length) {
  670. if (((now - watchedVideos.entries[watchedVideos.index[0]]) / ageMultiplier) > maxWatchedVideoAge) {
  671. delHistory(0, false);
  672. changed = true;
  673. } else break;
  674. }
  675. if (changed) GM_setValue("watchedVideos", JSON.stringify(watchedVideos));
  676. }
  677.  
  678. //check and remember current video
  679. if ((vid = getVideoId(location.href)) && !watched(vid)) addHistory(vid, now);
  680.  
  681. //mark watched videos
  682. processAllVideoItems();
  683. }
  684. function processPage() {
  685. setTimeout(doProcessPage, Math.floor(contentLoadMarkDelay / 2));
  686. }
  687.  
  688. function delayedProcessPage() {
  689. setTimeout(doProcessPage, contentLoadMarkDelay);
  690. }
  691.  
  692. function toggleMarker(ele, i) {
  693. if (ele) {
  694. if (!ele.href && (i = ele.closest('a'))) ele = i;
  695. if (ele.href) {
  696. i = getVideoId(ele.href);
  697. } else {
  698. while (ele) {
  699. while (ele && (!ele.__data || !ele.__data.data || !ele.__data.data.videoId)) ele = ele.__dataHost || ele.parentNode;
  700. if (ele) {
  701. i = ele.__data.data.videoId;
  702. break
  703. }
  704. }
  705. }
  706. if (i) {
  707. if ((ele = watchedVideos.index.indexOf(i)) >= 0) {
  708. delHistory(ele);
  709. } else addHistory(i, (new Date()).valueOf());
  710. processAllVideoItems();
  711. }
  712. }
  713. }
  714.  
  715. var rxListUrl = /\/\w+_ajax\?|\/results\?search_query|\/v1\/(browse|next|search)\?/;
  716. var xhropen = XMLHttpRequest.prototype.open, xhrsend = XMLHttpRequest.prototype.send;
  717. XMLHttpRequest.prototype.open = function(method, url) {
  718. this.url_mwyv = url;
  719. return xhropen.apply(this, arguments);
  720. };
  721. XMLHttpRequest.prototype.send = function(method, url) {
  722. if (rxListUrl.test(this.url_mwyv) && !this.listened_mwyv) {
  723. this.listened_mwyv = 1;
  724. this.addEventListener("load", delayedProcessPage);
  725. }
  726. return xhrsend.apply(this, arguments);
  727. };
  728.  
  729. var fetch_ = unsafeWindow.fetch;
  730. unsafeWindow.fetch = function(opt) {
  731. let url = opt.url || opt;
  732. if (rxListUrl.test(opt.url || opt)) {
  733. return fetch_.apply(this, arguments).finally(delayedProcessPage);
  734. } else return fetch_.apply(this, arguments);
  735. };
  736.  
  737. addEventListener("DOMContentLoaded", sty => {
  738. sty = document.createElement("STYLE");
  739. sty.innerHTML = `
  740.  
  741. `;
  742. document.head.appendChild(sty);
  743. var nde = Node.prototype.dispatchEvent;
  744. Node.prototype.dispatchEvent = function(ev) {
  745. if (ev.type === "yt-service-request-completed") {
  746. clearTimeout(ut);
  747. ut = setTimeout(doProcessPage, contentLoadMarkDelay / 2)
  748. }
  749. return nde.apply(this, arguments)
  750. };
  751. });
  752.  
  753. var lastFocusState = document.hasFocus();
  754. addEventListener("blur", () => {
  755. lastFocusState = false;
  756. });
  757. addEventListener("focus", () => {
  758. if (!lastFocusState) processPage();
  759. lastFocusState = true;
  760. });
  761. addEventListener("click", (ev) => {
  762. if ((markerMouseButtons.indexOf(ev.button) >= 0) && ev.altKey) {
  763. ev.stopImmediatePropagation();
  764. ev.stopPropagation();
  765. ev.preventDefault();
  766. toggleMarker(ev.target);
  767. }
  768. }, true);
  769.  
  770. if (markerMouseButtons.indexOf(1) >= 0) {
  771. addEventListener("contextmenu", (ev) => {
  772. if (ev.altKey) toggleMarker(ev.target);
  773. });
  774. }
  775. if (window["body-container"]) { //old
  776. addEventListener("spfdone", processPage);
  777. processPage();
  778. } else { //new
  779. var t = 0;
  780. function pl() {
  781. clearTimeout(t);
  782. t = setTimeout(processPage, 300);
  783. }
  784. (function init(vm) {
  785. if (vm = document.getElementById("visibility-monitor")) {
  786. vm.addEventListener("viewport-load", pl);
  787. } else setTimeout(init, 100);
  788. })();
  789. (function init2(mh) {
  790. if (mh = document.getElementById("masthead")) {
  791. mh.addEventListener("yt-rendererstamper-finished", pl);
  792. } else setTimeout(init2, 100);
  793. })();
  794. addEventListener("load", delayedProcessPage);
  795. addEventListener("spfprocess", delayedProcessPage);
  796. }
  797.  
  798. GM_registerMenuCommand("Display History Statistics", () => {
  799. function sum(r, v) {
  800. return r + v;
  801. }
  802. function avg(arr) {
  803. return arr && arr.length ? Math.round(arr.reduce(sum, 0) / arr.length) : "(n/a)";
  804. }
  805. var pd, pm, py, ld = [], lm = [], ly = [];
  806. getHistory();
  807. Object.keys(watchedVideos.entries).forEach((k, t) => {
  808. t = new Date(watchedVideos.entries[k]);
  809. if (!pd || (pd !== t.getDate())) {
  810. ld.push(1);
  811. pd = t.getDate();
  812. } else ld[ld.length - 1]++;
  813. if (!pm || (pm !== (t.getMonth() + 1))) {
  814. lm.push(1);
  815. pm = t.getMonth() + 1;
  816. } else lm[lm.length - 1]++;
  817. if (!py || (py !== t.getFullYear())) {
  818. ly.push(1);
  819. py = t.getFullYear();
  820. } else ly[ly.length - 1]++;
  821. });
  822. if (watchedVideos.index.length) {
  823. pd = (new Date(watchedVideos.entries[watchedVideos.index[0]])).toLocaleString();
  824. pm = (new Date(watchedVideos.entries[watchedVideos.index[watchedVideos.index.length - 1]])).toLocaleString();
  825. } else {
  826. pd = "(n/a)";
  827. pm = "(n/a)";
  828. }
  829. alert(`\
  830. Number of entries: ${watchedVideos.index.length}
  831. Oldest entry: ${pd}
  832. Newest entry: ${pm}
  833.  
  834. Average viewed videos per day: ${avg(ld)}
  835. Average viewed videos per month: ${avg(lm)}
  836. Average viewed videos per year: ${avg(ly)}
  837.  
  838. History data size: ${JSON.stringify(watchedVideos).length} bytes\
  839. `);
  840. });
  841.  
  842. GM_registerMenuCommand("Backup History Data", (a, b) => {
  843. document.body.appendChild(a = document.createElement("A")).href = URL.createObjectURL(new Blob([JSON.stringify(watchedVideos)], {type: "application/json"}));
  844. a.download = `MarkWatchedYouTubeVideos_${(new Date()).toISOString()}.json`;
  845. a.click();
  846. a.remove();
  847. URL.revokeObjectURL(a.href);
  848. });
  849.  
  850. GM_registerMenuCommand("Restore History Data", (a, b) => {
  851. function askRestore(o) {
  852. if (confirm(`Selected history data file contains ${o.index.length} entries.\n\nRestore from this data?`)) {
  853. if (mwyvrhm_ujs.checked) {
  854. mergeData(o);
  855. } else watchedVideos = o;
  856. GM_setValue("watchedVideos", JSON.stringify(watchedVideos));
  857. a.remove();
  858. doProcessPage();
  859. }
  860. }
  861. if (window.mwyvrh_ujs) return;
  862. (a = document.createElement("DIV")).id = "mwyvrh_ujs";
  863. a.innerHTML = `<style>
  864. #mwyvrh_ujs {display:flex;position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;margin:0;border:none;padding:0;background:rgb(0,0,0,0.5);color:#000;font-family:sans-serif;font-size:12pt;line-height:12pt;font-weight:normal;cursor:pointer}
  865. #mwyvrhb_ujs {margin:auto;border:.3rem solid #007;border-radius:.3rem;padding:.5rem .5em;background-color:#fff;cursor:auto}
  866. #mwyvrht_ujs {margin-bottom:1rem;font-size:14pt;line-height:14pt;font-weight:bold}
  867. #mwyvrhmc_ujs {margin:.5em 0 1em 0;text-align:center}
  868. #mwyvrhi_ujs {display:block;margin:1rem auto .5rem auto;overflow:hidden}
  869. </style>
  870. <div id="mwyvrhb_ujs">
  871. <div id="mwyvrht_ujs">Mark Watched YouTube Videos</div>
  872. Please select a file to restore history data from.
  873. <div id="mwyvrhmc_ujs"><label><input id="mwyvrhm_ujs" type="checkbox" checked /> Merge history data instead of replace.</label></div>
  874. <input id="mwyvrhi_ujs" type="file" multiple />
  875. </div>`;
  876. a.onclick = e => {
  877. (e.target === a) && a.remove();
  878. };
  879. (b = a.querySelector("#mwyvrhi_ujs")).onchange = r => {
  880. r = new FileReader();
  881. r.onload = (o, t) => {
  882. if (o = parseData(r = r.result)) { //parse as native format
  883. if (o.index.length) {
  884. askRestore(o);
  885. } else alert("File doesn't contain any history entry.");
  886. } else if (o = parseYouTubeData(r)) { //parse as YouTube format
  887. if (o.index.length) {
  888. askRestore(o);
  889. } else alert("File doesn't contain any history entry.");
  890. } else { //parse as URL list
  891. o = {entries: {}, index: []};
  892. t = (new Date()).getTime();
  893. r = r.replace(/\r/g, "").split("\n");
  894. while (r.length && !r[0].trim()) r.shift();
  895. if (r.length && xu.test(r[0])) {
  896. r.forEach(s => {
  897. if (s = s.match(xu)) {
  898. o.entries[s[1] || s[2]] = t;
  899. o.index.push(s[1] || s[2]);
  900. }
  901. });
  902. if (o.index.length) {
  903. askRestore(o);
  904. } else alert("File doesn't contain any history entry.");
  905. } else alert("Invalid history data file.");
  906. }
  907. };
  908. r.readAsText(b.files[0]);
  909. };
  910. document.documentElement.appendChild(a);
  911. b.click();
  912. });
  913. }
  914. var styles = [], intervals = [];
  915.  
  916. function addInterval(period, func, params) {
  917. if (!period) period = 1;
  918.  
  919. intervals.push({
  920. cnt: period,
  921. period: period,
  922. call: func,
  923. params: params || []
  924. });
  925. }
  926.  
  927. function genSettings() {
  928. if (document.location.pathname == "/error")
  929. return;
  930.  
  931. GM_config.init({
  932. "id": "settings-7kt",
  933. "title": "7ktTube 2016 REDUX Settings",
  934. "fields": {
  935. "shorts_redirect": {
  936. "label": "Redirect shorts to classic watch-page",
  937. "type": "checkbox",
  938. "default": false
  939. },
  940. "old_player": {
  941. "label": "Old player style (smaller buttons and menu)",
  942. "type": "checkbox",
  943. "default": true
  944. },
  945. "search_left": {
  946. "label": "Align the searchbar to the left",
  947. "type": "checkbox",
  948. "default": true
  949. },
  950. "hide_guide": {
  951. "label": "Compact side-bar",
  952. "type": "checkbox",
  953. "default": false
  954. },
  955. "square_pfps": {
  956. "label": "Square profile-pictures",
  957. "type": "checkbox",
  958. "default": true
  959. },
  960. "thumb_preview": {
  961. "label": "Disable thumbnail video preview while mouse over",
  962. "type": "checkbox",
  963. "default": false
  964. },
  965. "hide_info_card": {
  966. "label": "Hide panels in video description on watch-page ",
  967. "type": "checkbox",
  968. "default": true
  969. },
  970. "hide_clarify_box": {
  971. "label": "Hide Metadata panels below description ",
  972. "type": "checkbox",
  973. "default": false
  974. },
  975. "hide_channel_store": {
  976. "label": "Hide channel-store / merch on watch page",
  977. "type": "checkbox",
  978. "default": true
  979. },
  980. "hide_queue": {
  981. "label": "Hide queue button on thumbnails",
  982. "type": "checkbox",
  983. "default": false
  984. },
  985. "hide_filters_header": {
  986. "label": "Hide category filter on home page",
  987. "type": "checkbox",
  988. "default": true
  989. },
  990. "hide_yt_suggested_blocks": {
  991. "label": "Hide Shorts & suggestion blocks on home page (recommended playlists, posts, etc.)",
  992. "type": "checkbox",
  993. "default": true
  994. },
  995. "grey_watched": {
  996. "label": "Make watched video thumbnails black & white and less visible",
  997. "type": "checkbox",
  998. "default": true
  999. },
  1000. "blur_watched": {
  1001. "label": "Blur watched video thumbnails",
  1002. "type": "checkbox",
  1003. "default": true
  1004. },
  1005. "channel_list": {
  1006. "label": "Use list view on channels",
  1007. "type": "checkbox",
  1008. "default": false
  1009. },
  1010. "small_recc": {
  1011. "label": "Smaller recommended thumbnails on watch page",
  1012. "type": "checkbox",
  1013. "default": true
  1014. },
  1015. "use_ryd": {
  1016. "label": "",
  1017. "type": "hidden",
  1018. },
  1019. "full_subs": {
  1020. "label": "Enable full subscriber counts (estimation)",
  1021. "type": "checkbox",
  1022. "default": true
  1023. },
  1024. "clear_search": {
  1025. "label": "Hide unrelated suggestion blocks on search page",
  1026. "type": "checkbox",
  1027. "default": true
  1028. },
  1029. "restore_old_sidebar": {
  1030. "label": "Restore old sidebar links (Trending, My channel)",
  1031. "title": "(will only work if language is set to English)",
  1032. "type": "checkbox",
  1033. "default": true
  1034. },
  1035. "shelves": {
  1036. "label": "",
  1037. "type": "hidden",
  1038. },
  1039. "search_estimate": {
  1040. "label": "Show estimates in search results",
  1041. "type": "checkbox",
  1042. "default": true
  1043. },
  1044. "rightside": {
  1045. "label": "CHECK this if you use the Right Side Description extension",
  1046. "type": "checkbox",
  1047. "default": false
  1048. },
  1049. "logo_style": {
  1050. "label": "Top header Logo style:",
  1051. "type": "select",
  1052. "options": ["7ktTube", "2015-2017", "2017-2020", "Current"],
  1053. "default": "7ktTube"
  1054. },
  1055. "home_thumbnail": {
  1056. "label": "Home thumbnail size:",
  1057. "type": "select",
  1058. "options": ["196px", "238px", "300px", "406px"],
  1059. "default": "196px"
  1060. },
  1061. "search_thumbnail": {
  1062. "label": "Search thumbnail size:",
  1063. "type": "select",
  1064. "options": ["193px", "246px", "360px"],
  1065. "default": "246px"
  1066. },
  1067. "player_size": {
  1068. "label": "Video player size:",
  1069. "type": "select",
  1070. "options": ["Flexible", "640x360", "853x480", "1280x720"],
  1071. "default": "853x480"
  1072. },
  1073. "paypal": {
  1074. "label": "Donate through PayPal (please!)",
  1075. "type": "button",
  1076. "click": () => location.href = 'https://www.paypal.com/donate?hosted_button_id=2EJR4DLTR4Y7Q'
  1077. }
  1078. },
  1079. "events": {
  1080. "open": injectStyles,
  1081. "save": () => document.location.reload()
  1082. }
  1083. });
  1084.  
  1085. // "settings" button
  1086. let settingsButtonMark;
  1087. function createSettingsButton() {
  1088. if (settingsButtonMark && settingsButtonMark.parentNode) return;
  1089. let toolBar = document.getElementsByTagName('ytd-topbar-menu-button-renderer');
  1090. let _1st = toolBar[0];
  1091. if (!_1st) return;
  1092. toolBar = _1st.parentNode;
  1093. let sb = document.createElement('ytd-topbar-menu-button-renderer');
  1094. sb.className = 'style-scope ytd-masthead style-default';
  1095. sb.setAttribute('use-keyboard-focused', '');
  1096. sb.setAttribute('is-icon-button', '');
  1097. sb.setAttribute('has-no-text', '');
  1098. toolBar.insertBefore(sb, toolBar.childNodes[0]);
  1099. let mark = document.createElement('fix-settings-mark');
  1100. mark.style = 'display:none';
  1101. toolBar.insertBefore(mark, sb); // must be added to parent node of buttons in order to Polymer dropped it on soft reload
  1102. let icb = document.createElement('yt-icon-button');
  1103. icb.id = 'button';
  1104. icb.className = 'style-scope ytd-topbar-menu-button-renderer style-default';
  1105. let aa = document.createElement('a');
  1106. aa.className = 'yt-simple-endpoint style-scope ytd-topbar-menu-button-renderer';
  1107. aa.setAttribute('tabindex', '-1');
  1108. aa.target = '_blank';
  1109. aa.appendChild(icb);
  1110. sb.getElementsByTagName('div')[0].appendChild(aa); // created by YT scripts
  1111. let bb = icb.getElementsByTagName('button')[0]; // created by YT scripts
  1112. bb.setAttribute('aria-label', 'fixes settings');
  1113. bb.addEventListener("click", () => GM_config.open());
  1114. let ic = document.createElement('yt-icon');
  1115. ic.className = 'style-scope ytd-topbar-menu-button-renderer';
  1116. bb.appendChild(ic);
  1117. let gpath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  1118. gpath.className.baseVal = 'style-scope yt-icon';
  1119. gpath.setAttribute('d', 'M1 20l6-6h2l11-11v-1l2-1 1 1-1 2h-1l-11 11v2l-6 6h-1l-2-2zM13 15l2-2 8 8v1l-1 1h-1zM9 11l2-2-2-2 1.5-3-3-3h-2l3 3-1.5 3-3 1.5-3-3v2l3 3 3-1.5z');
  1120. let svgg = document.createElementNS('http://www.w3.org/2000/svg', 'g');
  1121. svgg.className.baseVal = 'style-scope yt-icon';
  1122. svgg.appendChild(gpath);
  1123. let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  1124. svg.className.baseVal = 'style-scope yt-icon';
  1125. svg.setAttributeNS(null, 'viewBox', '0 0 24 24');
  1126. svg.setAttributeNS(null, 'preserveAspectRatio', 'xMidYMid meet');
  1127. svg.setAttribute('focusable', 'false');
  1128. svg.setAttribute('style', 'pointer-events: none; display: block; width: 100%; height: 100%;');
  1129. svg.appendChild(svgg);
  1130. ic.appendChild(svg); // YT clears *ic
  1131. settingsButtonMark = mark;
  1132. }
  1133. addInterval(1, createSettingsButton, []);
  1134.  
  1135. if (GM_config.get("old_player"))
  1136. applyOldPlayer();
  1137. if (GM_config.get("search_left"))
  1138. alignSearchbar();
  1139. if (GM_config.get("hide_guide"))
  1140. hideGuide();
  1141. if (GM_config.get("square_pfps"))
  1142. squarePFPs();
  1143. if (GM_config.get("thumb_preview"))
  1144. disablePreviews();
  1145. if (GM_config.get("hide_info_card") && window.location.href.includes('watch'))
  1146. hideInfoCards();
  1147. if (GM_config.get("hide_clarify_box"))
  1148. hideClarifyBox();
  1149. if (GM_config.get("hide_queue"))
  1150. hideQueue();
  1151. if (GM_config.get("hide_filters_header"))
  1152. hideHomeFilters();
  1153. if (GM_config.get("hide_channel_store"))
  1154. hideChannelStore();
  1155. if (GM_config.get("hide_yt_suggested_blocks"))
  1156. hideSuggestionBlocks();
  1157. if (GM_config.get("channel_list"))
  1158. channelListView();
  1159. if (GM_config.get("small_recc"))
  1160. smallRecommendations();
  1161. if (GM_config.get("clear_search"))
  1162. hideSearchBlocks();
  1163. if (GM_config.get("restore_old_sidebar"))
  1164. waitForElement('#items > ytd-guide-entry-renderer').then(restoreAppbarLinks);
  1165. if (GM_config.get("shelves"))
  1166. enableHomeShelves();
  1167. if (GM_config.get("search_estimate"))
  1168. window.addEventListener("yt-page-data-updated", insertResultsEstimate, false);
  1169. if (!GM_config.get("rightside"))
  1170. patchNonRSD();
  1171. if (GM_config.get("rightside"))
  1172. fixRSD();
  1173. if (GM_config.get("logo_style") == "2015-2017")
  1174. use2015Logo();
  1175. if (GM_config.get("logo_style") == "2017-2020")
  1176. use2017Logo();
  1177. if (GM_config.get("logo_style") == "7ktTube")
  1178. use7ktLogo();
  1179. if (GM_config.get("shorts_redirect"))
  1180. redir_shorts();
  1181.  
  1182. if (GM_config.get("blur_watched")) {
  1183. if (GM_config.get("grey_watched"))
  1184. greyAndBlurWatched();
  1185. else
  1186. blurWatched();
  1187. } else if (GM_config.get("grey_watched")) {
  1188. greyWatched();
  1189. }
  1190.  
  1191. if (GM_config.get("use_ryd")) {
  1192. addRYDStyles();
  1193. window.addEventListener("yt-page-data-updated", returnDislike, false);
  1194. }
  1195.  
  1196. if (GM_config.get("full_subs")) {
  1197. addFullSubsStyles();
  1198. window.addEventListener("yt-page-data-updated", estimateSubs, false);
  1199. }
  1200.  
  1201. patchHomeThumbnails(GM_config.get("home_thumbnail"));
  1202. patchSearchThumbnails(GM_config.get("search_thumbnail"));
  1203. patchPlayerSize(GM_config.get("player_size"));
  1204.  
  1205. GM_addStyle(styles.join(''));
  1206.  
  1207. // intervals
  1208. setInterval(function () {
  1209. for (const iv of intervals) {
  1210. if (--iv.cnt > 0) continue;
  1211. iv.call.apply(this, iv.params);
  1212. iv.cnt = iv.period;
  1213. }
  1214. }, 1000);
  1215. }
  1216.  
  1217. function injectStyles(settingsDoc) {
  1218. var css = `
  1219. #settings-7kt select {
  1220. width: 85px;
  1221. margin-top: 20px;
  1222. margin-left: 25px;
  1223. }
  1224. #settings-7kt_home_thumbnail_field_label {
  1225. position: absolute;
  1226. margin: 0px -10px !important;
  1227. }
  1228. #settings-7kt_player_size_field_label {
  1229. position: absolute;
  1230. margin: 0px -10px !important;
  1231. }
  1232. #settings-7kt_search_thumbnail_field_label {
  1233. position: absolute;
  1234. margin: 0px -10px !important;
  1235. }
  1236. #settings-7kt_logo_style_field_label {
  1237. position: absolute;
  1238. margin: 0px -10px !important;
  1239. }
  1240.  
  1241. #settings-7kt input[type="checkbox"] {
  1242. position: absolute;
  1243. left:0;
  1244. margin-left:6px;
  1245. width: 30px;
  1246. height: 12px;
  1247. -webkitappearance: none;
  1248. appearance: none;
  1249. background: #b8b8b8;
  1250. outline: none;
  1251. border-radius: 2rem;
  1252. cursor: pointer;
  1253. background-size: 200px;
  1254. background-position-y: 37%;
  1255. background-position-x: 22%;
  1256.  
  1257. }
  1258. #settings-7kt input[type="checkbox"]::before {
  1259. content: "";
  1260. width: 11px;
  1261. height: 11px;
  1262. border-radius: 50%;
  1263. background: #fbfbfb;
  1264. position: absolute;
  1265. box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
  1266. top: 0;
  1267. left: 0;
  1268. transition: 0.5s;
  1269. }
  1270. #settings-7kt input[type="checkbox"]:checked::before {
  1271. transform: translateX(164%);
  1272. background: #fbfbfb
  1273. }
  1274. #settings-7kt input[type="checkbox"]:checked {
  1275. background:#167ac6 no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png);
  1276. background-size:180px;
  1277. background-position-y: 37%;
  1278. background-position-x: 22%;
  1279.  
  1280. }
  1281. #settings-7kt input[type="checkbox"]:checked::before {
  1282. transform: translateX(165%);
  1283. background: #fff
  1284. }
  1285. #settings-7kt input[type="checkbox"]:checked {
  1286. background:#167ac6 no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png);
  1287. background-size: 200px;
  1288. background-position-y: 37%;
  1289. background-position-x: 22%;
  1290. }
  1291.  
  1292. }
  1293. #settings-7kt * {
  1294. font-family: Roboto, Arial, sans-serif;
  1295. }
  1296. #settings-7kt .config_var {
  1297. margin: 0px 10px 2px !important;
  1298. }
  1299.  
  1300. #settings-7kt .config_var::after {
  1301. content: "";
  1302. position: absolute;
  1303. display: inline-block;
  1304. left: 540px;
  1305. top: 300px;
  1306. width: 390px;
  1307. height: 190px;
  1308. background-size: 100%;
  1309. }
  1310. #settings-7kt .field_label {
  1311. cursor: pointer;
  1312. line-height: 20px;
  1313. margin-left: 25px;
  1314. }
  1315. #settings-7kt_old_player_var:hover::after {
  1316. background: url(https://7kt.se/resources/images/old-player.png);
  1317. }
  1318. #settings-7kt_search_left_var:hover::after {
  1319. background: url(https://7kt.se/resources/images/searchbar.png);
  1320. }
  1321. #settings-7kt_hide_guide_var:hover::after {
  1322. background: url(https://7kt.se/resources/images/auto-close-menu.png);
  1323. }
  1324. #settings-7kt_square_pfps_var:hover::after {
  1325. background: url(https://7kt.se/resources/images/square-avatars.png);
  1326. }
  1327. #settings-7kt_hide_info_card_var:hover::after {
  1328. background: url(https://7kt.se/resources/images/hide-info-card.png);
  1329. }
  1330. #settings-7kt_hide_clarify_box_var:hover::after {
  1331. background: url(https://7kt.se/resources/images/hide-clarify-box.png);
  1332. }
  1333. #settings-7kt_hide_channel_store_var:hover::after {
  1334. background: url(https://7kt.se/resources/images/hide-store.png);
  1335. }
  1336. #settings-7kt_hide_queue_var:hover::after {
  1337. background: url(https://7kt.se/resources/images/hide-queue-button.png);
  1338. }
  1339. #settings-7kt_hide_filters_header_var:hover::after {
  1340. background: url(https://7kt.se/resources/images/hide-filters.png);
  1341. }
  1342. #settings-7kt_hide_yt_suggested_blocks_var:hover::after {
  1343. background: url(https://7kt.se/resources/images/recommended-home.png);
  1344. }
  1345. #settings-7kt_grey_watched_var:hover::after {
  1346. background: url(https://7kt.se/resources/images/grey-watched.png);
  1347. }
  1348. #settings-7kt_blur_watched_var:hover::after {
  1349. background: url(https://7kt.se/resources/images/blur-watched.png);
  1350. }
  1351. #settings-7kt_channel_list_var:hover::after {
  1352. background: url(https://7kt.se/resources/images/listview-channel.png);
  1353. }
  1354. #settings-7kt_small_recc_var:hover::after {
  1355. background: url(https://7kt.se/resources/images/small-recommended.png);
  1356. }
  1357. #settings-7kt_hide_dislike_var:hover::after {
  1358. background: url(https://7kt.se/resources/images/hide-dislike.png);
  1359. }
  1360. #settings-7kt_full_subs_var:hover::after {
  1361. background: url(https://7kt.se/resources/images/full-sub.png);
  1362. }
  1363. #settings-7kt_clear_search_var:hover::after {
  1364. background: url(https://7kt.se/resources/images/recommended-search.png);
  1365. }
  1366. #settings-7kt_shelves_var:hover::after {
  1367. background: url(https://7kt.se/resources/images/replace-explore.png);
  1368. }
  1369. #settings-7kt_logo_style_var:hover::after {
  1370. background: url(https://7kt.se/resources/images/logo-style.png);
  1371. }
  1372. #settings-7kt_wrapper #settings-7kt_closeBtn, #settings-7kt_field_paypal {
  1373. margin: 15px 0px 0px 0px;
  1374. }
  1375. .saveclose_buttons, #settings-7kt_field_paypal {
  1376. border-radius: 2px;
  1377. cursor: pointer;
  1378. font: bold 11px arial !important;
  1379. padding: 0 10px !important;
  1380. height: 28px;
  1381. box-shadow: 0 1px 0 rgb(0 0 0/5%) !important;
  1382. border: 1px transparent;
  1383. }
  1384. #settings-7kt_closeBtn, #settings-7kt_field_paypal {
  1385. background-color: #f8f8f8 !important;
  1386. border: solid 1px #d3d3d3 !important;
  1387. color: #000 !important;
  1388. }
  1389. #settings-7kt_closeBtn:hover, #settings-7kt_field_paypal:hover {
  1390. border-color: #c6c6c6 !important;
  1391. background-color: #f0f0f0 !important;
  1392. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  1393. }
  1394. #settings-7kt_closeBtn:active, #settings-7kt_field_paypal:active {
  1395. background-color: #e9e9e9 !important;
  1396. box-shadow: inset 0 1px 0 #ddd !important;
  1397. }
  1398. #settings-7kt_saveBtn {
  1399. background-color: #167ac6 !important;
  1400. color: #fff !important;
  1401. border-color: #167ac6 !important;
  1402. }
  1403. #settings-7kt_saveBtn:hover {
  1404. background-color: #126db3 !important;
  1405. border-color: #126db3 !important;
  1406. }
  1407. #settings-7kt_saveBtn:active {
  1408. background-color: #095b99 !important;
  1409. border-color: #126db3 !important;
  1410. box-shadow: inset 0 1px 0 rgb(0 0 0/50%) !important;
  1411. }
  1412. #settings-7kt_buttons_holder {
  1413. text-align: left!important;
  1414. margin: 16px 0px 10px !important;
  1415. }
  1416. #settings-7kt .center {
  1417. text-align:left;
  1418. margin-bottom: 10px!important;
  1419. text-decoration: underline;
  1420. }
  1421. #settings-7kt_resetLink {
  1422. margin-left: 10px!important;
  1423. }`;
  1424.  
  1425. if (document.documentElement.hasAttribute("dark"))
  1426. {
  1427. css += `
  1428. #settings-7kt {
  1429. background: #212121;
  1430. color: #fff;
  1431. }
  1432. #settings-7kt select,
  1433. #settings-7kt input[type="button"],
  1434. #settings-7kt .saveclose_buttons {
  1435. background: #1c1c1c;
  1436. color: #fff;
  1437. border-color: rgba(110, 110, 110, 0.3);
  1438.  
  1439. }
  1440. #settings-7kt .reset {
  1441. color: #fff;
  1442. }
  1443. #settings-7kt_wrapper #settings-7kt_closeBtn, #settings-7kt_field_paypal {
  1444. background-color: #1c1c1c !important;
  1445. border: solid 1px #333 !important;
  1446. color: #fff !important;
  1447. margin: 15px 0px 0px 0px;
  1448. }
  1449. #settings-7kt_wrapper #settings-7kt_closeBtn:hover, #settings-7kt_field_paypal:hover {
  1450. border-color: #3c3c3c !important;
  1451. background-color: #444 !important;
  1452. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  1453. }
  1454. #settings-7kt_wrapper #settings-7kt_closeBtn:active, #settings-7kt_field_paypal:active {
  1455. background-color: #555 !important;
  1456. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  1457. }`;
  1458. }
  1459.  
  1460. let style = settingsDoc.createElement("style");
  1461. style.type = "text/css";
  1462. style.appendChild(settingsDoc.createTextNode(css));
  1463. const head = settingsDoc.getElementsByTagName("head")[0];
  1464. head.appendChild(style);
  1465. }
  1466.  
  1467. async function estimateSubs() {
  1468. async function getSubCount(channelID) {
  1469. let subs, retries = 0;
  1470. while (typeof subs === "undefined" && retries < 5) {
  1471. retries++;
  1472. try {
  1473. const controller = new AbortController();
  1474. const id = setTimeout(() => controller.abort(), 2000);
  1475. const apiResponse = await fetch(`https://api.socialcounts.org/youtube-live-subscriber-count/${channelID}`, { signal: controller.signal });
  1476. clearTimeout(id);
  1477.  
  1478. const apiResult = await apiResponse.json();
  1479. if (apiResult) {
  1480. subs = apiResult.est_sub;
  1481. if (typeof subs !== "undefined")
  1482. return Number.isInteger(subs) ? subs.toLocaleString() : "0";
  1483. }
  1484. } catch(e) { console.log(`Getting full sub count failed (attempt ${retries}/5)`); }
  1485. }
  1486.  
  1487. console.log("Get full sub count failed after 3 attempts!");
  1488. return "FAILED";
  1489. }
  1490.  
  1491. const resultsObserver = new MutationObserver(async function(mutations) {
  1492. var subscribersTranslation;
  1493. for (const elm of document.querySelectorAll("ytd-channel-renderer:not([patched7kt])")) {
  1494. elm.setAttribute("patched7kt", "");
  1495. const channelID = elm.data.channelId;
  1496. const subCountElm = elm.querySelector("#subscribers");
  1497. const estSubText = subCountElm.innerText;
  1498. if (!estSubText.length)
  1499. continue;
  1500.  
  1501. if (!subscribersTranslation)
  1502. subscribersTranslation = estSubText.slice(estSubText.lastIndexOf(" "));
  1503. subCountElm.innerText = "";
  1504.  
  1505. const subCount = await getSubCount(channelID);
  1506. subCountElm.innerText = subCount != "FAILED" ? subCount + subscribersTranslation : estSubText;
  1507. }
  1508. });
  1509.  
  1510. if (window.location.pathname == "/watch") {
  1511. const channelID = document.querySelector("ytd-app").data.playerResponse.videoDetails.channelId;
  1512. const subCountElm = await waitForElement("#top-row #owner-sub-count.ytd-video-owner-renderer");
  1513. const estSubText = subCountElm.innerText;
  1514.  
  1515. const subscribersTranslation = estSubText.slice(estSubText.lastIndexOf(" "));
  1516. subCountElm.innerText = "";
  1517.  
  1518. const subCount = await getSubCount(channelID);
  1519. subCountElm.innerText = subCount != "FAILED" ? subCount : estSubText.replace(subscribersTranslation, "");
  1520. } else if (window.location.pathname.startsWith("/c/") || window.location.pathname.startsWith("/channel") || window.location.pathname.startsWith("/user")) {
  1521. const channelID = document.querySelector("ytd-app").data.response.header.c4TabbedHeaderRenderer.channelId;
  1522. const subCountElm = await waitForElement("#subscriber-count.ytd-c4-tabbed-header-renderer");
  1523. const estSubText = subCountElm.innerText;
  1524.  
  1525. const subscribersTranslation = estSubText.slice(estSubText.lastIndexOf(" "));
  1526. subCountElm.innerText = "";
  1527.  
  1528. const subCount = await getSubCount(channelID);
  1529. subCountElm.innerText = subCount != "FAILED" ? subCount : estSubText.replace(subscribersTranslation, "");
  1530. } else if (window.location.pathname == "/results") {
  1531. const resultsList = await waitForElement("ytd-two-column-search-results-renderer #contents.ytd-section-list-renderer");
  1532. resultsObserver.observe(resultsList, { childList: true, subtree: true });
  1533. }
  1534. }
  1535.  
  1536. function addFullSubsStyles() {
  1537. styles.push(`
  1538. #top-row #owner-sub-count.ytd-video-owner-renderer,
  1539. #subscriber-count.ytd-c4-tabbed-header-renderer {
  1540. max-width: 100% !important;
  1541. }
  1542. `);
  1543. }
  1544.  
  1545. function patchPlayerSize(size) {
  1546. if (size == "Flexible")
  1547. return;
  1548.  
  1549. const split = size.split("x");
  1550. const width = split[0];
  1551. const height = split[1];
  1552. const sizeObj = { w: width, h: height };
  1553.  
  1554. styles.push(`
  1555. #primary.ytd-watch-flexy, #player-container-outer {
  1556. --ytd-watch-flexy-min-player-width: ${height}px !important;
  1557. min-width: --ytd-watch-flexy-min-player-width: 100% !important;
  1558. max-width: ${width}px !important
  1559. }
  1560.  
  1561. ytd-watch-flexy[flexy_][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy, ytd-watch-flexy[flexy_][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy {
  1562. min-width: ${width}px!important
  1563. }
  1564.  
  1565. ytd-watch-flexy[flexy_][flexy-large-window_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy_][flexy-large-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy_][flexy-large-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy_][flexy-large-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) {
  1566. --ytd-watch-flexy-min-player-height: ${height}px !important;`);
  1567.  
  1568. addInterval(1, function (sn, st) {
  1569. let eq = document.getElementsByTagName("ytd-watch-flexy");
  1570. if (!eq.length) return;
  1571. let s = eq[0].hasAttribute('size_norm') ? st : sn;
  1572. if (!s) return;
  1573. let ep = document.getElementById("movie_player");
  1574. if (ep && ep.setInternalSize && ep.isFullscreen && ep.getPlayerSize && !ep.isFullscreen() && ep.getPlayerSize().width != s[0])
  1575. ep.setInternalSize(s[0], s[1]);
  1576. }, [sizeObj]);
  1577. }
  1578.  
  1579. function patchSearchThumbnails(size) {
  1580. styles.push(`
  1581. #contents ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer,
  1582. ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer,
  1583. ytd-video-renderer[is-search] ytd-thumbnail.ytd-video-renderer,
  1584. ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer,
  1585. ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer,
  1586. ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer,
  1587. ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer,
  1588. ytd-thumbnail.ytd-radio-renderer,
  1589. ytd-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-video-renderer,
  1590. ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-thumbnail.ytd-video-renderer,
  1591. #contents .yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__content-image,
  1592. #avatar-section.ytd-channel-renderer, ytd-radio-renderer[collections] ytd-playlist-thumbnail.ytd-radio-renderer {
  1593. max-width: ${size} !important;
  1594. min-width: 0px !important;
  1595. }`);
  1596. }
  1597.  
  1598. function patchHomeThumbnails(size) {
  1599. styles.push(`div#contents.style-scope.ytd-rich-grid-renderer {display:block!important}
  1600. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer {display:inline!important}
  1601. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer > div {display:inline!important;margin:0!important}
  1602. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer > div > ytd-rich-item-renderer,
  1603. ytd-rich-item-renderer {
  1604. display: inline-block !important;
  1605. width: ${size} !important;
  1606. contain:none !important;
  1607. margin-right: 6px !important;
  1608. }`);
  1609. }
  1610.  
  1611. function use2017Logo() {
  1612. styles.push(`
  1613. ytd-masthead #logo-icon-container, #contentContainer #logo-icon-container, ytd-topbar-logo-renderer>#logo {
  1614. content:var(--logo-2017-light-header) !important;
  1615. width: 100px !important;
  1616. height: 30px !important;
  1617. padding: 0 !important;
  1618. }
  1619.  
  1620. ytd-masthead[dark] #logo-icon-container, html[dark] #contentContainer #logo-icon-container, ytd-masthead[dark] ytd-topbar-logo-renderer>#logo, html[dark] ytd-topbar-logo-renderer>#logo {
  1621. content:var(--logo-2017-dark-header) !important;
  1622. width: 100px !important;
  1623. height: 30px !important;
  1624. }
  1625.  
  1626. ytd-topbar-logo-renderer>#logo {
  1627. margin-left: -1px;
  1628. }
  1629.  
  1630. #start>#masthead-logo, #masthead>#masthead-logo {
  1631. content:var(--logo-2017-dark-header) !important;
  1632. width: 100px !important;
  1633. height: 30px !important;
  1634. }
  1635.  
  1636. html[dark] #start>#masthead-logo, html[dark] #masthead>#masthead-logo {
  1637. content:var(--logo-2017-dark-header) !important;
  1638. width: 100px !important;
  1639. height: 30px !important;
  1640. }
  1641.  
  1642. #guide-button.ytd-masthead {
  1643. margin-right: 7px !important;
  1644. top: 1px;
  1645. padding: 0 10px;
  1646. }
  1647.  
  1648. #start.ytd-masthead {
  1649. position: relative;
  1650. left: 2px;
  1651. }
  1652.  
  1653. ytd-searchbox.ytd-masthead {
  1654. padding: 0 !important;
  1655. margin: 0 0 0 38px !important;
  1656. }
  1657.  
  1658. html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  1659. background-color: #f00 !important
  1660. }
  1661. [page-subtype="history"] ytd-sub-feed-selector-renderer [aria-checked="true"] #radioLabel.tp-yt-paper-radio-button, [page-subtype="history"] ytd-sub-feed-selector-renderer #radioLabel.tp-yt-paper-radio-button:hover {
  1662. border-bottom-color:#f00 !important
  1663. }
  1664. #country-code.ytd-topbar-logo-renderer {
  1665. padding: 0 !important;
  1666. margin: 1px 0 0 0.3px !important;
  1667. font-size: 11px;
  1668. }
  1669.  
  1670. html:not([dark]) #guide-section-title.ytd-guide-section-renderer,
  1671. html:not([dark]) #guide #header .title {
  1672. color: #f00 !important;
  1673. }
  1674. ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer {
  1675. color: #f00 !important;
  1676. }
  1677. html:not([dark]) ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child):before {
  1678. color: #f00 important;
  1679. }
  1680. `);
  1681. }
  1682. function redir_shorts() {
  1683. function shortsCheck(mutation){
  1684. if (location.href.includes('/shorts/')) {
  1685. location.replace(location.href.replace('/shorts/', '/watch?v='))
  1686. }
  1687. }
  1688.  
  1689. shortsCheck();
  1690.  
  1691. const shortsObserver = new MutationObserver(shortsCheck).observe(document, {subtree: true, childList: true});
  1692. }
  1693.  
  1694. function use7ktLogo() {
  1695. styles.push(`
  1696. ytd-masthead #logo-icon-container, #contentContainer #logo-icon-container, ytd-topbar-logo-renderer>#logo {
  1697. content:var(--logo-7kt-light-header) !important;
  1698. width: 71px !important;
  1699. height: 30px !important;
  1700. padding: 0 !important;
  1701. }
  1702.  
  1703. ytd-masthead[dark] #logo-icon-container, html[dark] #contentContainer #logo-icon-container, ytd-masthead[dark] ytd-topbar-logo-renderer>#logo, html[dark] ytd-topbar-logo-renderer>#logo {
  1704. content:var(--logo-7kt-dark-header) !important;
  1705. width: 71px !important;
  1706. height: 30px !important;
  1707. }
  1708.  
  1709. #start>#masthead-logo, #masthead>#masthead-logo {
  1710. content:var(--logo-7kt-dark-header) !important;
  1711. width: 71px !important;
  1712. height: 30px !important;
  1713. }
  1714.  
  1715. html[dark] #start>#masthead-logo, html[dark] #masthead>#masthead-logo {
  1716. content:var(--logo-7kt-dark-header) !important;
  1717. width: 71px !important;
  1718. height: 30px !important;
  1719. }
  1720.  
  1721. #guide-button.ytd-masthead {
  1722. margin-right: 8px !important;
  1723. top: 1px;
  1724. padding: 0 10px;
  1725. }
  1726.  
  1727. #start.ytd-masthead {
  1728. position: relative;
  1729. left: 2px;
  1730. }
  1731.  
  1732. ytd-searchbox.ytd-masthead {
  1733. padding: 0 !important;
  1734. margin: 0 0 0 38px !important;
  1735. }
  1736.  
  1737. html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  1738. background-color: var(--oldcolor) !important
  1739. }
  1740. [page-subtype="history"] ytd-sub-feed-selector-renderer [aria-checked="true"] #radioLabel.tp-yt-paper-radio-button, [page-subtype="history"] ytd-sub-feed-selector-renderer #radioLabel.tp-yt-paper-radio-button:hover {
  1741. border-bottom-color:var(--oldcolor)!important
  1742. }
  1743. #country-code.ytd-topbar-logo-renderer {
  1744. padding: 0 !important;
  1745. margin: -1px 2px 0 !important;
  1746. font-size: 11px;
  1747. }
  1748.  
  1749. html:not([dark]) #guide-section-title.ytd-guide-section-renderer,
  1750. html:not([dark]) #guide #header .title {
  1751. color: var(--oldcolor)!important;
  1752. }
  1753. ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer {
  1754. color: var(--oldcolor)!important;
  1755. }
  1756. html:not([dark]) ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child):before {
  1757. color: var(--oldcolor)important;
  1758. }
  1759. /*OLD RED*/
  1760. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer {
  1761. background:#e62117
  1762. }
  1763. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer:hover,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:hover {
  1764. background:#cc181e
  1765. }
  1766. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer:active,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:active {
  1767. background:#b31217
  1768. }
  1769. `);
  1770. }
  1771. function use2015Logo() {
  1772. styles.push(`
  1773. ytd-masthead #logo-icon-container, #contentContainer #logo-icon-container, ytd-topbar-logo-renderer>#logo {
  1774. content:var(--logo-2015-light-header) !important;
  1775. width: 71px !important;
  1776. height: 30px !important;
  1777. padding: 0 !important;
  1778. }
  1779.  
  1780. ytd-masthead[dark] #logo-icon-container, html[dark] #contentContainer #logo-icon-container, ytd-masthead[dark] ytd-topbar-logo-renderer>#logo, html[dark] ytd-topbar-logo-renderer>#logo {
  1781. content:var(--logo-2015-dark-header) !important;
  1782. width: 71px !important;
  1783. height: 30px !important;
  1784. }
  1785.  
  1786. #start>#masthead-logo, #masthead>#masthead-logo {
  1787. content:var(--logo-2015-dark-header) !important;
  1788. width: 71px !important;
  1789. height: 30px !important;
  1790. }
  1791.  
  1792. html[dark] #start>#masthead-logo, html[dark] #masthead>#masthead-logo {
  1793. content:var(--logo-2015-dark-header) !important;
  1794. width: 71px !important;
  1795. height: 30px !important;
  1796. }
  1797.  
  1798. #guide-button.ytd-masthead {
  1799. margin-right: 8px !important;
  1800. top: 1px;
  1801. padding: 0 10px;
  1802. }
  1803.  
  1804. #start.ytd-masthead {
  1805. position: relative;
  1806. left: 2px;
  1807. }
  1808.  
  1809. ytd-searchbox.ytd-masthead {
  1810. padding: 0 !important;
  1811. margin: 0 0 0 38px !important;
  1812. }
  1813.  
  1814. html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, html:not([dark]) ytd-guide-entry-renderer[active]>#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  1815. background-color: var(--oldcolor) !important
  1816. }
  1817. [page-subtype="history"] ytd-sub-feed-selector-renderer [aria-checked="true"] #radioLabel.tp-yt-paper-radio-button, [page-subtype="history"] ytd-sub-feed-selector-renderer #radioLabel.tp-yt-paper-radio-button:hover {
  1818. border-bottom-color:var(--oldcolor)!important
  1819. }
  1820. #country-code.ytd-topbar-logo-renderer {
  1821. padding: 0 !important;
  1822. margin: -1px 2px 0 !important;
  1823. font-size: 11px;
  1824. }
  1825.  
  1826. html:not([dark]) #guide-section-title.ytd-guide-section-renderer,
  1827. html:not([dark]) #guide #header .title {
  1828. color: var(--oldcolor)!important;
  1829. }
  1830. ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer {
  1831. color: var(--oldcolor)!important;
  1832. }
  1833. html:not([dark]) ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child):before {
  1834. color: var(--oldcolor)important;
  1835. }
  1836. /*OLD RED*/
  1837. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer {
  1838. background:#e62117
  1839. }
  1840. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer:hover,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:hover {
  1841. background:#cc181e
  1842. }
  1843. html #subscribe-button ytd-button-renderer #button.ytd-button-renderer:active,html #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:active {
  1844. background:#b31217
  1845. }
  1846. `);
  1847. }
  1848.  
  1849. function fixRSD() {
  1850. waitForElement('#top-row.ytd-video-secondary-info-renderer').then(function(elm) {
  1851. var watchfrag = document.querySelector('#top-row.ytd-video-secondary-info-renderer');
  1852. document.querySelector('ytd-video-primary-info-renderer > #container').appendChild(watchfrag);
  1853. });
  1854. styles.push(`
  1855. ytd-app #channel-name.ytd-video-owner-renderer {
  1856. top:-16px!important
  1857. }
  1858. ytd-app ytd-playlist-sidebar-secondary-info-renderer #channel-name.ytd-video-owner-renderer {
  1859. top:0!important
  1860. }
  1861. ytd-app #info ytd-video-primary-info-renderer {
  1862. margin-top:10px;
  1863. }
  1864. ytd-app #info .ryd-tooltip, #info #sentiment.ytd-video-primary-info-renderer {
  1865. float:right;
  1866. top:-37px!important
  1867. }
  1868. ytd-app #info .top-level-buttons.ytd-menu-renderer {
  1869. border:none
  1870. }
  1871. ytd-app #info {
  1872. top:75px!important
  1873. }
  1874. ytd-app #info ytd-toggle-button-renderer.style-text[is-icon-button] {
  1875. position:unset!important;
  1876. }
  1877. ytd-app #info ytd-toggle-button-renderer.style-text[is-icon-button]:last-of-type {
  1878. left:0
  1879. }
  1880. `);
  1881. }
  1882.  
  1883. function patchNonRSD() {
  1884. waitForElement('#top-row.ytd-video-secondary-info-renderer').then(function(elm) {
  1885. var watchfrag = document.querySelector('#top-row.ytd-video-secondary-info-renderer');
  1886. document.querySelector('ytd-video-primary-info-renderer > #container').appendChild(watchfrag);
  1887. });
  1888. styles.push(`
  1889. ytd-app #channel-name.ytd-video-owner-renderer {
  1890. top:-16px!important
  1891. }
  1892. ytd-app ytd-playlist-sidebar-secondary-info-renderer #channel-name.ytd-video-owner-renderer {
  1893. top:0!important
  1894. }
  1895. ytd-app #info ytd-video-primary-info-renderer {
  1896. margin-top:10px;
  1897. }
  1898. ytd-app #info .ryd-tooltip, #info #sentiment.ytd-video-primary-info-renderer {
  1899. float:right;
  1900. top:-37px!important
  1901. }
  1902. ytd-app #info .top-level-buttons.ytd-menu-renderer {
  1903. border:none
  1904. }
  1905. ytd-app #info {
  1906. top:75px!important
  1907. }
  1908. ytd-app #info ytd-toggle-button-renderer.style-text[is-icon-button] {
  1909. position:unset!important;
  1910. }
  1911. ytd-app #info ytd-toggle-button-renderer.style-text[is-icon-button]:last-of-type {
  1912. left:0
  1913. }
  1914. `);
  1915. }
  1916.  
  1917. function enableHomeShelves() {
  1918. window.addEventListener("yt-page-data-updated", injectShelvesHp, false);
  1919. styles.push(`
  1920. ytd-browse[page-subtype='home'] ytd-rich-grid-renderer {
  1921. display: none !important;
  1922. }
  1923. ytd-browse[page-subtype='home'] #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:first-child {
  1924. margin-top: 17px;
  1925. padding-bottom: 3px;
  1926. }
  1927.  
  1928. ytd-browse[page-subtype='home'] #contents.ytd-shelf-renderer {
  1929. margin-top: 5px !important;
  1930. }
  1931.  
  1932. ytd-browse[page-subtype='home'] ytd-thumbnail #thumbnail.ytd-thumbnail {
  1933. margin-left: 0;
  1934. }
  1935.  
  1936. ytd-browse[page-subtype='home'] ytd-section-list-renderer {
  1937. padding: 0 !important;
  1938. }
  1939.  
  1940. ytd-browse[page-subtype='home'] #contents.ytd-item-section-renderer {
  1941. padding: 0 16px;
  1942. }
  1943.  
  1944. ytd-browse[page-subtype='home'] #scroll-container.yt-horizontal-list-renderer ytd-thumbnail-overlay-time-status-renderer {
  1945. margin-top: 5px !important;
  1946. }
  1947.  
  1948. ytd-browse[page-subtype='home'] ytd-shelf-renderer img.yt-img-shadow {
  1949. max-height: var(--ytd-grid-thumbnail_-_height);
  1950. }`);
  1951. }
  1952.  
  1953. function hideSearchBlocks() {
  1954. styles.push(`
  1955. ytd-two-column-search-results-renderer ytd-shelf-renderer.style-scope.ytd-item-section-renderer, ytd-two-column-search-results-renderer ytd-horizontal-card-list-renderer.style-scope.ytd-item-section-renderer {
  1956. display: none!important
  1957. }`);
  1958. }
  1959.  
  1960. async function returnDislike() {
  1961. if (window.location.pathname != "/watch")
  1962. return;
  1963.  
  1964. const menu = await waitForElement("#menu-container");
  1965. const likeButton = document.querySelector("#info #segmented-like-button");
  1966.  
  1967. // reconstruct dislike if needed
  1968. const dislikeButton = document.querySelector("#info #segmented-dislike-button");
  1969. var dislikeText = dislikeButton.querySelector("#text");
  1970. if (!dislikeText) {
  1971. dislikeText = document.createElement("yt-formatted-string");
  1972. dislikeText.className = "style-scope ytd-toggle-button-renderer style-text";
  1973. dislikeText.id = "text";
  1974. dislikeText.removeAttribute("is-empty");
  1975. dislikeButton.querySelector("button").appendChild(dislikeText);
  1976. }
  1977.  
  1978. const videoId = new URL(window.location.href).searchParams.get("v");
  1979. const apiResponse = await fetch(`https://returnyoutubedislikeapi.com/votes?videoId=${videoId}`);
  1980. const apiResult = await apiResponse.json();
  1981. if (!apiResult || "traceId" in apiResponse)
  1982. return;
  1983.  
  1984. const { dislikes } = apiResult;
  1985. const likes = parseInt(likeButton.querySelector("#text").getAttribute("aria-label").match(/\d/g).join(""));
  1986. dislikeText.innerText = dislikes.toLocaleString();
  1987.  
  1988. const rateBar = document.getElementById("return-youtube-dislike-bar-container");
  1989. const widthPx = likeButton.clientWidth + dislikeButton.clientWidth + 8;
  1990. const widthPercent = likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 0;
  1991.  
  1992. dislikeButton.addEventListener("click", function() {
  1993. const btnText = this.querySelector("#text");
  1994. let btnCount = parseInt(btnText.innerText.match(/\d/g).join(""));
  1995. btnCount += this.firstChild.classList.contains("style-default-active") ? 1 : -1;
  1996. btnText.innerText = btnCount.toLocaleString();
  1997. });
  1998.  
  1999. if (!rateBar) {
  2000. menu.insertAdjacentHTML("beforeend", `
  2001. <div class="ryd-tooltip" style="width: ${widthPx}px">
  2002. <div class="ryd-tooltip-bar-container">
  2003. <div id="return-youtube-dislike-bar-container" style="width: 100%; height: 2px">
  2004. <div id="return-youtube-dislike-bar" style="width: ${widthPercent}%; height: 100%"></div>
  2005. </div>
  2006. </div>
  2007. </div>
  2008. `);
  2009. } else {
  2010. rateBar.style.width = widthPx + "px";
  2011. document.getElementById("return-youtube-dislike-bar").style.width = widthPercent + "%";
  2012. }
  2013. }
  2014.  
  2015. function addRYDStyles() {
  2016. styles.push(`
  2017. #return-youtube-dislike-bar-container {
  2018. background: var(--yt-spec-icon-disabled);
  2019. border-radius: 2px;
  2020. }
  2021. #return-youtube-dislike-bar {
  2022. background: var(--yt-spec-text-primary);
  2023. border-radius: 2px;
  2024. transition: all 0.15s ease-in-out;
  2025. }
  2026. .ryd-tooltip {
  2027. position: relative;
  2028. display: block;
  2029. height: 2px;
  2030. top: 9px;
  2031. }
  2032. .ryd-tooltip-bar-container {
  2033. width: 100%;
  2034. height: 2px;
  2035. position: absolute;
  2036. padding-top: 6px;
  2037. padding-bottom: 28px;
  2038. }`);
  2039. }
  2040.  
  2041.  
  2042. function smallRecommendations() {
  2043. styles.push(`#secondary :not([watch-feed-big-thumbs]) ytd-thumbnail, #secondary :not([watch-feed-big-thumbs]) ytd-playlist-thumbnail {
  2044. width:120px!important;
  2045. height:67.5px!important;
  2046. }
  2047. #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer {
  2048. width: 72px !important;
  2049. height: 45px !important;
  2050. }
  2051. ytd-app #secondary #video-title[class*="renderer"], ytd-app #secondary #movie-title[class*="renderer"] {
  2052. font-weight:500;
  2053. font-size:13px!important;
  2054. line-height:1.1!important;
  2055. margin-bottom:0
  2056. }
  2057. ytd-app #secondary #byline-container #text.ytd-channel-name, html ytd-app #secondary #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  2058. line-height:15.4px;
  2059. }
  2060. ytd-app #secondary #byline-container #text.ytd-channel-name, html:not([dark]) ytd-app #secondary #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  2061. color:#999!important
  2062. }
  2063. #secondary #contents .ytd-item-section-renderer:not(:first-child) {
  2064. margin-top:15px!important
  2065. }
  2066. #dismissible ytd-badge-supported-renderer.badges .badge.ytd-badge-supported-renderer {
  2067. position:absolute;
  2068. right:10px;
  2069. margin-top:-16px
  2070. }
  2071. #secondary ytd-thumbnail ytd-thumbnail-overlay-bottom-panel-renderer.style-scope {
  2072. top:0!important;
  2073. position:relative;
  2074. left:70px!important
  2075. }
  2076. #secondary ytd-thumbnail-overlay-bottom-panel-renderer.style-scope::before {
  2077. top:-25px!important
  2078. }
  2079. #secondary ytd-thumbnail-overlay-bottom-panel-renderer.style-scope::after {
  2080. top:-10px!important
  2081. }
  2082. yt-icon.style-scope.ytd-thumbnail-overlay-bottom-panel-renderer {
  2083. top:2px!important
  2084. }
  2085. #secondary .yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__content-image {
  2086. min-width: 120px !important;
  2087. width: 120px !important;
  2088. height:67.5px!important;
  2089. margin-top: 0px !important;
  2090. }
  2091. `);
  2092. }
  2093.  
  2094. function channelListView() {
  2095. styles.push(`
  2096. [page-subtype="channels"] ytd-section-list-renderer #header-container ytd-channel-sub-menu-renderer {
  2097. border-bottom:0!important;
  2098. padding-bottom:0!important;
  2099. margin-bottom:0!important
  2100. }
  2101. html[dark] [page-subtype="channels"] ytd-section-list-renderer #header-container ytd-channel-sub-menu-renderer {
  2102. border-color:var(--yt-spec-10-percent-layer)
  2103. }
  2104. #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-downloaded-video-grid-video-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-radio-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-movie-playlist-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-movie-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer{
  2105. display:inline-block!important;
  2106. }
  2107. #items.ytd-grid-renderer{
  2108. flex-direction:column!important;
  2109. }
  2110. [page-subtype="channels"] #contents > ytd-item-section-renderer > #contents > ytd-grid-renderer > #items > ytd-grid-video-renderer #details.ytd-grid-video-renderer{
  2111. display:inline-block!important;
  2112. position: absolute;
  2113. left: 18%!important;
  2114. top: 10%;
  2115. width: 1018px !important;
  2116. }
  2117. ytd-app ytd-section-list-renderer[page-subtype="channels"] #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer {
  2118. width: 1245px !important;
  2119. }
  2120. .style-scope.ytd-grid-renderer.watched #details.ytd-grid-video-renderer{
  2121. top: 10%!important;
  2122. }
  2123. ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer{
  2124. font-size:14px!important;
  2125. }
  2126. #scroll-container.yt-horizontal-list-renderer ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer{
  2127. font-size:13px!important;
  2128. }
  2129. #metadata-line.ytd-grid-video-renderer span.ytd-grid-video-renderer{
  2130. font-size:12px!important;
  2131. }
  2132. #scroll-container.yt-horizontal-list-renderer #metadata-line.ytd-grid-video-renderer span.ytd-grid-video-renderer{
  2133. font-size:11px!important;
  2134. }
  2135. ytd-browse[page-subtype~="channels"] ytd-two-column-browse-results-renderer.ytd-browse * > #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer{
  2136. margin-bottom:10px!important;
  2137. }
  2138. ytd-browse[page-subtype~="channels"] ytd-two-column-browse-results-renderer.ytd-browse * > #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer{
  2139. padding-top:15px!Important;
  2140. border-top:1px solid #e2e2e2!important;
  2141. margin-left: -17px;
  2142. padding-left: 17px !important;
  2143. }`);
  2144. }
  2145.  
  2146. function greyWatched() {
  2147. styles.push(`
  2148. #play.ytd-moving-thumbnail-renderer {
  2149. width: 1px !important;
  2150. height: 1px !important;
  2151. }
  2152. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail,
  2153. .watched #thumbnail.fade-in.ytd-moving-thumbnail-renderer,
  2154. .watched .yt-core-image--content-mode-scale-aspect-fill,
  2155. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail,
  2156. .watched yt-img-shadow.ytd-thumbnail {
  2157. transition: ease-in;
  2158. transition-duration: 0.2s;
  2159. opacity: 0.4 !important;
  2160. filter: grayscale(1)!important;
  2161. }
  2162. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail:hover,
  2163. .watched #thumbnail.fade-in.ytd-moving-thumbnail-renderer:hover,
  2164. .watched .yt-core-image--content-mode-scale-aspect-fill:hover,
  2165. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail:hover,
  2166. .watched yt-img-shadow.ytd-thumbnail:hover,
  2167. .watched .yt-core-image.yt-core-image--fill-parent-height.yt-core-image--fill-parent-width.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--loaded:hover {
  2168. transition: ease-out;
  2169. transition-duration: 0.7s;
  2170. opacity: 1.0 !important;
  2171. filter: grayscale(0) !important;
  2172. }`);
  2173. }
  2174.  
  2175. function blurWatched() {
  2176. styles.push(`
  2177. #play.ytd-moving-thumbnail-renderer {
  2178. width: 1px !important;
  2179. height: 1px !important;
  2180. }
  2181. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail,
  2182. .watched #thumbnail.fade-in.ytd-moving-thumbnail-renderer,
  2183. .watched .yt-core-image--content-mode-scale-aspect-fill,
  2184. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail,
  2185. .watched yt-img-shadow.ytd-thumbnail {
  2186. transition: ease-in;
  2187. transition-duration: 0.2s;
  2188. filter: blur(2.2px) !important;
  2189. }
  2190. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail:hover,
  2191. #thumbnail.fade-in.ytd-moving-thumbnail-renderer:hover,
  2192. .watched .yt-core-image--content-mode-scale-aspect-fill:hover,
  2193. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail:hover,
  2194. .watched yt-img-shadow.ytd-thumbnail:hover,
  2195. .watched .yt-core-image.yt-core-image--fill-parent-height.yt-core-image--fill-parent-width.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--loaded:hover {
  2196. transition: ease-out;
  2197. transition-duration: 0.7s;
  2198. filter: blur(0px) !important;
  2199. }`);
  2200. }
  2201.  
  2202. function greyAndBlurWatched() {
  2203. styles.push(`
  2204. #play.ytd-moving-thumbnail-renderer {
  2205. width: 1px !important;
  2206. height: 1px !important;
  2207. }
  2208. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail,
  2209. .watched .yt-core-image--content-mode-scale-aspect-fill,
  2210. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail,
  2211. .watched yt-img-shadow.ytd-thumbnail {
  2212. transition: ease-in;
  2213. transition-duration: 0.2s;
  2214. opacity: 0.4 !important;
  2215. filter: blur(2.2px) grayscale(1)!important;
  2216. }
  2217. .watched ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail:hover,
  2218. .watched .yt-core-image--content-mode-scale-aspect-fil:hover,
  2219. .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail:hover,
  2220. .watched yt-img-shadow.ytd-thumbnail:hover,
  2221. .watched .yt-core-image.yt-core-image--fill-parent-height.yt-core-image--fill-parent-width.yt-core-image--content-mode-scale-aspect-fill.yt-core-image--loaded:hover {
  2222. transition: ease-out;
  2223. transition-duration: 0.7s;
  2224. opacity: 1.0 !important;
  2225. filter: blur(0px) grayscale(0) !important;
  2226. }`);
  2227. }
  2228.  
  2229.  
  2230. function hideSuggestionBlocks() {
  2231. styles.push(`div#contents.ytd-rich-grid-renderer ytd-rich-section-renderer {
  2232. display: none!important;
  2233. }
  2234. ytd-thumbnail-overlay-endorsement-renderer {
  2235. display: none !important; }
  2236. ytd-rich-section-renderer[align-within-rich-grid]{display: none!important;
  2237. }`);
  2238. }
  2239.  
  2240. function hideClarifyBox() {
  2241. styles.push(`ytd-rich-metadata-row-renderer:not([fixie]) {
  2242.  
  2243. display: none !important;
  2244. }`);
  2245. }
  2246.  
  2247. function hideChannelStore() {
  2248. styles.push(`
  2249. ytd-merch-shelf-renderer {
  2250. display: none!important
  2251. }
  2252. `);
  2253. }
  2254.  
  2255. function hideHomeFilters() {
  2256. styles.push(`
  2257. ytd-feed-filter-chip-bar-render {
  2258. display: none!important
  2259. }
  2260. ytd-browse:not([page-subtype="channels"]) #header {
  2261. display: none !important;
  2262. }
  2263. `);
  2264. }
  2265.  
  2266. function hideQueue() {
  2267. styles.push(`
  2268. .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] {
  2269. display:none;
  2270. }
  2271. `);
  2272. }
  2273.  
  2274. function hideInfoCards() {
  2275. styles.push(`ytd-structured-description-content-renderer.ytd-watch-metadata, ytd-compact-infocard-renderer {
  2276. display: none!important
  2277. }
  2278.  
  2279. /*#details.ytd-rich-grid-video-renderer {
  2280. cursor: auto!important;
  2281. pointer-events: none!important
  2282. }
  2283.  
  2284. #details.ytd-rich-grid-video-renderer *>a, #details.ytd-rich-grid-video-renderer *>button.yt-icon-button {
  2285. cursor: pointer!important;
  2286. pointer-events: initial!important
  2287. }*/
  2288. `);
  2289. }
  2290.  
  2291. function disablePreviews() {
  2292. styles.push(`
  2293. #avatar-link.ytd-rich-grid-media, #avatar-link.ytd-rich-grid-video-renderer, #masthead-ad, #offer-module, #play.fade-in.ytd-moving-thumbnail-renderer, #play.show.ytd-moving-thumbnail-renderer, #selectionBar.paper-tabs, #thumbnail.ytd-moving-thumbnail-renderer, .not-visible.paper-tabs, .ytp-miniplayer-button, [id*=skeleton], paper-ripple, ytd-compact-movie-renderer.ytd-watch-next-secondary-results-renderer, ytd-compact-promoted-item-renderer, ytd-search ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer>a>yt-img-shadow.ytd-video-renderer {
  2294. display: none!important
  2295. }
  2296.  
  2297. #details.ytd-rich-grid-video-renderer {
  2298. cursor: auto!important;
  2299. pointer-events: none!important
  2300. }
  2301.  
  2302. #details.ytd-rich-grid-video-renderer *>a, #details.ytd-rich-grid-video-renderer *>button.yt-icon-button {
  2303. cursor: pointer!important;
  2304. pointer-events: initial!important
  2305. }`);
  2306. }
  2307.  
  2308. function squarePFPs() {
  2309. styles.push(`
  2310. #thumbnail.ytd-profile-column-user-info-renderer,
  2311. yt-img-shadow.ytd-channel-renderer,
  2312. #avatar.ytd-active-account-header-renderer,
  2313. #avatar.ytd-video-owner-renderer,
  2314. #avatar.ytd-c4-tabbed-header-renderer,
  2315. yt-img-shadow.ytd-channel-avatar-editor,
  2316. yt-img-shadow.ytd-guide-entry-renderer,
  2317. #author-thumbnail.ytd-commentbox,
  2318. #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
  2319. #author-thumbnail.ytd-comment-simplebox-renderer,
  2320. #avatar.ytd-video-owner-renderer, .ytd-comment-action-buttons-renderer:nth-of-type(2),
  2321. #hearted-thumbnail.ytd-creator-heart-renderer, ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer,
  2322. .thumbnail.ytd-notification-renderer, #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model,
  2323. ytd-commentbox[is-reply][is-backstage-comment] #author-thumbnail.ytd-commentbox, #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer,
  2324. .avatar.ytd-recognition-shelf-renderer {
  2325. border-radius: 0%!important;
  2326. }`);
  2327. }
  2328.  
  2329. function hideGuide() {
  2330. addInterval(1, function (info) {
  2331. if (info.act == 0) { // observe location change
  2332. let url = document.location.toString();
  2333. if (url != info.url) info.act = 1;
  2334. }
  2335. if (info.act == 1) { // wait for sorp page load completion
  2336. let Q = document.querySelector('yt-page-navigation-progress');
  2337. if (!Q) return;
  2338. if (Q.hasAttribute('hidden')) info.act = 2;
  2339. }
  2340. if (info.act == 2) { // wait for button and press it if necessary
  2341. let guide_button = document.getElementById('guide-button');
  2342. if (!guide_button) return;
  2343.  
  2344. let tmp = guide_button.querySelector('button');
  2345. if (!tmp || !tmp.hasAttribute('aria-pressed')) return;
  2346.  
  2347. if (tmp.attributes['aria-pressed'].value == 'true') guide_button.click();
  2348. else {
  2349. info.url = document.location.toString();
  2350. info.act = 0;
  2351. }
  2352. }
  2353. }, [{ act: 2 }]);
  2354. }
  2355.  
  2356. function alignSearchbar() {
  2357. styles.push(`
  2358. #center.ytd-masthead {
  2359. margin-right: auto;
  2360. }
  2361. tp-yt-paper-toast.paper-toast-open {
  2362. position:static!important;
  2363. }
  2364. yt-notification-action-renderer {
  2365. margin-left:20px;
  2366. margin-top:30px
  2367. }
  2368. `);
  2369. }
  2370.  
  2371. function applyOldPlayer() {
  2372. (function() {
  2373. 'use strict';
  2374. waitForElement(".ytp-exp-bigger-button-like-mobile").then((elm) => elm.setAttribute("class", "html5-video-player ytp-transparent ytp-hide-info-bar"));
  2375. })();
  2376. styles.push(`
  2377. .ytp-volume-slider {
  2378. height: 100%;
  2379. min-height: 40px;
  2380. margin-top: -3px;
  2381. }
  2382. .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button.ytp-mute-button {
  2383. padding: 2px !important;
  2384. }
  2385. .ytp-chrome-controls .ytp-button[aria-pressed="true"]::after {
  2386. width: 20px !important;
  2387. left: 9px !important;
  2388.  
  2389. }
  2390. .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed="true"]::after {
  2391. width: 20px !important;
  2392. left: 9px !important;
  2393. bottom: 6px !important;
  2394. }
  2395. .ytp-big-mode .ytp-chrome-controls .ytp-button[aria-pressed="true"]::after {
  2396. width: 27px !important;
  2397. left: 14px !important;
  2398. bottom: 10px !important;
  2399. }
  2400. .ytp-chrome-controls .ytp-button.ytp-mute-button{
  2401. padding: 2px!important
  2402. }
  2403. .ytp-chrome-bottom {
  2404. height:36px!important
  2405. }
  2406. .ytp-big-mode .ytp-chrome-bottom {
  2407. height:48px!important
  2408. }
  2409. .ytp-progress-bar-container, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-progress-bar-container {
  2410. bottom:35px!important
  2411. }
  2412. .ytp-big-mode .ytp-progress-bar-container {
  2413. bottom:44px!important
  2414. }
  2415.  
  2416. .ytp-chrome-controls {
  2417. height:40px!important
  2418. }
  2419.  
  2420. .ytp-chrome-bottom .ytp-chrome-controls .ytp-button {
  2421. height:36px!important;
  2422. width:36px
  2423. }
  2424. .ytp-big-mode .ytp-chrome-bottom .ytp-chrome-controls .ytp-button {
  2425. height:54px!important
  2426. }
  2427. .ytp-chrome-bottom .ytp-chrome-controls .ytp-chapter-title.ytp-button {
  2428. width: auto !important;
  2429. }
  2430. .ytp-time-display, .ytp-exp-bigger-button-like-mobile.ytp-small-mode .ytp-time-display {
  2431. line-height:36px!important
  2432. }
  2433. .ytp-big-mode .ytp-time-display {
  2434. line-height:54px!important
  2435. }
  2436. /*volume*/
  2437. .ytp-volume-slider-handle {
  2438. width: 4px!important;
  2439. height: 13px!important;
  2440. background: #fff;
  2441. border-radius:0!important;
  2442. margin-top:-5px!important
  2443. }
  2444. .ytp-big-mode .ytp-volume-slider-handle {
  2445. width:6px!important;
  2446. height:20px!important;
  2447. margin-top:-10px!important
  2448. }
  2449. .ytp-volume-slider-handle::before {
  2450. background:#f12b24!important
  2451. }
  2452. .ytp-volume-slider-handle::before, .ytp-volume-slider-handle::after {
  2453. width:58px!important
  2454. }
  2455. .ytp-big-mode .ytp-volume-slider-handle::before, .ytp-big-mode .ytp-volume-slider-handle::after {
  2456. height:5px!important
  2457. }
  2458. .ytp-big-mode .ytp-volume-slider-handle::before {
  2459. width:86px!important
  2460. }
  2461. .ytp-volume-slider-active .ytp-volume-panel {
  2462. width:44px!important
  2463. }
  2464. .ytp-big-mode .ytp-volume-slider-active .ytp-volume-panel {
  2465. width:66px!important
  2466. }
  2467. /*settings*/
  2468. .ytp-popup {
  2469. background: rgba(28,28,28,0.8)!important;
  2470. text-shadow: 0 0 2px rgb(0 0 0 / 50%)!important;
  2471. border-radius: 0!important
  2472. }
  2473. .ytp-settings-menu {
  2474. bottom:40px!important
  2475. }
  2476. .ytp-big-mode .ytp-settings-menu {
  2477. bottom:50px!important
  2478. }
  2479. .ytp-panel-menu {
  2480. padding:0!important;
  2481. font-weight:normal!important
  2482. }
  2483. .ytp-settings-menu, .ytp-panel-menu {
  2484. color:#bbb!important
  2485. }
  2486. .ytp-menuitem-icon {
  2487. display:none
  2488. }
  2489. .ytp-panel-header {
  2490. padding:0!important
  2491. }
  2492. .ytp-menuitem-label {
  2493. padding:0 10px!Important;
  2494. font-size:100%!important
  2495. }
  2496. .ytp-menuitem, .ytp-panel-header {
  2497. height:27px!important
  2498. }
  2499. .ytp-big-mode .ytp-menuitem, .ytp-big-mode .ytp-panel-header {
  2500. height:37px!important
  2501. }
  2502. .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  2503. padding-left:0!important
  2504. }
  2505. .ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
  2506. padding-left:35px!important
  2507. }
  2508. .ytp-big-mode .ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
  2509. padding-left:45px!important
  2510. }
  2511. .ytp-menuitem-icon {
  2512. display:none!important
  2513. }
  2514. .ytp-panel {
  2515. min-width:100px!important
  2516. }
  2517. .ytp-big-mode .ytp-panel {
  2518. min-width:115px!important
  2519. }
  2520. /*slider handle*/
  2521. .ytp-slider-handle {
  2522. border-radius:0!important;
  2523. width:6px!important
  2524. }
  2525. .ytp-slider-handle:before {
  2526. width:150px!important
  2527. }
  2528. .ytp-slider-handle:before {
  2529. left:-150px!important;
  2530. background-color:#f12b24!important
  2531. }
  2532. .ytp-slider-handle:after {
  2533. left:0!important
  2534. }
  2535. .ytp-chapter-container {
  2536. float: right!important;
  2537. padding: 2px 5px 0 0;
  2538. line-height:40px!important
  2539. }`);
  2540. (function() {
  2541. 'use strict';
  2542. waitForElement(".ytp-exp-bigger-button-like-mobile").then((elm) => elm.setAttribute("class", "html5-video-player ytp-transparent ytp-hide-info-bar"));
  2543. })();
  2544. }
  2545.  
  2546. function restoreAppbarLinks() {
  2547. if (document.documentElement.lang == "en") {
  2548. var trendingData = {
  2549. "navigationEndpoint": {
  2550. "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  2551. "commandMetadata": {
  2552. "webCommandMetadata": {
  2553. "url": "/feed/trending",
  2554. "webPageType": "WEB_PAGE_TYPE_BROWSE",
  2555. "rootVe": 6827,
  2556. "apiUrl": "/youtubei/v1/browse"
  2557. }
  2558. },
  2559. "browseEndpoint": {
  2560. "browseId": "FEtrending"
  2561. }
  2562. },
  2563. "icon": {
  2564. "iconType": "TRENDING"
  2565. },
  2566. "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  2567. "formattedTitle": {
  2568. "simpleText": "Trending"
  2569. },
  2570. "accessibility": {
  2571. "accessibilityData": {
  2572. "label": "Trending"
  2573. }
  2574. },
  2575. "isPrimary": true
  2576. };
  2577.  
  2578. var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  2579. document.querySelector(`#items > ytd-guide-entry-renderer:first-child`).insertAdjacentHTML("afterend", guidetemplate);
  2580. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = trendingData;
  2581. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(3)`).remove();
  2582. document.querySelector("ytd-guide-section-renderer.style-scope:first-child").data.items[1].guideEntryRenderer = trendingData;
  2583. }
  2584.  
  2585.  
  2586. if (!document.querySelector("ytd-app").data.response.responseContext.mainAppWebResponseContext.loggedOut) {
  2587. const yourVideos = document.querySelector("ytd-guide-entry-renderer a[href*='/videos']");
  2588. const channelId = yourVideos.href.split("/")[4];
  2589. var channelData = {
  2590. "navigationEndpoint": {
  2591. "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  2592. "commandMetadata": {
  2593. "webCommandMetadata": {
  2594. "url": "/channel/" + channelId,
  2595. "webPageType": "WEB_PAGE_TYPE_CHANNEL",
  2596. "rootVe": 6827,
  2597. "apiUrl": "/youtubei/v1/browse"
  2598. }
  2599. },
  2600. "browseEndpoint": {
  2601. "browseId": channelId
  2602. }
  2603. },
  2604. "icon": {
  2605. "iconType": "ACCOUNT_BOX"
  2606. },
  2607. "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  2608. "formattedTitle": {
  2609. "simpleText": "My channel"
  2610. },
  2611. "accessibility": {
  2612. "accessibilityData": {
  2613. "label": "My channel"
  2614. }
  2615. },
  2616. "isPrimary": true
  2617. };
  2618.  
  2619. var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  2620. document.querySelector(`#items > ytd-guide-entry-renderer:first-child`).insertAdjacentHTML("afterend", guidetemplate);
  2621. document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = channelData;
  2622. document.querySelector("ytd-guide-section-renderer.style-scope:nth-child(1)").data.items[1].guideEntryRenderer = channelData;
  2623. yourVideos.remove();
  2624.  
  2625. GM_addStyle(`#items > ytd-guide-entry-renderer:nth-child(2) .guide-icon {
  2626. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOFJREFUeJztlL0Ng0AMhWlSZ5QMkU0o6KjpIlLAHSNkgkyQLbICA6RPT/hEAk8WxwWJKoolS5Z/3vnZhiT5y0cuvtiXZXny3t/run6i2PiIrQKrqvPROdf22gW0JWcN2FhMV3mRH1BsjUVBoaKd9TQ7pYeNTztdpM98tAPmZnPwaQ41QUBLaaDl0mkcLrVxaoKA9nUtmnssxCIG2DZNc0PnNr8IqF0AwGZtDr43eJyyLOWRZdkulEeMnOhS9Gx0GVZkOctnMyRPh93P5wpFOkKx8X192AZ0m09P6W/2c/hteQFIL1T2NRIk0wAAAABJRU5ErkJggg==);
  2627. }
  2628. #section-items > ytd-guide-entry-renderer.ytd-guide-collapsible-section-entry-renderer.style-scope:nth-of-type(1){
  2629. display:none
  2630. }
  2631. #guide #header .title {
  2632. visibility: hidden;
  2633. margin-left: -15px;
  2634. }
  2635. #guide #header .title::after {
  2636. content: "LIBRARY";
  2637. visibility: visible;
  2638. }
  2639.  
  2640. #items > ytd-guide-entry-renderer:nth-child(2):hover .guide-icon,
  2641. #items > ytd-guide-entry-renderer:nth-child(2) tp-yt-paper-item[aria-selected="true"] .guide-icon {
  2642. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMhJREFUeJztVDEKwzAMzNK5a96RF/g1Bj/Dz+neOT/wngdk9ujNqFKREyNsBUOm0oODkJNPkqVkmv4oiDE+AcAjAzIx6dmTNmSGhwxyhz5IMyNmNVbkwlyFpptym7KyuUo2y0rV9vnOaqRGTBIxXjMMjftyle4aetAMZfbjUCdZs4srww35Zm6jhnUV3+k2YuS01ZbLUHZr7aMXRxqc29Afilgb14uDczj62nDwsdg55xe1SBVxVQu/KzCqmTC959MruPXn8Nv4ADy6IMvnpMUsAAAAAElFTkSuQmCC)
  2643. }
  2644. `);
  2645. }
  2646. }
  2647.  
  2648. function insertResultsEstimate() {
  2649. waitForElement("#filter-menu #container").then(function(elm) {
  2650. const estimatedResults = parseInt(document.querySelector("ytd-search").data.estimatedResults).toLocaleString();
  2651.  
  2652. if (elm.querySelector(".num-results") !== null) {
  2653. elm.querySelector(".num-results").innerHTML = `About ${estimatedResults} results`;
  2654. return;
  2655. }
  2656.  
  2657. let numResults = document.createElement("p");
  2658. numResults.className = "num-results first-focus";
  2659. numResults.setAttribute("tabindex", "0");
  2660. numResults.innerHTML = `About ${estimatedResults} results`;
  2661. elm.appendChild(numResults);
  2662. });
  2663. }
  2664.  
  2665. function counterstuff() {
  2666. function getCounterText (x) { // x is not wrapper
  2667. try { return x.__data.data.viewCountText.simpleText; } catch (ex) { }
  2668. try { return x.__data.data.content.videoRenderer.viewCountText.simpleText; } catch (ex) { }
  2669. }
  2670. function replaceCountersText (x) {
  2671. x = x.wrappedJSObject || x;
  2672. const par = x.parentNode.__ytfix_parent;
  2673. if (!par)
  2674. return;
  2675. const tgt = getCounterText (par);
  2676. if (tgt && x.textContent != tgt)
  2677. x.textContent = tgt;
  2678. }
  2679. function replaceCountersCallback (mm) {
  2680. for (let i = mm.length; --i >= 0; ) {
  2681. const m = mm [i];
  2682. if (m.type == 'characterData')
  2683. replaceCountersText (m.target);
  2684. }
  2685. }
  2686. const m = new MutationObserver (replaceCountersCallback);
  2687. const opt = { subtree: true, characterData: true };
  2688. function replaceCountersEach (x) {
  2689. x.setAttribute ('ytfix', '');
  2690. const ee = x.querySelectorAll ('#metadata-line span');
  2691. if (ee.length != 2)
  2692. return;
  2693. const e = ee [0];
  2694. (e.wrappedJSObject || e).__ytfix_parent = x;
  2695. replaceCountersText (e.firstChild);
  2696. m.observe (e, opt);
  2697. }
  2698. setInterval (function () {
  2699. document.querySelectorAll ('ytd-compact-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  2700. document.querySelectorAll ('ytd-grid-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  2701. document.querySelectorAll ('ytd-rich-item-renderer:not([ytfix])').forEach (replaceCountersEach);
  2702. document.querySelectorAll ('ytd-video-renderer:not([ytfix])').forEach (replaceCountersEach);
  2703. }, 1000);
  2704. // this observer disables the like count updating while watching a live stream because it messes with a bunch of things and we can't get full like count from it either
  2705. var likeObserver = new MutationObserver(function(mutations) {
  2706. mutations.forEach(function(mutation) {
  2707. for (const node of mutation.addedNodes) {
  2708. while (mutation.target.childNodes.length > 1) {
  2709. mutation.target.removeChild(mutation.target.lastChild);
  2710. }
  2711. }
  2712. });
  2713. });
  2714.  
  2715. waitForElement("#info ytd-toggle-button-renderer.style-text[is-icon-button]:first-child #text.ytd-toggle-button-renderer").then(function(elm) {
  2716. likeObserver.observe(elm, {
  2717. childList: true,
  2718. subtree: true
  2719. });
  2720. document.querySelector('#info ytd-button-renderer:last-of-type yt-formatted-string').innerText = 'Add to';
  2721. });
  2722.  
  2723. // thanks objectful for a actual working one
  2724. }
  2725.  
  2726. function patch_css() {
  2727. // patch css
  2728. GM_addStyle(`
  2729.  
  2730. f:root {
  2731. --dgyt-bg-color-dark: rgb(15, 15, 15);
  2732. --dgyt-bg-color-medium: rgb(33, 33, 33);
  2733. --dgyt-cell-bg-color: rgba(0, 0, 0, 0.2);
  2734. --dgyt-menu-bg-color: rgba(21, 21, 21, 0.8);
  2735. --dgyt-button-color: rgba(255, 255, 255, 0.1);
  2736. --dgyt-button-color-hover: rgba(255, 255, 255, 0.22);
  2737. --dgyt-border-color: rgba(0, 0, 0, 0.2);
  2738. --dgyt-text-main: rgb(192, 192, 192);
  2739. --dgyt-text-secondary: rgb(142, 142, 142);
  2740. --dgyt-text-highlight: rgb(255, 255, 255);
  2741. --dgyt-color-red: rgb(204, 24, 30);
  2742. --dgyt-color-blue: rgb(22, 122, 198);
  2743. --dgyt-color-yellow: rgb(245, 213, 98);
  2744. --dgyt-color-orange: rgb(255, 85, 0);
  2745. --dgyt-color-purple: rgb(156, 39, 176);
  2746. --dgyt-color-green: rgb(76, 175, 80);
  2747. }
  2748. :root {
  2749. --yt-link-letter-spacing: 0 !important;
  2750. --ytd-user-comment_-_letter-spacing: 0 !important;
  2751. --oldcolor: #cc181e;
  2752. }
  2753. html:not(.style-scope)[typography-spacing] {
  2754. --yt-subheadline-letter-spacing: 0;
  2755. --yt-thumbnail-attribution-letter-spacing: 0;
  2756. --yt-user-comment-letter-spacing: 0;
  2757. --yt-guide-highlight-letter-spacing: 0;
  2758. --yt-caption-letter-spacing: 0;
  2759. --yt-badge-letter-spacing: 0;
  2760. --yt-tab-system-letter-spacing: 0;
  2761. --yt-subheadline-link-letter-spacing: 0;
  2762. --yt-link-letter-spacing: 0.25px;
  2763. }
  2764. .html5-video-player {
  2765. background-color: #000 !important;
  2766. }
  2767. #avatar-link.ytd-rich-grid-media {
  2768. height: 0 !important;
  2769. margin-top: 0 !important;
  2770. margin-right: 0 !important;
  2771. visibility: hidden !important;
  2772. position: fixed !important;
  2773. }
  2774. yt-live-chat-message-input-renderer {
  2775. margin-bottom: -1px;
  2776. }
  2777. #chat.ytd-watch-flexy {
  2778. margin-bottom: var(--ytd-margin-3x) !important;
  2779. margin-left: -14px;
  2780. margin-right: 14px;
  2781. }
  2782. html:not([dark]) #header.ytd-engagement-panel-title-header-renderer {
  2783. background: #f1f1f1;
  2784. }
  2785. #action-buttons.ytd-tvfilm-offer-module-renderer ytd-button-renderer.ytd-tvfilm-offer-module-renderer:last-child {
  2786. margin-bottom: 0;
  2787. background: url("") !important;
  2788. color: #000;
  2789. height: 20px;
  2790. width: min-content!important;
  2791. }
  2792. ytd-video-description-gaming-section-renderer {
  2793. display: none!important;
  2794. }
  2795. #chat-container.ytd-watch-flexy:not([chat-collapsed]) {
  2796. width: var(--ytd-watch-flexy-chat-max-width);
  2797. margin-left: -14px;
  2798. margin-right: 14px;
  2799. margin-bottom: 10px;
  2800. }
  2801. /*
  2802. ytd-watch-flexy[flexy] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy,
  2803. ytd-watch-flexy[flexy] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy {
  2804. min-height: 591px !important;
  2805. }
  2806. */
  2807. yt-icon.style-scope.ytd-badge-supported-renderer,
  2808. ytd-author-comment-badge-renderer:not([m]) #icon.ytd-author-comment-badge-renderer {
  2809. color: transparent;
  2810. fill: transparent !important;
  2811. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-2x-vflbdpYum.webp) -146px -556px;
  2812. height: 9px;
  2813. margin-bottom: 0;
  2814. }
  2815. yt-icon.style-scope.ytd-badge-supported-renderer:hover,
  2816. ytd-author-comment-badge-renderer #icon.ytd-author-comment-badge-renderer:hover {
  2817. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-2x-vflbdpYum.webp) -732px -646px;
  2818. }
  2819. a, a:visited {
  2820. color: #167ac6;
  2821. }
  2822. html[dark] a, html[dark] a:visited {
  2823. color: #fff;
  2824. }
  2825. ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer {
  2826. visibility: hidden;
  2827. height: 0 !important;
  2828. }
  2829. .content.ytd-metadata-row-header-renderer,
  2830. ytd-action-companion-ad-renderer {
  2831. display: none !important;
  2832. }
  2833. #buttons.ytd-masthead > .ytd-masthead:nth-last-child(2) {
  2834. margin-right: 0 !important;
  2835. }
  2836. #search-input.ytd-searchbox-spt input {
  2837. margin-left: 0 !important;
  2838. }
  2839. #search-input {
  2840. top: 1px;
  2841. right: 2px;
  2842. position: relative;
  2843. }
  2844. html:not([dark]) #search-input.ytd-searchbox-spt input::placeholder {
  2845. color: rgb(118, 118, 118);
  2846. }
  2847. #expander.ytd-comment-renderer > paper-button.ytd-expander {
  2848. text-align: left;
  2849. }
  2850. .title.style-scope.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer {
  2851. font-size: 20px;
  2852. }
  2853. ntd-toggle-button-renderer {
  2854. font-weight: normal;
  2855. }
  2856. author-text.yt-simple-endpoint.ytd-comment-renderer,
  2857. ytd-author-comment-badge-renderer {
  2858. border-radius: 0 !important;
  2859. }
  2860. html:not([dark]) #name.ytd-author-comment-badge-renderer,
  2861. html:not([dark]) ytd-author-comment-badge-renderer {
  2862. --ytd-author-comment-badge-name-color: #187ac6;
  2863. color: #187ac6;
  2864. }
  2865. #name.ytd-author-comment-badge-renderer,
  2866. ytd-author-comment-badge-renderer {
  2867. --ytd-author-comment-badge-name-color: #fff;
  2868. color: #fff;
  2869. }
  2870. ytd-expander.ytd-video-secondary-info-renderer {
  2871. font-size: 13px !important;
  2872. --ytd-expander-collapsed-height: 66px !important;
  2873. }
  2874. html[dark] #vote-count-middle.ytd-comment-action-buttons-renderer {
  2875. color: #3ea6ff !important;
  2876. }
  2877. ytd-comments-header-renderer.style-scope.ytd-item-section-renderer,
  2878. ytd-metadata-row-renderer {
  2879. margin: 0 !important;
  2880. }
  2881. html[dark] .style-scope.ytd-video-primary-info-renderer {
  2882. color: #fff;
  2883. }
  2884. #title.ytd-metadata-row-renderer {
  2885. font-size: 11px !important;
  2886. margin: 0 !important;
  2887. }
  2888. .content.ytd-metadata-row-renderer {
  2889. font-size: 11px !important;
  2890. font-weight: normal !important;
  2891. }
  2892. ytd-playlist-renderer {
  2893. background: var(--yt-spec-general-background-b) !important;
  2894. }
  2895. ytd-watch-flexy[flexy][fullscreen] #columns.ytd-watch-flexy {
  2896. min-width: 100% !important;
  2897. }
  2898. div#contents.style-scope.ytd-rich-grid-renderer {
  2899. display: block !important;
  2900. }
  2901. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer {
  2902. display: inline !important;
  2903. }
  2904. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer > div {
  2905. display: inline !important;
  2906. margin: 0 !important;
  2907. }
  2908. ytd-rich-grid-row.style-scope.ytd-rich-grid-renderer > div > ytd-rich-item-renderer {
  2909. display: inline-block !important;
  2910. width: 193px;
  2911. }
  2912. html[darker-dark-theme][dark],
  2913. [darker-dark-theme] [dark] {
  2914. background: #181818 !important;
  2915. }
  2916. html[dark] {
  2917. scrollbar-color: var(--yt-spec-text-secondary) #181818 !important;
  2918. }
  2919. html {
  2920. font-family: Roboto, arial, sans-serif !important;
  2921. }
  2922. html:not(.style-scope) {
  2923. --yt-post-redemption-section-title_-_font-family: roboto;
  2924. --paper-font-common-base_-_font-family: roboto, arial, sans-serif !important;
  2925. --paper-font-body1_-_font-size: 13px !important;
  2926. --paper-font-body2_-_font-size: 13px !important;
  2927. --paper-font-caption_-_font-size: 12px !important;
  2928. --paper-font-menu_-_font-size: 13px !important;
  2929. --paper-font-button_-_font-size: 13px !important;
  2930. --ytd-thumbnail-attribution_-_font-size: 11px !important;
  2931. --ytd-user-comment_-_font-size: 13px !important;
  2932. --ytd-caption_-_font-size: 11px !important;
  2933. --ytd-tab-system_-_font-size: 13px !important;
  2934. --ytd-comment-link_-_font-size: 13px !important;
  2935. --ytd-subheadline_-_font-size: 13px !important;
  2936. --ytd-grid-video-title_-_font-size: 13px !important;
  2937. --paper-font-body1_-_font-weight: 500 !important;
  2938. --ytd-thumbnail-attribution_-_font-weight: 400 !important;
  2939. --ytd-user-comment_-_font-weight: 400 !important;
  2940. --ytd-subheadline_-_font-weight: 400 !important;
  2941. --ytd-thumbnail-attribution_-_line-height: 1.4em !important;
  2942. --ytd-user-comment_-_line-height: 1.3em !important;
  2943. --ytd-comment-link_-_line-height: 1.3em !important;
  2944. --ytd-subheadline_-_line-height: 1.3em !important;
  2945. --paper-font-button_-_text-transform: none !important;
  2946. --yt-endpoint-hover_-_text-decoration: underline !important;
  2947. --ytd-grid-video-title_-_letter-spacing: 0 !important;
  2948. --ytd-masthead-height: 49px !important;
  2949. --ytd-toolbar-height: 49px !important;
  2950. --logo-7kt-dark-header: url(https://7kt.se/images/7kttube_logo_header.png);
  2951. --logo-7kt-light-header: url(https://7kt.se/images/7kttube_logo_header2.png);
  2952. --logo-2015-dark-header: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAeCAMAAABJ7/MSAAAAaVBMVEUAAADbKBv////hKB/////////////hKCD////////eKBzfOCD////////jJh7////////jKST////////aRiH////////RKxz////aNCX/b2L/xL7/sKn/iH7/2tfwSjv/9/b/o5v/6eebHW/LAAAAF3RSTlMA+VbUhb4+sdFx7CD2rokqDmTjjj4anxy61LcAAAHISURBVEjHvZaJboMwDIZNuWnKsbbLT4BwvP9DzuZQUbuNaJv2SSUxKp+MDSR0yC3P49j3/SzzGD0jsyzjk3Gc5zdy4OzrQ/zzscbTDniHolg7ER+lox05U6JUSRQpdaVXKv4LVlq90gEvnooC4ETL8ZXc1ZNTAbwThVDlF+UZxxaw42i+88RECd6IFC70CUvT6yWZ7zw+UQoUEZASlVH0lFS28/R9L4d69tSGA80Dj0JGdGdHANzppADFVToBkRSMPd7O06CRmRGPAQaxTlvdPJIbuyRIKMJM4eLBAIxa23nSrZ4ACgjoClUUPNl79Beevp446iVqYDVDRMWSRoiE6A0XF4/WLUcGkGoNi0culpaFCIkSd4/dPNg8F+D6Q4+108OTAqefeYQ/8ZieOfZ4x/Wp61r6/muPRHvPU9/fZ0/25Ok3j0Ti6fU49z17eAIgTfknnoADPL2nLQZjV89ohiW71kzzc+g/PHcFRpXLc5nMnnjnGQE0q4d96EQtmOW7sXmoCIGwoPkOo6U++eKxli/q7dTxzGhjbd0OjZS3swOfYHISypI+p9KOVH/1nf+Xdcd9HfyvdVlM1bxP2G8UZMy2fUJ1I+YDE+J/OoVjUQ0AAAAASUVORK5CYII=);
  2953. --logo-2015-light-header: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAeCAMAAABJ7/MSAAAAbFBMVEUAAADbKBs4MjLhKB8yNjQyMDA6OjrhKCA0NDM0NjTeKBzfOCA3NjY1MzPjJh4MDAwSEhLjKSRmZmY4NzcxMzLaRiEUFBTRKxz///8zMzPaNCX/b2L/xL7/sKn/iH7/2tfwSjv/9/b/o5v/6efD6vgAAAAAF3RSTlMA+VbUhb4+sdFx7CD2rokqDmQF45U+Gst17Z4AAAHZSURBVEjHvZaLkqowDIaDyEWsXFy1DQVa4P3f8SStjBxdl87uzv4z0sSx36R/sC1s6lqWWRbHcVFEJOnEUVHQl1lWllcI0DGWm4qP25hIBijaBGUySNlWOTJQR8iFqAFSIS7wqoZ+ou7qlzmDUi+cBvaIO/DPV5WhnBIqRKokQVG/sWeaeqXMNOm3HG9Qjh9wFniCT+Sb3vpivuLEAAfEKkU8ANRp+lRUseJYa/nROk6rKZE0+FEWADdikD032AlEQS7tEFM2jDjRitOpjiPNHK3UyNR58S0CXtgpxxxSdKoCOERRapLSuGDwHJoiEPdwQVFVFKw58g3HtjNllrNOGUkCgMqXkVBN8IGnEI6UPWW0OnZr9ByeTC0jTgKQh3PMwlEL54R4+SbHmHnhuM7vvsdh/QpHW9I2J9r2p21b7vuPOZytOU99vzhO8cSxC4cz5lg5ub4XDw5VcDjQhzl7SvDpf9qrUZs7Z9Kjr67Xs3sP4wfnJpAkav9e5o6TrTgTdaa7cwzFA6NZmveNBweqBDGpwK0w9f6UnmMMTbJmHijSUhvT9mPH9g5mNNrvY6RzXZ/BBTzw+NhXA9X81j7/J+dO+Dn4V+cykxq+J/x3UeCxWO4JzRVI/wDdeYEehJSX4AAAAABJRU5ErkJggg==);
  2954. --logo-2017-dark-header: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA8CAYAAAAjW/WRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE7WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDUgNzkuMTY0NTkwLCAyMDIwLzEyLzA5LTExOjU3OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTAyLTI4VDE1OjQzOjM2LTA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMi0yOFQxNTo0Nzo1My0wODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wMi0yOFQxNTo0Nzo1My0wODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MWQyNmE1M2MtMmMxNC1kNzQyLTg3NmItNWJmZTJiMDA4YjMxIiB4bXBNTTpEb2N1bWVudElEPSJ4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);
  2955. --logo-2017-light-header: url(https://www.youtube.com/yts/img/ringo/hitchhiker/logo_small_2x-vfl4_cFqn.png);
  2956. }
  2957. ytd-app #video-title[class*=renderer],
  2958. ytd-compact-video-renderer #video-title.ytd-compact-video-renderer,
  2959. ytd-two-column-search-results-renderer #channel-title .ytd-channel-name {
  2960. font-size: 14px !important;
  2961. line-height: 1.1 !important;
  2962. }
  2963. #author-text.yt-simple-endpoint.ytd-comment-renderer,
  2964. #content-text.ytd-backstage-post-renderer,
  2965. #content-text.ytd-comment-renderer,
  2966. #expander.ytd-comment-replies-renderer,
  2967. #video-title.ytd-rich-grid-video-renderer,
  2968. .title.ytd-guide-entry-renderer,
  2969. .title.ytd-mini-channel-renderer,
  2970. h3.ytd-rich-grid-media,
  2971. ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]).ytd-comment-action-buttons-renderer,
  2972. ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]).ytd-comment-action-buttons-renderer,
  2973. ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
  2974. ytd-guide-entry-renderer[active],
  2975. ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
  2976. font-size: 13px !important;
  2977. }
  2978. #video-title,
  2979. ytd-two-column-search-results-renderer #channel-title .ytd-channel-name {
  2980. font-weight: 500 !important;
  2981. }
  2982. .badge.ytd-badge-supported-renderer {
  2983. font-weight: normal !important;
  2984. }
  2985. ytd-guide-entry-renderer[active],
  2986. ytd-playlist-renderer {
  2987. background: 0 0 !important;
  2988. }
  2989. .title.ytd-guide-entry-renderer,
  2990. ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
  2991. line-height: 20px !important;
  2992. }
  2993. #author-text.yt-simple-endpoint.ytd-comment-renderer:hover,
  2994. #video-title:hover,
  2995. yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover {
  2996. text-decoration: underline !important;
  2997. }
  2998. @media (min-width: 900px) {
  2999. ytd-rich-grid-renderer {
  3000. --ytd-rich-grid-items-per-row: 4 !important;
  3001. }
  3002. }
  3003. @media (min-width: 1200px) {
  3004. ytd-rich-grid-renderer {
  3005. --ytd-rich-grid-items-per-row: 5 !important;
  3006. }
  3007. }
  3008. @media (min-width: 1800px) {
  3009. ytd-rich-grid-renderer {
  3010. --ytd-rich-grid-items-per-row: 6 !important;
  3011. }
  3012. }
  3013. @media (min-width: 2500px) {
  3014. ytd-rich-grid-renderer {
  3015. --ytd-rich-grid-items-per-row: 9 !important;
  3016. }
  3017. }
  3018. @media (min-width: 900px) {
  3019. ytd-two-column-browse-results-renderer {
  3020. max-width: 850px !important;
  3021. }
  3022. }
  3023. @media (min-width: 1150px) {
  3024. ytd-two-column-browse-results-renderer {
  3025. max-width: 1056px !important;
  3026. }
  3027. }
  3028. @media (min-width: 1600px) {
  3029. ytd-two-column-browse-results-renderer {
  3030. max-width: 1262px !important;
  3031. }
  3032. }
  3033. @media (min-width: 2500px) {
  3034. ytd-two-column-browse-results-renderer {
  3035. max-width: 2200px !important;
  3036. }
  3037. }
  3038. @media (min-width: 900px) {
  3039. html:not(.style-scope) {
  3040. --ytd-grid-video-item_-_width: 196px !important;
  3041. --ytd-grid-thumbnail_-_width: 196px !important;
  3042. --ytd-grid-thumbnail_-_height: 110px !important;
  3043. --ytd-thumbnail-height: 110px !important;
  3044. }
  3045. }
  3046. @media (min-width: 2500px) {
  3047. html:not(.style-scope) {
  3048. --ytd-grid-video-item_-_width: 210px !important;
  3049. --ytd-grid-thumbnail_-_width: 210px !important;
  3050. --ytd-grid-thumbnail_-_height: 118px !important;
  3051. --ytd-thumbnail-height: 118px !important;
  3052. }
  3053. }
  3054. ytd-thumbnail.ytd-grid-video-renderer,
  3055. ytd-thumbnail.ytd-rich-grid-media,
  3056. ytd-thumbnail.ytd-rich-grid-video-renderer {
  3057. margin-bottom: 3px !important;
  3058. }
  3059. ytd-rich-grid-media[mini-mode] h3.ytd-rich-grid-media {
  3060. margin-bottom: 1px !important;
  3061. padding-right: 16px !important;
  3062. margin-top: 3px !important;
  3063. }
  3064. #meta.ytd-grid-video-renderer,
  3065. #meta.ytd-rich-grid-media,
  3066. #meta.ytd-rich-grid-video-renderer {
  3067. padding-right: 0 !important;
  3068. }
  3069. h3.ytd-rich-grid-media {
  3070. margin: 0;
  3071. }
  3072. ytd-rich-item-renderer {
  3073. margin-bottom: 12px !important;
  3074. }
  3075. .ytd-browse.grid .ytd-two-column-browse-results-renderer {
  3076. margin-top: 10px;
  3077. }
  3078. h3.ytd-grid-video-renderer,
  3079. h3.ytd-rich-grid-video-renderer {
  3080. margin: 0 10px 0 0 !important;
  3081. }
  3082. ytd-section-list-renderer[page-subtype=subscriptions] #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer {
  3083. width: 196px;
  3084. margin-right: 10px;
  3085. margin-bottom: 12px;
  3086. }
  3087. ytd-section-list-renderer[page-subtype=subscriptions] ytd-thumbnail.ytd-grid-video-renderer {
  3088. height: 110px;
  3089. width: 196px;
  3090. }
  3091. ytd-section-list-renderer[page-subtype=channels] #items.ytd-grid-renderer,
  3092. ytd-section-list-renderer[page-subtype=subscriptions] #items.ytd-grid-renderer {
  3093. margin-right: -15px !important;
  3094. }
  3095. ytd-browse[page-subtype=channels] app-header {
  3096. transform: unset !important;
  3097. position: static !important;
  3098. margin-top: 0 !important;
  3099. }
  3100. #contentContainer.app-header-layout,
  3101. ytd-search-filter-renderer.ytd-search-filter-group-renderer {
  3102. padding-top: 0 !important;
  3103. }
  3104. #chat.ytd-watch-flexy,
  3105. #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy,
  3106. #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy,
  3107. #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy,
  3108. #playlist.ytd-watch-flexy {
  3109. margin-bottom: 10px !important;
  3110. }
  3111. ytd-playlist-panel-renderer[js-panel-height] #container.ytd-playlist-panel-renderer {
  3112. margin-left: 10px !important;
  3113. margin-right: -10px !important;
  3114. }
  3115. ytd-engagement-panel-section-list-renderer {
  3116. right: 14px !important;
  3117. border: 1px solid #e8e8e8;
  3118. box-sizing: border-box;
  3119. display: -ms-flexbox;
  3120. display: -webkit-flex;
  3121. display: flex;
  3122. flex-direction: column;
  3123. position: relative !important;
  3124. }
  3125. ytd-section-list-renderer {
  3126. padding: 0 17px !important;
  3127. }
  3128. ytd-browse[page-subtype~=channels] ytd-two-column-browse-results-renderer.ytd-browse * > #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer {
  3129. margin-right: 10px !important;
  3130. margin-bottom: 20px !important;
  3131. }
  3132. #tabs-container.ytd-c4-tabbed-header-renderer,
  3133. #tabs-inner-container.ytd-c4-tabbed-header-renderer,
  3134. tp-yt-app-toolbar.ytd-c4-tabbed-header-renderer,
  3135. tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {
  3136. height: 32px !important;
  3137. }
  3138. .tab-content.tp-yt-paper-tab {
  3139. letter-spacing: 0 !important;
  3140. padding: 0 3px 3px !important;
  3141. height: 29px;
  3142. color: #666;
  3143. font-size: 13px;
  3144. font-weight: normal;
  3145. font-family: roboto;
  3146. }
  3147. #selectionBar.tp-yt-paper-tabs,
  3148. #sign-in-button yt-icon {
  3149. display: none;
  3150. }
  3151. tp-yt-paper-tab.iron-selected.ytd-c4-tabbed-header-renderer .tab-content.tp-yt-paper-tab {
  3152. color: var(--yt-lightsource-primary-title-color);
  3153. font-weight: 500;
  3154. }
  3155. yt-icon-button.ytd-expandable-tab-renderer {
  3156. opacity: 0.33 !important;
  3157. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) 0 -738px;
  3158. background-size: auto;
  3159. width: 15px !important;
  3160. height: 15px !important;
  3161. color: transparent;
  3162. }
  3163. yt-icon-button.ytd-expandable-tab-renderer:hover {
  3164. opacity: 1 !important;
  3165. }
  3166. .input-content.tp-yt-paper-input-container > iron-input,
  3167. .input-content.tp-yt-paper-input-container > label {
  3168. height: 15px;
  3169. padding-top: 5px;
  3170. padding-bottom: 6px;
  3171. margin-bottom: 3px;
  3172. }
  3173. paper-tab.ytd-c4-tabbed-header-renderer {
  3174. padding: 0 12px !important;
  3175. }
  3176. paper-tabs.ytd-c4-tabbed-header-renderer {
  3177. margin-left: 0 !important;
  3178. padding-bottom: 0 !important;
  3179. }
  3180. #channel-header.ytd-c4-tabbed-header-renderer {
  3181. background-color: var(--yt-lightsource-section1-color);
  3182. width: 100% !important;
  3183. padding: 18px 20px 10px !important;
  3184. position: relative !important;
  3185. z-index: 1;
  3186. min-width: 0;
  3187. }
  3188. html:not([dark]) ytd-c4-tabbed-header-renderer {
  3189. --yt-lightsource-section1-color: #fff !important;
  3190. }
  3191. html:not([dark]) app-toolbar.ytd-c4-tabbed-header-renderer {
  3192. background-color: #fff !important;
  3193. }
  3194. html:not([dark]) paper-tab.iron-selected.ytd-c4-tabbed-header-renderer > .tab-content.paper-tab,
  3195. html:not([dark]) paper-tab:not(.iron-selected) > .tab-content.paper-tab:hover {
  3196. box-shadow: inset 0 -3px red;
  3197. }
  3198. html:not([dark]) paper-tab:not(.iron-selected) > .tab-content.paper-tab {
  3199. opacity: 0.8 !important;
  3200. font-weight: normal !important;
  3201. }
  3202. html[dark] ytd-c4-tabbed-header-renderer {
  3203. --yt-lightsource-section1-color: #212121 !important;
  3204. }
  3205. html[dark] app-toolbar.ytd-c4-tabbed-header-renderer {
  3206. background-color: #212121 !important;
  3207. }
  3208. html[dark] paper-tabs.ytd-c4-tabbed-header-renderer {
  3209. --paper-tabs-selection-bar-color: #cd1821 !important;
  3210. }
  3211. html[dark] paper-tab.iron-selected.ytd-c4-tabbed-header-renderer > .tab-content.paper-tab,
  3212. html[dark] paper-tab:not(.iron-selected) > .tab-content.paper-tab:hover {
  3213. box-shadow: inset 0 -3px #cd1821 !important;
  3214. }
  3215. #metadata-container.ytd-channel-video-player-renderer,
  3216. #title.ytd-channel-video-player-renderer {
  3217. margin-bottom: 3px !important;
  3218. }
  3219. #items.ytd-watch-next-secondary-results-renderer {
  3220. padding: 12px 0 15px 15px !important;
  3221. }
  3222. ytd-comments {
  3223. padding: 15px 10px 15px 15px !important;
  3224. }
  3225. ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy,
  3226. ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
  3227. padding-top: 0 !important;
  3228. }
  3229. #category-buttons.yt-emoji-picker-renderer {
  3230. margin-top: 20px !important;
  3231. }
  3232. #categories-wrapper.yt-emoji-picker-renderer {
  3233. margin-top: 0px!important;
  3234. }
  3235. ytd-watch-flexy[fullscreen] #secondary.ytd-watch-flexy,
  3236. ytd-watch-flexy[theater] #secondary.ytd-watch-flexy {
  3237. margin-top: 10px !important;
  3238. }
  3239. #meta ytd-expander.ytd-video-secondary-info-renderer {
  3240. margin-left: 0;
  3241. }
  3242. #meta ytd-video-secondary-info-renderer {
  3243. margin: 10px 0;
  3244. padding: 1px 15px;
  3245. min-height: 60px;
  3246. }
  3247. #info ytd-video-primary-info-renderer {
  3248. padding: 15px;
  3249. margin-top: 30px;
  3250. --yt-button-icon-size: 30px;
  3251. font-weight: normal;
  3252. min-height: 20px;
  3253. }
  3254. #menu.ytd-video-primary-info-renderer {
  3255. top: 12px !important;
  3256. }
  3257. #menu #return-youtube-dislike-bar-container,
  3258. #menu #ryd-bar-container {
  3259. background: #ccc !important;
  3260. }
  3261. #like-bar.ytd-sentiment-bar-renderer,
  3262. #return-youtube-dislike-bar,
  3263. #ryd-bar {
  3264. background: #1879c6 !important;
  3265. }
  3266. html:not([dark]) #guide-section-title.ytd-guide-section-renderer {
  3267. color: red;
  3268. }
  3269. html:not([dark]) ytd-guide-entry-renderer[active] > #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,
  3270. html:not([dark]) ytd-guide-entry-renderer[active] > #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  3271. background-color: var(--oldcolor);
  3272. }
  3273. html:not([dark]) #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover {
  3274. background-color: #444;
  3275. }
  3276. html:not([dark]) .guide-icon.ytd-guide-entry-renderer {
  3277. color: unset;
  3278. }
  3279. html:not([dark]) tp-yt-paper-item.ytd-guide-entry-renderer {
  3280. color: #878787;
  3281. }
  3282. html:not([dark]) tp-yt-paper-item.ytd-guide-entry-renderer:hover,
  3283. html:not([dark]) ytd-app yt-formatted-string[has-link-only_]:not([force-default-style]).title.ytd-playlist-panel-renderer a.yt-simple-endpoint.yt-formatted-string {
  3284. color: #fff;
  3285. }
  3286. app-drawer.ytd-app:not([persistent]).ytd-app,
  3287. ytd-guide-renderer.ytd-app {
  3288. width: 230px !important;
  3289. }
  3290. #contentContainer.app-drawer,
  3291. #scrim,
  3292. iron-collapse {
  3293. transition-duration: 0ms !important;
  3294. }
  3295. tp-yt-paper-item.ytd-guide-entry-renderer {
  3296. height: 28px !important;
  3297. padding: 0 9px !important;
  3298. }
  3299. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer > paper-item {
  3300. min-height: 28px !important;
  3301. }
  3302. .guide-icon.ytd-guide-entry-renderer {
  3303. --iron-icon-height: 20px !important;
  3304. --iron-icon-width: 20px !important;
  3305. margin-right: 6px !important;
  3306. }
  3307. #sections.ytd-guide-renderer > .ytd-guide-renderer {
  3308. padding: 13px 22px !important;
  3309. }
  3310. #sections.style-scope.ytd-guide-renderer:first-child #items > ytd-guide-entry-renderer > a:not([href]) {
  3311. display: none;
  3312. }
  3313. #guide #guide-spacer.ytd-app {
  3314. margin-top: 50px;
  3315. }
  3316. #guide yt-img-shadow.ytd-guide-entry-renderer {
  3317. margin-right: 6px;
  3318. }
  3319. #guide #guide-section-title.ytd-guide-section-renderer {
  3320. padding: 1px 0 6px;
  3321. margin: 0 5px;
  3322. text-transform: uppercase;
  3323. font-weight: normal;
  3324. font-size: 11px;
  3325. height: 10px;
  3326. }
  3327. #container.ytd-masthead {
  3328. max-height: 49px;
  3329. }
  3330. html:not([dark]) #container.ytd-masthead {
  3331. border-bottom: 1px solid #e8e8e8;
  3332. }
  3333. ytd-masthead[dark] #container.ytd-masthead {
  3334. border-bottom: 1px solid #181818;
  3335. }
  3336. html[dark] #container.ytd-searchbox,
  3337. html[dark] #search-icon-legacy.ytd-searchbox {
  3338. box-shadow: none !important;
  3339. background-color: #1c1c1c !important;
  3340. border: 1px solid rgba(110, 110, 110, 0.3) !important;
  3341. border-radius: 0 !important;
  3342. }
  3343. #masthead #container.ytd-searchbox,
  3344. #masthead #search-icon-legacy.ytd-searchbox {
  3345. border-radius: 0;
  3346. border-color: #ccc;
  3347. }
  3348. ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
  3349. display: none !important;
  3350. }
  3351. .sbpqs_a::before,
  3352. .sbqs_c::before {
  3353. content: none !important;
  3354. }
  3355. #masthead #search-form.ytd-searchbox {
  3356. height: 29px;
  3357. }
  3358. ytd-searchbox[has-focus] #container.ytd-searchbox {
  3359. padding: 2px 6px 2px 6px !important;
  3360. margin: 0 !important;
  3361. }
  3362. #button.style-scope.ytd-searchbox {
  3363. border-top-right-radius: 1px;
  3364. border-bottom-right-radius: 1px;
  3365. }
  3366. ytd-searchbox.ytd-masthead {
  3367. max-width: 650px;
  3368. }
  3369. #masthead [has-focus] #container.ytd-searchbox {
  3370. border: 1px solid #1c62b9;
  3371. }
  3372. #masthead #search-icon-legacy.ytd-searchbox {
  3373. background-color: #f8f8f8;
  3374. height: 29px;
  3375. width: 67px !important;
  3376. }
  3377. div.gstl_50 {
  3378. min-width: 583px !important;
  3379. margin-left: 0;
  3380. }
  3381. ytd-searchbox[has-focus] #container.ytd-searchbox {
  3382. transition: border-color 0.2s ease;
  3383. }
  3384. #masthead #search-icon-legacy.ytd-searchbox:hover {
  3385. background-color: #f0f0f0;
  3386. }
  3387. #search-icon-legacy.ytd-searchbox:hover yt-icon.ytd-searchbox {
  3388. opacity: 1 !important;
  3389. }
  3390. #voice-search-button.ytd-masthead,
  3391. .ytd-masthead [href^="https://accounts.google.com/ServiceLogin?"] yt-icon {
  3392. display: none !important;
  3393. }
  3394. #masthead-container.ytd-app {
  3395. transition: none !important;
  3396. }
  3397. #sign-in-button tp-yt-paper-button,
  3398. .ytd-masthead [href^="https://accounts.google.com/ServiceLogin?"] tp-yt-paper-button {
  3399. background: #167ac6 !important;
  3400. max-height: 28px !important;
  3401. height: auto!important;
  3402. margin-top: 5px;
  3403. }
  3404. #sign-in-button:hover tp-yt-paper-button,
  3405. .ytd-masthead [href^="https://accounts.google.com/ServiceLogin?"]:hover tp-yt-paper-button {
  3406. background: #126db3 !important;
  3407. }
  3408. #sign-in-button tp-yt-paper-button #text,
  3409. .ytd-masthead [href^="https://accounts.google.com/ServiceLogin?"] yt-formatted-string {
  3410. color: #fff !important;
  3411. font: 500 11px roboto !important;
  3412. margin-left: 0!important;
  3413. }
  3414. html:not(.style-scope):not([dark]) {
  3415. --yt-spec-brand-background-primary: #fff !important;
  3416. --yt-spec-general-background-a: #f1f1f1 !important;
  3417. --yt-lightsource-section1-color: #fff !important;
  3418. --yt-spec-text-secondary: #767676 !important;
  3419. --yt-spec-call-to-action: #167ac6 !important;
  3420. --yt-spec-text-primary: #333 !important;
  3421. --yt-button-color: #767676;
  3422. }
  3423. html[dark]:not(.style-scope) {
  3424. --yt-spec-brand-background-primary: #212121 !important;
  3425. --yt-spec-general-background-a: #181818 !important;
  3426. --yt-lightsource-section1-color: #212121 !important;
  3427. --yt-spec-text-secondary: #8f8f8f !important;
  3428. --yt-spec-call-to-action: #1879c6 !important;
  3429. --yt-button-color: #8f8f8f;
  3430. }
  3431. html:not([dark]) #header.ytd-c4-tabbed-header-renderer,
  3432. html:not([dark]) #info.ytd-watch-flexy,
  3433. html:not([dark]) #items.ytd-watch-next-secondary-results-renderer,
  3434. html:not([dark]) #meta.ytd-watch-flexy,
  3435. html:not([dark]) #primary.ytd-two-column-browse-results-renderer,
  3436. html:not([dark]) #ticket-shelf.ytd-watch-flexy,
  3437. html:not([dark]) ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer,
  3438. html:not([dark]) ytd-comments,
  3439. html:not([dark]) ytd-two-column-search-results-renderer[center-results] #primary.ytd-two-column-search-results-renderer {
  3440. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  3441. background-color: #fff !important;
  3442. }
  3443. ytd-comments,
  3444. ytd-expander.ytd-video-secondary-info-renderer,
  3445. ytd-video-primary-info-renderer,
  3446. ytd-video-secondary-info-renderer {
  3447. border: 0 !important;
  3448. }
  3449. html:not([dark]) #secondary #related #dismissible:hover #video-title,
  3450. html:not([dark]) #title.ytd-channel-video-player-renderer a,
  3451. html:not([dark]) #video-title,
  3452. html:not([dark]) #video-title:hover,
  3453. html:not([dark]) h3.ytd-rich-grid-media,
  3454. html:not([dark]) ytd-compact-video-renderer:hover #video-title,
  3455. ytd-two-column-search-results-renderer ytd-channel-name {
  3456. color: #167ac6 !important;
  3457. }
  3458. html:not([dark]) #secondary #video-title,
  3459. html:not([dark]) #video-title.ytd-playlist-video-renderer {
  3460. color: #333 !important;
  3461. }
  3462. #secondary #related #dismissible #video-title {
  3463. text-decoration: none !important;
  3464. }
  3465. html:not([dark]) #video-title.ytd-child-video-renderer {
  3466. color: #767676 !important;
  3467. font: 11px roboto !important;
  3468. }
  3469. #list.ytd-playlist-renderer,
  3470. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer,
  3471. yt-copy-link-renderer.yt-third-party-network-section-renderer {
  3472. margin: 0;
  3473. }
  3474. #video-title.ytd-grid-video-renderer,
  3475. ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
  3476. line-height: 1.3em !important;
  3477. }
  3478. html[dark] #header.ytd-c4-tabbed-header-renderer,
  3479. html[dark] #info.ytd-watch-flexy,
  3480. html[dark] #items.ytd-watch-next-secondary-results-renderer,
  3481. html[dark] #meta.ytd-watch-flexy,
  3482. html[dark] #primary.ytd-two-column-browse-results-renderer,
  3483. html[dark] ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer,
  3484. html[dark] ytd-comments,
  3485. html[dark] ytd-two-column-search-results-renderer[center-results] #primary.ytd-two-column-search-results-renderer {
  3486. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  3487. background-color: #212121 !important;
  3488. }
  3489. html:not([dark]) ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer,
  3490. html:not([dark]) ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer,
  3491. html[dark] #title.ytd-channel-video-player-renderer a,
  3492. html[dark] #video-title,
  3493. html[dark] #video-title:hover,
  3494. html[dark] h3.ytd-rich-grid-media,
  3495. html[dark] yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover,
  3496. html[dark] ytd-compact-video-renderer:hover #video-title,
  3497. html[dark] ytd-two-column-search-results-renderer ytd-channel-name {
  3498. color: #fff !important;
  3499. }
  3500. #secondary h4 #video-title.ytd-playlist-panel-video-renderer {
  3501. color: #cacaca !important;
  3502. }
  3503. ytd-app .metadata.ytd-compact-video-renderer {
  3504. padding-right: 14px;
  3505. }
  3506. body[style="overflow: hidden;"] {
  3507. overflow-y: auto !important;
  3508. }
  3509. #details.ytd-rich-grid-video-renderer {
  3510. cursor: auto;
  3511. pointer-events: none;
  3512. }
  3513. #details.ytd-rich-grid-video-renderer * > a,
  3514. #details.ytd-rich-grid-video-renderer * > button.yt-icon-button {
  3515. cursor: pointer;
  3516. pointer-events: initial;
  3517. }
  3518. tp-yt-paper-button.ytd-expander {
  3519. margin: 0 0 -15px;
  3520. }
  3521. html:not([dark]) paper-button.keyboard-focus.ytd-subscribe-button-renderer,
  3522. html:not([dark]) ytd-button-renderer.style-destructive[is-paper-button] {
  3523. border-color: transparent !important;
  3524. box-shadow: none !important;
  3525. }
  3526. yt-formatted-string.ytd-subscribe-button-renderer {
  3527. position: relative;
  3528. }
  3529. #background.paper-ripple,
  3530. #waves.paper-ripple,
  3531. .wave-container.paper-ripple,
  3532. .wave.paper-ripple {
  3533. display: none !important;
  3534. visibility: hidden;
  3535. }
  3536. ytd-rich-grid-media {
  3537. --yt-button-compact-background-color: transparent;
  3538. }
  3539. #avatar.ytd-rich-grid-media {
  3540. background-color: transparent;
  3541. }
  3542. #guide #header yt-icon,
  3543. #home-page-skeleton,
  3544. #masthead-skeleton-icons,
  3545. .ghost-card.ytd-ghost-grid-renderer,
  3546. .watch-skeleton #primary-info,
  3547. .watch-skeleton #related .video-details,
  3548. yt-icon-button[touch-feedback] yt-interaction.yt-icon-button,
  3549. yt-interaction.extended {
  3550. display: none;
  3551. }
  3552. tp-yt-paper-tooltip {
  3553. display: none!important;
  3554. }
  3555. #tooltip.tp-yt-paper-tooltip {
  3556. opacity: 0.8 !important;
  3557. background: #000 !important;
  3558. padding: 4px !important;
  3559. margin: 0 !important;
  3560. border-radius: 0 !important;
  3561. }
  3562. body.lock-scrollbar {
  3563. overflow: visible !important;
  3564. overflow-y: visible !important;
  3565. position: initial !important;
  3566. }
  3567. body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar-thumb,
  3568. ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar-thumb {
  3569. all: unset;
  3570. }
  3571. ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar {
  3572. width: 8px;
  3573. }
  3574. * {
  3575. --ytd-tab-system_-_letter-spacing: 0 !important;
  3576. --ytd-tab-system_-_text-transform: none;
  3577. text-transform: none;
  3578. }
  3579. paper-toggle-button {
  3580. left: 7px !important;
  3581. visibility: hidden;
  3582. }
  3583. paper-toggle-button,
  3584. span.ytd-thumbnail-overlay-inline-unplayable-renderer {
  3585. display: none !important;
  3586. }
  3587. .dropdown-content.paper-menu-button,
  3588. html:not([dark]) ytd-multi-page-menu-renderer {
  3589. border: 1px solid #c5c5c5 !important;
  3590. border-top: 1px solid #c5c5c5 !important;
  3591. box-shadow: 0 0 15px rgba(0, 0, 0, 0.18) !important;
  3592. }
  3593. html:not([dark]) ytd-menu-popup-renderer {
  3594. border: 1px solid #d3d3d3 !important;
  3595. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  3596. border-radius: 0 !important;
  3597. }
  3598. ytd-radio-renderer.ytd-item-section-renderer ytd-thumbnail-overlay-side-panel-renderer,
  3599. ytd-search ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail ytd-thumbnail-overlay-side-panel-renderer {
  3600. width: 70px !important;
  3601. }
  3602. ytd-search #channel-name.ytd-video-renderer {
  3603. padding-left: 0;
  3604. }
  3605. .ytp-spinner-circle {
  3606. left: -100%;
  3607. right: 0;
  3608. border-left-color: transparent;
  3609. -webkit-animation: none !important;
  3610. animation: none !important;
  3611. }
  3612. #spinnerContainer,
  3613. ytp-spinner-left,
  3614. ytp-spinner-right {
  3615. transform: rotate(0deg) !important;
  3616. -webkit-animation: none !important;
  3617. animation: none !important;
  3618. }
  3619. .ytp-spinner-rotator {
  3620. width: 50%;
  3621. height: 50%;
  3622. -webkit-animation: none !important;
  3623. animation: none !important;
  3624. }
  3625. .ytp-spinner-container,
  3626. .ytp-spinner-rotator {
  3627. animation: none !important;
  3628. content: url('data:image/png;base64,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');
  3629. }
  3630. ytd-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-button-renderer {
  3631. height: 24px;
  3632. font-size: 12px;
  3633. outline: 1px solid transparent;
  3634. border-radius: 2px;
  3635. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  3636. }
  3637. ytd-button-renderer.style-primary[is-paper-button]:hover {
  3638. border-color: #333;
  3639. }
  3640. ytd-button-renderer.style-primary[is-paper-button]:active {
  3641. box-shadow: inset 0 1px 0 rgb(0 0 0/50%);
  3642. }
  3643. ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer {
  3644. background-image: linear-gradient(#1c1c1c, #1c1c1c);
  3645. height: 24px;
  3646. outline: 1px solid transparent;
  3647. border-radius: 2px;
  3648. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  3649. text-transform: none !important;
  3650. color: var(--yt-spec-text-secondary) !important;
  3651. white-space: nowrap !important;
  3652. font-size: 12px !important;
  3653. font-weight: normal !important;
  3654. letter-spacing: normal !important;
  3655. border: 1px solid #333 !important;
  3656. }
  3657. html:not([dark]) ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer {
  3658. background-image: linear-gradient(to top, #f6f6f6 0, #fcfcfc 100%);
  3659. border-color: #d3d3d3 !important;
  3660. height: 24px;
  3661. font-size: 12px !important;
  3662. outline: 1px solid transparent;
  3663. border-radius: 2px;
  3664. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  3665. text-transform: none !important;
  3666. color: var(--yt-spec-text-secondary) !important;
  3667. }
  3668. #guide-button.ytd-masthead {
  3669. margin-right: 5px;
  3670. }
  3671. #guide-button.ytd-app,
  3672. #guide-icon.ytd-masthead {
  3673. fill: transparent;
  3674. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflEoWid_.png) -18px -202px;
  3675. }
  3676. #guide-button.ytd-app:hover,
  3677. #guide-icon.ytd-masthead:hover {
  3678. background-position: -36px -370px;
  3679. }
  3680. #guide-button.ytd-app {
  3681. padding: 0 !important;
  3682. height: 23px !important;
  3683. width: 22px !important;
  3684. margin-left: 8px !important;
  3685. margin-right: 8px !important;
  3686. }
  3687. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer .guide-icon.ytd-guide-entry-renderer {
  3688. width: 20px;
  3689. height: 20px;
  3690. }
  3691. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/"] .guide-icon.ytd-guide-entry-renderer {
  3692. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACRQTFRFAAAAhoaGZmZmhoaGh4eHmYh3iYmJiIiIlpaPh4eHbXdth4eH6O0+XAAAAAx0Uk5TAJQFp/8Ptcwi3S/pAvLsZQAAAEJJREFUeJxjYCAGMArAWEwmzgpQZpiLSxKExVri4uIeAGZ2ugDBDBCLawuI6b0AyOR0AYMJIGEWFwYGFwcGCphEAwAS9g9mWUXrfQAAAABJRU5ErkJggg==);
  3693. }
  3694. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/"]:hover .guide-icon.ytd-guide-entry-renderer,
  3695. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/"] .guide-icon.ytd-guide-entry-renderer {
  3696. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACpQTFRFAAAA////ZmZm/f39/////f397u7u////////////////////////////f1ju7gAAAA50Uk5TAJAFqf+eD7QYxyTYMuQQcbMsAAAAQklEQVR4nGNgIAYwCsBYTCauClBmuotLGYTFMcXFxbMBzFztAgQ7QCyeKyCm7wEgk9cFDDaAhFlcGBhcHBgoYBINALEuEIz8W58TAAAAAElFTkSuQmCC);
  3697. }
  3698. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/trending"] yt-icon,
  3699. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/explore"] yt-icon {
  3700. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -674px 0;
  3701. fill: none;
  3702. color: transparent;
  3703. }
  3704. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[active][href="/feed/trending"] yt-icon,
  3705. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/trending"]:hover yt-icon,
  3706. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/explore"]:hover yt-icon,
  3707. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[active][href="/feed/explore"] yt-icon {
  3708. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -531px -233px;
  3709. }
  3710. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/subscriptions"] .guide-icon.ytd-guide-entry-renderer {
  3711. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACpQTFRFAAAAgIOAiIiIp4BsnZ2dh4eHh4eHh4eHh4eHhoaGiIiIVVVVi4uLhoaGnxQEiwAAAA50Uk5TAE7/GidkoOyx0j4GfYeKF/N5AAAASklEQVR4nGNgIAIIKSkpCUCYhoKCggZgFksoEISAmWzlQFCGrqtzJgg0gJhKYKAAYaoVwZlae4rgTFu4qAZCLVxbEZhZQIxr4QAA2kYRqrDO3BAAAAAASUVORK5CYII=);
  3712. }
  3713. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/subscriptions"]:hover .guide-icon.ytd-guide-entry-renderer,
  3714. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/subscriptions"] .guide-icon.ytd-guide-entry-renderer {
  3715. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5JREFUeJxjYBgFMPD//3+/v3///scD/Eg1UAWkCQ9WIcUwIyDOJAIbEWUg0KvzgIqfEMIgdSR5myoAaPMWID5LAt5CyECSAckGQsP0HdUMBAKjd+/e8QPpRmwGk2UgEEsA8QQg/kYNA7dgM4gSA/ECQgY+IdG8J3gNHAUkAwDMuiTgroDKPQAAAABJRU5ErkJggg==);
  3716. }
  3717. #guide-section-title.ytd-guide-section-renderer,
  3718. #guide #header .title {
  3719. font-size: 11px !important;
  3720. text-transform: uppercase;
  3721. font-weight: var(--ytd-tab-system_-_font-weight) !important;
  3722. letter-spacing: var(--ytd-tab-system_-_letter-spacing) !important;
  3723. }
  3724. #guide #header:hover .title {
  3725. text-shadow: none !important;
  3726. }
  3727. #guide #header .title:hover {
  3728. text-decoration: underline;
  3729. }
  3730. html:not([dark]) #guide #header .title {
  3731. color: var(--oldcolor);
  3732. }
  3733. html[dark] #guide #header .title {
  3734. color: #8f8f8f !important;
  3735. }
  3736. #guide #header #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer {
  3737. background: 0 0 !important;
  3738. min-height: 0 !important;
  3739. height: 12px !important;
  3740. padding-bottom: 6px;
  3741. }
  3742. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/history"] .guide-icon.ytd-guide-entry-renderer {
  3743. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAKhJREFUeJxjYBgFINDe3v6fGEy0gW1tbcuBGl7iMewlSA1Jruzs7Nza0dFxBl0cJAaSI8kwEGhoaKgDuuLLzI5yfpgYiA0SA8mRbOC0af1KIK+BXANigzCIDRIDsUk2EMnQu0hhd5dsw2CgtbXRGWYgiE2RYdhcmFueq0+JYRhJBxQpZHkbFJO40iFZsQyNUawGkpwOQYEPSsC4DATJkRRBVM/Lo4AkAACcGemuiDZzGgAAAABJRU5ErkJggg==);
  3744. }
  3745. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/history"]:hover .guide-icon.ytd-guide-entry-renderer,
  3746. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/history"] .guide-icon.ytd-guide-entry-renderer {
  3747. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJlJREFUeJxjYBgFIPCfSEC0gX///l0JVP8Oj1nvQGpIdeUWID6ORfw4SI4kw6AaG4H427t37/hhYiA21OWN5BgoAcRPoC5VgeItUDEJkg2EGgoy5AZS2IHYKmQZhmSoH5KBfpQapgL1IgyA2EbkGiaBZhg8yZAVhtBYxgXIiuV9eAwkLR1CI+IsHgNvkBRBeAxCAaT6ehQQBwBPdHJ7egtCiAAAAABJRU5ErkJggg==);
  3748. }
  3749. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="https://studio.youtube.com/channel"] .guide-icon.ytd-guide-entry-renderer {
  3750. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOFJREFUeJztlL0Ng0AMhWlSZ5QMkU0o6KjpIlLAHSNkgkyQLbICA6RPT/hEAk8WxwWJKoolS5Z/3vnZhiT5y0cuvtiXZXny3t/run6i2PiIrQKrqvPROdf22gW0JWcN2FhMV3mRH1BsjUVBoaKd9TQ7pYeNTztdpM98tAPmZnPwaQ41QUBLaaDl0mkcLrVxaoKA9nUtmnssxCIG2DZNc0PnNr8IqF0AwGZtDr43eJyyLOWRZdkulEeMnOhS9Gx0GVZkOctnMyRPh93P5wpFOkKx8X192AZ0m09P6W/2c/hteQFIL1T2NRIk0wAAAABJRU5ErkJggg==);
  3751. }
  3752. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="https://studio.youtube.com/channel"]:hover .guide-icon.ytd-guide-entry-renderer,
  3753. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="https://studio.youtube.com/channel"] .guide-icon.ytd-guide-entry-renderer {
  3754. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMhJREFUeJztVDEKwzAMzNK5a96RF/g1Bj/Dz+neOT/wngdk9ujNqFKREyNsBUOm0oODkJNPkqVkmv4oiDE+AcAjAzIx6dmTNmSGhwxyhz5IMyNmNVbkwlyFpptym7KyuUo2y0rV9vnOaqRGTBIxXjMMjftyle4aetAMZfbjUCdZs4srww35Zm6jhnUV3+k2YuS01ZbLUHZr7aMXRxqc29Afilgb14uDczj62nDwsdg55xe1SBVxVQu/KzCqmTC959MruPXn8Nv4ADy6IMvnpMUsAAAAAElFTkSuQmCC);
  3755. }
  3756. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=WL"] .guide-icon.ytd-guide-entry-renderer {
  3757. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAKRJREFUeJxjYBgFyCC3PFe/ra1teXt7+0sg/QVKLweJk2RQWloaa0NDQx3QgP+4MEgepI4oAwkZhmwoUd7EphnkGmziBL0PDTMMjTM7yvmxiYPU4zUQFPCkGAhST8iFX3AZ2NnZuRWLC7+Q5UKQ16ZN61dqbW10RjOYoAuxhiHMNa2t7UnIEUcwDHHFMnq4ER3LIEDVdAgCVM8pyN6nSl4eBSQBALbqYVP/7ExDAAAAAElFTkSuQmCC) !important;
  3758. }
  3759. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=WL"]:hover .guide-icon.ytd-guide-entry-renderer,
  3760. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=WL"] .guide-icon.ytd-guide-entry-renderer {
  3761. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJtJREFUeJxjYBgFyOD///9Gf//+XQmknwDxNxAN5RuRY1gjUPN/bAAq3kiSYVhNwgSEDYV6E0NnWloaKw6X4vc+NIwwwLt37/hxeH8lIRc+weE9CRziTwgZ+A2PC7dgkfpGlguhQQFypQMQ7yPahbjCEOZQIM4EYiNkiwi5EGssYzGYuFiGGkq9dAgC0DRHvZyC5n3q5OVRQDQAAOojKqlWPB/dAAAAAElFTkSuQmCC)!important;
  3762. }
  3763. #filter-menu #button.ytd-toggle-button-renderer yt-icon,
  3764. div#footer.style-scope.ytd-guide-renderer,
  3765. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/channel/UCrpQ4p1Ql_hG8rKXIKM1MOQ"],
  3766. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/channel/UCtFRv9O2AHqOZjjynzrv-xg"],
  3767. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/clips"],
  3768. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/premium"],
  3769. yt-img-shadow.ytd-video-renderer {
  3770. display: none;
  3771. }
  3772. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=LL"] .guide-icon.ytd-guide-entry-renderer {
  3773. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAKdJREFUeJxjYBgFhMDMjnL+9vb2/62tjc5UMbCtrW0KyMCGhoY6il0GNGw5yDCKDWxtbU8CGvISZhjQ4C+55bn6JBuUlpbGiuwqmGFEG4CsEcTv7OzciiyGhF+C5EDexutSdANxGPafaBeTaeByqhoIijCqGQjyLig5UdNA3N4lx0CC2Q/dQJCXcBnW0dFxBq9huAAojEAuAQU+KB+DDAJZhDcyRhYAAEDcPbd3sUY9AAAAAElFTkSuQmCC) !important;
  3774. }
  3775. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=LL"]:hover .guide-icon.ytd-guide-entry-renderer,
  3776. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/playlist?list=LL"] .guide-icon.ytd-guide-entry-renderer {
  3777. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJFJREFUeJxjYBgFhMD///8l/kOAA7UMnAA1sJFil/39+3flfwQopcSwWCB+h2TYNyA2Itmgd+/e8QNdNe8/KvhGikvgAMrf8h87eAKVK8XrUiwGEgPeUdVAUERR24Wx1DTwGyjiqGYgKAXgNIxMFzqQauA3PIadxWsYLgAKI5BLgDjzPyQfH/8PyTV+ZBk4/AAAwhz1B8fVSG8AAAAASUVORK5CYII=)!important;
  3778. }
  3779. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="/playlist?list="] .guide-icon.ytd-guide-entry-renderer {
  3780. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEdJREFUeJxjYBgFVAXt7e3/ycH0M3Dwg9EwxAtaW9uTCCoixYsguqOj40xuea4+1QwE4pdEuZQY0NbWNmVmRzk/VQwbBbQFALwR1y4cnM8yAAAAAElFTkSuQmCC);
  3781. }
  3782. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="/playlist?list="]:hover .guide-icon.ytd-guide-entry-renderer,
  3783. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href*="/playlist?list="] .guide-icon.ytd-guide-entry-renderer {
  3784. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD1JREFUeJxjYBgFVAX/yQT0M3Dwg9EwxAuADsskRhHRXoQyzwKxETUNfEeUS4kBf//+nQc0TIIqho0C2gIAaBNPMh5knQEAAAAASUVORK5CYII=);
  3785. }
  3786. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/guide_builder"] .guide-icon.ytd-guide-entry-renderer {
  3787. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAIZJREFUeJxjYBgFMDCzo5y/oaGhrqOj40xbW9sXEAaxQWIgOZIMa21tdG5vb78LxP9x4LsgNaQYhssgFEzQUJBXCLgMw6V4vQ8KH2waYfLY5EB6cBoICnRSDQTpwWkgKCaxGYQOkNWA9NDPQKp7meqRQvVkAwJUTdhohlIn6yF7n2qFw/AGAJRscqhLuHgXAAAAAElFTkSuQmCC);
  3788. }
  3789. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/guide_builder"]:hover .guide-icon.ytd-guide-entry-renderer,
  3790. ytd-guide-entry-renderer[active] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/guide_builder"] .guide-icon.ytd-guide-entry-renderer {
  3791. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHdJREFUeJxjYBgFMPDu3Tv+////NwLxWSD+BsUgdiNIjiTDgJocgPjJf9wAJOdAimHEAvyGQr2Jz2UYLsXrfWiYYQAkeWygEZ+BZ8kw8Cw+A79hMwiLOmTwja4GUt3L1I0UqicbqCuol7DRDKVO1kPzPnUKh+ENAC1USA8dMiWwAAAAAElFTkSuQmCC);
  3792. }
  3793. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/storefront?bp=ogUCKAI%3D"] .guide-icon.ytd-guide-entry-renderer {
  3794. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACjklEQVQ4EeWTzUuqQRSH370lhX0ohRJiZFDrvtXKiv5FFy0UAgtatojACIJoVRZlpShUVkbrovIXz4EZ7t3f3X1h3vk655nfOWcmyGazWlxc1OrqqjKZjLXl5WU/X1hY0MrKipaWlvwaPrlcztbcGB9sAiA4sOAW5+bmbBMDB8eROfaMOYg95qyzRguAodBtoHR+fl6bm5t/OaAIO+ydDb2D4o9N4FSwAGhjY8M2GKMCJ052QDd2gHw+b1C3bgpxXl9fN6dkMqnx8XGNjY1peHhYvb29CoVC6unpUX9/vyKRiEZGRswmlUr50D2Qk5gAnZqa0sHBgY6OjnRycqLLy0vd3d3p9vZWNzc3Nr64uNDZ2ZnZVSoVpdNpn1cfsisKCnDc3d3Vw8OD+LrdrvXu9/X1pefnZ+3t7Ql4LBazogBDnFWZxJKv0dFRXV9fa2trSy8vLx728/NjPNd3Oh0VCgU1Gg1LATAYFC0gXBRCHxgYsDBR12q1nCh9f3/7MYNms6nHx0dVq1UNDQ1ZygDCMoVUmhaNRi1fxWJRb29vHkLYhEpPe39/V6lU0v39vQYHB/09tByibG1tzSQD5NRyuWwKgfz5oZS1p6cn7ezs6Pz83BTCoBmQuMkfrwMglaWqr6+vxvr4+JDLnYNTlFqtpnq9bkDC9UXh4jKhpyicisJ2u63Pz0/H8D0qyTE2RMO9JHdAURlw/4ChlHxcXV1pe3vbwnIUlz/mqKXKALkRFAVfRFnIbjAzM6Pp6Wnt7+/r+PhYp6endicJH0cuOHeUA9njARweHmpyctKUUVSEBfxmZ2dtApxnx5NKJBLq6+uz58bTYxwOh20ej8fNbmJiwsKF4d693UNy8K/afwj8BRpqisFAXhQnAAAAAElFTkSuQmCC);
  3795. }
  3796. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/gaming"] .guide-icon.ytd-guide-entry-renderer {
  3797. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACi0lEQVQ4EeWUu0qrURCFdxOECFbpbFLYKCIYjMb7JXc7X0SQ+AJ2thLiAwT0GVJapEinICpeg4pGEJGAKEnUdfgGJnD6050fJntm7zVr1uxLQjqd1srKihYXF7W0tKTV1VWLM5lM319eXtba2poYwS0sLKhQKGh+ft7myPG8ACELAPBJnJmZEYRzc3MWUxAMSfl83kZIwSKCQhh+AAiIAAIUZLNZA0BKIoVYx5wYbC6XM3JXyBioghFQBXKA3hokrLt6cBSEGDwxHWDgAgkE3jqKvEVP8GRU+TrqwYGhOIYfUAOISl5tcnJS4+PjpnZkZMTmKTg1NWXYRCKh6enp/h57HuJMIZVpg4UQgsrlsj4+PsR3eHioaDRq83t7e3p5edHZ2Zl2d3c1ODjY31MKotgIfc+GhobUbDaNiJ+fnx/z397edHx8rIeHB93d3enx8dGIj46ONDY2plQqZWKsZXqH3YIQ9Pn5aST1el0HBwfqdrsWX11d6fb2Vs/Pz9re3jaV19fXisVidhjsqbXsJ4zcgYEBfX19Wbv7+/va2dkxJTCirNFoaGtrSycnJxafnp4aIaLYLhMFqxv79/39rV6vp3a7rdfXV1PHz83Nje7v721EaavV0sXFheLxuJ0wHP2WeSVI5vSKxaIBIeb7/f01oz0M4qenJ9VqNW1sbCiZTPa3zFpGKpK5a640EomoVCrp/f3dSDudjrVI2+fn59rc3NTw8LBdHfL9ZRkhewfh+vr6Xy9gdnbWrkq1WjXSy8tLVSoVm0MV7UFEPtZvmQp+aR2EWp4gBzY6OmpKSJqYmLCLzTWDACHk4DtxgNADKvqfAQqZZ92r40OAAPcpyhwj+OBk/2r8Dwn/AGeOOZSHuaPrAAAAAElFTkSuQmCC);
  3798. }
  3799. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/channel/UC4R8DWoMoI7CAwX8_LjQHig"] .guide-icon.ytd-guide-entry-renderer {
  3800. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACjklEQVQ4Ec2TP0v6URTGv1FzBArRZKg55JBCkGVmf63wBSSNhUtrUFME+hYk2poNtD1oDbLWliCwoT9DayiCPj8+B470Ahp+wvXcc+45z/Pcc+43WF5eVqFQUC6X08LCgnZ2dmy/urqqra0tbWxsaGVlxWw+n7dYNpsV56y1tTWznLEC/ihaX183YPaQ4C8tLRk4RcTIJba9vW3n5DigEwSbm5taXFy0BFSyJ+YEqEM1BdyEM24C8W+lQ0CYYQSM4t3dXbMkoAhgcnwBAii5tIQcB8MGSOYankSQYnySASAHlYB7T4lxjvVlgBSycSWwsvcCfAgzmYypIo46SB2IfK8JXAEB2OPxuGZmZkyZJ9JXJ6A1xFOplObn561Vv5UOpwxrOp1WvV7Xw8ODRkdHrSAUCmlvb0/7+/sKh8NGFASBms2marWaKUeUgwYAufTx8XG1223d3t7q6+tLZ2dnenx81M/Pj/i1Wi2Vy2Wzl5eXRhyJRIbXBTTwhwwLzL1eT9VqVf1+XycnJ+p0OgaGheTw8FDf3986PT3V8/OzpqamhjMwQBpO73BGRkbU7XZ1fn4+BBwMBnp/f9fLy4s+Pz91cHCgt7c3HR8fW2xyctKG5NMP2DBJpjYxMWHFd3d3en19VaVS0fX1tbXh4+NDjUZDR0dHenp60tXVle7v7xWNRg2QQZlC/zJ4Oslk0hIZytjYmA0gkUioVCrZUGKxmE2V1tzc3Oji4sIGBxD19g5B5i2isFgsam5uTtPT08YGGb1lcFgKyOPLmp2dtc+UmD8pA8ThbcFCMtcnRisgw2fPGZYzwPmu6T85xFh2ZXdAZ/nD9c8Rn5zfSvD9uWE5g8wAHeivbPBXQI7z/wP+A87yAxA1rz19AAAAAElFTkSuQmCC);
  3801. }
  3802. tp-yt-app-drawer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/channel/UCEgdi0XIXXZ-qJOFPf4JSKw"] .guide-icon.ytd-guide-entry-renderer {
  3803. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAC7klEQVQ4EW2TSyu9URTGdzIxdjcgddCh3Mv97hCKiW8gAxPfwQBlxBGDMyA+gomRDJTRGVA6yl0MFAZSDFyef79V63T8eWu391rvXs/+rWe/b+jq6lJvb6/6+vrU3d0tYtY9PT2W5x154oGBAcsxs6e/vz+9h32MMDg4mBaKxWK2yTczMxCkmJmitrY2W3vsYibY2dlpJztpe3u7hoaG1NLSYlQIcmhra2uaCtrh4eEfXbhogIoihBEdHR21mDUEZWVlamhosAPKy8uNjr0IZNqSFqQQUShIEtNSdna2ZmdndXJyopWVFW1sbCiVSml6elo5OTkm9mfLnEJ7ULLGq8rKSh0eHopncXFRVVVVKioq0tzcnOWSyaSgBcTJfA74hZAPPCwoKLDCz89PzczMqKmpyQqnpqYs//39bZ7+Seh+QMiorq62dj8+Pqx4Z2dHWVlZCiGIteexpba29jchZP7pNDY2an19XRDwfH192fz8/CwGz/v7uy4vL3V+fq6lpSXV1dXZjeM9cIHeOzo6rGUo3t7eRKs8CLs48dXVla6vr3V3d2eiZ2dnKi0tNUq3LPDVcxHMCL68vOj09FSRSESrq6t6fX3V4+Oj3TBUXAyt7u7uWq6wsNDI/K8JGOuE+fn5ur+/N+Hm5mYVFxdrbW1Nt7e3RsUBFRUVdiEcfnBwYDEaaUH880+GvwEP+URGRkZUUlKieDxuxA8PD1peXrZ37K+pqdH8/Hz6D8I62g7eu5sKwfb2tgli+sXFhRHiH54tLCxofHxcW1tbikajBoMYlCaId9wORLRJPDExoePjY93c3Jj53KqPp6cnHR0d2X4EvLsfhCT9F2TNx52bm6vNzU3t7+9rbGxMk5OT2tvbUyKRUF5entG4CDMgUAY3k9N44TEXxS+JV3jLIfX19TY43AWoyRzBkVHnBbHnsAJhYg4iRvj/Vn8JkmCTU7po5owgVN4BNZlrFzVCL/Qks1NxCC3Sged475SZNaz/AavpPaIP/0kIAAAAAElFTkSuQmCC);
  3804. }
  3805. #secondary #byline-container #text.ytd-channel-name,
  3806. ytd-app ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block,
  3807. ytd-video-meta-block.ytd-rich-grid-media #metadata-line.ytd-video-meta-block span.ytd-video-meta-block,
  3808. ytd-video-meta-block.ytd-rich-grid-media yt-formatted-string[ellipsis-truncate] a.yt-formatted-string {
  3809. line-height: 1.3em;
  3810. font-size: 11px !important;
  3811. }
  3812. #video-title.ytd-rich-grid-media {
  3813. line-height: 1.3em;
  3814. }
  3815. .style-scope.ytd-guide-entry-renderer::before {
  3816. content: none;
  3817. }
  3818. #guide-section-title.ytd-guide-section-renderer {
  3819. font-size: 11px;
  3820. letter-spacing: 0.2px;
  3821. }
  3822. #sections.ytd-guide-renderer > .ytd-guide-renderer:last-child,
  3823. [collapsed] ytd-metadata-row-container-renderer,
  3824. ytd-expander.ytd-video-secondary-info-renderer ytd-metadata-row-container-renderer ytd-metadata-row-header-renderer[has-divider-line],
  3825. ytd-expander.ytd-video-secondary-info-renderer ytd-metadata-row-renderer:last-child {
  3826. display: none;
  3827. }
  3828. ytd-guide-section-renderer.ytd-guide-renderer:nth-of-type(3) {
  3829. border-bottom: 0 !important;
  3830. }
  3831. ytd-guide-section-renderer.ytd-guide-renderer:nth-of-type(3) #guide-section-title.ytd-guide-section-renderer {
  3832. height: 13px;
  3833. }
  3834. tp-yt-paper-item.ytd-guide-entry-renderer:hover .title.ytd-guide-entry-renderer,
  3835. ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer:hover {
  3836. color: #fff !important;
  3837. }
  3838. yt-icon.yt-player-error-message-renderer {
  3839. --iron-icon-fill-color: #ffe0;
  3840. flex: var(--layout-flex-none_-_flex);
  3841. height: 100px;
  3842. width: 150px;
  3843. background-size: 140px, 50px;
  3844. background-repeat: no-repeat;
  3845. background-image: url(https://s.ytimg.com/yts/img/meh7-vflGevej7.png);
  3846. fill: transparent;
  3847. }
  3848. #reason.yt-player-error-message-renderer::after,
  3849. div#reason.style-scope.yt-player-error-message-renderer {
  3850. font-size: 25px;
  3851. text-shadow: 1px 1px 3px #7b7b7b;
  3852. }
  3853. yt-playability-error-supported-renderers {
  3854. display: block;
  3855. background: linear-gradient(#383838, #141518) !important;
  3856. flex: var(--layout-flex_-_flex) !important;
  3857. flex-basis: var(--layout-flex_-_flex-basis) !important;
  3858. flex-direction: var(--layout-vertical_-_flex-direction) !important;
  3859. }
  3860. ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer {
  3861. padding-bottom: 5px !important;
  3862. }
  3863. html:not([dark]) #metadata-line.ytd-video-meta-block span.ytd-video-meta-block,
  3864. html:not([dark]) ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer {
  3865. color: #555 !important;
  3866. }
  3867. ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer {
  3868. font-size: 11px !important;
  3869. height: 21px !important;
  3870. font-weight: normal !important;
  3871. width: auto;
  3872. }
  3873. #filter-group-name.ytd-search-filter-group-renderer {
  3874. color: #555 !important;
  3875. padding: 0 !important;
  3876. border-bottom: none !important;
  3877. font-size: 11px !important;
  3878. font-weight: 500 !important;
  3879. }
  3880. ytd-toggle-button-renderer:not(.ytd-segmented-like-dislike-button-renderer) #button yt-icon + yt-formatted-string {
  3881. border: 1px solid #3c3c3c;
  3882. background: 0 0 !important;
  3883. color: var(--yt-button-color, inherit);
  3884. padding: 0 10px;
  3885. border-radius: 2px;
  3886. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  3887. padding-top: 2px !important;
  3888. padding-bottom: 3px;
  3889. font-size: 11px !important;
  3890. margin-left: 0 !important;
  3891. }
  3892. html:not([dark]) ytd-toggle-button-renderer:not(.ytd-segmented-like-dislike-button-renderer) #button yt-icon + yt-formatted-string {
  3893. border: 1px solid #d3d3d3 !important;
  3894. background: #f8f8f8 !important;
  3895. color: #333;
  3896. padding: 0 10px;
  3897. border-radius: 2px;
  3898. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  3899. padding-top: 2px !important;
  3900. padding-bottom: 3px;
  3901. font-size: 11px !important;
  3902. margin-left: 0 !important;
  3903. font-weight: normal !important;
  3904. }
  3905. ytd-toggle-button-renderer:not(.ytd-segmented-like-dislike-button-renderer) #button yt-icon + yt-formatted-string::after {
  3906. content: "";
  3907. margin-left: 5px;
  3908. border: 1px solid transparent;
  3909. border-top-color: #333;
  3910. border-width: 4px 4px 0;
  3911. top: 9px;
  3912. width: 0;
  3913. height: 0;
  3914. position: relative;
  3915. }
  3916. ytd-toggle-button-renderer:not(.ytd-segmented-like-dislike-button-renderer) #button yt-icon + yt-formatted-string:hover {
  3917. border-color: #333;
  3918. background: #f0f0f0;
  3919. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  3920. }
  3921. html:not([dark]) ytd-toggle-button-renderer:not(.ytd-segmented-like-dislike-button-renderer) #button yt-icon + yt-formatted-string:hover {
  3922. border-color: #c6c6c6;
  3923. background: #f0f0f0;
  3924. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  3925. }
  3926. ytd-search-filter-group-renderer {
  3927. all: unset !important;
  3928. padding: 0 32px 0 0 !important;
  3929. }
  3930. #filter-menu.ytd-search-sub-menu-renderer,
  3931. ytd-backstage-post-thread-renderer,
  3932. ytd-item-section-renderer {
  3933. border: 0 !important;
  3934. }
  3935. #country-code.ytd-topbar-logo-renderer,
  3936. ytd-topbar-logo-renderer[is-logo-updated] #country-code.ytd-topbar-logo-renderer {
  3937. margin: 0 0 0 2px;
  3938. }
  3939. ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer {
  3940. padding: 5px 0;
  3941. }
  3942. ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child {
  3943. display: none;
  3944. }
  3945. #metadata-line.ytd-video-meta-block {
  3946. position: relative;
  3947. }
  3948. #description-text.ytd-video-renderer {
  3949. position: relative;
  3950. bottom: 0;
  3951. }
  3952. #all.ytd-vertical-list-renderer,
  3953. #more.ytd-vertical-list-renderer {
  3954. padding-top: 5px;
  3955. }
  3956. ytd-vertical-list-renderer {
  3957. padding-bottom: 8px;
  3958. }
  3959. ytd-thumbnail-overlay-playback-status-renderer {
  3960. top: 0;
  3961. }
  3962. ytd-thumbnail-overlay-toggle-button-renderer {
  3963. opacity: 0.9;
  3964. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  3965. position: absolute !important;
  3966. margin: 8px 8px !important;
  3967. border-radius: 1px !important;
  3968. border-color: #d3d3d3 !important;
  3969. background: #f8f8f8 !important;
  3970. color: #333 !important;
  3971. width: 22px !important;
  3972. height: 22px !important;
  3973. transition: none !important;
  3974. top: 0px;
  3975. right: 0px;
  3976. }
  3977. ytd-thumbnail-overlay-toggle-button-renderer:hover {
  3978. opacity: 1;
  3979. }
  3980. .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] {
  3981. top: 32px !important;
  3982. }
  3983. ytd-thumbnail-overlay-toggle-button-renderer:hover {
  3984. border-color: #d3d3d3 !important;
  3985. background: #f0f0f0 !important;
  3986. }
  3987. ytd-thumbnail-overlay-toggle-button-renderer yt-icon:hover {
  3988. color: #606060 !important;
  3989. }
  3990. ytd-thumbnail-overlay-toggle-button-renderer yt-icon:active {
  3991. color: #000 !important;
  3992. }
  3993. ytd-app ytd-thumbnail-overlay-time-status-renderer {
  3994. margin: 4px 2px;
  3995. padding: 3px 4px !important;
  3996. font-size: 11px !important;
  3997. background-color: #000;
  3998. height: 12px !important;
  3999. line-height: 12px !important;
  4000. opacity: 0.75;
  4001. border-radius: 0;
  4002. letter-spacing: 0 !important;
  4003. }
  4004. ytd-menu-popup-renderer tp-yt-paper-listbox tp-yt-paper-item yt-icon {
  4005. display: inline-block !important;
  4006. }
  4007. ytd-menu-popup-renderer tp-yt-paper-listbox tp-yt-paper-item {
  4008. min-height: 28px;
  4009. }
  4010. tp-yt-paper-item.ytd-menu-service-item-renderer {
  4011. --paper-item-min-height: 24px !important;
  4012. padding: 0 36px 0 16px !important;
  4013. }
  4014. tp-yt-paper-item.ytd-menu-service-item-renderer:hover {
  4015. background: #444 !important;
  4016. }
  4017. tp-yt-paper-item.ytd-menu-service-item-renderer:hover yt-formatted-string {
  4018. color: #fff;
  4019. opacity: 1 !important;
  4020. }
  4021. html[dark] #info ytd-toggle-button-renderer.style-default-active a #text,
  4022. html[dark] #info ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer,
  4023. tp-yt-paper-item.ytd-menu-service-item-renderer:hover yt-icon {
  4024. color: #fff;
  4025. }
  4026. tp-yt-paper-item.ytd-menu-service-item-renderer yt-icon {
  4027. margin-right: 8px;
  4028. }
  4029. html[dark] #masthead-container #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox,
  4030. html[dark] #play-button ytd-button-renderer yt-formatted-string.ytd-button-renderer,
  4031. html[dark] yt-icon-button.ytd-expandable-tab-renderer,
  4032. html[dark] yt-icon.ytd-menu-renderer,
  4033. html[dark] ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer,
  4034. html[dark] ytd-button-renderer.style-visibly-disabled[is-icon-button] #text.ytd-button-renderer,
  4035. html[dark] ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer,
  4036. html[dark] ytd-notification-topbar-button-shape-renderer #button yt-icon {
  4037. filter: invert(1);
  4038. }
  4039. yt-icon.ytd-menu-renderer {
  4040. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAYAAABsItTPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAcSURBVBhXY2RgYPgPxGDABKXBAIWDG9DHAAYGADC6Aw1aLZAXAAAAAElFTkSuQmCC) no-repeat center center;
  4041. opacity: 0.5;
  4042. }
  4043. yt-icon.ytd-menu-renderer:hover {
  4044. opacity: 0.75;
  4045. }
  4046. yt-icon.ytd-menu-renderer:active {
  4047. opacity: 1;
  4048. }
  4049. yt-icon.ytd-menu-renderer svg {
  4050. fill: transparent;
  4051. }
  4052. yt-icon-button.dropdown-trigger {
  4053. height: 16px !important;
  4054. }
  4055. ytd-rich-grid-media:not([three-dot-rework]) ytd-menu-renderer.ytd-rich-grid-media {
  4056. margin-top: 5px;
  4057. }
  4058. ytd-menu-renderer.ytd-video-primary-info-renderer {
  4059. padding-bottom: 6px;
  4060. }
  4061. #label.ytd-pinned-comment-badge-renderer {
  4062. color: #fff !important;
  4063. }
  4064. html:not([dark]) #label.ytd-pinned-comment-badge-renderer {
  4065. color: var(--yt-spec-text-secondary) !important;
  4066. }
  4067. html:not([dark]) ytd-pinned-comment-badge-renderer {
  4068. padding-right: 6px !important;
  4069. padding-left: 2px !important;
  4070. padding-top: 2px !important;
  4071. background: 0 0;
  4072. }
  4073. ytd-pinned-comment-badge-renderer {
  4074. padding-right: 6px !important;
  4075. padding-left: 2px !important;
  4076. padding-top: 2px !important;
  4077. }
  4078. ytd-author-comment-badge-renderer[creator] {
  4079. background-color: #3f4c57;
  4080. border-radius: 0;
  4081. padding-right: 6px !important;
  4082. padding-left: 6px !important;
  4083. }
  4084. html:not([dark]) ytd-author-comment-badge-renderer[creator] {
  4085. background-color: #dbe4eb;
  4086. border-radius: 0;
  4087. padding-right: 6px !important;
  4088. padding-left: 6px !important;
  4089. }
  4090. ytd-comments-header-renderer {
  4091. padding-bottom: 20px;
  4092. border-bottom: 1px solid #5a5a5a;
  4093. }
  4094. html:not([dark]) ytd-comments-header-renderer {
  4095. padding-bottom: 20px;
  4096. border-bottom: 1px solid #e2e2e2;
  4097. }
  4098. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer {
  4099. display: flex;
  4100. font-size: 13px;
  4101. letter-spacing: 0;
  4102. text-transform: uppercase !important;
  4103. }
  4104. html:not([dark]) ytd-comments-header-renderer .count-text.ytd-comments-header-renderer {
  4105. display: flex;
  4106. font-size: 13px;
  4107. color: #555;
  4108. letter-spacing: 0;
  4109. text-transform: uppercase !important;
  4110. }
  4111. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(1) {
  4112. order: 2;
  4113. }
  4114. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(2) {
  4115. order: 1;
  4116. font-weight: 500;
  4117. text-transform: uppercase;
  4118. }
  4119. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(2)::after {
  4120. content: "•";
  4121. margin: 0 3px;
  4122. }
  4123. .ytd-comment-simplebox-renderer .underline.tp-yt-paper-input-container,
  4124. div#reply-dialog.style-scope.ytd-comment-action-buttons-renderer .underline.tp-yt-paper-input-container,
  4125. paper-ripple,
  4126. yt-interaction,
  4127. yt-sort-filter-sub-menu-renderer #label-icon.yt-dropdown-menu,
  4128. ytd-comment-thread-renderer tp-yt-paper-tooltip.ytd-toggle-button-renderer.ytd-toggle-button-renderer,
  4129. ytd-comment-thread-renderer yt-interaction {
  4130. display: none !important;
  4131. }
  4132. tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu {
  4133. background-color: transparent !important;
  4134. }
  4135. #title.ytd-comments-header-renderer {
  4136. margin-bottom: 10px;
  4137. }
  4138. #title.ytd-comments-header-renderer tp-yt-paper-listbox.yt-dropdown-menu,
  4139. #title.ytd-comments-header-renderer tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu {
  4140. --paper-item-min-height: 24px;
  4141. }
  4142. #title.ytd-comments-header-renderer tp-yt-paper-listbox.yt-dropdown-menu .item.yt-dropdown-menu {
  4143. font-size: 12px !important;
  4144. letter-spacing: 0;
  4145. }
  4146. #title.ytd-comments-header-renderer tp-yt-paper-menu-button[vertical-align=top] .dropdown-content.tp-yt-paper-menu-button {
  4147. background-color: var(--yt-button-color, inherit);
  4148. border: 1px solid #3c3c3c;
  4149. min-width: max-content;
  4150. top: 0;
  4151. }
  4152. html:not([dark]) #title.ytd-comments-header-renderer tp-yt-paper-menu-button[vertical-align=top] .dropdown-content.tp-yt-paper-menu-button {
  4153. border: 1px solid #d3d3d3;
  4154. min-width: max-content;
  4155. top: 0;
  4156. }
  4157. html:not([dark]) ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button,
  4158. html:not([dark]) ytd-comments-header-renderer div#icon-label.style-scope.yt-dropdown-menu {
  4159. color: #333;
  4160. font-weight: 500 !important;
  4161. font-size: 11px !important;
  4162. text-transform: none !important;
  4163. letter-spacing: 0 !important;
  4164. }
  4165. html:not([dark]) ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button,
  4166. html:not([dark]) ytd-comments-header-renderer #label.yt-dropdown-menu {
  4167. background-color: #f8f8f8 !important;
  4168. height: 28px;
  4169. border: solid 1px #d3d3d3 !important;
  4170. padding: 0 10px;
  4171. border-radius: 2px;
  4172. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  4173. }
  4174. html:not([dark]) ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button:hover,
  4175. html:not([dark]) ytd-comments-header-renderer #label.yt-dropdown-menu:hover {
  4176. border-color: #c6c6c6 !important;
  4177. background: #f0f0f0 !important;
  4178. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  4179. }
  4180. html:not([dark]) ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button:active,
  4181. html:not([dark]) ytd-comments-header-renderer #label.yt-dropdown-menu:active {
  4182. background-color: #e9e9e9 !important;
  4183. box-shadow: inset 0 1px 0#ddd !important;
  4184. }
  4185. ytd-comments-header-renderer #label.yt-dropdown-menu::after {
  4186. content: "";
  4187. margin-left: 5px;
  4188. width: 0;
  4189. height: 0;
  4190. border-left: 4px solid transparent;
  4191. border-right: 4px solid transparent;
  4192. border-top: 4px solid #8f8f8f;
  4193. }
  4194. html:not([dark]) ytd-comments-header-renderer #label.yt-dropdown-menu::after {
  4195. content: "";
  4196. margin-left: 5px;
  4197. width: 0;
  4198. height: 0;
  4199. border-left: 4px solid transparent;
  4200. border-right: 4px solid transparent;
  4201. border-top: 4px solid #333;
  4202. }
  4203. ytd-comments-header-renderer #label.yt-dropdown-menu {
  4204. color: var(--yt-button-color, inherit);
  4205. }
  4206. ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button,
  4207. ytd-comments-header-renderer #label.yt-dropdown-menu {
  4208. background-color: #1c1c1c;
  4209. height: 30px;
  4210. border: solid 1px #333;
  4211. padding: 0 10px;
  4212. border-radius: 2px;
  4213. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  4214. }
  4215. ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button:hover,
  4216. ytd-comments-header-renderer #label.yt-dropdown-menu:hover {
  4217. border-color: #3c3c3c !important;
  4218. color: var(--yt-button-color, inherit);
  4219. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  4220. background-color: #444;
  4221. }
  4222. ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button:active,
  4223. ytd-comments-header-renderer #label.yt-dropdown-menu:active {
  4224. background-color: #212121 !important;
  4225. box-shadow: inset 0 1px 0#333 !important;
  4226. color: #8f8f8f;
  4227. }
  4228. ytd-button-renderer#cancel-button.style-scope tp-yt-paper-button#button,
  4229. ytd-comments-header-renderer div#icon-label.style-scope.yt-dropdown-menu {
  4230. color: var(--yt-button-color, inherit);
  4231. font-weight: 500 !important;
  4232. border-color: #333 !important;
  4233. font-size: 11px !important;
  4234. text-transform: none !important;
  4235. letter-spacing: 0 !important;
  4236. }
  4237. html:not([dark]) ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button {
  4238. background-color: #167ac6 !important;
  4239. color: #fff !important;
  4240. height: 28px !important;
  4241. border: solid 1px #167ac6;
  4242. padding: 0 10px !important;
  4243. font-weight: 500 !important;
  4244. font-size: 11px !important;
  4245. text-transform: none !important;
  4246. letter-spacing: 0 !important;
  4247. border-radius: 2px !important;
  4248. box-shadow: 0 1px 0 rgb(0 0 0/5%) !important;
  4249. }
  4250. ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button {
  4251. background-color: var(--yt-spec-call-to-action);
  4252. color: var(--yt-spec-text-primary-inverse);
  4253. height: 28px !important;
  4254. border: solid 1px var(--yt-spec-badge-chip-background);
  4255. padding: 0 10px !important;
  4256. font-weight: 500 !important;
  4257. font-size: 11px !important;
  4258. text-transform: none !important;
  4259. letter-spacing: 0 !important;
  4260. border-radius: 2px !important;
  4261. box-shadow: 0 1px 0 rgb(0 0 0/5%) !important;
  4262. }
  4263. html:not([dark]) ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button:hover {
  4264. background: #126db3 !important;
  4265. }
  4266. ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button:active,
  4267. ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button:hover {
  4268. background-color: var(--yt-spec-call-to-action);
  4269. color: var(--yt-spec-text-primary-inverse);
  4270. }
  4271. html:not([dark]) ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button:active {
  4272. background: #095b99 !important;
  4273. box-shadow: inset 0 1px 0 rgb(0 0 0/50%) !important;
  4274. }
  4275. html:not([dark]) ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button[disabled] {
  4276. border-color: #7fb7e0 !important;
  4277. background: #7fb7e0 !important;
  4278. }
  4279. ytd-button-renderer#submit-button.style-scope tp-yt-paper-button#button[disabled] {
  4280. background-color: var(--yt-spec-badge-chip-background) !important;
  4281. color: var(--yt-spec-text-disabled) !important;
  4282. }
  4283. #author-thumbnail.ytd-commentbox,
  4284. ytd-comment-simplebox-renderer #author-thumbnail.ytd-comment-simplebox-renderer,
  4285. ytd-comment-simplebox-renderer img#img.style-scope.yt-img-shadow,
  4286. ytd-commentbox[is-backstage-comment] #author-thumbnail.ytd-commentbox {
  4287. height: min-content;
  4288. width: 48px;
  4289. }
  4290. ytd-comment-action-buttons-renderer ytd-comment-reply-dialog-renderer.ytd-comment-action-buttons-renderer img#img.style-scope.yt-img-shadow,
  4291. ytd-commentbox[is-reply] #author-thumbnail.ytd-commentbox {
  4292. height: 32px !important;
  4293. width: 32px !important;
  4294. }
  4295. html:not([dark]) #placeholder-area.ytd-comment-simplebox-renderer,
  4296. html:not([dark]) .ytd-comment-simplebox-renderer .input-content.tp-yt-paper-input-container,
  4297. html:not([dark]) div#reply-dialog.style-scope.ytd-comment-action-buttons-renderer .input-content.tp-yt-paper-input-container {
  4298. border: 1px solid #ddd;
  4299. border-top: 1px solid #d5d5d5;
  4300. color: #b8b8b8;
  4301. cursor: pointer;
  4302. min-height: 35px;
  4303. border-radius: 0 2px 2px;
  4304. padding: 8px 10px 5px;
  4305. width: 0;
  4306. background-color: transparent!important;
  4307. }
  4308. #placeholder-area.ytd-comment-simplebox-renderer,
  4309. .ytd-comment-simplebox-renderer .input-content.tp-yt-paper-input-container,
  4310. div#reply-dialog.style-scope.ytd-comment-action-buttons-renderer .input-content.tp-yt-paper-input-container {
  4311. border: 1px solid #5a5a5a;
  4312. border-top: 1px solid #5a5a5a;
  4313. color: var(--paper-input-container-input-color, var(--primary-text-color));
  4314. cursor: pointer;
  4315. min-height: 35px;
  4316. border-radius: 0 2px 2px;
  4317. padding: 8px 10px 5px;
  4318. width: 0;
  4319. background-color: #1c1c1c;
  4320. }
  4321. html:not([dark]) #placeholder-area.ytd-comment-simplebox-renderer:focus,
  4322. html:not([dark]) .ytd-comment-simplebox-renderer .input-content.tp-yt-paper-input-container,
  4323. html:not([dark]) div#reply-dialog.style-scope.ytd-comment-action-buttons-renderer .input-content.tp-yt-paper-input-container {
  4324. border: 1px solid #699dd2;
  4325. border-top: 1px solid #699dd2;
  4326. border-radius: 0 2px 2px;
  4327. }
  4328. #placeholder-area.ytd-comment-simplebox-renderer:focus,
  4329. .ytd-comment-simplebox-renderer .input-content.tp-yt-paper-input-container,
  4330. div#reply-dialog.style-scope.ytd-comment-action-buttons-renderer .input-content.tp-yt-paper-input-container {
  4331. border: 1px solid #5a5a5a;
  4332. border-top: 1px solid #5a5a5a;
  4333. border-radius: 0 2px 2px;
  4334. }
  4335. #contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string,
  4336. #simplebox-placeholder.ytd-comment-simplebox-renderer {
  4337. font-size: 13px !important;
  4338. letter-spacing: 0;
  4339. }
  4340. ytd-comments-header-renderer div#placeholder-area::before {
  4341. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRF6urq1dXVAAAA////mznMegAAAAR0Uk5T//8A//4MuwsAAAAuSURBVHicDcMxDQBACATBc0D1elCBIoxQAib5nWT0IpR3Kraf1pgstmvXmCzOBx6TFq6sX+dfAAAAAElFTkSuQmCC);
  4342. z-index: 1;
  4343. float: left;
  4344. margin-right: -11px;
  4345. margin-left: -22px;
  4346. margin-top: -9px;
  4347. filter: invert(94.5%) grayscale(1) brightness(200%);
  4348. }
  4349. html:not([dark]) ytd-comments-header-renderer div#placeholder-area::before {
  4350. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRF6urq1dXVAAAA////mznMegAAAAR0Uk5T//8A//4MuwsAAAAuSURBVHicDcMxDQBACATBc0D1elCBIoxQAib5nWT0IpR3Kraf1pgstmvXmCzOBx6TFq6sX+dfAAAAAElFTkSuQmCC);
  4351. z-index: 1;
  4352. float: left;
  4353. margin-right: -11px;
  4354. margin-left: -22px;
  4355. margin-top: -9px;
  4356. filter: none;
  4357. }
  4358. html[dark] #action-buttons.ytd-comment-renderer div.input-wrapper.style-scope.tp-yt-paper-input-container::before,
  4359. html[dark] ytd-comments-header-renderer div.input-wrapper.style-scope.tp-yt-paper-input-container::before {
  4360. filter: invert(89.5%) grayscale(1) brightness(100%);
  4361. }
  4362. #action-buttons.ytd-comment-renderer div.input-wrapper.style-scope.tp-yt-paper-input-container::before,
  4363. ytd-comments-header-renderer div.input-wrapper.style-scope.tp-yt-paper-input-container::before {
  4364. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRFaZzSaZ3SAAAA////cFz/SQAAAAR0Uk5To/8A/3/XCxEAAAAtSURBVHicDcMxDQBACATBM/E1qtBDiQ66Cyb5nWT0MtV3GrpOG2wOXdoNNof+L3wXXNQlZQ4AAAAASUVORK5CYII=);
  4365. z-index: 1;
  4366. position: absolute;
  4367. width: 11px;
  4368. height: 11px;
  4369. top: 0;
  4370. right: 100%;
  4371. filter: invert(0) grayscale(0) brightness(100%);
  4372. }
  4373. ytd-comments.style-scope div#contents.style-scope.ytd-item-section-renderer {
  4374. margin-top: 36px !important;
  4375. }
  4376. ytd-comments.style-scope {
  4377. border: 0;
  4378. background: #fff;
  4379. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  4380. -moz-box-sizing: border-box;
  4381. box-sizing: border-box;
  4382. padding: 15px;
  4383. }
  4384. #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
  4385. margin-right: 10px !important;
  4386. height: 48px !important;
  4387. width: 48px !important;
  4388. }
  4389. ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
  4390. ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
  4391. height: 32px !important;
  4392. width: 32px !important;
  4393. }
  4394. ytd-author-comment-badge-renderer:not([creator]) #icon.ytd-author-comment-badge-renderer,
  4395. ytd-author-comment-badge-renderer[creator] #icon.ytd-author-comment-badge-renderer {
  4396. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACdQTFRFnJycmpqah4eHs7OziIiIz8/PyMjI5OTko6Oj8PDw/////f39jo6OcQxNSQAAAA10Uk5TVbSdubDh0eHD////wP+/OHAAAAA0SURBVHicY2AUFBRUFGAAkoKGgkBKRDQRRDmWCwKp9vSJIEpstQmIEgwTBFMHQRRIn6AAAOTgB5X8AsHIAAAAAElFTkSuQmCC);
  4397. width: 12px !important;
  4398. height: 9px !important;
  4399. }
  4400. ytd-author-comment-badge-renderer:not([creator]) #icon.ytd-author-comment-badge-renderer:hover,
  4401. ytd-author-comment-badge-renderer[creator] #icon.ytd-author-comment-badge-renderer:hover {
  4402. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACRQTFRFQ5DaYqPnS6LfhrXsrdb1xd33yNPjQI/O5ebn////9vb2pbjU4GAmaAAAAAx0Uk5Tbv79////+v/+///363aeKQAAADtJREFUeJxjYBQUFFQUYACRhoIMSkpKKkZKDEqKSmFFQErFtF0JSBXPUgdR6puLQJRSOVAVAxOQUFIAAAsGCYbgx0ruAAAAAElFTkSuQmCC);
  4403. width: 12px !important;
  4404. height: 9px !important;
  4405. }
  4406. .ytd-sponsor-comment-badge-renderer {
  4407. padding-left: 2px;
  4408. margin-right: -2px;
  4409. }
  4410. #header.ytd-comment-renderer,
  4411. ytd-author-comment-badge-renderer {
  4412. margin-top: -1px !important;
  4413. margin-bottom: 1px !important;
  4414. }
  4415. #author-comment-badge.ytd-comment-renderer,
  4416. ytd-author-comment-badge-renderer:not([creator]) #icon.ytd-author-comment-badge-renderer {
  4417. padding-right: 0 !important;
  4418. }
  4419. #channel-name.ytd-author-comment-badge-renderer,
  4420. html:not([dark]) #author-text.yt-simple-endpoint.ytd-comment-renderer {
  4421. color: #128ee9 !important;
  4422. margin-right: 0 !important;
  4423. letter-spacing: 0 !important;
  4424. }
  4425. #channel-name.ytd-author-comment-badge-renderer:hover,
  4426. #content-text.ytd-comment-renderer a.yt-simple-endpoint.yt-formatted-string:hover,
  4427. #message.ytd-message-renderer a:hover,
  4428. html:not([dark]) #author-text.yt-simple-endpoint.ytd-comment-renderer:hover {
  4429. text-decoration: underline !important;
  4430. text-decoration-color: #128ee9 !important;
  4431. }
  4432. #author-text.yt-simple-endpoint.ytd-comment-renderer:hover,
  4433. #content-text.ytd-comment-renderer a.yt-simple-endpoint.yt-formatted-string:hover,
  4434. #message.ytd-message-renderer a:hover {
  4435. text-decoration: underline !important;
  4436. text-decoration-color: #fff !important;
  4437. }
  4438. .published-time-text.ytd-comment-renderer a {
  4439. color: #767676 !important;
  4440. font-size: 11px !important;
  4441. margin-left: 6px !important;
  4442. letter-spacing: 0 !important;
  4443. }
  4444. .published-time-text.ytd-comment-renderer a:hover {
  4445. text-decoration: underline !important;
  4446. text-decoration-color: #767676 !important;
  4447. }
  4448. #content-text.ytd-comment-renderer,
  4449. #expander.ytd-comment-replies-renderer #content.ytd-expander,
  4450. #message.ytd-message-renderer {
  4451. font-size: 13px !important;
  4452. line-height: 1.3em !important;
  4453. letter-spacing: 0 !important;
  4454. }
  4455. #content-text.ytd-comment-renderer a.yt-simple-endpoint.yt-formatted-string {
  4456. color: #128ee9 !important;
  4457. }
  4458. div#toolbar.style-scope.ytd-comment-action-buttons-renderer {
  4459. margin-top: 6px;
  4460. margin-bottom: 10px;
  4461. margin-left: 0;
  4462. height: 13px;
  4463. }
  4464. #vote-count-left.ytd-comment-action-buttons-renderer[hidden] + #like-button.ytd-comment-action-buttons-renderer {
  4465. margin-left: -4px !important;
  4466. }
  4467. #toolbar.ytd-comment-action-buttons-renderer tp-yt-paper-button.ytd-button-renderer::after {
  4468. content: "•";
  4469. margin: 0 5px !important;
  4470. }
  4471. #toolbar.ytd-comment-action-buttons-renderer tp-yt-paper-button.ytd-button-renderer:hover {
  4472. opacity: 1 !important;
  4473. text-decoration: none !important;
  4474. }
  4475. #toolbar.ytd-comment-action-buttons-renderer tp-yt-paper-button.ytd-button-renderer {
  4476. order: 1;
  4477. text-transform: none !important;
  4478. line-height: 1.3em !important;
  4479. margin-left: -18px !important;
  4480. padding-right: 0 !important;
  4481. font-weight: normal !important;
  4482. color: #848484 !important;
  4483. opacity: 1 !important;
  4484. }
  4485. html:not([dark]) #toolbar.ytd-comment-action-buttons-renderer tp-yt-paper-button.ytd-button-renderer {
  4486. order: 1;
  4487. text-transform: none !important;
  4488. line-height: 1.3em !important;
  4489. margin-left: -18px !important;
  4490. padding-right: 0 !important;
  4491. font-weight: normal !important;
  4492. color: #555 !important;
  4493. opacity: 0.75 !important;
  4494. }
  4495. #vote-count-middle.ytd-comment-action-buttons-renderer {
  4496. order: 2;
  4497. color: #128ee9 !important;
  4498. padding-right: 6px !important;
  4499. font-size: 9pt !important;
  4500. }
  4501. html:not([dark]) #like-button.ytd-comment-action-buttons-renderer {
  4502. order: 3;
  4503. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFFQTFRFAAAAGRkZMzMzAAAACgoKGhoaEhISMTExMDAwAAAAAAAAGhoaAAAAIiIiHBwcHh4eLi4uERERAAAAKysrHBwcAwMDAAAAAAoKKSkpLS0tIiIidpjREQAAABt0Uk5TAHv/KE4oV/fzCAGABqeJn+BcG9eRSQkay+asp6oxLwAAAFBJREFUeJxVzkkSgCAQQ9EQURREnKf7H9Sxi+q/ytsFkAwL5CxZZlWOdSPwhmQQtfFW5595DyT+9S9FTJqD5qg4QXHWXBTd+t3YbIj74U7gArqRAmr4tybqAAAAAElFTkSuQmCC);
  4504. width: 14px;
  4505. height: 14px;
  4506. opacity: 0.54;
  4507. margin-right: 9px;
  4508. cursor: pointer;
  4509. }
  4510. #like-button.ytd-comment-action-buttons-renderer {
  4511. order: 3;
  4512. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFFQTFRFAAAAGRkZMzMzAAAACgoKGhoaEhISMTExMDAwAAAAAAAAGhoaAAAAIiIiHBwcHh4eLi4uERERAAAAKysrHBwcAwMDAAAAAAoKKSkpLS0tIiIidpjREQAAABt0Uk5TAHv/KE4oV/fzCAGABqeJn+BcG9eRSQkay+asp6oxLwAAAFBJREFUeJxVzkkSgCAQQ9EQURREnKf7H9Sxi+q/ytsFkAwL5CxZZlWOdSPwhmQQtfFW5595DyT+9S9FTJqD5qg4QXHWXBTd+t3YbIj74U7gArqRAmr4tybqAAAAAElFTkSuQmCC);
  4513. width: 14px;
  4514. height: 14px;
  4515. opacity: 1;
  4516. margin-right: 9px;
  4517. cursor: pointer;
  4518. filter: brightness(2);
  4519. }
  4520. #like-button.ytd-comment-action-buttons-renderer:hover {
  4521. opacity: 1;
  4522. filter: brightness(3);
  4523. }
  4524. html:not([dark]) #like-button.ytd-comment-action-buttons-renderer:hover {
  4525. opacity: 0.6;
  4526. }
  4527. #like-button.ytd-comment-action-buttons-renderer.style-default-active {
  4528. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFpQTFRFAAAAIUB3QYTzBhgrFCtLQYPxQoX0BwcOFyxSP4DsPn7pAAAAAAAAH0B2IkR6K1egJEWBKFKYOXPVEzFaAAoKN2/OJUyLFCVHAAAAFBQUIkN7NGnDO3jcLFqlDo2PIwAAAB50Uk5TAHz+Kk78/yRX+PMGAXuAp4if314a15FLCRqBzOas5Dk6uwAAAFNJREFUeJxVzkkSgCAQQ9EWMYqgiPN4/2sqahfVf5W3CxGXqZxSukCZVBnUluEaBbQs6wF0Ls5nUMBf/5KFIDlIjoITCc6Si6BZvxub3v1xmovoBlQiBENPyrYVAAAAAElFTkSuQmCC);
  4529. width: 14px;
  4530. height: 14px;
  4531. opacity: 1;
  4532. filter: brightness(1);
  4533. }
  4534. html:not([dark]) #like-button.ytd-comment-action-buttons-renderer.style-default-active {
  4535. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFpQTFRFAAAAIUB3QYTzBhgrFCtLQYPxQoX0BwcOFyxSP4DsPn7pAAAAAAAAH0B2IkR6K1egJEWBKFKYOXPVEzFaAAoKN2/OJUyLFCVHAAAAFBQUIkN7NGnDO3jcLFqlDo2PIwAAAB50Uk5TAHz+Kk78/yRX+PMGAXuAp4if314a15FLCRqBzOas5Dk6uwAAAFNJREFUeJxVzkkSgCAQQ9EWMYqgiPN4/2sqahfVf5W3CxGXqZxSukCZVBnUluEaBbQs6wF0Ls5nUMBf/5KFIDlIjoITCc6Si6BZvxub3v1xmovoBlQiBENPyrYVAAAAAElFTkSuQmCC);
  4536. width: 14px;
  4537. height: 14px;
  4538. opacity: 1;
  4539. }
  4540. #dislike-button.ytd-comment-action-buttons-renderer {
  4541. order: 4;
  4542. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFFQTFRFAAAAIiIiMTExLS0tKSkpIiIiGhoaCgoKAAoKAAAAMzMzAwMDHBwcKysrAAAAERERHh4eLi4uAAAAHBwcAAAAGRkZAAAAMDAwEhISGhoaAAAA6t4PpwAAABt0Uk5TAKz35sungE4aCf9JkdcbXJ/gAYkGewjzVygoDkXByQAAAFNJREFUeJxVzEkOgCAQRNESBbScEMXp/gcVBzD9k07qbRpAocpKG1vjqVF8w31oKdhJ9oIDBUdJJzklufcV4Oc49IIvExV80rpR7cgdpP2FkyHvC2y7BYuVtnTFAAAAAElFTkSuQmCC);
  4543. width: 14px;
  4544. height: 14px;
  4545. opacity: 1;
  4546. cursor: pointer;
  4547. filter: brightness(2);
  4548. }
  4549. html:not([dark]) #dislike-button.ytd-comment-action-buttons-renderer {
  4550. order: 4;
  4551. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFFQTFRFAAAAIiIiMTExLS0tKSkpIiIiGhoaCgoKAAoKAAAAMzMzAwMDHBwcKysrAAAAERERHh4eLi4uAAAAHBwcAAAAGRkZAAAAMDAwEhISGhoaAAAA6t4PpwAAABt0Uk5TAKz35sungE4aCf9JkdcbXJ/gAYkGewjzVygoDkXByQAAAFNJREFUeJxVzEkOgCAQRNESBbScEMXp/gcVBzD9k07qbRpAocpKG1vjqVF8w31oKdhJ9oIDBUdJJzklufcV4Oc49IIvExV80rpR7cgdpP2FkyHvC2y7BYuVtnTFAAAAAElFTkSuQmCC);
  4552. width: 14px;
  4553. height: 14px;
  4554. opacity: 0.54;
  4555. cursor: pointer;
  4556. }
  4557. html:not([dark]) #dislike-button.ytd-comment-action-buttons-renderer:hover {
  4558. opacity: 0.6;
  4559. }
  4560. #dislike-button.ytd-comment-action-buttons-renderer:hover {
  4561. opacity: 1;
  4562. filter: brightness(3);
  4563. }
  4564. html:not([dark]) #dislike-button.ytd-comment-action-buttons-renderer.style-default-active {
  4565. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFpQTFRFAAAALFqlP4DsO3jcNGnDK1egIkN7FCtLFBQUAAAAQoX0FCVHJUyLN2/OAAoKEzFaKFKYOXPVAAAAJEWBAAAAIkR6QYTzH0B2Pn7pFyxSBwcOQYPxBhgrIUB3PiVdqQAAAB50Uk5TAKz45syngU4aCf9LkdcaXp/fAYgGgP5781ck/Cp82XTnmAAAAFVJREFUeJxVzNkOgCAMRNERRbQuICLu//+bLgimN2ky56UAMpEXslQV3mpBITyHhhhbzo6xJ0bNaTiHKBNeAXa8h3T4moj8bKPcQmJFaqNd/cLhz7QvdZIF0DY8ddEAAAAASUVORK5CYII=);
  4566. width: 14px;
  4567. height: 14px;
  4568. opacity: 1;
  4569. }
  4570. #dislike-button.ytd-comment-action-buttons-renderer.style-default-active {
  4571. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFpQTFRFAAAALFqlP4DsO3jcNGnDK1egIkN7FCtLFBQUAAAAQoX0FCVHJUyLN2/OAAoKEzFaKFKYOXPVAAAAJEWBAAAAIkR6QYTzH0B2Pn7pFyxSBwcOQYPxBhgrIUB3PiVdqQAAAB50Uk5TAKz45syngU4aCf9LkdcaXp/fAYgGgP5781ck/Cp82XTnmAAAAFVJREFUeJxVzNkOgCAMRNERRbQuICLu//+bLgimN2ky56UAMpEXslQV3mpBITyHhhhbzo6xJ0bNaTiHKBNeAXa8h3T4moj8bKPcQmJFaqNd/cLhz7QvdZIF0DY8ddEAAAAASUVORK5CYII=);
  4572. width: 14px;
  4573. height: 14px;
  4574. opacity: 1;
  4575. filter: brightness(1);
  4576. }
  4577. #hearted-thumbnail.ytd-creator-heart-renderer,
  4578. .ytd-comment-action-buttons-renderer:nth-of-type(2) {
  4579. order: 5;
  4580. }
  4581. .less-button.ytd-comment-renderer,
  4582. tp-yt-paper-button.ytd-expander .more-button.ytd-comment-renderer,
  4583. ytd-comment-replies-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer {
  4584. letter-spacing: 0 !important;
  4585. font-size: 13px !important;
  4586. color: #2793e6 !important;
  4587. text-transform: none !important;
  4588. }
  4589. html[lang=en] .less-button.ytd-comment-renderer,
  4590. html[lang=en] tp-yt-paper-button.ytd-expander .more-button.ytd-comment-renderer,
  4591. html[lang=en] ytd-comment-replies-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer span:nth-of-type(1)::after {
  4592. content: " all ";
  4593. }
  4594. ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer,
  4595. ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer {
  4596. margin-top: -6px !important;
  4597. margin-left: -6px !important;
  4598. letter-spacing: 0 !important;
  4599. color: #2793e6 !important;
  4600. font-size: 13px !important;
  4601. }
  4602. ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer:hover {
  4603. text-decoration: underline;
  4604. text-decoration-color: #2793e6 !important;
  4605. }
  4606. ytd-comment-replies-renderer ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
  4607. order: 2;
  4608. margin-left: 5px;
  4609. margin-top: 2px;
  4610. }
  4611. ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer yt-icon.ytd-button-renderer {
  4612. fill: transparent;
  4613. background: url(https://s.ytimg.com/yts/imgbin/www-comments-vflNbz94j.png) -152px -20px/auto no-repeat;
  4614. opacity: 0.7;
  4615. filter: invert(1);
  4616. color: transparent;
  4617. }
  4618. ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer yt-icon.ytd-button-renderer {
  4619. fill: transparent;
  4620. background: url(https://s.ytimg.com/yts/imgbin/www-comments-vflNbz94j.png) -152px -72px/auto no-repeat;
  4621. opacity: 0.7;
  4622. filter: invert(1);
  4623. color: transparent;
  4624. }
  4625. html:not([dark]) ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer yt-icon.ytd-button-renderer {
  4626. fill: transparent;
  4627. background: url(https://s.ytimg.com/yts/imgbin/www-comments-vflNbz94j.png) -152px -20px/auto no-repeat;
  4628. opacity: 0.7;
  4629. filter: invert(0);
  4630. color: transparent;
  4631. }
  4632. html:not([dark]) ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer yt-icon.ytd-button-renderer {
  4633. fill: transparent;
  4634. background: url(https://s.ytimg.com/yts/imgbin/www-comments-vflNbz94j.png) -152px -72px/auto no-repeat;
  4635. opacity: 0.7;
  4636. filter: invert(0);
  4637. color: transparent;
  4638. }
  4639. #contents.ytd-comment-replies-renderer #body.ytd-comment-renderer {
  4640. margin-bottom: -2px;
  4641. }
  4642. #body.ytd-comment-renderer:not(:hover) ytd-menu-renderer.ytd-comment-renderer:not([menu-active]).ytd-comment-renderer:not(:focus-within) {
  4643. opacity: initial;
  4644. }
  4645. html:not([dark]) yt-icon.ytd-menu-renderer {
  4646. opacity: 0.3;
  4647. }
  4648. html:not([dark]) tp-yt-paper-spinner.ytd-continuation-item-renderer,
  4649. tp-yt-paper-spinner.ytd-continuation-item-renderer {
  4650. content: url(data:image/gif;base64,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);
  4651. width: auto;
  4652. height: auto;
  4653. filter: invert(100%) contrast(75%);
  4654. }
  4655. html:not([dark]) tp-yt-paper-spinner.ytd-continuation-item-renderer {
  4656. filter: none !important;
  4657. }
  4658. ytd-continuation-item-renderer.ytd-comment-replies-renderer {
  4659. width: 84px;
  4660. padding-top: 0;
  4661. padding-bottom: 0;
  4662. height: 0;
  4663. margin: 0;
  4664. }
  4665. #button.ytd-continuation-item-renderer ytd-button-renderer.ytd-continuation-item-renderer yt-icon,
  4666. ytd-mealbar-promo-renderer {
  4667. display: none;
  4668. }
  4669. #button.ytd-continuation-item-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer {
  4670. font-size: 0 !important;
  4671. text-decoration: none !important;
  4672. }
  4673. #button.ytd-continuation-item-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer::after {
  4674. content: "View more comments";
  4675. font-size: 13px !important;
  4676. line-height: 13px;
  4677. }
  4678. ytd-comment-replies-renderer * > ytd-button-renderer yt-formatted-string.ytd-button-renderer:hover {
  4679. text-decoration: none !important;
  4680. }
  4681. #button.ytd-continuation-item-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer:hover::after {
  4682. text-decoration: underline !important;
  4683. }
  4684. .less-button.ytd-comment-renderer,
  4685. .more-button.ytd-comment-renderer {
  4686. font-weight: normal !important;
  4687. }
  4688. ytd-comment-thread-renderer {
  4689. padding-bottom: 5px;
  4690. }
  4691. #contents.ytd-comment-replies-renderer ytd-comment-renderer:last-of-type {
  4692. padding-bottom: 11px;
  4693. }
  4694. #contents.ytd-comment-replies-renderer #button.ytd-continuation-item-renderer {
  4695. margin-top: -11px;
  4696. }
  4697. #expander.ytd-comment-replies-renderer {
  4698. margin-bottom: -4px;
  4699. }
  4700. #wrapper.tp-yt-app-header-layout > [slot=header] {
  4701. position: unset !important;
  4702. transform: none !important;
  4703. margin: 0;
  4704. }
  4705. #background.tp-yt-app-header,
  4706. #backgroundFrontLayer.tp-yt-app-header,
  4707. #backgroundRearLayer.tp-yt-app-header {
  4708. transform: none !important;
  4709. }
  4710. #contentContainer.tp-yt-app-header-layout,
  4711. ytd-thumbnail-overlay-toggle-button-renderer tp-yt-paper-tooltip {
  4712. display: none;
  4713. }
  4714. #contenteditable-root.yt-formatted-string {
  4715. cursor: auto;
  4716. }
  4717. #placeholder-area.ytd-comment-simplebox-renderer:focus,
  4718. .ytd-comment-simplebox-renderer .input-content.tp-yt-paper-input-container {
  4719. cursor: default;
  4720. }
  4721. .gsok_a {
  4722. background: url(data:image/gif;base64,R0lGODlhEwALAKECAAAAABISEv///////yH5BAEKAAIALAAAAAATAAsAAAIdDI6pZ+suQJyy0ocV3bbm33EcCArmiUYk1qxAUAAAOw==)no-repeat center!important;
  4723. display: inline-block !important;
  4724. height: 11px !important;
  4725. line-height: 0 !important;
  4726. width: 19px !important;
  4727. }
  4728. .sbdd_b {
  4729. background: #fff !important;
  4730. border: 1px solid #ccc !important;
  4731. border-top-color: #d9d9d9 !important;
  4732. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  4733. cursor: default !important;
  4734. }
  4735. .sbdd_c {
  4736. display: none !important;
  4737. }
  4738. .sbsb_b {
  4739. list-style-type: none !important;
  4740. margin: 0 !important;
  4741. padding: 0 !important;
  4742. }
  4743. .sbsb_c,
  4744. .sbsb_c td {
  4745. line-height: 20px !important;
  4746. }
  4747. .sbsb_c {
  4748. padding: 0 6px !important;
  4749. }
  4750. .sbsb_d td {
  4751. background: #eee !important;
  4752. }
  4753. .sbdd_a {
  4754. margin-left: -6px;
  4755. top: 38.5px !important;
  4756. }
  4757. .sbsb_a {
  4758. padding-top: 0 !important;
  4759. }
  4760. ytd-thumbnail-overlay-toggle-button-renderer[toggled]:first-child {
  4761. background-image: linear-gradient(to bottom, #74a446 0, #4d7730 100%) !important;
  4762. }
  4763. ytd-thumbnail-overlay-toggle-button-renderer:first-child yt-icon {
  4764. color: transparent !important;
  4765. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) 0 -184px !important;
  4766. width: 13px;
  4767. height: 13px;
  4768. }
  4769. ytd-thumbnail-overlay-toggle-button-renderer[toggled]:first-child yt-icon {
  4770. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) 0 -1060px !important;
  4771. width: 13px;
  4772. height: 13px;
  4773. }
  4774. tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {
  4775. letter-spacing: 0 !important;
  4776. }
  4777. #masthead-container #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
  4778. fill: none;
  4779. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflKclzgY.webp) -594px -48px;
  4780. width: 15px !important;
  4781. height: 15px !important;
  4782. bottom: 1px;
  4783. }
  4784. .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
  4785. border-radius: 2px !important;
  4786. border: 0;
  4787. font-size: 11px !important;
  4788. position: absolute;
  4789. left: 18px;
  4790. z-index: 100;
  4791. background: #cb4437 !important;
  4792. color: #fff !important;
  4793. line-height: 15px;
  4794. text-align: center;
  4795. opacity: 1;
  4796. }
  4797. html:not([dark]) .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
  4798. border-bottom: 1px solid #fff;
  4799. border-left: 1px solid #fff;
  4800. }
  4801. ytd-notification-topbar-button-shape-renderer #button yt-icon {
  4802. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -31px -248px;
  4803. background-size: auto;
  4804. width: 30px;
  4805. fill: none;
  4806. opacity: 0.55;
  4807. }
  4808. ytd-notification-topbar-button-shape-renderer #button:hover yt-icon {
  4809. opacity: 0.65;
  4810. }
  4811. html[dark] ytd-topbar-menu-button-renderer:nth-last-of-type(3) yt-icon {
  4812. filter: invert(1);
  4813. opacity: 1;
  4814. fill: #000
  4815. }
  4816. ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon {
  4817. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0 -75px !important;
  4818. background-size: auto;
  4819. width: 36px !important;
  4820. height: 24px !important;
  4821. color: transparent !important;
  4822. opacity: 0.6 !important;
  4823. }
  4824. html[dark] ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon {
  4825. opacity: 1 !important;
  4826. filter: invert(1) brightness(1.5);
  4827. color: transparent !important;
  4828. }
  4829. ytd-topbar-menu-button-renderer:not(:nth-last-child(1)) {
  4830. opacity: 0.67;
  4831. }
  4832. ytd-topbar-menu-button-renderer:not(:nth-last-child(1)):hover {
  4833. opacity: 0.8;
  4834. }
  4835. ytd-topbar-menu-button-renderer:not(:nth-last-child(1)):active {
  4836. opacity: 1;
  4837. }
  4838. #info #segmented-like-button yt-icon {
  4839. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) 0 -867px;
  4840. fill: transparent;
  4841. width: 20px !important;
  4842. height: 20px;
  4843. opacity: 0.5;
  4844. color: transparent;
  4845. }
  4846. #info #segmented-dislike-button yt-icon {
  4847. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -174px -804px;
  4848. fill: transparent;
  4849. width: 20px;
  4850. color: transparent;
  4851. }
  4852. #info #segmented-like-button .style-default-active yt-icon,
  4853. #info #segmented-like-button:active yt-icon {
  4854. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -79px -278px;
  4855. opacity: 1;
  4856. }
  4857. #info ytd-toggle-button-renderer.style-default-active a #text,
  4858. #info ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer {
  4859. color: #000;
  4860. font-weight: 500;
  4861. }
  4862. #info #segmented-like-button .style-default-active #text,
  4863. #info #segmented-like-button:active yt-formatted-string {
  4864. font-size: 11px !important;
  4865. color: #167ac6 !important;
  4866. }
  4867. [dark] #info ytd-toggle-button-renderer yt-icon,
  4868. [dark] #info ytd-toggle-button-renderer.style-default-active:nth-child(2) yt-icon,
  4869. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item #label {
  4870. filter: invert(1);
  4871. }
  4872. [dark] #info #segmented-like-button .style-default-active yt-icon,
  4873. [dark] #info #segmented-like-button:active yt-icon {
  4874. filter: invert(0);
  4875. }
  4876. #info #top-level-buttons-computed ytd-button-renderer yt-formatted-string,
  4877. #info ytd-button-renderer yt-icon-button,
  4878. #info ytd-toggle-button-renderer a yt-formatted-string,
  4879. #info ytd-toggle-button-renderer a yt-icon-button {
  4880. opacity: 0.5;
  4881. }
  4882. #info #menu yt-icon.ytd-menu-renderer:hover,
  4883. #info #top-level-buttons-computed ytd-button-renderer:hover yt-formatted-string,
  4884. #info ytd-button-renderer:hover yt-icon-button,
  4885. #info ytd-toggle-button-renderer a:hover yt-formatted-string,
  4886. #info ytd-toggle-button-renderer a:hover yt-icon-button {
  4887. opacity: 0.6;
  4888. }
  4889. #info ytd-toggle-button-renderer a yt-formatted-string.style-default-active,
  4890. #info ytd-toggle-button-renderer a yt-icon-button.style-default-active,
  4891. #info ytd-toggle-button-renderer a:active yt-formatted-string,
  4892. #info ytd-toggle-button-renderer a:active yt-icon-button,
  4893. #info #top-level-buttons-computed ytd-button-renderer:active yt-formatted-string {
  4894. opacity: 1;
  4895. }
  4896. #info ytd-button-renderer[is-icon-button][style-action-button] yt-icon {
  4897. fill: #000;
  4898. width: 20px;
  4899. height: 20px;
  4900. }
  4901. #info ytd-button-renderer[is-icon-button][style-action-button]:nth-child(3) yt-icon {
  4902. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -267px -824px;
  4903. }
  4904. #top-level-buttons-computed .ytd-menu-renderer:nth-child(6):nth-last-child(2) button[aria-label*=Report] yt-icon {
  4905. fill: #000 !important;
  4906. }
  4907. #info #menu .dropdown-trigger {
  4908. margin-top: 5px;
  4909. width: 60px;
  4910. order: 2 !important;
  4911. }
  4912. #info #menu .dropdown-trigger[hidden] {
  4913. display: inline-block !important;
  4914. }
  4915. #info #menu .dropdown-trigger yt-icon {
  4916. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -155px -864px !important;
  4917. width: 20px;
  4918. height: 20px;
  4919. padding-left: 42px;
  4920. box-sizing: border-box;
  4921. }
  4922. #info #menu .dropdown-trigger yt-icon::after,
  4923. ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer {
  4924. content: "More";
  4925. font-weight: 500;
  4926. font-family: Roboto;
  4927. color: #000 !important;
  4928. font-size: 11px !important;
  4929. }
  4930. ytd-video-primary-info-renderer ytd-toggle-button-renderer.style-default-active[is-icon-button]:first-child,
  4931. ytd-video-primary-info-renderer ytd-toggle-button-renderer.style-text[is-icon-button]:first-child {
  4932. flex: 1;
  4933. max-width: min-content;
  4934. margin-left: auto !important;
  4935. }
  4936. #info.ytd-video-primary-info-renderer,
  4937. #menu-container.ytd-video-primary-info-renderer,
  4938. #meta ytd-expander.ytd-video-secondary-info-renderer,
  4939. .top-level-buttons.ytd-menu-renderer {
  4940. width: 100%;
  4941. }
  4942. #info.ytd-video-primary-info-renderer #flex {
  4943. display: none;
  4944. }
  4945. #info #menu yt-icon.ytd-menu-renderer,
  4946. #info ytd-button-renderer {
  4947. opacity: 0.5;
  4948. left: -623px;
  4949. position: unset;
  4950. top: 64px;
  4951. }
  4952. #info ytd-button-renderer {
  4953. opacity: 1;
  4954. }
  4955. #info #menu yt-icon.ytd-menu-renderer:active,
  4956. #info ytd-button-renderer:active yt-formatted-string,
  4957. #info ytd-button-renderer:active yt-icon-button {
  4958. opacity: 1;
  4959. }
  4960. ytd-button-renderer[is-icon-button][style-action-button]:nth-of-type(1) {
  4961. margin-right: 4px !important;
  4962. }
  4963. #menu-container.ytd-video-primary-info-renderer {
  4964. z-index: 2 !important;
  4965. }
  4966. ytd-video-primary-info-renderer ytd-toggle-button-renderer.style-text[is-icon-button] {
  4967. position: unset;
  4968. order: 3 !important;
  4969. }
  4970. .ytd-subscription-notification-toggle-button-renderer yt-icon {
  4971. fill: none;
  4972. }
  4973. html:not([dark]) ytd-pinned-comment-badge-renderer yt-icon {
  4974. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAUUlEQVQoz2NgoAUQYXBAgjzYFbkzPGf4D4W3GUxwmbUfrmg+bgupp+g+XNF+7Ao4GMrhSkAwmoEFU9F8FCUgWI/bynqGeMJBOhgVSeCKWmoAADLDMeolZoHfAAAAAElFTkSuQmCC);
  4975. fill: none;
  4976. background-size: cover;
  4977. opacity: 0.8;
  4978. }
  4979. #guide[opened] #header.ytd-app,
  4980. #scrim.tp-yt-app-drawer {
  4981. display: none;
  4982. }
  4983. tp-yt-app-drawer,
  4984. tp-yt-app-drawer[persistent] {
  4985. width: 230px !important;
  4986. }
  4987. #contentContainer.tp-yt-app-drawer[style="transition-duration: 200ms;"][opened] {
  4988. width: 230px;
  4989. background: 0 0 !important;
  4990. transition-duration: 0ms !important;
  4991. padding-top: 0;
  4992. padding-bottom: 0;
  4993. }
  4994. tp-yt-app-drawer#guide[style="transition-duration: 200ms; touch-action: pan-y;"] {
  4995. top: 0;
  4996. bottom: 0;
  4997. margin-top: 50px;
  4998. transition-duration: 0ms !important;
  4999. }
  5000. #primary ytd-merch-shelf-renderer,
  5001. .style-scope.ytd-page-manager[fullscreen],
  5002. .tp-yt-app-drawer[style="transition-duration: 200ms;"][opened] {
  5003. margin-top: 0;
  5004. }
  5005. #guide-spacer.ytd-app {
  5006. margin-top: 51px;
  5007. }
  5008. .tp-yt-app-drawer[style="transition-duration: 200ms;"][opened] #guide-wrapper {
  5009. box-shadow: 5px 10px 15px 5px rgb(0 0 0/10%);
  5010. }
  5011. .lock-scrollbar {
  5012. overflow: initial !important;
  5013. position: static !important;
  5014. }
  5015. tp-yt-paper-item.ytd-compact-link-renderer::before,
  5016. tp-yt-paper-item::before {
  5017. content: none !important;
  5018. }
  5019. #manage-account.ytd-active-account-header-renderer {
  5020. background-color: #999;
  5021. border-bottom: none;
  5022. color: #fff;
  5023. padding: 6px 15px 7px;
  5024. text-transform: uppercase;
  5025. order: -1;
  5026. margin: 0 !important;
  5027. justify-content: initial;
  5028. cursor: pointer;
  5029. }
  5030. #channel-container.ytd-active-account-header-renderer {
  5031. width: 100% !important;
  5032. justify-content: initial;
  5033. margin-top: -6px !important;
  5034. }
  5035. ytd-active-account-header-renderer {
  5036. padding: 0 !important;
  5037. border: 0 !important;
  5038. min-height: 75px !important;
  5039. }
  5040. #manage-account.ytd-active-account-header-renderer a {
  5041. all: unset;
  5042. font: bold 11px roboto;
  5043. margin: 5px 0 -2px;
  5044. }
  5045. #manage-account.ytd-active-account-header-renderer a:hover,
  5046. .super-title.ytd-video-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string:hover {
  5047. text-decoration: underline;
  5048. }
  5049. #avatar.ytd-active-account-header-renderer {
  5050. position: absolute;
  5051. width: 64px !important;
  5052. height: 64px !important;
  5053. margin: 38px 0 0 15px !important;
  5054. }
  5055. #avatar.ytd-active-account-header-renderer img {
  5056. margin: 0 !important;
  5057. width: 64px !important;
  5058. height: 64px !important;
  5059. }
  5060. #account-name.ytd-active-account-header-renderer,
  5061. #email.ytd-active-account-header-renderer {
  5062. font: 500 13px roboto !important;
  5063. margin-left: 90px;
  5064. }
  5065. #account-name.ytd-active-account-header-renderer {
  5066. margin-top: 12px;
  5067. }
  5068. yt-formatted-string#email:not(.use-shadow):empty {
  5069. display: block !important;
  5070. min-height: 16px !important;
  5071. }
  5072. #playlist ytd-thumbnail-overlay-time-status-renderer,
  5073. [menu-style=multi-page-menu-style-type-system] #content-icon,
  5074. [menu-style=multi-page-menu-style-type-system] .content-icon {
  5075. display: none !important;
  5076. }
  5077. [menu-style=multi-page-menu-style-type-system] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  5078. padding: 0 15px;
  5079. }
  5080. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:first-child {
  5081. background: 0 0 !important;
  5082. max-width: 80px;
  5083. }
  5084. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:first-child #label {
  5085. color: #fff;
  5086. background-color: rgba(0, 0, 0, 0.4);
  5087. font: 500 9px roboto;
  5088. line-height: 9px;
  5089. padding: 5px 0;
  5090. width: 65px;
  5091. margin-bottom: 4px;
  5092. text-align: center;
  5093. margin-left: -2px;
  5094. }
  5095. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(4) {
  5096. border-top: 1px solid rgba(0, 0, 0, 0.1);
  5097. }
  5098. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) {
  5099. position: absolute;
  5100. top: 78px;
  5101. left: 90px;
  5102. }
  5103. [menu-style="multi-page-menu-style-type-system"] #content-icon {
  5104. display: initial !important;
  5105. }
  5106. #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) {
  5107. position: absolute;
  5108. top: 78px;
  5109. left: 100px;
  5110. margin-left: 95px !important;
  5111. }
  5112. ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-account] #spinner.ytd-multi-page-menu-renderer {
  5113. height: 400px !important;
  5114. }
  5115. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item {
  5116. border: 1px solid #d3d3d3;
  5117. background: #f8f8f8;
  5118. color: #333;
  5119. border-radius: 2px;
  5120. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  5121. padding: 0px 0px;
  5122. height: 22px !important;
  5123. margin-left: -4px;
  5124. }
  5125. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item {
  5126. border: 1px solid #d3d3d3;
  5127. background: #f8f8f8;
  5128. color: #333;
  5129. border-radius: 2px;
  5130. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  5131. height: 22px !important;
  5132. padding: 0 4px;
  5133. }
  5134. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item,
  5135. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item,
  5136. html[dark] [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer,
  5137. html[dark] [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer {
  5138. border-color: #444;
  5139. }
  5140. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  5141. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item:hover,
  5142. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  5143. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item:hover {
  5144. border-color: #c6c6c6;
  5145. background: #f0f0f0;
  5146. box-shadow: 0 1px 0 rgb(0 0 0/10%);
  5147. }
  5148. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item,
  5149. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item,
  5150. html[dark] [menu-style=multi-page-menu-style-type-system] #submenu ytd-compact-link-renderer.yt-multi-page-menu-section-renderer {
  5151. background: #292929 !important;
  5152. color: #eee;
  5153. }
  5154. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item:hover,
  5155. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item:hover {
  5156. border-color: rgba(255, 255, 255, 0.1);
  5157. background: #2c2c2c;
  5158. }
  5159. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item #label {
  5160. font: normal 11px Roboto;
  5161. }
  5162. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item #label {
  5163. font: normal 0 roboto;
  5164. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -626px 0;
  5165. background-size: auto;
  5166. width: 20px;
  5167. height: 20px;
  5168. opacity: 0.5;
  5169. }
  5170. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item #label:hover {
  5171. opacity: 1;
  5172. }
  5173. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item #primary-text-container,
  5174. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item #primary-text-container,
  5175. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item #primary-text-container {
  5176. display: inline-block;
  5177. }
  5178. /*
  5179. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(5),
  5180. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(6),
  5181. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(7),
  5182. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(8),
  5183. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:nth-child(3) {
  5184. display: none;
  5185. }
  5186. */
  5187. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {
  5188. border: 0 !important;
  5189. padding-bottom: 0 !important;
  5190. }
  5191. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:nth-child(2) {
  5192. padding-top: 0;
  5193. padding-bottom: 5px;
  5194. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  5195. }
  5196. [menu-style=multi-page-menu-style-type-system] #container #sections {
  5197. padding-bottom: 48px;
  5198. background: #f5f5f5;
  5199. }
  5200. html[dark] [menu-style=multi-page-menu-style-type-system] #container #sections {
  5201. background: #292929;
  5202. }
  5203. [menu-style=multi-page-menu-style-type-system] #container #sections yt-multi-page-menu-section-renderer {
  5204. background: #fff;
  5205. }
  5206. html[dark] [menu-style=multi-page-menu-style-type-system] #container #sections yt-multi-page-menu-section-renderer {
  5207. background: #212121;
  5208. }
  5209. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) {
  5210. position: absolute;
  5211. bottom: 10px;
  5212. right: 15px;
  5213. }
  5214. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) {
  5215. position: absolute;
  5216. bottom: 10px;
  5217. left: 15px;
  5218. }
  5219. [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer,
  5220. [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer {
  5221. background: #f8f8f8;
  5222. height: 28px !important;
  5223. border: solid 1px #d3d3d3;
  5224. padding: 0 10px;
  5225. outline: 0;
  5226. font-weight: 500;
  5227. font-size: 11px;
  5228. text-decoration: none;
  5229. white-space: nowrap;
  5230. word-wrap: normal;
  5231. line-height: normal;
  5232. vertical-align: middle;
  5233. cursor: pointer;
  5234. *overflow: visible;
  5235. border-radius: 2px;
  5236. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  5237. }
  5238. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer #label,
  5239. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer #label {
  5240. color: #333;
  5241. font: 500 11px Roboto;
  5242. }
  5243. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  5244. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer:hover {
  5245. border-color: #333;
  5246. }
  5247. [menu-style=multi-page-menu-style-type-system] #submenu ytd-compact-link-renderer.yt-multi-page-menu-section-renderer {
  5248. position: static !important;
  5249. background: #f5f5f5 !important;
  5250. border-top: 1px solid rgba(0, 0, 0, 0.1);
  5251. min-height: 28px;
  5252. }
  5253. [menu-style=multi-page-menu-style-type-system] #submenu yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:first-child {
  5254. border: 0 !important;
  5255. }
  5256. [menu-style=multi-page-menu-style-type-system] #submenu tp-yt-paper-item {
  5257. border: 0 !important;
  5258. padding: 0 15px;
  5259. box-shadow: none !important;
  5260. border-radius: 0;
  5261. margin: 0;
  5262. height: 28px !important;
  5263. }
  5264. [menu-style=multi-page-menu-style-type-system] #submenu yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) tp-yt-paper-item {
  5265. margin-left: 5px;
  5266. height: 28px !important;
  5267. }
  5268. [menu-style=multi-page-menu-style-type-system] #submenu #label {
  5269. font: 500 13px roboto !important;
  5270. margin: 0 !important;
  5271. line-height: 28px;
  5272. }
  5273. [menu-style=multi-page-menu-style-type-system] #submenu yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:first-child #label {
  5274. all: unset;
  5275. font: normal 13px roboto !important;
  5276. padding-top: 10px;
  5277. padding-bottom: 10px;
  5278. }
  5279. [menu-style=multi-page-menu-style-type-system] #submenu #sections {
  5280. padding-bottom: 0;
  5281. border: 0;
  5282. }
  5283. [menu-style=multi-page-menu-style-type-system] #submenu #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {
  5284. padding: 0;
  5285. }
  5286. [menu-style=multi-page-menu-style-type-system] #submenu ytd-simple-menu-header-renderer {
  5287. border: 0;
  5288. min-height: 0;
  5289. background-color: #999;
  5290. border-bottom: none;
  5291. color: #fff;
  5292. order: -1;
  5293. margin: 0;
  5294. justify-content: initial;
  5295. }
  5296. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  5297. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  5298. [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer,
  5299. [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer {
  5300. display: none;
  5301. }
  5302. [menu-style=multi-page-menu-style-type-system] #submenu ytd-simple-menu-header-renderer yt-formatted-string {
  5303. text-transform: uppercase;
  5304. font: bold 11px roboto;
  5305. line-height: 24px;
  5306. }
  5307. [menu-style=multi-page-menu-style-type-system] #submenu ytd-simple-menu-header-renderer ytd-button-renderer #button.ytd-button-renderer {
  5308. padding: 0;
  5309. height: 20px;
  5310. width: 20px;
  5311. color: #fff;
  5312. }
  5313. h2.ytd-simple-menu-header-renderer {
  5314. height: 26px;
  5315. }
  5316. ytd-toggle-theme-compact-link-renderer {
  5317. height: 24px !important;
  5318. min-height: 0 !important;
  5319. padding: 0 15px !important;
  5320. }
  5321. .ytd-account-item-section-renderer .content-icon {
  5322. display: inline-block;
  5323. }
  5324. .ytd-account-item-section-renderer ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer {
  5325. border-radius: 0;
  5326. border: 0;
  5327. width: 36px;
  5328. height: 36px;
  5329. }
  5330. .ytd-account-item-section-renderer img {
  5331. height: 36px;
  5332. width: 36px;
  5333. }
  5334. .ytd-account-item-section-renderer #contentIcon {
  5335. height: 36px;
  5336. width: 36px;
  5337. padding-right: 10px;
  5338. }
  5339. tp-yt-paper-icon-item.ytd-account-item-renderer {
  5340. height: 50px;
  5341. min-height: 50px;
  5342. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  5343. }
  5344. tp-yt-paper-icon-item.ytd-account-item-renderer::before,
  5345. ytd-playlist-sidebar-primary-info-renderer[responsive] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer::before {
  5346. content: none !important;
  5347. }
  5348. [menu-style=multi-page-menu-style-type-system] #submenu #footer tp-yt-paper-item {
  5349. background: #f8f8f8;
  5350. }
  5351. [menu-style=multi-page-menu-style-type-system] #submenu #footer ytd-compact-link-renderer.yt-multi-page-menu-section-renderer,
  5352. ytd-unified-share-panel-renderer {
  5353. max-width: none !important;
  5354. }
  5355. ytd-google-account-header-renderer.ytd-account-section-list-renderer {
  5356. background: #fff;
  5357. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  5358. }
  5359. #container.ytd-google-account-header-renderer,
  5360. html[dark] [page-subtype=playlist] ytd-playlist-video-renderer {
  5361. border-bottom: none;
  5362. }
  5363. #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {
  5364. padding-top: 0;
  5365. }
  5366. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,
  5367. tp-yt-paper-item {
  5368. min-height: 20px !important;
  5369. height: auto !important;
  5370. }
  5371. [menu-style=multi-page-menu-style-type-system] #header.ytd-multi-page-menu-renderer::after {
  5372. content: "";
  5373. display: inline-block;
  5374. border: 12px solid transparent;
  5375. border-top-width: 0 !important;
  5376. border-bottom-color: #999;
  5377. position: absolute;
  5378. top: -8px;
  5379. right: 18px;
  5380. }
  5381. #container.ytd-playlist-panel-renderer {
  5382. position: relative !important;
  5383. right: 24px !important;
  5384. border: 0 !important;
  5385. }
  5386. .header.ytd-playlist-panel-renderer {
  5387. background-color: #1a1a1a !important;
  5388. }
  5389. ytd-playlist-panel-video-renderer:hover:not(.dragging) {
  5390. background-color: #525252 !important;
  5391. }
  5392. #expand-button.ytd-playlist-panel-renderer {
  5393. display: none !important;
  5394. }
  5395. .title.ytd-playlist-panel-renderer a.yt-formatted-string {
  5396. color: #fff !important;
  5397. display: inline !important;
  5398. font-size: 15px !important;
  5399. font-weight: normal !important;
  5400. }
  5401. .title.ytd-playlist-panel-renderer a.yt-formatted-string:hover,
  5402. .ytd-watch-next-secondary-results-renderer [class*=ytd-compact-]:hover ytd-thumbnail-overlay-time-status-renderer span:not(.ytd-badge-supported-renderer),
  5403. yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover {
  5404. color: #fff !important;
  5405. }
  5406. .index-message-wrapper.ytd-playlist-panel-renderer,
  5407. ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer {
  5408. font-size: 11px !important;
  5409. color: #b8b8b8 !important;
  5410. }
  5411. .publisher.ytd-playlist-panel-renderer .yt-simple-endpoint.style-scope.yt-formatted-string {
  5412. color: #b8b8b8 !important;
  5413. }
  5414. ytd-playlist-panel-renderer[collapsible] #publisher-container.ytd-playlist-panel-renderer {
  5415. margin-top: 0 !important;
  5416. }
  5417. #header-top-row.ytd-playlist-panel-renderer {
  5418. border-bottom: 1px solid #3a3a3a !important;
  5419. padding-bottom: 7px !important;
  5420. }
  5421. #secondary .top-level-buttons.ytd-menu-renderer button.yt-icon-button {
  5422. width: 24px !important;
  5423. height: 24px !important;
  5424. }
  5425. #top-level-buttons-computed.ytd-menu-renderer:not(:empty) + #button.ytd-menu-renderer,
  5426. .ytd-menu-renderer[button-renderer] + template.ytd-menu-renderer + #button.ytd-menu-renderer,
  5427. ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer] {
  5428. margin-left: 0 !important;
  5429. }
  5430. .index-message-wrapper.ytd-playlist-panel-renderer::after {
  5431. content: " videos" !important;
  5432. }
  5433. #save-button.ytd-playlist-panel-renderer button.yt-icon-button {
  5434. color: transparent !important;
  5435. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflEoWid_.png) -151px -268px;
  5436. background-size: auto;
  5437. width: 24px;
  5438. height: 24px;
  5439. opacity: 0.5;
  5440. }
  5441. .ytd-playlist-panel-renderer .top-level-buttons ytd-toggle-button-renderer.ytd-menu-renderer:first-child .yt-icon-button {
  5442. color: transparent !important;
  5443. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflEoWid_.png) -41px -559px;
  5444. background-size: auto;
  5445. width: 24px;
  5446. height: 24px;
  5447. opacity: 0.5;
  5448. }
  5449. .ytd-playlist-panel-renderer .top-level-buttons ytd-toggle-button-renderer.ytd-menu-renderer:last-child .yt-icon-button {
  5450. color: transparent !important;
  5451. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflEoWid_.png) -171px -52px;
  5452. background-size: auto;
  5453. width: 24px;
  5454. height: 24px;
  5455. opacity: 0.5;
  5456. }
  5457. #save-button.ytd-playlist-panel-renderer button.yt-icon-button:hover,
  5458. .ytd-playlist-panel-renderer .top-level-buttons ytd-toggle-button-renderer.ytd-menu-renderer:hover .yt-icon-button {
  5459. opacity: 0.6;
  5460. }
  5461. #save-button.ytd-playlist-panel-renderer button.yt-icon-button:active,
  5462. .ytd-playlist-panel-renderer .top-level-buttons ytd-toggle-button-renderer.ytd-menu-renderer.style-default-active .yt-icon-button#button,
  5463. .ytd-playlist-panel-renderer .top-level-buttons ytd-toggle-button-renderer.ytd-menu-renderer:active .yt-icon-button {
  5464. opacity: 0.8;
  5465. }
  5466. ytd-app #save-button {
  5467. position: relative;
  5468. top: -47px !important;
  5469. }
  5470. h4.ytd-playlist-panel-video-renderer #video-title {
  5471. text-decoration: none !important;
  5472. }
  5473. #playlist-action-menu ytd-toggle-button-renderer.style-default-active[is-icon-button] {
  5474. order: -1 !important;
  5475. }
  5476. ytd-app #playlist-actions #save-button {
  5477. position: static !important;
  5478. top: 0 !important;
  5479. }
  5480. ytd-grid-video-renderer[three-dot-rework] ytd-menu-renderer.ytd-grid-video-renderer {
  5481. display: none !important;
  5482. }
  5483. #menu.ytd-playlist-panel-video-renderer {
  5484. max-width: 14px;
  5485. }
  5486. #playlist #thumbnail-container.ytd-playlist-panel-video-renderer,
  5487. #playlist img.yt-img-shadow,
  5488. #playlist ytd-thumbnail #thumbnail.ytd-thumbnail,
  5489. #playlist ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail {
  5490. width: 72px !important;
  5491. height: 45px !important;
  5492. }
  5493. ytd-movie-renderer[use-prominent-thumbs] .thumbnail-container.ytd-movie-renderer {
  5494. min-width: 156px !important;
  5495. width: auto;
  5496. flex: 0 !important;
  5497. }
  5498. #video-title.ytd-playlist-panel-video-renderer {
  5499. color: #cacaca !important;
  5500. font-size: 13px !important;
  5501. font-weight: normal !important;
  5502. line-height: normal !important;
  5503. margin-bottom: 0 !important;
  5504. }
  5505. #byline.ytd-playlist-panel-video-renderer,
  5506. ytd-playlist-panel-video-renderer[watch-color-update] #byline.ytd-playlist-panel-video-renderer {
  5507. color: #767676 !important;
  5508. font-size: 11px !important;
  5509. }
  5510. .playlist-items.ytd-playlist-panel-renderer {
  5511. background-color: #222 !important;
  5512. padding: 0 !important;
  5513. }
  5514. ytd-playlist-panel-video-renderer[selected][watch-color-update] {
  5515. background: #3a3a3a !important;
  5516. }
  5517. ytd-playlist-panel-video-renderer {
  5518. padding: 10px 10px 10px 0 !important;
  5519. height: 37px !important;
  5520. }
  5521. #index-container.ytd-playlist-panel-video-renderer,
  5522. #index.ytd-playlist-panel-video-renderer,
  5523. #reorder.ytd-playlist-panel-video-renderer {
  5524. font-size: 10px !important;
  5525. color: #b8b8b8 !important;
  5526. margin: 0 2px !important;
  5527. left: -1px !important;
  5528. position: relative;
  5529. top: -1px !important;
  5530. }
  5531. ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer {
  5532. color: #c03636 !important;
  5533. }
  5534. #avatar.ytd-c4-tabbed-header-renderer,
  5535. #avatar.ytd-c4-tabbed-header-renderer img.yt-img-shadow {
  5536. top: -96px !important;
  5537. position: relative !important;
  5538. overflow: visible !important;
  5539. height: 100px !important;
  5540. width: 100px !important;
  5541. }
  5542. @media (max-width: 1599px) {
  5543. #avatar.ytd-c4-tabbed-header-renderer,
  5544. #avatar.ytd-c4-tabbed-header-renderer img.yt-img-shadow {
  5545. top: -79px !important;
  5546. }
  5547. ytd-app #banner-top-options,
  5548. ytd-app #header.ytd-browse {
  5549. width: 1056px !important;
  5550. }
  5551. ytd-app #subscriber-count.ytd-c4-tabbed-header-renderer {
  5552. left: 955px !important;
  5553. }
  5554. ytd-app ytd-button-renderer.style-primary:nth-of-type(2) {
  5555. left: -680px !important;
  5556. }
  5557. ytd-app #subscriber-count.ytd-c4-tabbed-header-renderer::before {
  5558. left: -1000px !important;
  5559. }
  5560. }
  5561. #meta.ytd-c4-tabbed-header-renderer {
  5562. position: relative;
  5563. left: -120px !important;
  5564. }
  5565. #buttons.ytd-c4-tabbed-header-renderer {
  5566. position: relative;
  5567. left: -59px !important;
  5568. }
  5569. .style-scope.ytd-page-manager {
  5570. margin-top: 11px;
  5571. }
  5572. #primary-links.ytd-c4-tabbed-header-renderer yt-formatted-string.ytd-c4-tabbed-header-renderer {
  5573. height: 16px !important;
  5574. color: #fff !important;
  5575. font-size: 11px !important;
  5576. font-family: "YouTube Noto", Roboto, arial, sans-serif !important;
  5577. line-height: 15.8px !important;
  5578. letter-spacing: 0 !important;
  5579. }
  5580. #primary-links.ytd-c4-tabbed-header-renderer a.yt-simple-endpoint.ytd-c4-tabbed-header-renderer {
  5581. float: right !important;
  5582. padding: 10px !important;
  5583. }
  5584. #secondary-links.ytd-c4-tabbed-header-renderer {
  5585. float: right !important;
  5586. padding: 10px 0!important;
  5587. height: 16px !important;
  5588. margin-left: 2px !important;
  5589. }
  5590. ytd-app #secondary-links.ytd-c4-tabbed-header-renderer a.yt-simple-endpoint.ytd-c4-tabbed-header-renderer {
  5591. padding: 0;
  5592. }
  5593. ytd-app #secondary-links.ytd-c4-tabbed-header-renderer a.ytd-c4-tabbed-header-renderer:first-child {
  5594. padding-left: 10px;
  5595. }
  5596. ytd-app #secondary-links.ytd-c4-tabbed-header-renderer a.ytd-c4-tabbed-header-renderer:nth-last-child(2) {
  5597. padding-right: 10px;
  5598. }
  5599. .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button.ytp-mute-button {
  5600. padding: 0 !important;
  5601. }
  5602. ytd-browse[page-subtype="channels"] #alerts {
  5603. order: -1;
  5604. }
  5605. #primary-links.ytd-c4-tabbed-header-renderer,
  5606. #secondary-links.ytd-c4-tabbed-header-renderer {
  5607. background-color: rgba(102, 102, 102, 0.5) !important;
  5608. }
  5609. #links-holder.ytd-c4-tabbed-header-renderer {
  5610. top: -36px !important;
  5611. }
  5612. #primary-links.ytd-c4-tabbed-header-renderer:hover yt-formatted-string.ytd-c4-tabbed-header-renderer {
  5613. text-decoration: underline !important;
  5614. }
  5615. @media (min-width: 1500px) {
  5616. #header.ytd-browse {
  5617. width: 1260px !important;
  5618. }
  5619. }
  5620. tp-yt-app-header-layout #text.ytd-channel-name {
  5621. color: #333 !important;
  5622. font-size: 20px !important;
  5623. font-weight: 500 !important;
  5624. text-shadow: none !important;
  5625. }
  5626. html[dark] tp-yt-app-header-layout #text.ytd-channel-name {
  5627. color: #fff !important;
  5628. }
  5629. #text.ytd-channel-name:hover {
  5630. text-decoration: underline !important;
  5631. cursor: pointer !important;
  5632. }
  5633. #channel-header-container.ytd-c4-tabbed-header-renderer {
  5634. height: 33px !important;
  5635. }
  5636. #channel-name.ytd-c4-tabbed-header-renderer,
  5637. #meta.ytd-c4-tabbed-header-renderer {
  5638. overflow: visible !important;
  5639. }
  5640. #subscriber-count.ytd-c4-tabbed-header-renderer {
  5641. position: absolute;
  5642. font-size: 11px !important;
  5643. letter-spacing: 0 !important;
  5644. color: #737373;
  5645. height: 22px !important;
  5646. line-height: 24px !important;
  5647. border: 1px solid #ccc;
  5648. padding: 0 6px 0 11px !important;
  5649. border-radius: 2px !important;
  5650. text-align: center !important;
  5651. left: 1160px !important;
  5652. top: 3px !important;
  5653. max-width: 28px;
  5654. overflow: hidden;
  5655. }
  5656. #tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {
  5657. height: 29px !important;
  5658. padding-bottom: 0;
  5659. padding-left: 0;
  5660. padding-right: 0;
  5661. margin-left: 20px;
  5662. text-transform: none;
  5663. }
  5664. #tabsContainer.tp-yt-paper-tabs,
  5665. #tabsContent.scrollable.tp-yt-paper-tabs,
  5666. ytd-c4-tabbed-header-renderer[guide-persistent-and-visible] tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {
  5667. height: 100% !important;
  5668. margin-left: 0 !important;
  5669. }
  5670. #tabsContent.scrollable.tp-yt-paper-tabs {
  5671. padding-top: 3px;
  5672. }
  5673. html[dark] #subscriber-count.ytd-c4-tabbed-header-renderer {
  5674. border-color: #333 !important;
  5675. }
  5676. #sponsor-button.ytd-c4-tabbed-header-renderer,
  5677. .underline.style-scope.tp-yt-paper-input-container,
  5678. form.ytd-expandable-tab-renderer yt-icon-button.ytd-expandable-tab-renderer {
  5679. display: none !important;
  5680. }
  5681. #inner-header-container.ytd-c4-tabbed-header-renderer {
  5682. top: 8px !important;
  5683. position: relative;
  5684. }
  5685. #tabsContent.tp-yt-paper-tabs:not(.iron-selected) {
  5686. border-bottom: 3px solid transparent;
  5687. }
  5688. tp-yt-app-header-layout .badge-style-type-verified.ytd-badge-supported-renderer {
  5689. top: -2px !important;
  5690. position: relative;
  5691. }
  5692. tp-yt-paper-tab.iron-selected.ytd-c4-tabbed-header-renderer,
  5693. tp-yt-paper-tab.ytd-c4-tabbed-header-renderer:hover {
  5694. border: 0 !important;
  5695. box-shadow: #cc181e 0 -3px inset;
  5696. height: 30px !important;
  5697. }
  5698. .badge-style-type-verified.ytd-badge-supported-renderer {
  5699. padding-left: 0 !important;
  5700. }
  5701. #paper-input-label-1 {
  5702. color: #666;
  5703. }
  5704. tp-yt-paper-input-container {
  5705. top: -1px !important;
  5706. position: relative;
  5707. }
  5708. .grid-subheader.ytd-shelf-renderer {
  5709. margin-top: 10px !important;
  5710. }
  5711. #title.ytd-shelf-renderer {
  5712. font-size: 15px !important;
  5713. height: 29px !important;
  5714. }
  5715. #contents.ytd-shelf-renderer {
  5716. margin-top: 10px !important;
  5717. }
  5718. [page-subtype=channels] ytd-thumbnail.ytd-grid-video-renderer {
  5719. height: 110px !important;
  5720. width: 196px !important;
  5721. margin-right: 10px !important;
  5722. }
  5723. #scroll-container.yt-horizontal-list-renderer #thumbnail.ytd-thumbnail {
  5724. overflow: visible !important;
  5725. width: 196px !important;
  5726. }
  5727. #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer {
  5728. padding-right: 0 !important;
  5729. }
  5730. ytd-grid-video-renderer .top-level-buttons.ytd-menu-renderer {
  5731. display: none !important;
  5732. }
  5733. ytd-grid-video-renderer {
  5734. width: 196px !important;
  5735. margin-right: 10px !important;
  5736. }
  5737. #avatar.ytd-shelf-renderer,
  5738. #avatar.ytd-shelf-renderer img.yt-img-shadow {
  5739. width: 20px !important;
  5740. height: 20px !important;
  5741. border-radius: initial !important;
  5742. }
  5743. yt-horizontal-list-renderer {
  5744. height: 193px !important;
  5745. }
  5746. html .arrow.yt-horizontal-list-renderer {
  5747. box-shadow: none;
  5748. right: -12px !important;
  5749. position: relative;
  5750. border-radius: initial !important;
  5751. }
  5752. .style-scope.ytd-item-section-renderer #button.size-default.style-default.ytd-button-renderer.style-scope {
  5753. color: transparent;
  5754. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -112px -42px !important;
  5755. width: 7px !important;
  5756. height: 10px !important;
  5757. padding: 0 !important;
  5758. opacity: 0.5 !important;
  5759. }
  5760. html[dark] #button.size-default.style-default.ytd-button-renderer.style-scope,
  5761. html[dark] #button.size-default.style-visibly-disabled.ytd-button-renderer.style-scope {
  5762. filter: invert(1);
  5763. }
  5764. html[dark] ytd-button-renderer.ytd-searchbox yt-icon-button {
  5765. filter: none !important;
  5766. }
  5767. .arrow.yt-horizontal-list-renderer,
  5768. yt-horizontal-list-renderer .style-scope.ytd-item-section-renderer a.yt-simple-endpoint.ytd-button-renderer {
  5769. width: 7px !important;
  5770. height: 10px !important;
  5771. }
  5772. yt-horizontal-list-renderer:hover .arrow.yt-horizontal-list-renderer {
  5773. width: 40px !important;
  5774. height: 60px !important;
  5775. border: 1px solid #e3e3e3;
  5776. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  5777. left: 0px !important;
  5778. opacity: 1 !important;
  5779. }
  5780. html[dark] ytd-item-section-renderer:hover .arrow.yt-horizontal-list-renderer {
  5781. border: 1px solid #51515151 !important;
  5782. }
  5783. div#dismissible:hover ytd-button-renderer.style-text[is-paper-button] #button.ytd-button-renderer,
  5784. ytd-item-section-renderer:hover #button.size-default.style-default.ytd-button-renderer.style-scope {
  5785. opacity: 1 !important;
  5786. }
  5787. .style-scope.ytd-item-section-renderer #left-arrow.yt-horizontal-list-renderer #button.size-default.style-default.ytd-button-renderer.style-scope {
  5788. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -20px -918px !important;
  5789. }
  5790. #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
  5791. left: -7px !important;
  5792. }
  5793. ytd-item-section-renderer:hover #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
  5794. left: 4px !important;
  5795. }
  5796. #video-title.yt-simple-endpoint.ytd-grid-video-renderer {
  5797. line-height: normal !important;
  5798. }
  5799. ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer {
  5800. font-size: 11px !important;
  5801. line-height: normal !important;
  5802. }
  5803. ytd-grid-video-renderer yt-formatted-string[ellipsis-truncate] a.yt-formatted-string {
  5804. font-size: 11px !important;
  5805. line-height: normal !important;
  5806. }
  5807. #metadata-container {
  5808. margin-top: 3px !important;
  5809. }
  5810. #items.yt-horizontal-list-renderer {
  5811. transition-duration: 0.3s !important;
  5812. transition-timing-function: ease-in-out !important;
  5813. }
  5814. ytd-badge-supported-renderer.ytd-channel-name {
  5815. margin-left: 3px !important;
  5816. }
  5817. #scroll-container.yt-horizontal-list-renderer ytd-thumbnail-overlay-time-status-renderer {
  5818. margin-top: -7px !important;
  5819. margin-right: 2px !important;
  5820. padding: 0 4px;
  5821. font-weight: 500;
  5822. font-size: 11px;
  5823. background-color: #000;
  5824. color: #fff !important;
  5825. height: 14px;
  5826. line-height: 14px;
  5827. opacity: 0.75 !important;
  5828. filter: alpha(opacity=75);
  5829. vertical-align: top;
  5830. display: inline-block;
  5831. border-radius: 0 !important;
  5832. top: 94px !important;
  5833. z-index: 1 !important;
  5834. }
  5835. #hover-overlays #label-container,
  5836. .style-scope.ytd-item-section-renderer tp-yt-paper-button.ytd-subscribe-button-renderer::before,
  5837. ytd-badge-supported-renderer.ytd-grid-video-renderer,
  5838. ytd-grid-video-renderer:hover ytd-thumbnail-overlay-time-status-renderer {
  5839. display: none !important;
  5840. }
  5841. ytd-thumbnail-overlay-resume-playback-renderer {
  5842. display: block !important;
  5843. opacity: 1 !important;
  5844. background: rgba(0, 0, 0, 0) !important;
  5845. transition: all 0s ease 0s !important;
  5846. z-index: 9 !important;
  5847. }
  5848. ytd-thumbnail-overlay-resume-playback-renderer:hover {
  5849. opacity: 1;
  5850. }
  5851. ytd-playlist-thumbnail.ytd-grid-playlist-renderer {
  5852. width: 196px !important;
  5853. height: 110px !important;
  5854. }
  5855. ytd-grid-playlist-renderer {
  5856. width: 200px !important;
  5857. }
  5858. html:not([dark]) #video-title.ytd-grid-playlist-renderer {
  5859. font-size: 13px !important;
  5860. line-height: normal !important;
  5861. color: #167ac6 !important;
  5862. }
  5863. #video-title.ytd-grid-playlist-renderer {
  5864. font-size: 13px !important;
  5865. line-height: normal !important;
  5866. }
  5867. #video-title.ytd-grid-playlist-renderer:hover {
  5868. text-decoration: underline !important;
  5869. }
  5870. #secondary-links.ytd-c4-tabbed-header-renderer:not(first-child) a.yt-simple-endpoint.ytd-c4-tabbed-header-renderer:not(:first-child) {
  5871. margin-left: 5px !important;
  5872. }
  5873. ytd-thumbnail-overlay-hover-text-renderer {
  5874. background: rgba(0, 0, 0, 0.7) !important;
  5875. }
  5876. .style-scope.ytd-thumbnail-overlay-hover-text-renderer {
  5877. text-transform: uppercase !important;
  5878. font-size: 13px !important;
  5879. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  5880. font-weight: normal !important;
  5881. }
  5882. ytd-thumbnail-overlay-hover-text-renderer.ytd-playlist-thumbnail yt-icon {
  5883. color: transparent !important;
  5884. margin-right: 6px !important;
  5885. vertical-align: middle;
  5886. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflHFLZLR.webp) -86px -122px;
  5887. background-size: auto;
  5888. width: 9px;
  5889. height: 12px;
  5890. }
  5891. ytd-thumbnail-overlay-side-panel-renderer {
  5892. position: absolute !important;
  5893. right: 0 !important;
  5894. top: 0 !important;
  5895. height: 100% !important;
  5896. width: 43.75% !important;
  5897. background: rgba(0, 0, 0, 0.8) !important;
  5898. }
  5899. yt-icon.ytd-thumbnail-overlay-side-panel-renderer {
  5900. color: transparent !important;
  5901. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflHFLZLR.webp) -217px -456px;
  5902. background-size: auto;
  5903. width: 24px;
  5904. height: 24px;
  5905. }
  5906. yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer {
  5907. color: #cfcfcf !important;
  5908. display: block;
  5909. margin: 0 0.75em;
  5910. font-size: 18px;
  5911. line-height: 22px;
  5912. word-break: break-word;
  5913. white-space: normal;
  5914. text-transform: uppercase;
  5915. top: -10px !important;
  5916. position: relative;
  5917. width: 50px !important;
  5918. }
  5919. yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer::before {
  5920. content: "VIDEOS";
  5921. position: absolute !important;
  5922. font-size: 10px !important;
  5923. width: 35px !important;
  5924. top: 17px !important;
  5925. left: 7px !important;
  5926. }
  5927. ytd-app #play-button ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
  5928. fill: transparent !important;
  5929. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) -113px -474px !important;
  5930. width: 16px !important;
  5931. height: 16px !important;
  5932. opacity: 0.5 !important;
  5933. position: relative;
  5934. left: -26px !important;
  5935. top: -1px !important;
  5936. }
  5937. #play-button ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  5938. overflow: visible !important;
  5939. color: #333 !important;
  5940. font-size: 11px !important;
  5941. letter-spacing: 0 !important;
  5942. position: relative;
  5943. top: -15px !important;
  5944. left: -16px !important;
  5945. }
  5946. #title-container.ytd-shelf-renderer ytd-button-renderer #button.ytd-button-renderer {
  5947. border: 1px solid #d3d3d3 !important;
  5948. background: #f8f8f8 !important;
  5949. padding: 0 38px !important;
  5950. height: 18px !important;
  5951. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  5952. width: 0 !important;
  5953. display: block;
  5954. position: relative;
  5955. top: 0 !important;
  5956. left: 3px !important;
  5957. opacity: 0 !important;
  5958. }
  5959. html[dark] #title-container.ytd-shelf-renderer ytd-button-renderer #button.ytd-button-renderer {
  5960. background: 0 0 !important;
  5961. border: 1px solid #51515151 !important;
  5962. }
  5963. ytd-channel-video-player-renderer {
  5964. padding: 18px 0 24px !important;
  5965. }
  5966. #player-container.ytd-channel-video-player-renderer {
  5967. width: 520px !important;
  5968. height: 292.5px !important;
  5969. margin-right: 12px !important;
  5970. }
  5971. .video-stream.html5-main-video {
  5972. width: 520px;
  5973. height: 292.5px;
  5974. }
  5975. .ytp-chrome-bottom {
  5976. width: 500px;
  5977. }
  5978. ytd-app .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button,
  5979. ytd-app .ytp-larger-tap-buttons .ytp-replay-button {
  5980. padding: 0 !important;
  5981. width: 36px;
  5982. }
  5983. ytd-app .ytp-chrome-controls .ytp-play-button {
  5984. width: 46px !important;
  5985. }
  5986. .ytp-big-mode .ytp-chrome-bottom,
  5987. .ytp-big-mode .ytp-chrome-controls {
  5988. height: 54px !important;
  5989. line-height: 54px !important;
  5990. }
  5991. .ytp-big-mode .ytp-progress-bar-container {
  5992. bottom: 52.5px !important;
  5993. height: 8px !important;
  5994. }
  5995. .ytp-big-mode .ytp-chrome-controls .ytp-button,
  5996. .ytp-big-mode .ytp-chrome-top .ytp-button {
  5997. height: 54px !important;
  5998. width: 54px !important;
  5999. }
  6000. .ytp-big-mode .ytp-chrome-controls .ytp-play-button {
  6001. height: 54px !important;
  6002. width: 69px !important;
  6003. padding: 0 !important;
  6004. }
  6005. .ytp-big-mode .ytp-time-display.notranslate span {
  6006. top: 0 !important;
  6007. position: relative;
  6008. }
  6009. /*
  6010. .ytp-watch-later-icon {
  6011. display: none !important;
  6012. }
  6013. */
  6014. html:not([dark]) .content.ytd-channel-video-player-renderer {
  6015. font-size: 13px !important;
  6016. color: #555 !important;
  6017. max-height: 13em !important;
  6018. }
  6019. .more-button.ytd-channel-video-player-renderer {
  6020. font-weight: normal !important;
  6021. color: #167ac6 !important;
  6022. font-size: 13px !important;
  6023. }
  6024. #description.ytd-channel-video-player-renderer {
  6025. width: 494px !important;
  6026. }
  6027. @media (min-width: 1600px) {
  6028. .banner-visible-area.ytd-c4-tabbed-header-renderer,
  6029. ytd-c4-tabbed-header-renderer .banner-visible-area.ytd-c4-tabbed-header-renderer,
  6030. ytd-c4-tabbed-header-renderer[guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer,
  6031. #banner-editor {
  6032. height: 209px !important;
  6033. }
  6034. }
  6035. @media (max-width: 1599px) {
  6036. ytd-c4-tabbed-header-renderer[has-channel-art] .banner-visible-area.ytd-c4-tabbed-header-renderer,
  6037. ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer,
  6038. #banner-editor {
  6039. height: 175px !important;
  6040. }
  6041. }
  6042. ytd-app .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] yt-icon {
  6043. width: 20px !important;
  6044. height: 20px !important;
  6045. color: #fff !important;
  6046. filter: invert(1) !important;
  6047. }
  6048. html[dark] ytd-app .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] yt-icon {
  6049. filter: invert(0) !important;
  6050. }
  6051. ytd-item-section-renderer:nth-of-type(1) {
  6052. border-bottom: 1px solid #e5e5e5 !important;
  6053. }
  6054. html[dark] ytd-item-section-renderer:nth-of-type(1) {
  6055. border-bottom: 1px solid #51515151 !important;
  6056. }
  6057. html[dark] ytd-thumbnail-overlay-toggle-button-renderer {
  6058. border-color: #51515151 !important;
  6059. background: #212121 !important;
  6060. }
  6061. html[dark] #notification-preference-button button.yt-icon-button,
  6062. html[dark] ytd-thumbnail-overlay-toggle-button-renderer yt-icon {
  6063. filter: invert(1);
  6064. }
  6065. html[dark] ytd-thumbnail-overlay-toggle-button-renderer {
  6066. opacity: 0.8;
  6067. border-color: #000 !important;
  6068. background: #000 !important;
  6069. filter: invert(0)
  6070. }
  6071. html[dark] ytd-thumbnail-overlay-toggle-button-renderer:hover {
  6072. background: #222 !important;
  6073. filter: invert(1) contrast(1);
  6074. opacity: 1;
  6075. }
  6076. ytd-thumbnail-overlay-toggle-button-renderer yt-icon {
  6077. color: transparent !important;
  6078. box-shadow: none !important;
  6079. background: no-repeat url("https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflHFLZLR.webp") -239px -48px;
  6080. background-size: auto;
  6081. width: 13px;
  6082. height: 13px;
  6083. opacity: 1 !important;
  6084. }
  6085. .banner-visible-area.ytd-c4-tabbed-header-renderer {
  6086. height: 175px !important;
  6087. }
  6088. #banner-editor {
  6089. display: block;
  6090. height: 209.199px;
  6091. position: relative;
  6092. }
  6093. #subtitle.ytd-shelf-renderer {
  6094. line-height: normal !important;
  6095. font-size: 12px !important;
  6096. }
  6097. [page-subtype=playlist] ytd-section-list-renderer,
  6098. ytd-thumbnail #thumbnail.ytd-thumbnail {
  6099. padding: 0 !important;
  6100. }
  6101. ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer {
  6102. max-width: 246px !important;
  6103. margin-right: 10px !important;
  6104. }
  6105. .text-wrapper.ytd-video-renderer {
  6106. position: relative !important;
  6107. top: -5px !important;
  6108. }
  6109. h3.ytd-grid-playlist-renderer {
  6110. margin: 5px 0 1px !important;
  6111. }
  6112. #avatar.ytd-channel-renderer,
  6113. #avatar.ytd-channel-renderer img.yt-img-shadow,
  6114. yt-img-shadow.ytd-channel-renderer,
  6115. ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer,
  6116. ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer .channel-link.ytd-channel-renderer {
  6117. height: 110px !important;
  6118. width: 110px !important;
  6119. }
  6120. ytd-search ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer {
  6121. max-width: 120px;
  6122. min-width: 110px;
  6123. }
  6124. ytd-channel-renderer[use-prominent-thumbs] #info-section.ytd-channel-renderer {
  6125. position: relative;
  6126. left: -20px !important;
  6127. top: -15px !important;
  6128. }
  6129. #metadata.ytd-channel-renderer,
  6130. ytd-backstage-post-thread-renderer {
  6131. margin-bottom: 0 !important;
  6132. }
  6133. ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype=history]):not([page-subtype=memberships-and-purchases]):not([page-subtype=ypc-offers]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer:not([has-destination-shelf-renderer]).ytd-section-list-renderer:not(ytd-minor-moment-header-renderer) {
  6134. border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;
  6135. }
  6136. #channel-info.ytd-grid-channel-renderer yt-img-shadow.ytd-grid-channel-renderer,
  6137. ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer {
  6138. border-radius: 0 !important;
  6139. }
  6140. #channel.ytd-grid-channel-renderer #subscribe.ytd-grid-channel-renderer {
  6141. margin-top: 30px !important;
  6142. margin-left: -116px;
  6143. }
  6144. html[dark] #banner-top-options {
  6145. height: 55px;
  6146. width: 1260px;
  6147. background: #212121;
  6148. border: 1px solid #51515151;
  6149. }
  6150. #banner-top-options {
  6151. height: 55px;
  6152. width: 1262px;
  6153. background: #fff;
  6154. border: 1px solid #e5e5e5;
  6155. }
  6156. @media (max-width: 1800px) {
  6157. #banner-top-options {
  6158. width: 1262px !important;
  6159. }
  6160. #subscriber-count.ytd-c4-tabbed-header-renderer::before {
  6161. left: -1210px !important;
  6162. }
  6163. }
  6164. ytd-channel-avatar-editor {
  6165. top: -191px !important;
  6166. }
  6167. @media (max-width:1600px) {
  6168. ytd-channel-avatar-editor {
  6169. top: -158px !important;
  6170. }
  6171. }
  6172. yt-img-shadow.ytd-channel-avatar-editor,
  6173. yt-img-shadow.ytd-channel-avatar-editor img.yt-img-shadow,
  6174. ytd-channel-avatar-editor,
  6175. ytd-channel-avatar-editor .yt-simple-endpoint {
  6176. width: 100px !important;
  6177. height: 100px !important;
  6178. }
  6179. yt-icon.ytd-channel-avatar-editor,
  6180. yt-icon.ytd-channel-banner-editor-renderer {
  6181. border-radius: 0 !important;
  6182. height: 30px !important;
  6183. width: 30px !important;
  6184. padding: 0 !important;
  6185. position: absolute;
  6186. left: 68px !important;
  6187. top: 0 !important;
  6188. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEX///////////////91dXX8/Pz29vbLy8uBgYGwsLChoaGFhYV2dnbg4ODb29vR0dHQ0NDExcTr6+u6urqPj4/hUtpaAAAAA3RSTlP99Ppq0hvmAAAAhElEQVQoz82S3QqAIAyFT+aysv96/2ctJVprIQRdePBGPr6xjaFMJhsMogRGifvXpIvjFVdrn8KN9ZMsDsLl9pPvvLABrtzaedgc4/CYNtbW80KPwdg9sNNz43SPOFKDAdplzG4XXQ53LlzdmnIhsHYFHseBJPrvWowxRUxYc0xWh/wZ74W1C6tF55PLAAAAAElFTkSuQmCC');
  6189. fill: transparent;
  6190. border: 1px solid #e5e5e5 !important;
  6191. }
  6192. html[dark] yt-icon.ytd-channel-avatar-editor,
  6193. html[dark] yt-icon.ytd-channel-banner-editor-renderer {
  6194. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEX///////////////91dXX8/Pz29vbLy8uBgYGwsLChoaGFhYV2dnbg4ODb29vR0dHQ0NDExcTr6+u6urqPj4/hUtpaAAAAA3RSTlP99Ppq0hvmAAAAhElEQVQoz82S3QqAIAyFT+aysv96/2ctJVprIQRdePBGPr6xjaFMJhsMogRGifvXpIvjFVdrn8KN9ZMsDsLl9pPvvLABrtzaedgc4/CYNtbW80KPwdg9sNNz43SPOFKDAdplzG4XXQ53LlzdmnIhsHYFHseBJPrvWowxRUxYc0xWh/wZ74W1C6tF55PLAAAAAElFTkSuQmCC');
  6195. filter: invert(0.8);
  6196. }
  6197. yt-icon.ytd-channel-banner-editor-renderer {
  6198. position: relative;
  6199. left: auto !important;
  6200. float: right !important;
  6201. right: 0!important;
  6202. }
  6203. #subscriber-count.ytd-c4-tabbed-header-renderer::before {
  6204. content: attr(aria-label);
  6205. position: absolute;
  6206. top: -280px;
  6207. left: -1210px;
  6208. width: 130px !important;
  6209. }
  6210. ytd-button-renderer.style-primary:nth-of-type(2) {
  6211. top: -280px !important;
  6212. left: -960px !important;
  6213. position: relative;
  6214. background-color: transparent !important;
  6215. }
  6216. ytd-comments ytd-button-renderer.style-primary:nth-of-type(2) {
  6217. position: static;
  6218. }
  6219. #header.ytd-browse ytd-button-renderer #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  6220. left: auto !important;
  6221. top: auto !important;
  6222. font-size: 0 !important;
  6223. overflow: hidden !important;
  6224. color: #737373 !important;
  6225. }
  6226. #info #menu ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  6227. color: #000;
  6228. }
  6229. #contentContainer.tp-yt-app-header ytd-button-renderer:nth-of-type(2) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer:hover {
  6230. text-decoration: underline;
  6231. }
  6232. #contentContainer.tp-yt-app-header ytd-button-renderer:nth-of-type(2) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer::after {
  6233. content: "Video Manager";
  6234. font-size: 11px !important;
  6235. margin-left: 5px !important;
  6236. }
  6237. #contentContainer.tp-yt-app-header ytd-button-renderer:nth-of-type(2) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer::before {
  6238. content: "";
  6239. background: url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png)no-repeat -253px -342px;
  6240. width: 10px;
  6241. height: 11px;
  6242. top: 2px !important;
  6243. position: relative;
  6244. display: inline-block;
  6245. }
  6246. html[dark] #subscriber-count.ytd-c4-tabbed-header-renderer::before {
  6247. filter: invert(1);
  6248. }
  6249. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  6250. font-size: 0 !important;
  6251. color: #fff !important;
  6252. filter: invert(0);
  6253. position: absolute;
  6254. left: 34px !important;
  6255. top: -4px !important;
  6256. }
  6257. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer::after {
  6258. font-size: 12px !important;
  6259. color: #fff !important;
  6260. content: "Subscribe";
  6261. line-height: 24px !important;
  6262. width: 63px !important;
  6263. filter: invert(0);
  6264. display: inline-block;
  6265. background-color: #e99482 !important;
  6266. }
  6267. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer::before {
  6268. content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMAgMAAAAWidUSAAAADFBMVEX////plIL3xcL1s68V8u6TAAAAGElEQVQI12NAB2wggvUAiAiAEwfAEugAAEK8AkG61muDAAAAAElFTkSuQmCC');
  6269. filter: brightness(1);
  6270. top: 2px !important;
  6271. left: 2px !important;
  6272. position: relative;
  6273. border-radius: 2px !important;
  6274. background-color: #e99482 !important;
  6275. line-height: 36px !important;
  6276. height: 24px;
  6277. width: 27px !important;
  6278. display: inline-block;
  6279. }
  6280. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer,
  6281. ytd-button-renderer.style-primary:nth-of-type(1) {
  6282. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAABnZ2hnZ2dpaWloaGhnZ2dnZ2dsbGxnZ2dpaGh5eXdmZma6pJpmZmZmZmZpa2vKDH3GAAAADnRSTlMAkOLPvKZid4BRGTcM8Jbx1VoAAACHSURBVAjXYwAC9nfvChgggPXduwAok/ndOwMww2RW3Lt3X1e6MDCwvYOCBIa1MKYOgxyQNBQCEi8Y8t+9e8gAEvjJwK0H0s707tEGBoa+dwIMDIzvnjMgMYEK3itAFCC0fWPoA5qjCDHsEJD89x5kBbLFDC6z4t+9+7jSBe5ITKez//8P8hAAJWxgShrD7JcAAAAASUVORK5CYII=')no-repeat!important;
  6283. border: 0 !important;
  6284. height: 20px;
  6285. width: 20px !important;
  6286. }
  6287. #edit-buttons {
  6288. position: relative;
  6289. left: 27px;
  6290. }
  6291. .subheadline.ytd-channel-about-metadata-renderer {
  6292. margin: 15px 0 5px !important;
  6293. font-weight: 500 !important;
  6294. font-size: 13px !important;
  6295. color: #555 !important;
  6296. }
  6297. #bio.ytd-channel-about-metadata-renderer,
  6298. #description.ytd-channel-about-metadata-renderer {
  6299. font-size: 13px !important;
  6300. color: #555 !important;
  6301. line-height: 1.3em !important;
  6302. }
  6303. #action-buttons.ytd-channel-about-metadata-renderer,
  6304. #primary-items.ytd-channel-sub-menu-renderer #label-icon.yt-dropdown-menu,
  6305. #right-column.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer {
  6306. display: none !important;
  6307. }
  6308. #details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer:nth-of-type(1) {
  6309. display: none !important;
  6310. }
  6311. #right-column.ytd-channel-about-metadata-renderer > yt-formatted-string.ytd-channel-about-metadata-renderer {
  6312. border: 0 !important;
  6313. padding: 0 !important;
  6314. }
  6315. #description-container .subheadline.ytd-channel-about-metadata-renderer {
  6316. margin: 72px 0 24px !important;
  6317. }
  6318. #right-column.ytd-channel-about-metadata-renderer {
  6319. display: flex;
  6320. flex-direction: column;
  6321. left: -850px !important;
  6322. position: relative;
  6323. max-height: 200px;
  6324. }
  6325. #right-column.ytd-channel-about-metadata-renderer .style-scope.ytd-channel-about-metadata-renderer:nth-of-type(2) {
  6326. order: 2;
  6327. font-size: 13px;
  6328. color: #555;
  6329. }
  6330. #right-column.ytd-channel-about-metadata-renderer .style-scope.ytd-channel-about-metadata-renderer:nth-of-type(3) {
  6331. font-size: 13px;
  6332. color: #555;
  6333. font-weight: 500 !important;
  6334. }
  6335. .deemphasize.yt-formatted-string {
  6336. font-size: 13px;
  6337. color: #555 !important;
  6338. font-weight: 500 !important;
  6339. }
  6340. ytd-app #details-container.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer {
  6341. margin: 15px 0 0 !important;
  6342. }
  6343. #details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer {
  6344. height: 34px !important;
  6345. }
  6346. #details-container.ytd-channel-about-metadata-renderer table.ytd-channel-about-metadata-renderer {
  6347. left: -2px !important;
  6348. position: relative !important;
  6349. }
  6350. ytd-app #details-container.ytd-channel-about-metadata-renderer {
  6351. padding-bottom: 10px !important;
  6352. }
  6353. ytd-browse[page-subtype~=channels] ytd-two-column-browse-results-renderer.ytd-browse {
  6354. min-height: auto !important;
  6355. overflow: hidden !important;
  6356. }
  6357. @media (max-width: 1599px) {
  6358. #right-column.ytd-channel-about-metadata-renderer {
  6359. left: -714px !important;
  6360. }
  6361. }
  6362. #link-list-container.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer {
  6363. color: #167ac6 !important;
  6364. cursor: pointer !important;
  6365. font-weight: 500 !important;
  6366. margin-bottom: 5px !important;
  6367. }
  6368. [page-subtype=channels] ytd-section-list-renderer #header-container {
  6369. margin-bottom: 10px;
  6370. }
  6371. [page-subtype=channels] ytd-section-list-renderer #header-container ytd-channel-sub-menu-renderer {
  6372. border-bottom: 1px solid #e2e2e2;
  6373. padding-bottom: 2px;
  6374. }
  6375. html[dark] #meta .ytd-video-secondary-info-renderer tp-yt-paper-button.ytd-expander,
  6376. html[dark] [page-subtype=channels] ytd-section-list-renderer #header-container ytd-channel-sub-menu-renderer {
  6377. border-color: var(--yt-spec-10-percent-layer);
  6378. }
  6379. ytd-channel-sub-menu-renderer {
  6380. margin: 0 !important;
  6381. height: 48px !important;
  6382. }
  6383. [page-subtype=channels] yt-dropdown-menu.has-items #label-text.yt-dropdown-menu,
  6384. [page-subtype=channels] ytd-channel-sub-menu-renderer #icon-label.yt-dropdown-menu {
  6385. color: #333;
  6386. font-size: 11px !important;
  6387. font-weight: 500 !important;
  6388. border: 1px solid #d3d3d3;
  6389. background: #f8f8f8;
  6390. line-height: 28px !important;
  6391. padding: 0 10px !important;
  6392. border-radius: 2px !important;
  6393. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !important;
  6394. }
  6395. [page-subtype=channels] yt-dropdown-menu.has-items #label-text.yt-dropdown-menu::after,
  6396. [page-subtype=channels] ytd-channel-sub-menu-renderer #icon-label.yt-dropdown-menu::after {
  6397. content: "";
  6398. margin-top: -3px;
  6399. margin-left: 5px;
  6400. border: 1px solid transparent;
  6401. border-top-color: #333;
  6402. border-width: 4px 4px 0;
  6403. width: 0;
  6404. height: 0;
  6405. top: 7px !important;
  6406. position: relative;
  6407. }
  6408. [page-subtype=channels] ytd-channel-sub-menu-renderer #icon-label.yt-dropdown-menu {
  6409. color: #333 !important;
  6410. text-transform: none;
  6411. }
  6412. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #icon-label.yt-dropdown-menu,
  6413. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #label-text.yt-dropdown-menu {
  6414. color: #fff !important;
  6415. background: #1c1c1c !important;
  6416. border-color: #333 !important;
  6417. }
  6418. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #icon-label.yt-dropdown-menu:hover,
  6419. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #label-text.yt-dropdown-menu:hover {
  6420. border-color: #3c3c3c !important;
  6421. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  6422. background-color: #444 !important;
  6423. }
  6424. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #icon-label.yt-dropdown-menu::after,
  6425. html[dark] [page-subtype=channels] yt-dropdown-menu.has-items #label-text.yt-dropdown-menu::after {
  6426. border-top-color: #fff;
  6427. }
  6428. [page-subtype=channels] yt-dropdown-menu:not(.has-items) #label-text.yt-dropdown-menu {
  6429. font-weight: 500 !important;
  6430. color: #333 !important;
  6431. font-size: 15px !important;
  6432. }
  6433. [page-subtype=playlist] {
  6434. margin: 0;
  6435. left: 0;
  6436. padding: 0;
  6437. }
  6438. ytd-browse ytd-playlist-sidebar-renderer.ytd-browse {
  6439. position: relative;
  6440. left: 0 !important;
  6441. right: 0;
  6442. padding: 15px;
  6443. height: auto;
  6444. width: 100%;
  6445. max-width: 1262px;
  6446. background: #fff;
  6447. margin: 40px auto 0;
  6448. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  6449. min-height: 144px;
  6450. overflow: visible;
  6451. }
  6452. html[dark] ytd-browse ytd-playlist-sidebar-renderer.ytd-browse {
  6453. background: #212121 !important;
  6454. }
  6455. ytd-playlist-sidebar-primary-info-renderer[responsive] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer,
  6456. ytd-playlist-sidebar-primary-info-renderer[responsive] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer img {
  6457. width: 224px !important;
  6458. height: 114px !important;
  6459. margin: 0 !important;
  6460. position: absolute !important;
  6461. }
  6462. ytd-playlist-sidebar-primary-info-renderer[responsive] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer #overlays {
  6463. display: none;
  6464. }
  6465. #menu.ytd-playlist-sidebar-primary-info-renderer,
  6466. #play-buttons.ytd-playlist-sidebar-primary-info-renderer,
  6467. #privacy-stats.ytd-playlist-sidebar-primary-info-renderer,
  6468. #stats.ytd-playlist-sidebar-primary-info-renderer,
  6469. #title.ytd-playlist-sidebar-primary-info-renderer,
  6470. ytd-expander.ytd-playlist-sidebar-primary-info-renderer,
  6471. ytd-inline-form-renderer#title-form.ytd-playlist-sidebar-primary-info-renderer {
  6472. display: block !important;
  6473. margin-left: 234px !important;
  6474. margin-bottom: 0 !important;
  6475. }
  6476. #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) {
  6477. border-bottom: 0 !important;
  6478. width: 100%;
  6479. }
  6480. #title.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  6481. color: #333 !important;
  6482. font-size: 20px;
  6483. font-weight: 500;
  6484. line-height: 33px;
  6485. }
  6486. html[dark] #title.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string,
  6487. html[dark] [page-subtype=playlist] #video-title.ytd-playlist-video-renderer {
  6488. color: #fff !important;
  6489. }
  6490. #stats.ytd-playlist-sidebar-primary-info-renderer {
  6491. color: #767676;
  6492. margin-top: 0;
  6493. font-size: 12px !important;
  6494. line-height: 1;
  6495. }
  6496. ytd-expander.ytd-playlist-sidebar-primary-info-renderer #description {
  6497. color: #767676;
  6498. margin-top: 0;
  6499. font-size: 12px !important;
  6500. line-height: 1;
  6501. margin-bottom: 0;
  6502. }
  6503. ytd-playlist-sidebar-secondary-info-renderer {
  6504. padding: 0 !important;
  6505. position: fixed;
  6506. top: 50px;
  6507. background: #fff;
  6508. width: calc(100% - 232px);
  6509. left: 231px;
  6510. border-bottom: 1px solid #e8e8e8;
  6511. z-index: 1024;
  6512. }
  6513. html[dark] ytd-playlist-sidebar-secondary-info-renderer {
  6514. background: #212121 !important;
  6515. border-bottom-color: rgba(255, 255, 255, 0.1);
  6516. }
  6517. [mini-guide-visible] ytd-playlist-sidebar-secondary-info-renderer {
  6518. left: 73px;
  6519. width: calc(100% - 73px);
  6520. }
  6521. #owner-container.ytd-playlist-sidebar-secondary-info-renderer {
  6522. margin-bottom: 0 !important;
  6523. margin-top: 2px;
  6524. padding-right: 20px;
  6525. padding-left: 10px;
  6526. }
  6527. #owner-container.ytd-playlist-sidebar-secondary-info-renderer #avatar.ytd-video-owner-renderer,
  6528. #owner-container.ytd-playlist-sidebar-secondary-info-renderer #avatar.ytd-video-owner-renderer img {
  6529. width: 36px !important;
  6530. height: 36px !important;
  6531. }
  6532. ytd-browse[page-subtype=show][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse,
  6533. ytd-browse[responsive-playlist][page-subtype=playlist][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
  6534. padding: 0 !important;
  6535. width: 1262px;
  6536. margin: 0 auto;
  6537. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  6538. margin-top: 0 !important;
  6539. }
  6540. [page-subtype=playlist] ytd-playlist-video-renderer:hover:not(.dragging) {
  6541. background: 0 0;
  6542. }
  6543. [page-subtype=playlist] ytd-playlist-video-renderer {
  6544. border-bottom: 1px solid #e2e2e2;
  6545. }
  6546. [page-subtype=playlist] #content.ytd-playlist-video-renderer {
  6547. border: 0;
  6548. padding: 15px 0;
  6549. }
  6550. /*
  6551. [page-subtype=playlist] ytd-thumbnail.ytd-playlist-video-renderer,
  6552. ytd-thumbnail.ytd-playlist-video-renderer img {
  6553. height: 40.5px;
  6554. width: 72px;
  6555. }
  6556. */
  6557. /*
  6558. [page-subtype=channels] ytd-comments-header-renderer,
  6559. [page-subtype=playlist] #text.ytd-alert-with-button-renderer {
  6560. display: none !important;
  6561. }
  6562. */
  6563. [page-subtype=playlist] #dismiss-button,
  6564. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer button {
  6565. display: none;
  6566. }
  6567. [page-subtype=playlist] #video-title.ytd-playlist-video-renderer {
  6568. color: #333;
  6569. display: inline-block;
  6570. font-size: 13px;
  6571. font-weight: 500;
  6572. line-height: 1.1;
  6573. }
  6574. [page-subtype=playlist] ytd-playlist-video-renderer:hover #content.ytd-playlist-video-renderer {
  6575. border: 0;
  6576. }
  6577. [page-subtype=playlist] ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block {
  6578. font: 12px roboto;
  6579. }
  6580. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer a {
  6581. display: inline-block;
  6582. height: 28px;
  6583. border: solid 1px #d3d3d3;
  6584. padding: 0 10px;
  6585. border-radius: 2px;
  6586. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  6587. background: #f8f8f8;
  6588. color: #333;
  6589. margin-right: 10px;
  6590. margin-top: 10px;
  6591. margin-bottom: 10px;
  6592. }
  6593. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer a:hover,
  6594. ytd-playlist-sidebar-primary-info-renderer:hover #edit-button yt-icon-button:hover {
  6595. border-color: #c6c6c6;
  6596. background: #f0f0f0;
  6597. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  6598. }
  6599. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer a:active,
  6600. ytd-playlist-sidebar-primary-info-renderer:hover #edit-button yt-icon-button:active {
  6601. border-color: #c6c6c6;
  6602. background: #e9e9e9;
  6603. box-shadow: inset 0 1px 0#ddd;
  6604. }
  6605. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer #button.ytd-toggle-button-renderer,
  6606. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer yt-icon-button.ytd-button-renderer {
  6607. padding: 0;
  6608. width: 13px;
  6609. height: 13px;
  6610. vertical-align: middle;
  6611. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKclzgY.webp) -812px -38px;
  6612. opacity: 0.5;
  6613. }
  6614. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer.style-text yt-icon-button.ytd-button-renderer {
  6615. background-position: -750px -19px;
  6616. width: 13px;
  6617. height: 17px;
  6618. }
  6619. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer:nth-child(3) yt-icon-button.ytd-button-renderer {
  6620. background-position: -746px -109px;
  6621. width: 10px;
  6622. height: 17px;
  6623. }
  6624. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer.style-text a::after {
  6625. content: "Shuffle";
  6626. }
  6627. [page-subtype=playlist] #top-level-buttons-computed ytd-toggle-button-renderer.ytd-menu-renderer a::after {
  6628. content: "Save" !important;
  6629. }
  6630. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer:nth-child(3) a::after {
  6631. content: "Share";
  6632. }
  6633. [page-subtype=playlist] #top-level-buttons-computed .ytd-menu-renderer a::after {
  6634. display: inline-block;
  6635. font: 500 11px roboto;
  6636. color: #333;
  6637. line-height: 28px;
  6638. margin-left: 5px;
  6639. }
  6640. [page-subtype=playlist] #top-level-buttons-computed.ytd-menu-renderer:not(:empty) + #button.ytd-menu-renderer {
  6641. margin-top: 12px;
  6642. }
  6643. .more-button.ytd-playlist-sidebar-primary-info-renderer {
  6644. margin: 5px 0 0;
  6645. color: #167ac6 !important;
  6646. text-transform: none;
  6647. }
  6648. yt-img-shadow.ytd-playlist-video-thumbnail-renderer {
  6649. transform: none !important;
  6650. top: 0 !important;
  6651. }
  6652. ytd-playlist-sidebar-renderer[standardized-themed-scrollbar] {
  6653. overflow-y: visible;
  6654. }
  6655. @media (max-width: 1600px) {
  6656. ytd-browse ytd-playlist-sidebar-renderer.ytd-browse,
  6657. ytd-browse[page-subtype=show][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse,
  6658. ytd-browse[responsive-playlist][page-subtype=playlist][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
  6659. width: 1056px !important;
  6660. }
  6661. }
  6662. @media (max-width: 1160px) {
  6663. ytd-browse ytd-playlist-sidebar-renderer.ytd-browse,
  6664. ytd-browse[page-subtype=show][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse,
  6665. ytd-browse[responsive-playlist][page-subtype=playlist][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
  6666. width: 800px !important;
  6667. }
  6668. }
  6669. #content-attachment.ytd-backstage-post-renderer,
  6670. #content-attachment.ytd-backstage-post-renderer img.yt-img-shadow {
  6671. max-width: 75%;
  6672. max-height: 420px !important;
  6673. border-radius: 0 !important;
  6674. float: left;
  6675. }
  6676. #author-thumbnail.ytd-backstage-post-renderer,
  6677. #author-thumbnail.ytd-backstage-post-renderer img.yt-img-shadow {
  6678. height: 48px !important;
  6679. width: 48px !important;
  6680. left: -6px !important;
  6681. overflow: visible;
  6682. position: relative;
  6683. }
  6684. #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer {
  6685. height: 48px !important;
  6686. width: 48px !important;
  6687. left: -6px !important;
  6688. position: relative;
  6689. overflow: visible !important;
  6690. }
  6691. #author-text.yt-simple-endpoint.ytd-backstage-post-renderer {
  6692. color: #128ee9 !important;
  6693. font-weight: 500 !important;
  6694. text-decoration: none !important;
  6695. }
  6696. html:not([dark]) ytd-app yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  6697. color: #767676;
  6698. }
  6699. #published-time-text.ytd-backstage-post-renderer {
  6700. color: #767676 !important;
  6701. font-size: 11px !important;
  6702. }
  6703. #published-time-text.ytd-backstage-post-renderer:hover {
  6704. color: #767676 !important;
  6705. }
  6706. html:not([dark]) yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover,
  6707. html:not([dark]) ytd-app #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  6708. color: #767676 !important;
  6709. }
  6710. #main.ytd-backstage-post-renderer {
  6711. left: -4px !important;
  6712. position: relative;
  6713. top: -4px !important;
  6714. }
  6715. #content-text.ytd-backstage-post-renderer {
  6716. color: #000 !important;
  6717. line-height: normal !important;
  6718. }
  6719. .less-button.ytd-backstage-post-renderer,
  6720. .more-button.ytd-backstage-post-renderer {
  6721. color: #167ac6 !important;
  6722. font-weight: normal !important;
  6723. font-size: 12px !important;
  6724. }
  6725. #reply-button-end #button.size-default.style-default.ytd-button-renderer.style-scope,
  6726. .badge-style-type-members-only.ytd-badge-supported-renderer {
  6727. display: none !important;
  6728. }
  6729. [page-subtype=channels] ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer {
  6730. font-size: 0 !important;
  6731. }
  6732. [page-subtype=channels] ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer::after {
  6733. content: "Comment •";
  6734. font-size: 13px !important;
  6735. color: #555 !important;
  6736. font-weight: normal !important;
  6737. letter-spacing: 0 !important;
  6738. opacity: 0.75 !important;
  6739. top: 2px !important;
  6740. position: relative;
  6741. }
  6742. #content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer,
  6743. #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer {
  6744. background: 0 0 !important;
  6745. border: 1px solid #ddd !important;
  6746. }
  6747. ytd-app ytd-video-renderer[is-backstage-video] img.yt-img-shadow {
  6748. max-width: 100% !important;
  6749. }
  6750. [page-subtype=channels] .text-wrapper.ytd-video-renderer {
  6751. top: 0 !important;
  6752. }
  6753. #content-attachment #metadata.ytd-video-meta-block {
  6754. flex-direction: column !important;
  6755. }
  6756. ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
  6757. flex-direction: row !important;
  6758. }
  6759. #content-attachment #separator.ytd-video-meta-block,
  6760. [page-subtype=history] yt-icon-button.dropdown-trigger {
  6761. display: none !important;
  6762. }
  6763. #content-attachment #description-text.ytd-video-renderer {
  6764. padding-top: 0 !important;
  6765. }
  6766. ytd-video-renderer[is-backstage-video] #video-title.ytd-video-renderer {
  6767. color: #333 !important;
  6768. }
  6769. tp-yt-paper-listbox tp-yt-paper-item yt-icon {
  6770. display: block !important;
  6771. }
  6772. yt-icon.checked.ytd-backstage-poll-renderer {
  6773. color: transparent !important;
  6774. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-comments-vflVHNGhW.webp) -171px 1px;
  6775. background-size: auto;
  6776. width: 12px;
  6777. height: 12px;
  6778. }
  6779. yt-icon.ytd-backstage-poll-renderer {
  6780. padding: 0 !important;
  6781. }
  6782. .progress-bar.style-scope.ytd-backstage-poll-renderer {
  6783. height: 24px !important;
  6784. }
  6785. .choice-info.style-scope.ytd-backstage-poll-renderer,
  6786. .vote-choice.ytd-backstage-poll-renderer {
  6787. height: 24px !important;
  6788. }
  6789. .text-area.ytd-backstage-poll-renderer,
  6790. ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] {
  6791. margin: 0 !important;
  6792. }
  6793. ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-info.ytd-backstage-poll-renderer,
  6794. ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[show-percentage] .choice-info.ytd-backstage-poll-renderer {
  6795. border: 0 !important;
  6796. }
  6797. tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer {
  6798. background-color: #def0ff !important;
  6799. }
  6800. tp-yt-paper-item.ytd-backstage-poll-renderer:not([selected]) .progress-bar.ytd-backstage-poll-renderer {
  6801. background-color: transparent !important;
  6802. }
  6803. .choice-text.ytd-backstage-poll-renderer {
  6804. font-size: 11px !important;
  6805. font-weight: 500 !important;
  6806. line-height: 24px !important;
  6807. margin: 0 0 0 32px !important;
  6808. }
  6809. .vote-percentage.ytd-backstage-poll-renderer {
  6810. line-height: 24px !important;
  6811. position: absolute !important;
  6812. }
  6813. tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-text.ytd-backstage-poll-renderer {
  6814. color: #128ee9 !important;
  6815. }
  6816. .vote-choice.ytd-backstage-poll-renderer {
  6817. width: 437px !important;
  6818. left: 10px !important;
  6819. }
  6820. tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .vote-percentage.ytd-backstage-poll-renderer {
  6821. color: #128ee9 !important;
  6822. font-size: 11px !important;
  6823. font-weight: 500 !important;
  6824. left: -30px !important;
  6825. }
  6826. .check-icons.ytd-backstage-poll-renderer {
  6827. height: 14px !important;
  6828. min-width: 14px !important;
  6829. background: #fff;
  6830. left: 21px;
  6831. z-index: 1;
  6832. border-radius: 14px;
  6833. }
  6834. #poll-votes.ytd-backstage-poll-renderer {
  6835. left: 25px !important;
  6836. padding: 0 !important;
  6837. position: relative;
  6838. }
  6839. tp-yt-paper-item.ytd-backstage-poll-renderer:not([selected]) .vote-percentage.ytd-backstage-poll-renderer {
  6840. color: #000 !important;
  6841. font-size: 11px !important;
  6842. font-weight: 500 !important;
  6843. left: -30px !important;
  6844. }
  6845. tp-yt-paper-item.ytd-backstage-poll-renderer:not([selected]) yt-icon.ytd-backstage-poll-renderer {
  6846. color: transparent !important;
  6847. border-radius: 12px;
  6848. border-color: #767676;
  6849. border-style: solid;
  6850. border-width: 1px;
  6851. height: 12px !important;
  6852. width: 12px !important;
  6853. }
  6854. #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer {
  6855. padding-bottom: 3px !important;
  6856. height: 24px !important;
  6857. }
  6858. ytd-backstage-poll-renderer:not([is-image-poll]) .choice-info.ytd-backstage-poll-renderer {
  6859. border: 0 !important;
  6860. }
  6861. #vote-info.ytd-backstage-poll-renderer {
  6862. display: none !important;
  6863. }
  6864. html:not([dark]) tp-yt-iron-overlay-backdrop {
  6865. background: rgba(255, 255, 255, 0.8) !important;
  6866. }
  6867. ytd-app ytd-add-to-playlist-renderer[dialog] {
  6868. background: #fff;
  6869. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  6870. }
  6871. ytd-app #title.ytd-add-to-playlist-renderer {
  6872. padding: 6px 8px;
  6873. font-size: 13px;
  6874. font-weight: 500;
  6875. }
  6876. ytd-app #checkbox.tp-yt-paper-checkbox {
  6877. border: 1px solid #ddd;
  6878. border-radius: 0;
  6879. height: 18px;
  6880. width: 18px;
  6881. }
  6882. #checkbox.tp-yt-paper-checkbox:active,
  6883. ytd-app #checkbox.checked.tp-yt-paper-checkbox {
  6884. border: 1px solid #1c62b9;
  6885. background: 0 0;
  6886. color: #1c62b9;
  6887. fill: #1c62b9;
  6888. }
  6889. ytd-app #checkbox.checked.tp-yt-paper-checkbox #checkmark.tp-yt-paper-checkbox {
  6890. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflgGT3Hj.png) 0 -42px;
  6891. background-size: auto;
  6892. width: 14px;
  6893. height: 14px;
  6894. animation: none;
  6895. rotate: none;
  6896. border: 0;
  6897. }
  6898. ytd-app #checkboxLabel.tp-yt-paper-checkbox {
  6899. padding-left: 5px;
  6900. }
  6901. ytd-app #playlists.ytd-add-to-playlist-renderer {
  6902. padding: 6px 8px;
  6903. }
  6904. ytd-app ytd-add-to-playlist-renderer[increased-tap-target] #playlists.ytd-add-to-playlist-renderer > .ytd-add-to-playlist-renderer:not(:last-child) {
  6905. margin-bottom: 5px;
  6906. }
  6907. ytd-app yt-share-target-renderer yt-icon.yt-share-target-renderer {
  6908. --iron-icon-height: 32px;
  6909. --iron-icon-width: 32px;
  6910. margin: 0;
  6911. }
  6912. ytd-app #title.yt-share-target-renderer {
  6913. width: 36px;
  6914. }
  6915. #bar.yt-copy-link-renderer {
  6916. background-color: var(--ytd-searchbox-background);
  6917. border: 1px solid var(--ytd-searchbox-legacy-border-color);
  6918. }
  6919. #edit-button yt-icon {
  6920. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-watchedit-vflxUZcSA.png) 0 -113px;
  6921. background-size: auto;
  6922. width: 24px;
  6923. height: 24px;
  6924. fill: none;
  6925. filter: invert(1);
  6926. opacity: 0.5;
  6927. }
  6928. #edit-button yt-icon-button {
  6929. height: 28px;
  6930. padding: 0;
  6931. width: 36px;
  6932. border: 1px solid transparent;
  6933. }
  6934. ytd-playlist-sidebar-primary-info-renderer:hover #edit-button yt-icon-button {
  6935. border: solid 1px #d3d3d3;
  6936. border-radius: 2px;
  6937. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  6938. background: #f8f8f8;
  6939. }
  6940. ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER] #edit-button.ytd-inline-form-renderer {
  6941. margin-top: 0 !important;
  6942. }
  6943. .ytd-privacy-dropdown-item-renderer yt-icon {
  6944. background: url(https://s.ytimg.com/yts/imgbin/www-videomanager-vflsrtxCf.webp) -28px -1264px;
  6945. fill: none;
  6946. width: 18px;
  6947. height: 18px;
  6948. }
  6949. ytd-privacy-dropdown-item-renderer:nth-child(2) yt-icon {
  6950. background-position: 0 -261px;
  6951. }
  6952. ytd-privacy-dropdown-item-renderer:nth-child(3) yt-icon {
  6953. background-position: -28px -642px;
  6954. }
  6955. ytd-app ytd-playlist-sidebar-primary-info-renderer #save-button {
  6956. position: static;
  6957. background-color: #167ac6;
  6958. border: solid 1px #167ac6;
  6959. color: #fff;
  6960. padding: 0;
  6961. height: 26px;
  6962. margin-left: 5px;
  6963. border-radius: 2px;
  6964. margin-right: 0 !important;
  6965. box-shadow: 0 1px 0 rgb(0 0 0/5%) !important;
  6966. }
  6967. ytd-app ytd-playlist-sidebar-primary-info-renderer #save-button:hover {
  6968. background: #126db3 !important;
  6969. }
  6970. ytd-app ytd-playlist-sidebar-primary-info-renderer #save-button:active {
  6971. background: #095b99 !important;
  6972. box-shadow: inset 0 1px 0 rgb(0 0 0/50%) !important;
  6973. }
  6974. ytd-app ytd-playlist-sidebar-primary-info-renderer #save-button tp-yt-paper-button {
  6975. padding: 0;
  6976. width: max-content;
  6977. line-height: 26px;
  6978. }
  6979. ytd-app ytd-playlist-sidebar-primary-info-renderer #edit-buttons {
  6980. left: 0;
  6981. }
  6982. .badge.ytd-badge-supported-renderer:not(.badge-style-type-verified):not(.badge-style-type-collection):not(.badge-style-type-verified-artist) {
  6983. background: 0 0;
  6984. border: 1px solid #ddd;
  6985. padding: 0 4px;
  6986. height: 14px;
  6987. }
  6988. html[dark] .badge.ytd-badge-supported-renderer:not(.badge-style-type-verified):not(.badge-style-type-collection):not(.badge-style-type-verified-artist) {
  6989. border-color: #444;
  6990. }
  6991. .badge.ytd-badge-supported-renderer span {
  6992. text-transform: uppercase;
  6993. font: 11px roboto;
  6994. }
  6995. .badge-style-type-live-now.ytd-badge-supported-renderer:not(.badge-style-type-verified) {
  6996. border-color: #b91f1f !important;
  6997. color: #b91f1f;
  6998. }
  6999. ytd-expander.ytd-video-secondary-info-renderer ytd-metadata-row-container-renderer ytd-metadata-row-header-renderer {
  7000. padding: 0;
  7001. }
  7002. .super-title.ytd-video-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string {
  7003. color: #000 !important;
  7004. background-color: #f1f1f1;
  7005. border-radius: 2px;
  7006. padding: 0 4px;
  7007. margin-right: 6px;
  7008. }
  7009. #info #menu ytd-button-renderer yt-formatted-string.ytd-button-renderer,
  7010. #info ytd-toggle-button-renderer.style-default-active a #text,
  7011. #info ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer {
  7012. font-size: 11px !important;
  7013. }
  7014. ytd-button-renderer.ytd-item-section-renderer,
  7015. ytd-compact-movie-renderer.ytd-item-section-renderer,
  7016. ytd-compact-playlist-renderer.ytd-item-section-renderer,
  7017. ytd-compact-radio-renderer.ytd-item-section-renderer,
  7018. ytd-compact-video-renderer.ytd-item-section-renderer,
  7019. ytd-emergency-onebox-renderer.ytd-item-section-renderer,
  7020. ytd-movie-renderer.ytd-item-section-renderer,
  7021. ytd-playlist-renderer.ytd-item-section-renderer,
  7022. ytd-radio-renderer.ytd-item-section-renderer,
  7023. ytd-show-renderer.ytd-item-section-renderer {
  7024. margin-top: 15px !important;
  7025. }
  7026. ytd-button-renderer.ytd-item-section-renderer:first-child,
  7027. ytd-compact-movie-renderer.ytd-item-section-renderer:first-child,
  7028. ytd-compact-playlist-renderer.ytd-item-section-renderer:first-child,
  7029. ytd-compact-radio-renderer.ytd-item-section-renderer:first-child,
  7030. ytd-emergency-onebox-renderer.ytd-item-section-renderer:first-child,
  7031. ytd-movie-renderer.ytd-item-section-renderer:first-child,
  7032. ytd-playlist-renderer.ytd-item-section-renderer:first-child,
  7033. ytd-radio-renderer.ytd-item-section-renderer:first-child,
  7034. ytd-show-renderer.ytd-item-section-renderer:first-child {
  7035. margin-top: 0 !important;
  7036. }
  7037. ytd-playlist-panel-renderer[collapsible] .title.ytd-playlist-panel-renderer {
  7038. color: #fff !important;
  7039. font-size: 15px !important;
  7040. font-weight: normal !important;
  7041. }
  7042. ytd-settings-sidebar-renderer #label {
  7043. font: normal 13px roboto !important;
  7044. line-height: 20px !important;
  7045. color: #222;
  7046. }
  7047. html[dark] ytd-settings-sidebar-renderer #label,
  7048. html[dark] ytd-browse #title.ytd-settings-sidebar-renderer {
  7049. color: var(--yt-spec-text-primary);
  7050. }
  7051. ytd-settings-sidebar-renderer ytd-compact-link-renderer[compact-link-style] tp-yt-paper-item.ytd-compact-link-renderer {
  7052. padding: 0 6px;
  7053. height: 28px !important;
  7054. }
  7055. ytd-browse ytd-settings-sidebar-renderer,
  7056. ytd-settings-sidebar-renderer {
  7057. width: 186px;
  7058. background: var(--yt-spec-brand-background-solid);
  7059. padding: 0 22px;
  7060. box-sizing: content-box;
  7061. border-right: 1px solid #e8e8e8;
  7062. margin-top: -14px;
  7063. }
  7064. html[dark] ytd-browse ytd-settings-sidebar-renderer,
  7065. html[dark] ytd-settings-sidebar-renderer {
  7066. border-right: none;
  7067. }
  7068. ytd-browse #title.ytd-settings-sidebar-renderer {
  7069. padding: 5px 0 12px;
  7070. font-size: 16px;
  7071. color: #222;
  7072. text-transform: none;
  7073. }
  7074. ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"][active] #label.ytd-compact-link-renderer {
  7075. font-weight: 500 !important;
  7076. }
  7077. html:not([dark]) #meta #top-row ytd-video-owner-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  7078. color: #111 !important;
  7079. }
  7080. #meta .ytd-video-secondary-info-renderer tp-yt-paper-button.ytd-expander {
  7081. width: 100%;
  7082. border-top: 1px solid #e2e2e2;
  7083. padding-top: 2px;
  7084. margin-bottom: 0 !important;
  7085. border-radius: 0;
  7086. margin-top: 15px !important;
  7087. height: 28px;
  7088. }
  7089. #meta .ytd-video-secondary-info-renderer tp-yt-paper-button.ytd-expander:hover yt-formatted-string {
  7090. color: #222;
  7091. }
  7092. [page-subtype=history] #header-container,
  7093. [page-subtype=history] #title.ytd-sub-feed-selector-renderer {
  7094. display: none;
  7095. }
  7096. a.yt-simple-endpoint.ytd-sub-feed-option-renderer {
  7097. flex: none;
  7098. }
  7099. ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer {
  7100. display: inline-block;
  7101. padding: 0 !important;
  7102. border: 0 !important;
  7103. }
  7104. ytd-app ytd-two-column-browse-results-renderer[page-subtype=history] #secondary.ytd-two-column-browse-results-renderer {
  7105. background: 0 0;
  7106. position: absolute;
  7107. left: 0;
  7108. max-height: 102px !important;
  7109. }
  7110. ytd-two-column-browse-results-renderer[page-subtype=history] {
  7111. position: relative;
  7112. margin-top: 0 !important;
  7113. }
  7114. ytd-two-column-browse-results-renderer[page-subtype=history][has-secondary-column-data] #primary.ytd-two-column-browse-results-renderer {
  7115. padding: 80px 0 0 !important;
  7116. }
  7117. [page-subtype=history] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer {
  7118. padding: 0 !important;
  7119. margin: 0;
  7120. width: 100% !important;
  7121. }
  7122. [page-subtype=history] ytd-search-box-renderer {
  7123. margin: 0 5px 0 0;
  7124. display: block;
  7125. width: 200px;
  7126. right: 0;
  7127. left: auto;
  7128. position: absolute;
  7129. }
  7130. [page-subtype=history] ytd-sub-feed-selector-renderer {
  7131. padding: 10px 20px 0;
  7132. border-bottom: 1px solid #e2e2e2;
  7133. width: 100% !important;
  7134. box-sizing: border-box;
  7135. }
  7136. [dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer,
  7137. [dark] [page-subtype=history] ytd-sub-feed-selector-renderer {
  7138. border-color: #333;
  7139. }
  7140. [dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button,
  7141. [dark] [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  7142. border-color: #333;
  7143. background: #1c1c1c;
  7144. }
  7145. [dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button:hover,
  7146. [dark] [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer:hover {
  7147. border-color: #3c3c3c !important;
  7148. box-shadow: 0 1px 0 rgb(0 0 0/10%) !important;
  7149. background-color: #444;
  7150. }
  7151. html[dark] .ytdl-link-btn {
  7152. color: #fff;
  7153. border-color: #333;
  7154. }
  7155. [page-subtype=history] tp-yt-paper-input.ytd-search-box-renderer {
  7156. margin: 0;
  7157. width: 200px !important;
  7158. }
  7159. [page-subtype=history] ytd-sub-feed-selector-renderer #radioLabel.tp-yt-paper-radio-button {
  7160. font: 500 13px roboto;
  7161. height: 28px;
  7162. border-bottom: 3px solid transparent;
  7163. padding: 0 3px;
  7164. }
  7165. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer yt-icon,
  7166. [page-subtype=history] ytd-sub-feed-selector-renderer #radioContainer.tp-yt-paper-radio-button {
  7167. display: none;
  7168. }
  7169. [page-subtype=history] ytd-sub-feed-selector-renderer #radioLabel.tp-yt-paper-radio-button:hover,
  7170. [page-subtype=history] ytd-sub-feed-selector-renderer [aria-checked=true] #radioLabel.tp-yt-paper-radio-button {
  7171. border-bottom-color: red;
  7172. }
  7173. [page-subtype=history] ytd-sub-feed-option-renderer {
  7174. padding-right: 23px !important;
  7175. }
  7176. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer {
  7177. display: inline-block !important;
  7178. width: 100% !important;
  7179. padding-bottom: 10px;
  7180. border-bottom: 1px solid #e2e2e2;
  7181. }
  7182. [page-subtype=history] .text-wrapper.ytd-video-renderer,
  7183. [page-subtype=history] ytd-video-renderer:not([use-prominent-thumbs]) {
  7184. max-width: none;
  7185. }
  7186. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button,
  7187. [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  7188. background: #f8f8f8;
  7189. color: #333;
  7190. height: 28px !important;
  7191. border: solid 1px #d3d3d3;
  7192. padding: 0 10px !important;
  7193. outline: 0;
  7194. font: 500 11px roboto;
  7195. border-radius: 2px;
  7196. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  7197. margin-left: 10px;
  7198. vertical-align: middle;
  7199. text-align: center;
  7200. line-height: 24px;
  7201. }
  7202. ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  7203. height: 26px !important;
  7204. }
  7205. [page-subtype=history] ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer {
  7206. font: 500 11px roboto;
  7207. color: #333;
  7208. line-height: 28px;
  7209. }
  7210. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer:nth-child(3) {
  7211. margin-left: 10px;
  7212. }
  7213. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button yt-formatted-string {
  7214. margin-left: 0 !important;
  7215. }
  7216. .ytd-two-column-search-results-renderer ytd-playlist-renderer #title.ytd-child-video-renderer #length.ytd-child-video-renderer {
  7217. color: #767676 !important;
  7218. font: 11px roboto !important;
  7219. }
  7220. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button:hover,
  7221. [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer:hover {
  7222. border-color: #c6c6c6;
  7223. background: #f0f0f0;
  7224. box-shadow: 0 1px 0 rgb(0 0 0/10%);
  7225. }
  7226. [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button:active,
  7227. [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer:active {
  7228. border-color: #c6c6c6;
  7229. background: #e9e9e9;
  7230. box-shadow: inset 0 1px 0#ddd;
  7231. }
  7232. #input-container yt-live-chat-author-chip,
  7233. [page-subtype=history] #subtitle.ytd-compact-link-renderer,
  7234. [page-subtype=history] ytd-search-box-renderer .prefix,
  7235. [page-subtype=history] ytd-search-box-renderer .suffix,
  7236. ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #call-to-action.ytd-rich-metadata-renderer yt-icon {
  7237. display: none;
  7238. }
  7239. [page-subtype=history] #primary-text-container.ytd-compact-link-renderer,
  7240. [page-subtype=history] ytd-browse-feed-actions-renderer * {
  7241. display: inline-block;
  7242. flex: none;
  7243. }
  7244. ytd-item-section-header-renderer[title-style=ITEM_SECTION_HEADER_TITLE_STYLE_HISTORY] #title.ytd-item-section-header-renderer {
  7245. font: bold 13px arial;
  7246. padding-bottom: 0 !important;
  7247. }
  7248. [page-subtype=history] .input-content.tp-yt-paper-input-container {
  7249. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.05);
  7250. border: 1px solid #d3d3d3;
  7251. color: #333;
  7252. padding: 5px 10px 6px;
  7253. }
  7254. [page-subtype=history] .input-content.tp-yt-paper-input-container.focused {
  7255. border-color: #167ac6;
  7256. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  7257. }
  7258. [page-subtype=history] .input-content.tp-yt-paper-input-container #paper-input-label-1 {
  7259. margin: -1px 4px;
  7260. color: #333;
  7261. }
  7262. [page-subtype=history] .input-content.tp-yt-paper-input-container input {
  7263. color: #333;
  7264. }
  7265. html[dark] [page-subtype=history] .input-content.tp-yt-paper-input-container {
  7266. background: #1c1c1c;
  7267. border-color: #333;
  7268. }
  7269. [page-subtype=history] ytd-item-section-renderer:nth-of-type(1) #title.ytd-item-section-header-renderer {
  7270. margin-top: 8px !important;
  7271. }
  7272. [page-subtype=history] #title.ytd-item-section-header-renderer {
  7273. font-size: 15px !important;
  7274. font-weight: 500 !important;
  7275. }
  7276. [page-subtype=history] tp-yt-paper-radio-button.ytd-sub-feed-option-renderer[aria-checked=false] yt-formatted-string.ytd-sub-feed-option-renderer {
  7277. color: #666 !important;
  7278. font-weight: normal !important;
  7279. }
  7280. [page-subtype=history] .top-level-buttons.ytd-menu-renderer button.yt-icon-button {
  7281. color: transparent !important;
  7282. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -76px -511px;
  7283. background-size: auto;
  7284. width: 20px;
  7285. height: 20px;
  7286. opacity: 0.25 !important;
  7287. }
  7288. [page-subtype=history] ytd-video-renderer:not(:hover) ytd-menu-renderer.ytd-video-renderer:not([menu-active]).ytd-video-renderer:not(:focus-within) {
  7289. opacity: 1 !important;
  7290. }
  7291. [page-subtype=history] .top-level-buttons.ytd-menu-renderer button.yt-icon-button:hover {
  7292. opacity: 0.5 !important;
  7293. }
  7294. #subscribe-button ytd-button-renderer,
  7295. [page-subtype=history] .top-level-buttons.ytd-menu-renderer button.yt-icon-button:active,
  7296. [page-subtype=history] .watched ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail {
  7297. opacity: 1 !important;
  7298. }
  7299. [page-subtype=history] #icon,
  7300. [page-subtype=history] ytd-item-section-renderer #header {
  7301. display: none !important;
  7302. }
  7303. ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] #message-button.ytd-message-renderer:not(:empty),
  7304. ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] #message.ytd-message-renderer:not([hidden]).ytd-message-renderer {
  7305. display: none !important;
  7306. }
  7307. ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] {
  7308. padding-top: 10px !important;
  7309. }
  7310. #message.ytd-message-renderer:not([hidden]).ytd-message-renderer + #submessage.ytd-message-renderer {
  7311. margin-top: 23px !important;
  7312. margin-bottom: 10px !important;
  7313. }
  7314. #submessage.ytd-message-renderer {
  7315. color: #767676 !important;
  7316. font-size: 15px !important;
  7317. }
  7318. [page-subtype=history] ytd-video-renderer:first-child {
  7319. margin-top: 25px !important;
  7320. margin-bottom: 15px !important;
  7321. }
  7322. [page-subtype=history] ytd-video-renderer:not(:first-child) {
  7323. padding-top: 15px !important;
  7324. border-top: 1px solid #e6e6e6 !important;
  7325. }
  7326. html[dark] [page-subtype=history] ytd-video-renderer:not(:first-child) {
  7327. border-color: var(--yt-spec-10-percent-layer) !important;
  7328. }
  7329. [page-subtype=history] #title-wrapper.ytd-video-renderer {
  7330. height: 16px !important;
  7331. }
  7332. [page-subtype=history] .text-wrapper.ytd-video-renderer {
  7333. top: 0 !important;
  7334. }
  7335. .toggle-container .toggle-bar.tp-yt-paper-toggle-button {
  7336. background: #b8b8b8 !important;
  7337. height: 13px;
  7338. border-radius: 20px;
  7339. border: 1px solid transparent;
  7340. padding-left: 1px solid;
  7341. padding-right: 1px solid;
  7342. opacity: 1 !important;
  7343. }
  7344. .toggle-container .toggle-button.tp-yt-paper-toggle-button {
  7345. width: 13px;
  7346. height: 13px;
  7347. border-radius: 13px;
  7348. background: #fbfbfb;
  7349. box-shadow: none;
  7350. top: 1px;
  7351. bottom: 0;
  7352. left: 1px;
  7353. }
  7354. ytd-app tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {
  7355. background: #fbfbfb;
  7356. }
  7357. ytd-app tp-yt-paper-toggle-button[checked] .toggle-button.tp-yt-paper-toggle-button {
  7358. transform: translate(24px, 0) !important;
  7359. }
  7360. ytd-app tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-container .toggle-bar.tp-yt-paper-toggle-button {
  7361. background: #167ac6 !important;
  7362. opacity: 1 !important;
  7363. }
  7364. ytd-thumbnail-overlay-bottom-panel-renderer.style-scope {
  7365. height: 94px !important;
  7366. width: 43.75% !important;
  7367. left: 94.5px;
  7368. background: rgba(0, 0, 0, 0.7) !important;
  7369. }
  7370. ytd-search ytd-thumbnail-overlay-bottom-panel-renderer {
  7371. height: 108px !important;
  7372. left: 109px !important;
  7373. }
  7374. /*
  7375. .style-scope.ytd-thumbnail-overlay-bottom-panel-renderer {
  7376. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) -714px -55px;
  7377. width: 32px;
  7378. height: 32px;
  7379. color: transparent !important;
  7380. background-size: auto;
  7381. left:28px !important;
  7382. top:2px !important;
  7383. position:absolute;
  7384. }
  7385.  
  7386. .style-scope.ytd-thumbnail-overlay-bottom-panel-renderer::before {
  7387. content: "+++";
  7388. position: absolute;
  7389. font-size: 18px !important;
  7390. top: 32px !important;
  7391. color: #cfcfcf;
  7392. left:0px;
  7393. }
  7394.  
  7395. .style-scope.ytd-thumbnail-overlay-bottom-panel-renderer::after {
  7396. content: "VIDEOS";
  7397. font-size: 10px !important;
  7398. background:transparent !important;
  7399. position: absolute;
  7400. top: 52px;
  7401. left:-2px;
  7402. color: #cfcfcf !important;
  7403. font-weight: 500;
  7404.  
  7405. }
  7406. */
  7407. .collections-stack-wiz.style-scope.ytd-playlist-thumbnail {
  7408. display: none !important;
  7409. }
  7410. ytd-thumbnail-overlay-bottom-panel-renderer[overlay-style] {
  7411. justify-content: center !important;
  7412. }
  7413. .style-scope.ytd-thumbnail-overlay-bottom-panel-renderer,
  7414. ytd-thumbnail-overlay-bottom-panel-renderer[use-modern-collections-v2] {
  7415. margin-right: 14px !important;
  7416. margin-left: 14px !important;
  7417. margin-bottom: 0px!important;
  7418. border-radius: 0px!important;
  7419. height: 86% !important;
  7420. width: 43.75% !important;
  7421. left: unset!important;
  7422. flex-direction: column !important;
  7423. text-align: center !important
  7424. }
  7425. ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail,
  7426. ytd-playlist-thumbnail[size="medium"]::before {
  7427. border-radius: 0px !important;
  7428. }
  7429. .collections-stack-wiz__collection-stack1--medium {
  7430. top: -0px!important;
  7431. height: 100%!important;
  7432. left: 0!important;
  7433. right: 0!important;
  7434. border-radius: 0px!important;
  7435. display: none !important
  7436. }
  7437. #info-strings.ytd-video-primary-info-renderer {
  7438. font-size: 13px !important;
  7439. font-weight: 500 !important;
  7440. color: #333 !important;
  7441. margin-top: 13px !important;
  7442. }
  7443. ytd-video-owner-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  7444. font-weight: 500 !important;
  7445. font-size: 13px !important;
  7446. }
  7447. html:not([dark]) ytd-video-owner-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  7448. color: #333 !important;
  7449. }
  7450. span.ytd-video-view-count-renderer,
  7451. ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer {
  7452. line-height: 24px !important;
  7453. max-height: 24px !important;
  7454. text-align: right !important;
  7455. font-size: 19px !important;
  7456. color: #666 !important;
  7457. white-space: nowrap !important;
  7458. margin-bottom: 2px !important;
  7459. }
  7460. html[dark] span.ytd-video-view-count-renderer {
  7461. color: var(--yt-spec-text-secondary) !important;
  7462. color: #b2aca2 !important;
  7463. }
  7464. #sentiment.ytd-video-primary-info-renderer {
  7465. display: none !important;
  7466. }
  7467. ytd-app ytd-expander.ytd-video-secondary-info-renderer {
  7468. line-height: 14px !important;
  7469. --ytd-expander-collapsed-height: 42px !important;
  7470. }
  7471. /*subscribe*/
  7472. /*base*/
  7473. html ytd-button-renderer.style-destructive[is-paper-button] {
  7474. background: transparent;
  7475. }
  7476. #subscribe-button ytd-button-renderer #button.ytd-button-renderer,
  7477. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer,
  7478. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer {
  7479. display: inline-block;
  7480. border: solid 1px transparent;
  7481. font-weight: 400;
  7482. font-size: 12px;
  7483. line-height: 22px;
  7484. border-radius: 2px 0 0 2px;
  7485. box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
  7486. padding: 0 6px 0 4.5px;
  7487. height: 24px;
  7488. text-align: initial;
  7489. min-width: 0;
  7490. font-family: roboto;
  7491. z-index: 1;
  7492. color: #fefefe;
  7493. margin: 0 0 0 4px;
  7494. }
  7495. #subscribe-button ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  7496. display: inline-block;
  7497. overflow: visible;
  7498. margin-left: 3px;
  7499. }
  7500. #subscribe-button ytd-button-renderer #button.ytd-button-renderer:before,
  7501. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:before,
  7502. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer:before {
  7503. content: '';
  7504. display: inline-block;
  7505. vertical-align: middle;
  7506. margin-right: 4px;
  7507. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) -48px -775px;
  7508. background-size: auto;
  7509. width: 16px;
  7510. height: 14px;
  7511. }
  7512. #subscribe-button .ytd-c4-tabbed-header-renderer :before,
  7513. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer:before {
  7514. margin-top: 1px;
  7515. }
  7516. #notification-preference-button {
  7517. margin-top: -24px !important;
  7518. width: 26px;
  7519. margin-left: 100px !important;
  7520. border: 1px solid #ccc;
  7521. }
  7522. /*RED*/
  7523. #subscribe-button ytd-button-renderer #button.ytd-button-renderer,
  7524. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer,
  7525. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer {
  7526. background: red;
  7527. }
  7528. #subscribe-button ytd-button-renderer #button.ytd-button-renderer:hover,
  7529. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:hover,
  7530. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer:hover {
  7531. background: #d90a17;
  7532. }
  7533. #subscribe-button ytd-button-renderer #button.ytd-button-renderer:active,
  7534. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:active,
  7535. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer:active {
  7536. background: #a60812;
  7537. }
  7538. /*SUBBED REDS LIGHT*/
  7539. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed],
  7540. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover,
  7541. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover,
  7542. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
  7543. border: 1px solid #ccc;
  7544. background: #f8f8f8;
  7545. color: #666;
  7546. font-weight: 400;
  7547. padding-right: 8px;
  7548. }
  7549. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:active,
  7550. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:active {
  7551. background: #ededed;
  7552. }
  7553. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:before,
  7554. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:before {
  7555. background-position: -99px -147px;
  7556. margin-right: 3px;
  7557. }
  7558. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover:before,
  7559. #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover:before {
  7560. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -24px -696px;
  7561. }
  7562. /*SUBBED REDS DARK*/
  7563. html[dark] #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed],
  7564. html[dark] #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover,
  7565. html[dark] #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover {
  7566. color: #ccc;
  7567. background-color: #212121;
  7568. border: 1px solid #51515151;
  7569. }
  7570. html[dark] #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:active,
  7571. html[dark] #owner-container ytd-subscribe-button-renderer tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:active {
  7572. background: #111;
  7573. }
  7574. /*BELL*/
  7575. html ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer {
  7576. height: 24px;
  7577. width: 28px;
  7578. padding: 0;
  7579. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  7580. border: 1px solid #d3d3d3;
  7581. background-color: #f8f8f8;
  7582. }
  7583. html ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer:hover {
  7584. border-color: #c6c6c6;
  7585. background: #f0f0f0;
  7586. box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  7587. }
  7588. html ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer:active {
  7589. border-color: #c6c6c6;
  7590. background: #e9e9e9;
  7591. box-shadow: inset 0 1px 0 #ddd;
  7592. }
  7593. #notification-preference-button button.yt-icon-button {
  7594. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflgGT3Hj.png) -106px -122px;
  7595. width: 18px;
  7596. height: 18px;
  7597. left: 4px;
  7598. position: relative;
  7599. top: 2px;
  7600. opacity: 0.5;
  7601. }
  7602. #notification-preference-button:hover button.yt-icon-button {
  7603. opacity: .6;
  7604. }
  7605. #notification-preference-button:active button.yt-icon-button {
  7606. opacity: 1;
  7607. }
  7608. html[dark] #notification-preference-button #button.ytd-subscription-notification-toggle-button-renderer,
  7609. ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button] {
  7610. background-image: linear-gradient(to top, #1c1c1c, #1c1c1c 100%);
  7611. box-shadow: none;
  7612. border-color: #333;
  7613. }
  7614. /*MINI*/
  7615. .style-scope.ytd-item-section-renderer tp-yt-paper-button.ytd-subscribe-button-renderer {
  7616. border: 1px solid #ccc;
  7617. background-color: #f8f8f8;
  7618. color: #333;
  7619. height: 20px;
  7620. border-radius: 2px;
  7621. padding: 0 6px 0 8px;
  7622. font-size: 11px;
  7623. font-weight: 500;
  7624. }
  7625. .style-scope.ytd-item-section-renderer ytd-subscribe-button-renderer {
  7626. position: relative;
  7627. top: -25px;
  7628. left: -4px;
  7629. }
  7630. #upload-info > #owner-sub-count {
  7631. position: absolute !important;
  7632. margin-left: 150px;
  7633. top: 22px;
  7634. }
  7635. ytd-subscribe-button-renderer {
  7636. --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);
  7637. display: flex;
  7638. flex-direction: row;
  7639. bottom: 40px !important;
  7640. left: 52px!important;
  7641. }
  7642. #owner-sub-count.ytd-video-owner-renderer {
  7643. font-size: 11px !important;
  7644. letter-spacing: 0 !important;
  7645. color: #737373;
  7646. height: 22px !important;
  7647. line-height: 24px !important;
  7648. border: 1px solid #ccc;
  7649. border-left-width: 0 !important;
  7650. padding: 0 6px 0 11px !important;
  7651. border-radius: 2px !important;
  7652. text-align: center !important;
  7653. max-width: 28px !important;
  7654. overflow: hidden !important;
  7655. left: -7px;
  7656. position: relative !important;
  7657. }
  7658. html[dark] .style-scope.ytd-video-primary-info-renderer {
  7659. color: #fff;
  7660. }
  7661. ytd-app #subscribe-button.ytd-video-secondary-info-renderer {
  7662. position: absolute;
  7663. left: 54px;
  7664. top: 17px;
  7665. margin-bottom: 0;
  7666. flex-direction: row;
  7667. }
  7668. #rsd-description-entry ytd-video-owner-renderer.ytd-video-secondary-info-renderer {
  7669. max-width: 360px;
  7670. }
  7671. #top-row.ytd-video-secondary-info-renderer,
  7672. .ytd-video-primary-info-renderer {
  7673. position: relative;
  7674. }
  7675. #info ytd-video-owner-renderer {
  7676. top: -21px !important;
  7677. position: relative;
  7678. padding-bottom: 13px !important;
  7679. border-bottom: 1px solid #e5e5e5 !important;
  7680. }
  7681. #info {
  7682. top: 4px !important;
  7683. }
  7684. html[dark] #info ytd-video-owner-renderer {
  7685. border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;
  7686. }
  7687. html[dark] #owner-sub-count.ytd-video-owner-renderer {
  7688. border: 1px solid #333;
  7689. }
  7690. ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer {
  7691. overflow: visible !important;
  7692. }
  7693. #info.ytd-video-primary-info-renderer {
  7694. height: 20px !important;
  7695. position: relative;
  7696. bottom: 0;
  7697. z-index: 99;
  7698. }
  7699. #info ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer {
  7700. right: 0;
  7701. position: absolute;
  7702. top: -31px;
  7703. }
  7704. ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {
  7705. margin-left: 8px;
  7706. padding-right: 1px !important;
  7707. }
  7708. #analytics-button.ytd-video-owner-renderer,
  7709. #purchase-button.ytd-video-owner-renderer,
  7710. #sponsor-button.ytd-video-owner-renderer {
  7711. display: none !important;
  7712. }
  7713. #info ytd-toggle-button-renderer.style-text[is-icon-button] {
  7714. position: absolute !important;
  7715. top: -40px;
  7716. left: 0;
  7717. }
  7718. #info ytd-toggle-button-renderer.style-text[is-icon-button]:last-of-type {
  7719. left: 80px;
  7720. }
  7721. .style-scope.ytd-menu-renderer.force-icon-button.style-default.size-default:nth-of-type(2) {
  7722. order: 1 !important;
  7723. }
  7724. .style-scope.ytd-menu-renderer.force-icon-button.style-default.size-default:nth-of-type(1) {
  7725. order: 2 !important;
  7726. }
  7727. #info #menu #top-level-buttons-computed .ytd-menu-renderer:nth-child(4):nth-last-child(3) yt-formatted-string.ytd-button-renderer,
  7728. #info #menu #top-level-buttons-computed .ytd-menu-renderer:nth-child(4):nth-last-child(4) yt-formatted-string.ytd-button-renderer {
  7729. font-size: 11px !important;
  7730. }
  7731. #info #menu #top-level-buttons-computed .ytd-menu-renderer:nth-child(4):nth-last-child(3) yt-formatted-string::after,
  7732. #top-level-buttons-computed .ytd-menu-renderer:nth-child(4):nth-last-child(4) yt-formatted-string.ytd-button-renderer::after {
  7733. content: none !important;
  7734. }
  7735. #info #menu ytd-button-renderer.ytd-menu-renderer[has-no-text] {
  7736. order: 2 !important;
  7737. margin-right: 5px !important;
  7738. }
  7739. #info #top-row.ytd-video-secondary-info-renderer {
  7740. margin-bottom: 0 !important;
  7741. bottom: 3px;
  7742. }
  7743. #info ytd-menu-renderer.ytd-video-primary-info-renderer {
  7744. padding-bottom: 0px;
  7745. }
  7746. #info #sentiment.ytd-video-primary-info-renderer,
  7747. #info .ryd-tooltip {
  7748. min-width: 160px;
  7749. top: -31px !important;
  7750. float: right;
  7751. }
  7752. #info .top-level-buttons.ytd-menu-renderer {
  7753. border: 1px solid #ccc;
  7754. }
  7755. #info #return-youtube-dislike-bar-container,
  7756. #info #ryd-bar-container {
  7757. min-width: 160px;
  7758. }
  7759. .ryd-tooltip-bar-container {
  7760. padding-top: 12px !important;
  7761. }
  7762. #info .ryd-tooltip-bar-container {
  7763. padding-bottom: 0 !important;
  7764. }
  7765. #info #top-level-buttons-computed .ytd-menu-renderer:nth-child(4):nth-last-child(2) yt-icon-button {
  7766. padding-left: 0 !important;
  7767. width: 24px !important;
  7768. }
  7769. ytd-toggle-button-renderer.style-default-active[is-icon-button] {
  7770. order: 3 !important;
  7771. position: unset !important;
  7772. }
  7773. .super-title.ytd-video-primary-info-renderer {
  7774. font-size: 11px !important;
  7775. }
  7776. #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
  7777. color: transparent !important;
  7778. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) -647px -24px;
  7779. background-size: auto;
  7780. width: 15px !important;
  7781. height: 15px !important;
  7782. opacity: 0.6 !important;
  7783. }
  7784. #playlist[playlist-type=RDMM] #index-container.ytd-playlist-panel-video-renderer {
  7785. display: none !important;
  7786. }
  7787. #playlist[playlist-type=RDMM] #thumbnail-container.ytd-playlist-panel-video-renderer {
  7788. margin-left: 16px !important;
  7789. }
  7790. #playlist[playlist-type=RDMM] #header-contents.ytd-playlist-panel-renderer,
  7791. #playlist[playlist-type=RDMM] #header-top-row.ytd-playlist-panel-renderer {
  7792. margin-bottom: 3px !important;
  7793. border: 0 !important;
  7794. }
  7795. #playlist[playlist-type=RDMM] #header-description.ytd-playlist-panel-renderer::before {
  7796. float: left;
  7797. margin-right: 10px;
  7798. margin-top: 4px;
  7799. overflow: hidden;
  7800. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfl-Nn88d.png) -200px -134px;
  7801. background-size: auto;
  7802. width: 24px;
  7803. height: 24px;
  7804. content: "";
  7805. }
  7806. ytd-settings-sidebar-renderer ytd-compact-link-renderer[compact-link-style]:hover {
  7807. background: #444;
  7808. }
  7809. html[dark] ytd-app yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
  7810. html[dark] ytd-app yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected],
  7811. ytd-compact-link-renderer[compact-link-style][active] #label,
  7812. ytd-settings-sidebar-renderer ytd-compact-link-renderer[compact-link-style]:hover #label {
  7813. color: #fff;
  7814. }
  7815. ytd-compact-link-renderer[compact-link-style][active]:hover,
  7816. ytd-settings-sidebar-renderer ytd-compact-link-renderer[compact-link-style][active] {
  7817. background: var(--oldcolor);
  7818. }
  7819. html[dark] ytd-settings-sidebar-renderer ytd-compact-link-renderer[compact-link-style][active] {
  7820. background: none;
  7821. }
  7822. html[dark] ytd-compact-link-renderer[compact-link-style][active]:hover {
  7823. background: #444;
  7824. }
  7825. #title.ytd-settings-sidebar-renderer {
  7826. padding: 5px 0 12px;
  7827. font-size: 16px;
  7828. color: #222;
  7829. text-transform: none;
  7830. }
  7831. #upload-info.ytd-video-owner-renderer {
  7832. flex-basis: 0;
  7833. justify-content: initial;
  7834. }
  7835. .ytd-video-secondary-info-renderer #avatar.ytd-video-owner-renderer {
  7836. margin-right: 10px;
  7837. }
  7838. #meta .ytd-video-secondary-info-renderer tp-yt-paper-button.ytd-expander yt-formatted-string {
  7839. font: 500 11px roboto !important;
  7840. color: #767676;
  7841. margin-top: 4px;
  7842. }
  7843. html:not([dark]) .title.ytd-video-primary-info-renderer {
  7844. color: black;
  7845. }
  7846. .title.ytd-video-primary-info-renderer,
  7847. .super-title.ytd-video-primary-info-renderer {
  7848. line-height: normal !important;
  7849. top: 2px;
  7850. }
  7851. html[dark] #info-strings.ytd-video-primary-info-renderer,
  7852. html[dark] #meta .ytd-video-secondary-info-renderer tp-yt-paper-button.ytd-expander:hover yt-formatted-string {
  7853. color: #ddd !important;
  7854. }
  7855. html:not([dark]) .ytd-watch-next-secondary-results-renderer [class*=ytd-compact-]:hover,
  7856. ytd-video-secondary-info-renderer:hover a.yt-simple-endpoint.yt-formatted-string {
  7857. color: #167ac6;
  7858. }
  7859. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer,
  7860. ytd-button-renderer.style-primary:nth-of-type(1) {
  7861. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAABnZ2hnZ2dpaWloaGhnZ2dnZ2dsbGxnZ2dpaGh5eXdmZma6pJpmZmZmZmZpa2vKDH3GAAAADnRSTlMAkOLPvKZid4BRGTcM8Jbx1VoAAACHSURBVAjXYwAC9nfvChgggPXduwAok/ndOwMww2RW3Lt3X1e6MDCwvYOCBIa1MKYOgxyQNBQCEi8Y8t+9e8gAEvjJwK0H0s707tEGBoa+dwIMDIzvnjMgMYEK3itAFCC0fWPoA5qjCDHsEJD89x5kBbLFDC6z4t+9+7jSBe5ITKez//8P8hAAJWxgShrD7JcAAAAASUVORK5CYII=')no-repeat!important;
  7862. border: 0 !important;
  7863. height: 20px;
  7864. width: 20px !important;
  7865. }
  7866. #input-panel yt-live-chat-message-input-renderer {
  7867. padding: 4px 12px;
  7868. }
  7869. iron-pages#panel-pages.yt-live-chat-renderer {
  7870. overflow: hidden;
  7871. }
  7872. ytd-expander.ytd-video-secondary-info-renderer:not([collapsed]) ytd-metadata-row-container-renderer {
  7873. display: inline-block;
  7874. width: 25.2%;
  7875. }
  7876. ytd-expander.ytd-video-secondary-info-renderer:not([collapsed]) #content {
  7877. display: inline-block;
  7878. width: 74.4%;
  7879. vertical-align: top;
  7880. }
  7881. ytd-expander.ytd-video-secondary-info-renderer:not([collapsed]) {
  7882. display: inline-block;
  7883. }
  7884. ytd-expander.ytd-video-secondary-info-renderer ytd-metadata-row-container-renderer ytd-metadata-row-header-renderer ytd-expander.ytd-video-secondary-info-renderer #content {
  7885. width: 80% !important;
  7886. }
  7887. ytd-expander.ytd-video-secondary-info-renderer ytd-metadata-row-container-renderer #title.ytd-metadata-row-renderer {
  7888. width: 50px;
  7889. }
  7890. #meta #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer:last-child {
  7891. visibility: hidden !important;
  7892. height: 0;
  7893. }
  7894. #meta #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer {
  7895. margin: 0;
  7896. }
  7897. ytd-expander.ytd-video-secondary-info-renderer ytd-rich-metadata-renderer {
  7898. background: 0 0;
  7899. max-width: 100%;
  7900. min-width: 100px;
  7901. flex: initial;
  7902. }
  7903. ytd-expander.ytd-video-secondary-info-renderer a.ytd-rich-metadata-renderer #title.ytd-rich-metadata-renderer {
  7904. font: 500 12px roboto;
  7905. }
  7906. #meta #contents.ytd-rich-metadata-row-renderer {
  7907. margin-right: 0;
  7908. }
  7909. ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #thumbnail.ytd-rich-metadata-renderer {
  7910. margin-right: 10px;
  7911. }
  7912. ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #text-container.ytd-rich-metadata-renderer {
  7913. display: block;
  7914. }
  7915. ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #call-to-action.ytd-rich-metadata-renderer {
  7916. font-size: 11px;
  7917. color: #999;
  7918. }
  7919. ytd-expander:hover ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #call-to-action.ytd-rich-metadata-renderer {
  7920. color: #167ac6;
  7921. }
  7922. ytd-expander.ytd-video-secondary-info-renderer:not([collapsed]) ytd-rich-metadata-row-renderer {
  7923. margin-top: 0;
  7924. }
  7925. #share yt-button-renderer #button.yt-button-renderer.style-primary[aria-disabled=true] {
  7926. opacity: 0.5;
  7927. }
  7928. #share yt-button-renderer #button.yt-button-renderer.style-primary,
  7929. #sync-container #sync-button.ytd-macro-markers-list-renderer,
  7930. yt-button-renderer #button.yt-button-renderer.style-blue-text,
  7931. ytcp-button[type=filled],
  7932. ytd-button-renderer #button.ytd-button-renderer.style-blue-text {
  7933. background: #1b7fcc;
  7934. border-radius: 0;
  7935. height: 28px;
  7936. padding: 0 10px;
  7937. border: 1px solid #1b7fcc;
  7938. color: #fff;
  7939. font: bold 11px roboto;
  7940. }
  7941. yt-button-renderer #button.yt-button-renderer.style-blue-text yt-formatted-string,
  7942. ytd-button-renderer #button.ytd-button-renderer.style-blue-text yt-formatted-string {
  7943. color: #fff;
  7944. font: bold 11px roboto;
  7945. }
  7946. #share yt-button-renderer #button.yt-button-renderer.style-primary:hover,
  7947. #sync-container #sync-button.ytd-macro-markers-list-renderer:hover,
  7948. yt-button-renderer #button.yt-button-renderer.style-blue-text:hover,
  7949. ytd-button-renderer #button.ytd-button-renderer.style-blue-text:hover {
  7950. background: #126db3;
  7951. }
  7952. #share yt-button-renderer #button.yt-button-renderer.style-primary:active,
  7953. #sync-container #sync-button.ytd-macro-markers-list-renderer:active,
  7954. yt-button-renderer #button.yt-button-renderer.style-blue-text:active,
  7955. ytd-button-renderer #button.ytd-button-renderer.style-blue-text:active {
  7956. background: #095b99;
  7957. box-shadow: inset 0 1px 0 rgb(0 0 0/50%);
  7958. }
  7959. #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text,
  7960. yt-button-renderer#cancel-button #button.yt-button-renderer.style-text,
  7961. ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text {
  7962. background: #f8f8f8;
  7963. border: 1px solid #d3d3d3;
  7964. box-shadow: 0 1px 0 rgb(0 0 0/5%);
  7965. padding: 0 10px;
  7966. height: 28px;
  7967. font: 500 11px roboto;
  7968. color: #333;
  7969. }
  7970. #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text yt-formatted-string {
  7971. color: #333;
  7972. font-weight: 500;
  7973. }
  7974. #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text:hover,
  7975. yt-button-renderer#cancel-button #button.yt-button-renderer.style-text:hover,
  7976. ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text:hover {
  7977. border-color: #c6c6c6;
  7978. background: #f0f0f0;
  7979. box-shadow: 0 1px 0 rgb(0 0 0/10%);
  7980. }
  7981. #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text:active,
  7982. yt-button-renderer#cancel-button #button.yt-button-renderer.style-text:active,
  7983. ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text:active {
  7984. border-color: #c6c6c6;
  7985. background: #e9e9e9;
  7986. box-shadow: inset 0 1px 0#ddd;
  7987. }
  7988. html[dark] #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text,
  7989. html[dark] yt-button-renderer#cancel-button #button.yt-button-renderer.style-text,
  7990. html[dark] ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text {
  7991. background: rgba(0, 0, 0, 0.2);
  7992. border-color: #444;
  7993. color: #999;
  7994. }
  7995. html[dark] #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text:active,
  7996. html[dark] #cancel yt-button-renderer #button.yt-button-renderer.style-blue-text:hover,
  7997. html[dark] yt-button-renderer#cancel-button #button.yt-button-renderer.style-text:active,
  7998. html[dark] yt-button-renderer#cancel-button #button.yt-button-renderer.style-text:hover,
  7999. html[dark] ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text:active,
  8000. html[dark] ytd-button-renderer #cancel-button #button.ytd-button-renderer.style-text:hover {
  8001. background: rgba(0, 0, 0, 0.3);
  8002. border-color: #444;
  8003. }
  8004. .badge-style-type-collection.ytd-badge-supported-renderer {
  8005. padding: 0;
  8006. }
  8007. #hover-overlays #play,
  8008. ytd-thumbnail-overlay-inline-unplayable-renderer {
  8009. display: none;
  8010. }
  8011. html #subscribe-button [href*="https://studio.youtube.com"] #button.ytd-button-renderer {
  8012. border: 1px solid #d3d3d3;
  8013. background: #f8f8f8;
  8014. font: 500 11px roboto;
  8015. width: auto;
  8016. }
  8017. html #subscribe-button [href*="https://studio.youtube.com"] #button.ytd-button-renderer:hover {
  8018. border-color: #c6c6c6;
  8019. background: #f0f0f0;
  8020. box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  8021. }
  8022. html #subscribe-button [href*="https://studio.youtube.com"] #button.ytd-button-renderer:active {
  8023. border-color: #c6c6c6;
  8024. background: #e9e9e9;
  8025. box-shadow: inset 0 1px 0 #ddd;
  8026. }
  8027. #subscribe-button ytd-button-renderer.style-primary:nth-of-type(1) {
  8028. width: unset !important;
  8029. background: 0 0 !important;
  8030. }
  8031. html #subscribe-button [href*="https://studio.youtube.com"] #button.ytd-button-renderer yt-formatted-string {
  8032. color: #333;
  8033. line-height: 2em;
  8034. width: auto;
  8035. height: 22px;
  8036. }
  8037. html #subscribe-button ytd-button-renderer [href*="https://studio.youtube.com"] #button.ytd-button-renderer::before {
  8038. content: "";
  8039. display: inline-block;
  8040. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) 0 -852px;
  8041. background-size: auto;
  8042. width: 16px;
  8043. height: 16px;
  8044. }
  8045. ytd-app yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer,
  8046. ytd-app yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer {
  8047. background: 0 0 !important;
  8048. border-width: 0 0 3px;
  8049. border-radius: 0;
  8050. box-shadow: none;
  8051. border-bottom-color: transparent;
  8052. font: normal 13px roboto;
  8053. color: #666;
  8054. margin-bottom: 0;
  8055. margin-top: 0;
  8056. }
  8057. ytd-app yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:hover {
  8058. border-bottom-color: var(--oldcolor);
  8059. }
  8060. ytd-app yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
  8061. ytd-app yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
  8062. border-bottom-color: var(--oldcolor);
  8063. background: 0 0;
  8064. color: #333;
  8065. font-weight: 500;
  8066. }
  8067. ytd-app ytd-feed-filter-chip-bar-renderer {
  8068. height: auto;
  8069. margin-top: 10px;
  8070. }
  8071. ytd-app ytd-button-renderer.yt-chip-cloud-renderer {
  8072. width: unset;
  8073. }
  8074. ytd-app ytd-feed-filter-chip-bar-renderer #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  8075. border-top: 0;
  8076. }
  8077. #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
  8078. #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
  8079. background: 0 0;
  8080. }
  8081. ytd-app #left-arrow.yt-chip-cloud-renderer::after,
  8082. ytd-app #right-arrow.yt-chip-cloud-renderer::before {
  8083. content: none;
  8084. }
  8085. ytd-app ytd-button-renderer.ytd-feed-filter-chip-bar-renderer {
  8086. margin: 0;
  8087. background: 0 0;
  8088. cursor: pointer;
  8089. }
  8090. ytd-app .yt-chip-cloud-renderer ytd-button-renderer #button.ytd-button-renderer,
  8091. ytd-app ytd-button-renderer.ytd-feed-filter-chip-bar-renderer #button.ytd-button-renderer {
  8092. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -112px -42px;
  8093. width: 7px;
  8094. height: 10px;
  8095. padding: 0;
  8096. opacity: 0.5;
  8097. }
  8098. #left-arrow .yt-chip-cloud-renderer ytd-button-renderer #button.ytd-button-renderer,
  8099. ytd-app #left-arrow ytd-button-renderer.ytd-feed-filter-chip-bar-renderer #button.ytd-button-renderer {
  8100. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -20px -918px;
  8101. }
  8102. #info-contents > div {
  8103. z-index: 999;
  8104. margin-top: 10px;
  8105. }
  8106. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  8107. [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  8108. [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer,
  8109. [menu-style=multi-page-menu-style-type-system] yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer {
  8110. background: 0 0;
  8111. }
  8112. html[dark] [menu-style=multi-page-menu-style-type-system] #submenu #footer tp-yt-paper-item,
  8113. html[dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button,
  8114. html[dark] [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer,
  8115. html[dark] ytd-google-account-header-renderer.ytd-account-section-list-renderer {
  8116. background-color: #1c1c1c;
  8117. border: solid 1px #333;
  8118. color: var(--yt-button-color, inherit);
  8119. }
  8120. html[dark] [menu-style=multi-page-menu-style-type-system] #submenu #footer tp-yt-paper-item:hover,
  8121. html[dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button:hover,
  8122. html[dark] [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer:hover,
  8123. html[dark] ytd-google-account-header-renderer.ytd-account-section-list-renderer:hover {
  8124. background-color: #444;
  8125. border-color: #3c3c3c;
  8126. }
  8127. html[dark] #bio.ytd-channel-about-metadata-renderer,
  8128. html[dark] #content-text.ytd-backstage-post-renderer,
  8129. html[dark] #description.ytd-channel-about-metadata-renderer,
  8130. html[dark] #right-column.ytd-channel-about-metadata-renderer .style-scope.ytd-channel-about-metadata-renderer,
  8131. html[dark] .subheadline.ytd-channel-about-metadata-renderer,
  8132. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item.ytd-compact-link-renderer #label,
  8133. html[dark] [menu-style=multi-page-menu-style-type-system] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item.ytd-compact-link-renderer #label,
  8134. html[dark] [page-subtype=channels] yt-dropdown-menu:not(.has-items) #label-text.yt-dropdown-menu,
  8135. html[dark] [page-subtype=history] #contents.ytd-browse-feed-actions-renderer tp-yt-paper-button,
  8136. html[dark] [page-subtype=history] .input-content.tp-yt-paper-input-container input,
  8137. html[dark] [page-subtype=history] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer,
  8138. html[dark] [page-subtype=history] ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer,
  8139. html[dark] ytd-video-renderer[is-backstage-video] #video-title.ytd-video-renderer {
  8140. color: #fff !important;
  8141. }
  8142. html[dark] [page-subtype=history] .input-content.tp-yt-paper-input-container #paper-input-label-1 {
  8143. color: #666;
  8144. }
  8145. html[dark] ytd-app #checkbox.checked.tp-yt-paper-checkbox #checkmark.tp-yt-paper-checkbox {
  8146. filter: invert(1);
  8147. }
  8148. .sbsb_c.gsfs:last-child {
  8149. display: none;
  8150. }
  8151. html #share-url.yt-copy-link-renderer {
  8152. color: #666;
  8153. margin-left: 2px;
  8154. max-width: 315px;
  8155. }
  8156. #title.yt-share-panel-header-renderer {
  8157. border-bottom: 3px solid var(--oldcolor);
  8158. }
  8159. #contents.yt-third-party-share-target-section-renderer yt-share-target-renderer.yt-third-party-share-target-section-renderer {
  8160. margin-right: 3px;
  8161. }
  8162. .yt-third-party-network-section-renderer .input-content.tp-yt-paper-input-container,
  8163. html #bar.yt-copy-link-renderer {
  8164. background: 0 0;
  8165. border: 1px solid #d3d3d3;
  8166. box-shadow: inset 0 0 1px rgb(0 0 0/5%);
  8167. }
  8168. html:not([dark]) #bar.yt-copy-link-renderer:hover,
  8169. html:not([dark]) .yt-third-party-network-section-renderer .input-content.tp-yt-paper-input-container:hover {
  8170. border-color: #b9b9b9;
  8171. }
  8172. html:not([dark]) #bar.yt-copy-link-renderer:focus-within,
  8173. html:not([dark]) .yt-third-party-network-section-renderer .input-content.tp-yt-paper-input-container:focus-within {
  8174. box-shadow: inset 0 0 1px rgb(0 0 0/10%);
  8175. border-color: #1b7fcc;
  8176. }
  8177. html[dark] #bar.yt-copy-link-renderer,
  8178. html[dark] .yt-third-party-network-section-renderer .input-content.tp-yt-paper-input-container {
  8179. border-color: #333;
  8180. }
  8181. .ytd-unified-share-panel-renderer yt-start-at-renderer.yt-third-party-network-section-renderer {
  8182. padding: 0;
  8183. margin: 0;
  8184. border: 0;
  8185. display: inline-block;
  8186. }
  8187. .yt-third-party-network-section-renderer .input-content.tp-yt-paper-input-container {
  8188. padding-top: 1px;
  8189. padding-bottom: 2px;
  8190. padding-left: 3px;
  8191. }
  8192. yt-copy-link-renderer.yt-third-party-network-section-renderer {
  8193. max-width: none;
  8194. }
  8195. #copy-link.yt-third-party-network-section-renderer,
  8196. #start-at.yt-third-party-network-section-renderer {
  8197. display: inline-block;
  8198. }
  8199. #start-at.yt-third-party-network-section-renderer {
  8200. vertical-align: super;
  8201. margin-left: 20px;
  8202. }
  8203. .yt-third-party-network-section-renderer tp-yt-paper-button.yt-button-renderer {
  8204. padding: 0;
  8205. width: max-content;
  8206. min-width: 0;
  8207. }
  8208. .scroll-button {
  8209. border-radius: 0 !important;
  8210. }
  8211. yt-third-party-network-section-renderer .scroll-button {
  8212. display: none;
  8213. }
  8214. yt-share-target-renderer:first-child,
  8215. yt-share-target-renderer:nth-child(5) {
  8216. position: absolute;
  8217. top: -35px;
  8218. left: 60px;
  8219. }
  8220. yt-share-target-renderer:nth-child(5) {
  8221. left: 130px;
  8222. }
  8223. yt-share-target-renderer:nth-child(5) yt-icon.yt-share-target-renderer {
  8224. display: none;
  8225. }
  8226. #title.yt-share-panel-title-v15-renderer,
  8227. yt-share-target-renderer:first-child #title,
  8228. yt-share-target-renderer:nth-child(5) #title {
  8229. font: 500 13px roboto;
  8230. width: auto;
  8231. }
  8232. .yt-third-party-share-target-section-renderer yt-share-target-renderer:first-child yt-icon {
  8233. display: none;
  8234. }
  8235. yt-share-target-renderer:not(:first-child):not(:nth-child(5)) #title {
  8236. display: none;
  8237. }
  8238. yt-share-target-renderer:nth-child(2) yt-icon.yt-share-target-renderer {
  8239. background: #25d366;
  8240. }
  8241. yt-share-target-renderer:nth-child(3) yt-icon.yt-share-target-renderer {
  8242. background: #3b5998;
  8243. }
  8244. yt-share-target-renderer:nth-child(4) yt-icon.yt-share-target-renderer {
  8245. background: #1da1f2;
  8246. }
  8247. yt-share-target-renderer:nth-child(6) yt-icon.yt-share-target-renderer {
  8248. background: #ffe812;
  8249. }
  8250. yt-share-target-renderer:nth-child(7) yt-icon.yt-share-target-renderer {
  8251. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-sharing-vflsuIoGD.png) 0 -1238px;
  8252. background-size: auto;
  8253. width: 32px;
  8254. height: 32px;
  8255. }
  8256. yt-share-target-renderer:nth-child(8) yt-icon.yt-share-target-renderer {
  8257. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-sharing-vflsuIoGD.png) 0 -284px;
  8258. background-size: auto;
  8259. width: 32px;
  8260. height: 32px;
  8261. }
  8262. yt-share-target-renderer:nth-child(9) yt-icon.yt-share-target-renderer {
  8263. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-sharing-vflsuIoGD.png) 0 -1013px;
  8264. background-size: auto;
  8265. width: 32px;
  8266. height: 32px;
  8267. }
  8268. yt-share-target-renderer:nth-child(10) yt-icon.yt-share-target-renderer {
  8269. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-sharing-vflsuIoGD.png) 0 -1562px;
  8270. background-size: auto;
  8271. width: 32px;
  8272. height: 32px;
  8273. }
  8274. yt-share-target-renderer:nth-child(11) yt-icon.yt-share-target-renderer {
  8275. background: #f57d00;
  8276. }
  8277. yt-share-target-renderer:nth-child(12) yt-icon.yt-share-target-renderer {
  8278. background: #35465c;
  8279. }
  8280. yt-share-target-renderer:nth-child(13) yt-icon.yt-share-target-renderer {
  8281. background: #0077b5;
  8282. }
  8283. yt-share-target-renderer:nth-child(14) yt-icon.yt-share-target-renderer {
  8284. background: #051b0d;
  8285. }
  8286. yt-share-target-renderer:nth-child(15) yt-icon.yt-share-target-renderer {
  8287. background: #ff8226;
  8288. }
  8289. yt-share-target-renderer:nth-child(16) yt-icon.yt-share-target-renderer {
  8290. background: #ce2e2d;
  8291. }
  8292. yt-share-target-renderer:nth-child(10) svg,
  8293. yt-share-target-renderer:nth-child(7) svg,
  8294. yt-share-target-renderer:nth-child(8) svg,
  8295. yt-share-target-renderer:nth-child(9) svg {
  8296. display: none !important;
  8297. }
  8298. .ytp-right-controls > button:first-child {
  8299. display: none;
  8300. }
  8301. .ytp-right-controls > button:first-child[aria-label="Autoplay is on"] {
  8302. display: inline-block;
  8303. }
  8304. #upnext.ytd-compact-autoplay-renderer {
  8305. font-size: 13px !important;
  8306. line-height: 1.3em !important;
  8307. font-weight: 500 !important;
  8308. flex: 1;
  8309. position: relative;
  8310. top: 1px;
  8311. }
  8312. html:not([dark]) #upnext.ytd-compact-autoplay-renderer {
  8313. color: #222;
  8314. }
  8315. #autoplay.ytd-compact-autoplay-renderer {
  8316. font-size: 13px !important;
  8317. text-transform: none !important;
  8318. position: relative;
  8319. top: 1px;
  8320. font-weight: 500;
  8321. color: #767676;
  8322. }
  8323. html[dark] #upnext.ytd-compact-autoplay-renderer {
  8324. color: var(--yt-spec-text-primary);
  8325. }
  8326. html[dark] #autoplay.ytd-compact-autoplay-renderer {
  8327. color: #fff;
  8328. opacity: 0.5;
  8329. }
  8330. .autoplay-hovercard:hover {
  8331. opacity: 0.6 !important;
  8332. cursor: pointer;
  8333. }
  8334. html[dark] .autoplay-hovercard {
  8335. filter: invert(1);
  8336. }
  8337. #toggle.ytd-compact-autoplay-renderer[checked] .toggle-label {
  8338. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -53px -563px;
  8339. }
  8340. #toggle.ytd-compact-autoplay-renderer .toggle-label {
  8341. height: 7px;
  8342. width: 10px;
  8343. right: 31px;
  8344. top: 1px;
  8345. }
  8346. #head.ytd-compact-autoplay-renderer {
  8347. margin-bottom: 7px !important;
  8348. width: 402px;
  8349. display: flex;
  8350. flex-direction: row;
  8351. align-items: center;
  8352. }
  8353. ytd-compact-autoplay-renderer ytd-compact-video-renderer.ytd-item-section-renderer {
  8354. margin-top: 7px !important;
  8355. }
  8356. ytd-compact-autoplay-renderer {
  8357. margin-bottom: 0 !important;
  8358. padding-bottom: 7px !important;
  8359. width: 381px;
  8360. display: block;
  8361. border-bottom: 1px solid var(--yt-spec-10-percent-layer);
  8362. }
  8363. tp-yt-paper-toggle-button.ytd-compact-autoplay-renderer {
  8364. margin-left: 8px;
  8365. position: relative !important;
  8366. top: 2px;
  8367. left: 3px;
  8368. }
  8369. ytd-compact-autoplay-renderer .toggle-label > .tp-yt-paper-toggle-button {
  8370. display: none;
  8371. }
  8372. ytd-compact-autoplay-renderer > ytd-compact-autoplay-renderer {
  8373. display: none;
  8374. }
  8375. .toggle-container.tp-yt-paper-toggle-button {
  8376. width: 37px !important;
  8377. height: 15px !important;
  8378. }
  8379. html[dark] ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-autoplay-renderer {
  8380. border-bottom-color: var(--yt-spec-10-percent-layer) !important;
  8381. }
  8382. #secondary-inner.ytd-watch-flexy {
  8383. width: 417px !important;
  8384. margin-top: -10px;
  8385. }
  8386. html ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer {
  8387. max-width: 220px;
  8388. position: absolute;
  8389. width: 220px;
  8390. }
  8391. html .ytd-playlist-sidebar-primary-info-renderer #overlays {
  8392. visibility: hidden;
  8393. }
  8394. html .ytd-playlist-sidebar-primary-info-renderer:hover #overlays {
  8395. visibility: visible;
  8396. }
  8397. html .ytd-playlist-sidebar-primary-info-renderer ytd-thumbnail-overlay-side-panel-renderer {
  8398. width: 100% !important;
  8399. }
  8400. html ytd-browse[page-subtype="playlist"][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
  8401. padding: 0;
  8402. margin: 0 auto;
  8403. }
  8404. html[dark] div.ytd-simple-menu-header-renderer ytd-button-renderer {
  8405. filter: invert(1);
  8406. }
  8407. html[dark] [page-subtype="playlist"] #top-level-buttons-computed .ytd-menu-renderer a {
  8408. background-color: #1c1c1c;
  8409. border: solid 1px #333;
  8410. }
  8411. html[dark] [page-subtype="playlist"] #top-level-buttons-computed .ytd-menu-renderer a::after {
  8412. color: #fff;
  8413. }
  8414. html[dark] [page-subtype="playlist"] #top-level-buttons-computed .ytd-menu-renderer a:hover {
  8415. background-color: #444;
  8416. border-color: #3c3c3c;
  8417. }
  8418. html[dark] [page-subtype='playlist'] #top-level-buttons-computed .ytd-menu-renderer.style-text yt-icon-button {
  8419. filter: invert(1);
  8420. }
  8421. /*toast*/
  8422. tp-yt-paper-toast.paper-toast-open {
  8423. background: #2793e6;
  8424. border: 1px solid #3a78ab;
  8425. text-shadow: 0 0 1px rgb(0 0 0 / 45%);
  8426. color: #fff;
  8427. width: auto;
  8428. max-width: none;
  8429. padding: 3px 6px!important;
  8430. max-height: 27px;
  8431. min-height: 0!important;
  8432. font-weight: bold;
  8433. }
  8434. ytd-app tp-yt-paper-toast.yt-notification-action-renderer {
  8435. font-weight: bold;
  8436. }
  8437. tp-yt-paper-toast.paper-toast-open #text-container yt-formatted-string:before {
  8438. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -51px -1294px;
  8439. background-size: auto;
  8440. width: 19px;
  8441. height: 19px;
  8442. margin-right: 5px;
  8443. content: "";
  8444. display: inline-block;
  8445. transform: scale(.8);
  8446. }
  8447. tp-yt-paper-toast tp-yt-paper-button#button {
  8448. padding: 2px 5px !important;
  8449. }
  8450. yt-notification-action-renderer {
  8451. width: 100%!important;
  8452. height: auto!important;
  8453. padding: 0!important;
  8454. max-height: 27px;
  8455. }
  8456. ytd-search #sub-menu {
  8457. border-bottom: 1px solid #f1f1f1;
  8458. padding-bottom: 2px;
  8459. }
  8460. html[dark] ytd-search #sub-menu {
  8461. border-bottom: 1px solid var(--yt-spec-10-percent-layer);
  8462. }
  8463. .num-results {
  8464. white-space: nowrap;
  8465. color: #555;
  8466. font-size: 11px;
  8467. margin-top: 3px;
  8468. }
  8469. html[dark] .num-results {
  8470. color: white;
  8471. }
  8472. .html5-video-player .ytp-live-badge {
  8473. width: auto !important;
  8474. }
  8475. .title.ytd-guide-entry-renderer {
  8476. margin-left: 3.5px;
  8477. }
  8478. #header-entry #endpoint[href="/feed/you"] tp-yt-paper-item.ytd-guide-entry-renderer {
  8479. padding: 0 !important;
  8480. }
  8481. html[dark] tp-yt-paper-item path[d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"],
  8482. html[dark] yt-icon path[d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"] {
  8483. filter: contrast(0.3);
  8484. }
  8485. html[dark] tp-yt-paper-item:hover path[d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"],
  8486. html[dark] tp-yt-paper-item[aria-selected="true"] path[d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"] {
  8487. filter: none;
  8488. }
  8489. ytd-thumbnail.ytd-reel-item-renderer {
  8490. height: var(--ytd-grid-thumbnail_-_height);
  8491. width: var(--ytd-grid-thumbnail_-_width);
  8492. margin-bottom: 3px !important;
  8493. }
  8494. ytd-reel-item-renderer {
  8495. width: var(--ytd-grid-thumbnail_-_width);
  8496. margin-right: 10px;
  8497. }
  8498. /*
  8499. yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #left-arrow.yt-horizontal-list-renderer,
  8500. yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #right-arrow.yt-horizontal-list-renderer {
  8501. height: 118px !important;
  8502. }
  8503. */
  8504. ytd-reel-item-renderer #video-title {
  8505. font-size: 13px !important;
  8506. line-height: normal !important;
  8507. }
  8508. h3.ytd-reel-item-renderer {
  8509. margin: 0 10px 0 0 !important;
  8510. padding: 0;
  8511. }
  8512. ytd-video-meta-block.ytd-reel-item-renderer {
  8513. margin-top: 3px;
  8514. }
  8515. #contents.ytd-reel-shelf-renderer {
  8516. margin-top: 10px !important;
  8517. }
  8518. #title-container.ytd-reel-shelf-renderer {
  8519. margin-top: 17px !important;
  8520. }
  8521. ytd-video-renderer[use-prominent-thumbs] #title-wrapper.ytd-video-renderer,
  8522. [page-subtype="trending"] #title-wrapper.ytd-video-renderer {
  8523. margin-top: 8px;
  8524. }
  8525. #title-container a.yt-simple-endpoint[href^="/feed/storefront"] {
  8526. margin-top: 17px;
  8527. margin-bottom: 10px;
  8528. }
  8529. html #video-title.ytd-grid-movie-renderer {
  8530. font-size: 13px !important;
  8531. line-height: normal !important;
  8532. }
  8533. ytd-grid-movie-renderer {
  8534. margin-right: 10px;
  8535. width: var(--ytd-grid-thumbnail_-_width) !important;
  8536. }
  8537. ytd-thumbnail.ytd-grid-movie-renderer,
  8538. ytd-thumbnail.ytd-grid-movie-renderer img.yt-img-shadow {
  8539. width: calc(var(--ytd-grid-thumbnail_-_width) / 2) !important;
  8540. height: var(--ytd-grid-thumbnail_-_height) !important;
  8541. }
  8542. .sbpqs_a {
  8543. color: #52188c !important;
  8544. }
  8545. html[dark] .sbpqs_a {
  8546. color: #9328ff !important;
  8547. }
  8548. html[dark] .sbdd_b,
  8549. html[dark] .sbsb_a {
  8550. background: hsl(0, 0%, 10%) !important;
  8551. }
  8552. html[dark] .gsfs {
  8553. color: #fff;
  8554. }
  8555. html[dark] .sbsb_d {
  8556. background: hsla(0, 0%, 100%, 0.08) !important;
  8557. }
  8558. html[dark] .sbdd_b {
  8559. border: 1px solid hsla(0, 0%, 53.3%, 0.4) !important;
  8560. border-top-style: none !important;
  8561. }
  8562. yt-icon path[d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"] {
  8563. filter: brightness(40);
  8564. }
  8565. yt-icon:hover path[d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"] {
  8566. filter: brightness(20);
  8567. }
  8568. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
  8569. text-transform: none;
  8570. }
  8571. .badge-style-type-featured.ytd-badge-supported-renderer {
  8572. color: var(--yt-spec-text-primary) !important;
  8573. }
  8574. [page-subtype="trending"] #channel-name.ytd-video-renderer {
  8575. padding-left: 0;
  8576. }
  8577. ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block {
  8578. line-height: 1.4rem !important;
  8579. }
  8580. [page-subtype="trending"] #description-text.ytd-video-renderer {
  8581. line-height: 1.3em !important;
  8582. padding-top: 20px !important;
  8583. }
  8584. [page-subtype="trending"] #title-wrapper.ytd-video-renderer {
  8585. height: 17px !important;
  8586. }
  8587. [page-subtype="trending"] #metadata-line.ytd-video-meta-block {
  8588. position: absolute !important;
  8589. top: 42px !important;
  8590. line-height: 1.5rem !important;
  8591. font-size: 1.2rem !important;
  8592. }
  8593. [page-subtype="trending"] #separator.ytd-video-meta-block {
  8594. display: none !important;
  8595. }
  8596. [lang*=en] .addto-btn yt-formatted-string {
  8597. font-size: 0 !important;
  8598. }
  8599. [lang*=en] .addto-btn yt-formatted-string::after {
  8600. content: "Add to";
  8601. font-size: 1.4rem !important;
  8602. top: 1px;
  8603. position: absolute;
  8604. }
  8605. .addto-btn yt-icon {
  8606. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -151px -725px;
  8607. fill: none !important;
  8608. filter: contrast(0);
  8609. left: 2px;
  8610. }
  8611. .yt-spec-icon-badge-shape__icon {
  8612. fill: none;
  8613. left: 0;
  8614. opacity: .85;
  8615. margin-top: -2px;
  8616. margin-left: 1px;
  8617. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -698px -257px;
  8618. background-size: auto;
  8619. width: 30px !important;
  8620. height: 30px !important;
  8621. filter: invert(0.60);
  8622. }
  8623. yt-icon-button.ytd-notification-topbar-button-renderer {
  8624. filter: contrast(130%);
  8625. }
  8626. yt-icon-button.ytd-notification-topbar-button-renderer:hover {
  8627. filter: contrast(100%) brightness(94%);
  8628. }
  8629. html[dark] yt-icon-button.ytd-notification-topbar-button-renderer:hover {
  8630. filter: contrast(2);
  8631. }
  8632. yt-icon-button.ytd-notification-topbar-button-renderer:active {
  8633. filter: contrast(1);
  8634. }
  8635. html[dark] yt-icon-button.ytd-notification-topbar-button-renderer:active {
  8636. filter: contrast(3);
  8637. }
  8638. .yt-spec-icon-badge-shape--type-notification.yt-spec-icon-badge-shape > .yt-spec-icon-badge-shape__icon > yt-icon {
  8639. display: none;
  8640. }
  8641. yt-interaction {
  8642. display: none;
  8643. }
  8644. .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
  8645. height: 29px;
  8646. width: 31px;
  8647. left: 4px;
  8648. padding-left: 8px;
  8649. padding-top: 2px;
  8650. top: -5px;
  8651. min-width: unset !important;
  8652. max-width: unset !important;
  8653. border-bottom: unset !important;
  8654. border-left: unset !important;
  8655. }
  8656. /*
  8657. ytd-watch-metadata {
  8658. display: none !important;
  8659. }
  8660. */
  8661. ytd-watch-flexy #info-contents,
  8662. ytd-watch-flexy #meta-contents {
  8663. display: block !important;
  8664. }
  8665. #info-contents[hidden] #upload-info > #owner-sub-count {
  8666. margin-left: 181px;
  8667. }
  8668. ytd-promoted-sparkles-web-renderer.ytd-item-section-renderer {
  8669. margin-top: 15px;
  8670. }
  8671. ytd-promoted-sparkles-web-renderer.ytd-item-section-renderer #action-button {
  8672. display: none;
  8673. }
  8674. ytd-badge-supported-renderer.ytd-promoted-sparkles-web-renderer span {
  8675. color: var(--yt-spec-text-secondary);
  8676. }
  8677. .ytp-heat-map-container {
  8678. display: none !important;
  8679. }
  8680. .ytp-progress-bar-hover.ytp-progress-bar-decoration .ytp-tooltip-title {
  8681. display: none !important;
  8682. }
  8683. .ytp-progress-bar-hover.ytp-progress-bar-decoration .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text {
  8684. top: 33px;
  8685. }
  8686. .ytp-chrome-controls .ytp-button.ytp-mute-button {
  8687. padding: 0 2px !important;
  8688. }
  8689. ytd-download-button-renderer {
  8690. display: none !important;
  8691. }
  8692. #container.ytd-searchbox {
  8693. margin-left: 0px !important;
  8694. }
  8695. #container.ytd-searchbox > [slot=search-input] input {
  8696. padding: 1px 2px 2px !important;
  8697. }
  8698. .ytp-button[data-tooltip-target-id=ytp-autonav-toggle-button] {
  8699. padding: 0 !important;
  8700. }
  8701. ytd-two-column-search-results-renderer #avatar-section.ytd-channel-renderer {
  8702. margin-right: 8px;
  8703. }
  8704. ytd-two-column-search-results-renderer #subscribe-button.ytd-channel-renderer {
  8705. padding-right: 80px;
  8706. }
  8707. ytd-video-renderer[is-search] #channel-thumbnail.ytd-video-renderer {
  8708. display: none;
  8709. }
  8710. ytd-video-renderer[is-search] #channel-info.ytd-video-renderer {
  8711. padding: 0 !important;
  8712. }
  8713. ytd-video-renderer[is-search] .text-wrapper.ytd-video-renderer {
  8714. top: 0 !important;
  8715. }
  8716. #expandable-metadata.ytd-video-renderer:not(:empty) {
  8717. margin: 0 !important;
  8718. }
  8719. ytd-video-primary-info-renderer[use-yt-sans20-light] .title.ytd-video-primary-info-renderer {
  8720. font-family: "Roboto", "Arial", sans-serif !important;
  8721. font-size: 1.8rem !important;
  8722. font-weight: 400 !important;
  8723. }
  8724. .ytcp-main-appbar {
  8725. margin: -12px;
  8726. width: 100%;
  8727. text-align: center;
  8728. line-height: 42px;
  8729. height: 42px;
  8730. border-bottom: 1px solid #e8e8e8;
  8731. border-left: 1px solid #e8e8e8;
  8732. background-color: #fff;
  8733. position: fixed;
  8734. z-index: 2001;
  8735. font-size: 13px;
  8736. font-family: Roboto, arial, sans-serif;
  8737. }
  8738. html:not([dark]) .ytcp-nav-item {
  8739. display: inline-block;
  8740. margin-left: 30px;
  8741. }
  8742. html:not([dark]) .ytcp-nav-item span {
  8743. display: inline-block;
  8744. color: #666;
  8745. text-decoration: none;
  8746. cursor: pointer;
  8747. }
  8748. html:not([dark]) .ytcp-nav-item span:hover {
  8749. box-shadow: inset 0 -3px #f00;
  8750. }
  8751. html:not([dark]) [page-subtype="home"] .ytcp-nav-home span,
  8752. html:not([dark]) [page-subtype="subscriptions"] .ytcp-nav-subs span,
  8753. html:not([dark]) [page-subtype="trending"] .ytcp-nav-trending span {
  8754. box-shadow: inset 0 -3px #f00;
  8755. color: #333;
  8756. font-weight: 500;
  8757. }
  8758. html:not([dark]) .ytcp-appbar-nav {
  8759. display: inline-block;
  8760. vertical-align: top;
  8761. overflow: hidden;
  8762. }
  8763. html[dark] .ytcp-main-appbar {
  8764. background-color: #222;
  8765. border-bottom: 1px solid #181818;
  8766. border-left: 1px solid var(--yt-spec-10-percent-layer);
  8767. box-shadow: inset 0 1px #0f0f0f;
  8768. }
  8769. html[dark] .ytcp-nav-item {
  8770. display: inline-block;
  8771. margin-left: 30px;
  8772. }
  8773. html[dark] .ytcp-nav-item span {
  8774. display: inline-block;
  8775. color: #8f8f8f;
  8776. text-decoration: none;
  8777. cursor: pointer;
  8778. }
  8779. html[dark] .ytcp-nav-item span:hover {
  8780. box-shadow: inset 0 -3px #dcdcdc;
  8781. }
  8782. html[dark] [page-subtype="home"] .ytcp-nav-home span,
  8783. html[dark] [page-subtype="subscriptions"] .ytcp-nav-subs span,
  8784. html[dark] [page-subtype="trending"] .ytcp-nav-trending span {
  8785. box-shadow: inset 0 -3px #dcdcdc;
  8786. color: #c1c1c1;
  8787. font-weight: 500;
  8788. }
  8789. html[dark] .ytcp-appbar-nav {
  8790. display: inline-block;
  8791. vertical-align: top;
  8792. overflow: hidden;
  8793. }
  8794. .ytcp-load-more-button {
  8795. margin: 20px auto;
  8796. display: block;
  8797. height: 28px;
  8798. border-radius: 2px;
  8799. cursor: pointer;
  8800. font: 11px Roboto, arial, sans-serif;
  8801. padding: 0 10px;
  8802. font-weight: 500;
  8803. outline: 0;
  8804. }
  8805. .ytcp-load-more-button.ytcp-related {
  8806. margin: 0 auto !important;
  8807. }
  8808. html:not([dark]) .ytcp-load-more-button {
  8809. border: 1px solid #d3d3d3;
  8810. box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  8811. background-color: #f8f8f8;
  8812. color: #333;
  8813. }
  8814. html:not([dark]) .ytcp-load-more-button:hover {
  8815. border-color: #c6c6c6;
  8816. background-color: #f0f0f0;
  8817. box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  8818. }
  8819. html:not([dark]) .ytcp-load-more-button:active {
  8820. border-color: #c6c6c6;
  8821. background-color: #e9e9e9;
  8822. box-shadow: inset 0 1px 0 #ddd;
  8823. }
  8824. html[dark] .ytcp-load-more-button {
  8825. border: 0;
  8826. background-color: #2e2e2e;
  8827. color: #c1c1c1;
  8828. }
  8829. html[dark] .ytcp-load-more-button:hover {
  8830. background-color: #353535;
  8831. }
  8832. html[dark] .ytcp-load-more-button:active {
  8833. background-color: #292929;
  8834. }
  8835. [page-subtype="home"] ytd-two-column-browse-results-renderer,
  8836. [page-subtype="subscriptions"] ytd-two-column-browse-results-renderer,
  8837. [page-subtype="trending"] tp-yt-app-header {
  8838. margin-top: 60px !important;
  8839. }
  8840. [page-subtype="trending"] ytd-two-column-browse-results-renderer {
  8841. margin-top: 30px !important;
  8842. }
  8843. #contents.ytd-compact-autoplay-renderer > ytd-compact-video-renderer.ytd-item-section-renderer:first-child {
  8844. margin-top: 0 !important;
  8845. }
  8846. ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion="collapsed"]).ytd-watch-next-secondary-results-renderer {
  8847. margin-top: 15px !important;
  8848. margin-bottom: 0 !important;
  8849. }
  8850. ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion="collapsed"]).ytd-watch-next-secondary-results-renderer:first-child {
  8851. margin-top: 0 !important;
  8852. }
  8853. ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion="collapsed"]).ytd-watch-next-secondary-results-renderer:last-child {
  8854. margin-bottom: 8px !important;
  8855. }
  8856. ytd-continuation-item-renderer.ytd-comment-replies-renderer tp-yt-paper-spinner {
  8857. margin-top: -10px !important;
  8858. }
  8859. .watch-active-metadata yt-formatted-string[is-empty]:not(:empty) {
  8860. display: inline !important;
  8861. }
  8862. .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__badge {
  8863. border: none !important;
  8864. }
  8865. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
  8866. color: var(--yt-spec-text-secondary);
  8867. }
  8868. #metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:first-of-type)::before {
  8869. margin-right: 4px !important;
  8870. margin-left: 1px !important;
  8871. }
  8872. ytd-segmented-like-dislike-button-renderer {
  8873. order: 100;
  8874. margin-left: auto;
  8875. }
  8876. .ytd-segmented-like-dislike-button-renderer #text {
  8877. font-size: 11px !important;
  8878. top: 1px;
  8879. position: relative;
  8880. opacity: 1;
  8881. margin-left: 6px !important;
  8882. }
  8883. #segmented-dislike-button yt-icon-button {
  8884. padding: 6px 0 6px 6px;
  8885. width: max-content;
  8886. }
  8887. #segmented-dislike-button #text {
  8888. position: relative;
  8889. top: 1px !important;
  8890. }
  8891. #segmented-like-button tp-yt-paper-button {
  8892. padding-right: 6px !important;
  8893. }
  8894. ytd-video-primary-info-renderer[flex-menu-enabled] #menu-container.ytd-video-primary-info-renderer {
  8895. display: block !important;
  8896. }
  8897. #cinematics.ytd-watch-flexy {
  8898. display: none !important;
  8899. }
  8900. .ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
  8901. display: none !important;
  8902. }
  8903. [page-subtype=channels] ytd-rich-item-renderer[is-slim-grid]:first-of-type {
  8904. margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important;
  8905. }
  8906. [page-subtype=channels] ytd-rich-item-renderer[is-slim-grid]:last-of-type {
  8907. margin-right: calc(var(--ytd-rich-grid-item-margin)/2) !important;
  8908. }
  8909. /*Latest UI Border-radius thumbnails*/
  8910. ytd-playlist-panel-renderer[modern-panels]:not([within-miniplayer]) #container.ytd-playlist-panel-renderer {
  8911. border-radius: 0px !important;
  8912. }
  8913. .ytp-ce-video.ytp-ce-large-round,
  8914. .ytp-ce-playlist.ytp-ce-large-round,
  8915. .ytp-ce-large-round .ytp-ce-expanding-overlay-background {
  8916. border-radius: 0px !important;
  8917. }
  8918. .ytp-ce-video.ytp-ce-medium-round,
  8919. .ytp-ce-playlist.ytp-ce-medium-round,
  8920. .ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
  8921. border-radius: 0px !important;
  8922. }
  8923. .ytp-videowall-still-round-medium .ytp-videowall-still-image {
  8924. border-radius: 0px !important;
  8925. }
  8926. yt-icon,
  8927. .yt-icon-container.yt-icon {
  8928. width: var(--iron-icon-width, 20px);
  8929. height: var(--iron-icon-height, 20px);
  8930. }
  8931. ytd-toggle-theme-compact-link-renderer {
  8932. height: 24px !important;
  8933. min-height: 0 !important;
  8934. padding: 0 15px !important;
  8935. }
  8936. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:first-child {
  8937. background: 0 0 !important;
  8938. max-width: 78px;
  8939. }
  8940. ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  8941. height: 26px !important;
  8942. }
  8943. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {
  8944. border: 0 !important;
  8945. padding-bottom: 0 !important;
  8946. }
  8947. tp-yt-paper-item.ytd-compact-link-renderer::before,
  8948. tp-yt-paper-item::before {
  8949. content: none !important;
  8950. }
  8951. #channel-handle.ytd-active-account-header-renderer {
  8952. display: none;
  8953. }
  8954. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(2) {
  8955. position: absolute;
  8956. bottom: 10px;
  8957. left: 35px;
  8958. }
  8959. [menu-style="multi-page-menu-style-type-system"] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  8960. padding: 0px 0px;
  8961. margin: 0px 0 0px -24px;
  8962. }
  8963. #channel-header #channel-name.ytd-c4-tabbed-header-renderer {
  8964. display: inline;
  8965. }
  8966. #channel-header p.ytd-c4-tabbed-header-renderer {
  8967. display: none;
  8968. }
  8969. #channel-header #channel-handle,
  8970. #videos-count.ytd-c4-tabbed-header-renderer {
  8971. display: inline !important;
  8972. position: relative;
  8973. bottom: 3px;
  8974. }
  8975. #subscriber-count[is-empty]:not(.use-shadow):not(:empty) {
  8976. display: inherit;
  8977. }
  8978. #videos-count.ytd-c4-tabbed-header-renderer::before {
  8979. content: "•";
  8980. margin: 0 4px;
  8981. }
  8982. .ytp-sb-subscribe.ytp-sb-rounded,
  8983. .ytp-sb-unsubscribe.ytp-sb-rounded {
  8984. border-radius: 0px!important;
  8985. }
  8986. .branding-context-container-inner.ytp-rounded-branding-context {
  8987. border-radius: 0px!important;
  8988. }
  8989. .ytp-sb-subscribe,
  8990. .ytp-sb-unsubscribe {
  8991. border-radius: 0px!important;
  8992. }
  8993. ytd-popup-container {
  8994. width: 1px!important;
  8995. height: 1px!important;
  8996. }
  8997. #settings-7kt_buttons_holder {
  8998. text-align: left!important;
  8999. }
  9000. #settings-7kt .config_var {
  9001. margin: 0px 10px 3px!important;
  9002. }
  9003. #settings-7kt {
  9004. opacity: 0.98 !important;
  9005. height: 90% !important;
  9006. border: 1px solid rgba(16, 16, 16, 0.11) !important;
  9007. border-top-width: 0px !important;
  9008. }
  9009. html[dark] ytd-commentbox:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-commentbox {
  9010. background: #1c1c1c;
  9011. }
  9012. ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  9013. background-color: transparent !important;
  9014. border: none;
  9015. z-index: 0;
  9016. justify-content: flex-start;
  9017. margin-top: -25px;
  9018. }
  9019. #container.yt-chip-cloud-renderer {
  9020. margin-top: -10px!important;
  9021. }
  9022. iron-selector.yt-chip-cloud-renderer {
  9023. margin-right: 12px!important;
  9024. }
  9025. ytd-promoted-sparkles-web-renderer.ytd-item-section-renderer {
  9026. display: none !important;
  9027. }
  9028. yt-chip-cloud-renderer:not([no-top-margin]) yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer {
  9029. margin: 0px -6px 0px 0px!important;
  9030. }
  9031. .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-button,
  9032. .countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-button {
  9033. border-radius: 0px !important;
  9034. }
  9035. .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail,
  9036. .countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail {
  9037. border-radius: 0px !important;
  9038. }
  9039. .ytp-ad-player-overlay-flyout-cta-rounded {
  9040. border-radius: 0px !important;
  9041. }
  9042. #dismissible.ytd-compact-movie-renderer {
  9043. display: none !important;
  9044. }
  9045. ytd-engagement-panel-section-list-renderer[modern-panels] {
  9046. border-radius: 0px !important;
  9047. }
  9048. ytd-watch-next-secondary-results-renderer ytd-reel-shelf-renderer {
  9049. display: none;
  9050. }
  9051. .ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
  9052. border-radius: 0px !important;
  9053. }
  9054. .badge.badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
  9055. border-color: #e62117!important;
  9056. color: #e62117;
  9057. padding: 0 4px!important;
  9058. }
  9059. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer span.ytd-badge-supported-renderer {
  9060. padding: 0 !important;
  9061. }
  9062. .badge.badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon {
  9063. display: none;
  9064. }
  9065. .badge.badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
  9066. border-color: #e62117!important;
  9067. color: #e62117;
  9068. padding: 0 4px!important;
  9069. }
  9070. .badge.badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon {
  9071. display: none;
  9072. }
  9073. ytd-thumbnail.ytd-reel-item-renderer::before {
  9074. padding-top: 52% !important;
  9075. margin-right: 100px !important;
  9076. background-color: transparent !important;
  9077. }
  9078. yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #left-arrow.yt-horizontal-list-renderer,
  9079. yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #right-arrow.yt-horizontal-list-renderer {
  9080. height: 110px !important;
  9081. }
  9082. html[dark] div.ytd-simple-menu-header-renderer ytd-button-renderer {
  9083. filter: invert(0);
  9084. }
  9085. html[dark] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  9086. background-color: #212121;
  9087. }
  9088. html[dark] yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer {
  9089. background: #333333;
  9090. }
  9091. ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer {
  9092. background: #212121 !important;
  9093. }
  9094. html[dark] #guide-content.ytd-app {
  9095. background: #222;
  9096. }
  9097. #details.ytd-reel-item-renderer {
  9098. margin-left: 10px;
  9099. }
  9100. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start {
  9101. border-radius: 0 !important;
  9102. }
  9103.  
  9104. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon {
  9105. margin-right: 6px!important;
  9106. margin-left: -6px!important;
  9107. }
  9108. .yt-spec-button-shape-next__icon {
  9109. fill: transparent!important;
  9110. }
  9111. .yt-spec-button-shape-next {
  9112. outline-width: 0!important;
  9113. box-sizing: border-box!important;
  9114. background: none!important;
  9115. }
  9116. ytd-masthead[guide-refresh] yt-icon-button.ytd-masthead:hover,
  9117. ytd-masthead[guide-refresh] ytd-topbar-menu-button-renderer.ytd-masthead:hover,
  9118. ytd-masthead[guide-refresh] ytd-notification-topbar-button-renderer.ytd-masthead:hover {
  9119. background-color: transparent!important;
  9120. }
  9121. ytd-thumbnail[size=medium] a.ytd-thumbnail,
  9122. ytd-thumbnail[size=medium]:before {
  9123. border-radius: 0px!important;
  9124. }
  9125. ytd-playlist-thumbnail[size="large"] a.ytd-playlist-thumbnail,
  9126. ytd-playlist-thumbnail[size="large"]:before {
  9127. border-radius: 0 !important;
  9128. }
  9129. ytd-thumbnail[size=large] a.ytd-thumbnail,
  9130. ytd-thumbnail[size=large]:before {
  9131. border-radius: 0 !important;
  9132. }
  9133. ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail,
  9134. ytd-playlist-thumbnail[size="medium"]:before {
  9135. border-radius: 0 !important;
  9136. }
  9137. .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill {
  9138. background-color: #000!important;
  9139. }
  9140. .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill {
  9141. background-color: transparent!important;
  9142. }
  9143. .yt-spec-touch-feedback-shape--touch-response {
  9144. background-color: transparent!important;
  9145. }
  9146. ytd-macro-markers-list-item-renderer[modern][rounded][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] {
  9147. border-radius: 0!important;
  9148. }
  9149. .yt-spec-touch-feedback-shape {
  9150. display: none!important;
  9151. }
  9152. html[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  9153. color: #a6a6a6 !important;
  9154. }
  9155. .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  9156. background-color: transparent!important;
  9157. color: #656565 !important;
  9158. }
  9159. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end {
  9160. border-radius: 0px!important;
  9161. }
  9162. .ytp-ce-video.ytp-ce-large-round,
  9163. .ytp-ce-playlist.ytp-ce-large-round,
  9164. .ytp-ce-large-round .ytp-ce-expanding-overlay-background {
  9165. border-radius: 0px !important;
  9166. }
  9167. ytd-guide-entry-renderer[guide-refresh] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover,
  9168. ytd-guide-entry-renderer[guide-refresh] #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus {
  9169. border-radius: 0px !important;
  9170. }
  9171. html[dark],
  9172. [dark] {
  9173. --yt-spec-base-background: #181818 !important;
  9174. }
  9175. ytd-playlist-video-renderer[amsterdam] {
  9176. border-radius: 0px !important;
  9177. }
  9178. html:not([dark]) ytd-app {
  9179. background-color: #f1f1f1!important;
  9180. }
  9181. html[dark] ytd-guide-renderer.ytd-app {
  9182. background-color: #222!important;
  9183. }
  9184. html[dark] ytd-guide-renderer.ytd-app {
  9185. background-color: #222;
  9186. }
  9187. ytd-masthead[dark] #container.ytd-masthead {
  9188. background-color: #222;
  9189. }
  9190. ytd-multi-page-menu-renderer[sheets-refresh] {
  9191. border-radius: 0px !important;
  9192. }
  9193. #avatar-btn.ytd-topbar-menu-button-renderer:focus yt-img-shadow.ytd-topbar-menu-button-renderer {
  9194. box-shadow: 0 0 0 0px !important;
  9195. }
  9196. html:not([dark]) #notification-preference-button {
  9197. margin-top: 1px !important;
  9198. margin-left: 65px !important;
  9199. width: 28px;
  9200. border-right: 1px solid #ccc;
  9201. }
  9202. html[dark] #notification-preference-button {
  9203. margin-top: 1px !important;
  9204. margin-left: 65px !important;
  9205. width: 28px;
  9206. border: 1px solid #333;
  9207. }
  9208. #info #menu .dropdown-trigger yt-icon::after,
  9209. ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer {
  9210. content: "" !important;
  9211. }
  9212. .yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing {
  9213. width: fit-content;
  9214. margin: 0px -20px 0px -9px;
  9215. }
  9216.  
  9217. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon {
  9218. display: none;
  9219. }
  9220. .ytd-subscribe-button-renderer.style-scope yt-icon:hover,
  9221. .yt-icon-container.yt-icon {
  9222. opacity: 0.6;
  9223. }
  9224. .ytd-subscribe-button-renderer.style-scope yt-icon,
  9225. .yt-icon-container.yt-icon {
  9226. width: 18px !important;
  9227. height: 18px !important;
  9228. margin: 3px 2px 0px 0px;
  9229. opacity: 0.5;
  9230. }
  9231. tp-yt-paper-button.style-scope.ytd-subscribe-button-renderer {
  9232. display: flex!important;
  9233. }
  9234. #background.ytd-masthead {
  9235. z-index: -1 !important;
  9236. opacity: 1 !important;
  9237. position: absolute !important;
  9238. height: 50px !important;
  9239. width: 100% !important;
  9240. background: var(--yt-spec-brand-background-primary) !important;
  9241. }
  9242. .style-scope.ytd-item-section-renderer tp-yt-paper-button.ytd-subscribe-button-renderer {
  9243. border: 1px solid #ccc !important;
  9244. background-color: #f8f8f8 !important;
  9245. color: #333 !important;
  9246. height: 20px !important;
  9247. border-radius: 1px !important;
  9248. padding: 0 3px 0 4px !important;
  9249. padding-left: 10px !important;
  9250. padding-right: 10px !important;
  9251. font-size: 11px !important;
  9252. font-weight: 500 !important;
  9253. }
  9254. html[dark] .yt-spec-icon-badge-shape__icon {
  9255. filter: invert(1) !important;
  9256. }
  9257. .yt-spec-icon-badge-shape__icon {
  9258. fill: none !important;
  9259. left: 0 !important;
  9260. opacity: .7 !important;
  9261. margin-top: -2px !important;
  9262. margin-left: 1px !important;
  9263. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -698px -257px !important;
  9264. background-size: auto !important;
  9265. width: 30px !important;
  9266. height: 30px !important;
  9267. filter: invert(0.40) !important;
  9268. }
  9269. .yt-icon-button[aria-label="Settings"] {
  9270. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -624px 2px !important;
  9271. opacity: .5 !important;
  9272. color: transparent !important;
  9273. }
  9274. ytd-notification-renderer {
  9275. border-bottom: 1px solid #ddd !important;
  9276. }
  9277. html[dark] ytd-notification-renderer {
  9278. border-bottom-color: #333 !important;
  9279. }
  9280. html[dark] .yt-icon-button[aria-label="Settings"] {
  9281. filter: invert(1) !important;
  9282. }
  9283. .yt-spec-icon-badge-shape__icon:hover {
  9284. filter: contrast(0.3) !important;
  9285. opacity: 0.8 !important;
  9286. }
  9287. #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button] {
  9288. background: url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0px -74px !important;
  9289. background-size: auto;
  9290. max-width: 32px !important;
  9291. height: 24px !important;
  9292. opacity: 0.6;
  9293. display: inherit;
  9294. color: transparent;
  9295. overflow: clip;
  9296. }
  9297. #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button]:hover {
  9298. opacity: 0.8;
  9299. }
  9300. html[dark] #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button] {
  9301. filter: invert(1)
  9302. }
  9303.  
  9304. .yt-core-image--loaded {
  9305. visibility: inherit;
  9306. }
  9307.  
  9308. .yt-spec-avatar-shape--cairo-refresh.yt-spec-avatar-shape--live-ring::after {
  9309. display: none !important;
  9310. }
  9311.  
  9312. .yt-spec-avatar-shape--cairo-refresh .yt-spec-avatar-shape__live-badge {
  9313. display: none !Important;
  9314. }
  9315.  
  9316. #buttons.ytd-masthead > .ytd-masthead:not(:last-child) {
  9317. margin-right: 23px !Important;
  9318. }
  9319. .yt-spec-icon-badge-shape__icon:hover {
  9320. opacity: 0.8
  9321. }
  9322. .yt-spec-icon-badge-shape__icon:active {
  9323. filter: contrast(10) !important;
  9324. }
  9325. .yt-spec-icon-badge-shape--type-notification.yt-spec-icon-badge-shape > .yt-spec-icon-badge-shape__icon > yt-icon {
  9326. display: none !important;
  9327. }
  9328. yt-interaction {
  9329. display: none !important;
  9330. }
  9331. yt-img-shadow#avatar.ytd-notification-renderer,
  9332. yt-img-shadow#avatar.ytd-notification-renderer img.yt-img-shadow {
  9333. border-radius: 50%!important;
  9334. }
  9335. html[dark] ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer {
  9336. background: #212121!important;
  9337. }
  9338. ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer {
  9339. background: #f5f5f5!important;
  9340. }
  9341. .dropdown-content.paper-menu-button,
  9342. html:not([dark]) ytd-multi-page-menu-renderer {
  9343. border: 1px solid #c5c5c5!important;
  9344. border-top: 1px solid #c5c5c5!important;
  9345. box-shadow: 0 0 15px rgba(0, 0, 0, .18)!important;
  9346. }
  9347. h2.ytd-simple-menu-header-renderer {
  9348. font-weight: 500 !important;
  9349. font-size: 14px !important;
  9350. top: 2px!important;
  9351. position: relative !important;
  9352. }
  9353. ytd-multi-page-menu-renderer.style-scope.ytd-popup-container {
  9354. max-height: 432px!important;
  9355. }
  9356. .metadata.ytd-notification-renderer {
  9357. letter-spacing: 0px!important;
  9358. font-size: 12px!important;
  9359. top: -8px!Important;
  9360. position: relative;
  9361. }
  9362. #notification-count {
  9363. border-radius: 2px;
  9364. background: #cb4437;
  9365. z-index: 90;
  9366. font-size: 11px!important;
  9367. line-height: 15px!important;
  9368. }
  9369. #notification-count:after {
  9370. content: "";
  9371. width: 15px;
  9372. height: 15px;
  9373. border-bottom: 1px solid #fff;
  9374. border-left: 1px solid #fff;
  9375. position: absolute;
  9376. left: -0px;
  9377. z-index: 9
  9378. }
  9379. ytd-simple-menu-header-renderer {
  9380. border-bottom: none;
  9381. }
  9382. ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer {
  9383. border-top: none;
  9384. }
  9385. ytd-notification-renderer.unread #new.ytd-notification-renderer {
  9386. background-color: transparent;
  9387. }
  9388. #segmented-dislike-button #text {
  9389. top: 2px !important;
  9390. font-family: "Roboto",
  9391. "Arial",
  9392. sans-serif;
  9393. }
  9394. .choice-image.ytd-backstage-poll-renderer {
  9395. height: 90px;
  9396. width: 90px;
  9397. }
  9398. ytd-backstage-poll-renderer[is-image-poll] .vote-percentage-area.ytd-backstage-poll-renderer {
  9399. align-items: center;
  9400. height: 10%;
  9401. margin: 46%;
  9402. width: 100%;
  9403. }
  9404. ytd-backstage-poll-renderer {
  9405. --ytd-backstage-poll-choice-height: 90px;
  9406. --ytd-backstage-image-poll-choice-image-size: 20px;
  9407. --ytd-backstage-image-poll-choice-height: 20px;
  9408. }
  9409. #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer {
  9410. padding-bottom: 1px !important;
  9411. padding-top: 40px;
  9412. height: 24px !important;
  9413. }
  9414. ytd-backstage-poll-renderer[is-image-poll] .choice-text.ytd-backstage-poll-renderer {
  9415. color: var(--yt-spec-text-primary);
  9416. padding: 40px;
  9417. width: 100%;
  9418. }
  9419. tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .vote-percentage.ytd-backstage-poll-renderer {
  9420. color: #128ee9 !important;
  9421. font-size: 11px !important;
  9422. font-weight: 500 !important;
  9423. left: -4px !important;
  9424. }
  9425. tp-yt-paper-item.ytd-backstage-poll-renderer:not([selected]) .vote-percentage.ytd-backstage-poll-renderer {
  9426. color: #000 !important;
  9427. font-size: 11px !important;
  9428. font-weight: 500 !important;
  9429. left: -4px !important;
  9430. }
  9431. yt-icon.style-scope.ytd-badge-supported-renderer,
  9432. ytd-author-comment-badge-renderer:not([m]) #icon.ytd-author-comment-badge-renderer {
  9433. color: transparent;
  9434. fill: transparent !important;
  9435. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-2x-vflbdpYum.webp) -146px -556px;
  9436. height: 9px;
  9437. }
  9438. .sbdd_b {
  9439. border-radius: 0px;
  9440. }
  9441. ytd-channel-tagline-renderer {
  9442. display: none !important;
  9443. }
  9444. #meta.ytd-c4-tabbed-header-renderer {
  9445. min-width: 150px;
  9446. flex: 1;
  9447. flex-basis: 0%;
  9448. flex-basis: 0.000000001px;
  9449. margin-top: -30px;
  9450. padding-top: 5px;
  9451. margin-left: -10px;
  9452. }
  9453. #tabsContent.tp-yt-paper-tabs:not(.iron-selected) {
  9454. border-bottom: 4px solid transparent;
  9455. }
  9456. #tabsContent.scrollable.tp-yt-paper-tabs {
  9457. padding-top: 4px;
  9458. }
  9459. #avatar.ytd-c4-tabbed-header-renderer,
  9460. #avatar.ytd-c4-tabbed-header-renderer img.yt-img-shadow {
  9461. top: -96px !important;
  9462. position: relative !important;
  9463. overflow: visible !important;
  9464. height: 110px !important;
  9465. width: 110px !important;
  9466. margin-top: -3px !important;
  9467. margin-left: 0px !important;
  9468. }
  9469. #subscriber-count.ytd-c4-tabbed-header-renderer {
  9470. position: absolute;
  9471. font-size: 11px !important;
  9472. letter-spacing: 0 !important;
  9473. color: #737373;
  9474. height: 22px !important;
  9475. line-height: 24px !important;
  9476. border: 1px solid #ccc;
  9477. padding: 0 72px 0 8px !important;
  9478. border-radius: 2px !important;
  9479. text-align: left !important;
  9480. left: 1160px !important;
  9481. top: 3px !important;
  9482. max-width: 21px;
  9483. padding-left: 0px;
  9484. overflow: hidden;
  9485. }
  9486. #header.ytd-browse ytd-button-renderer:nth-of-type(1) #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  9487. font-size: 0 !important;
  9488. color: #fff !important;
  9489. filter: invert(0);
  9490. position: absolute;
  9491. left: 83px !important;
  9492. top: -9px !important;
  9493. }
  9494. ytd-button-renderer #button.ytd-button-renderer {
  9495. color: var(--yt-button-color, transparent);
  9496. background-color: transparent;
  9497. text-transform: var(--yt-button-text-transform, inherit);
  9498. }
  9499. ytd-c4-tabbed-header-renderer[use-modern-style] .meta-item.ytd-c4-tabbed-header-renderer {
  9500. display: inline-block;
  9501. margin-right: 0px !important;
  9502. white-space: nowrap;
  9503. color: var(--yt-spec-text-secondary);
  9504. font-family: "Roboto",
  9505. "Arial",
  9506. sans-serif;
  9507. font-size: 1.4rem;
  9508. line-height: 2rem;
  9509. font-weight: 400;
  9510. }
  9511. ytd-c4-tabbed-header-renderer[use-modern-style] #buttons.ytd-c4-tabbed-header-renderer {
  9512. padding: 0px 0;
  9513. margin-top: -27px;
  9514. padding-right: 72px;
  9515. }
  9516. ytd-channel-video-player-renderer[rounded] #player.ytd-channel-video-player-renderer {
  9517. overflow: hidden;
  9518. border-radius: 0px !important;
  9519. isolation: isolate;
  9520. }
  9521. ytd-channel-video-player-renderer {
  9522. padding: 0px 0 18px !important;
  9523. margin-top: -10.5px;
  9524. }
  9525. button#frex-downbut {
  9526. background: none;
  9527. color: red;
  9528. border: medium none;
  9529. display: none;
  9530. }
  9531. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-overlay-image img,
  9532. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-text-overlay,
  9533. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-enhanced-overlay {
  9534. -webkit-border-radius: 0px;
  9535. -moz-border-radius: 0px;
  9536. border-radius: 0px;
  9537. }
  9538. ytd-live-chat-frame[rounded-container] {
  9539. border-radius: 0px;
  9540. }
  9541. .ytcp-main-appbar {
  9542. margin: -12px;
  9543. width: 104%;
  9544. text-align: center;
  9545. line-height: 42px;
  9546. height: 42px;
  9547. border-bottom: 1px solid #e8e8e8;
  9548. border-left: 1px solid #e8e8e8;
  9549. background-color: #fff;
  9550. position: fixed;
  9551. z-index: 2001;
  9552. font-size: 13px;
  9553. font-family: Roboto,
  9554. arial,
  9555. sans-serif;
  9556. }
  9557. ytd-browse[page-subtype="channels"] {
  9558. background: var(--yt-spec-general-background-b);
  9559. background-color: #f1f1f1 !important;
  9560. }
  9561. #guide #guide-section-title.ytd-guide-section-renderer {
  9562. padding: 1px 0 11px !important;
  9563. margin: 0 5px !important;
  9564. text-transform: uppercase !important;
  9565. font-weight: normal !important;
  9566. font-size: 11px !important;
  9567. height: 10px !important;
  9568. }
  9569. #video-title.ytd-rich-grid-media {
  9570. color: var(--yt-spec-text-primary) !important;
  9571. font-family: "Roboto",
  9572. "Arial",
  9573. sans-serif !important;
  9574. font-size: 1.3rem !important;
  9575. line-height: 1.6rem !important;
  9576. font-weight: 500 !important;
  9577. overflow: hidden !important;
  9578. display: block !important;
  9579. max-height: 3.6rem !important;
  9580. -webkit-line-clamp: 2 !important;
  9581. display: flexbox !important;
  9582. display: -webkit-box !important;
  9583. -webkit-box-orient: vertical !important;
  9584. text-overflow: ellipsis !important;
  9585. white-space: normal !important;
  9586. margin-top: 2px !important;
  9587. }
  9588. html[dark] .super-title.ytd-video-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string {
  9589. background-color: #212121 !important
  9590. }
  9591. .super-title.ytd-video-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string {
  9592. color: #128ee9 !important;
  9593. background-color: #f1f1f1 !important;
  9594. border-radius: 2px !important;
  9595. padding: 0 4px !important;
  9596. margin-right: 6px !important;
  9597. }
  9598. html[dark] ytd-browse[page-subtype="channels"] {
  9599. background: var(--yt-spec-general-background-b);
  9600. background-color: #181818 !important;
  9601. }
  9602. html[dark] ytd-notification-renderer {
  9603. border-bottom-color: #333 !important;
  9604. background: #333 !important;
  9605. }
  9606. html[dark] #items.yt-multi-page-menu-section-renderer > .yt-multi-page-menu-section-renderer:not([compact-link-style="compact-link-style-type-disclaimer"]).yt-multi-page-menu-section-renderer:not([component-style="RENDER_STYLE_SIMPLE_HEADER"]).yt-multi-page-menu-section-renderer:hover {
  9607. background-color: #0d0d0d !important;
  9608. }
  9609. html[dark] [menu-style="multi-page-menu-style-type-system"] #container #sections {
  9610. background: #292929 !important;
  9611. padding-bottom: 0px !important;
  9612. }
  9613. [menu-style="multi-page-menu-style-type-system"] #container #sections {
  9614. padding-bottom: 0px !important;
  9615. background: #f5f5f5 !important;
  9616. }
  9617. .ytp-ad-overlay-container .ytp-ad-overlay-image img,
  9618. .ytp-ad-overlay-container .ytp-ad-text-overlay,
  9619. .ytp-ad-overlay-container .ytp-ad-enhanced-overlay {
  9620. -webkit-border-radius: 8px !important;
  9621. -moz-border-radius: 8px !important;
  9622. border-radius: 0px !important;
  9623. }
  9624. .iv-branding-active .branding-context-container-inner {
  9625. border-radius: 0px !important;
  9626. }
  9627. yt-button-shape.ytd-subscribe-button-renderer {
  9628. max-width: fit-content !important;
  9629. flex: none !important;
  9630. display: inline-block !important;
  9631. font-weight: 400 !important;
  9632. font-size: 9px !important;
  9633. line-height: 22px !important;
  9634. border-radius: 2px 0 0 2px !important;
  9635. box-shadow: 0 1px 0 rgb(0 0 0 / 5%) !important;
  9636. padding: 1px 0px 0px 0px !important;
  9637. height: 22px !important;
  9638. text-align: center !important;
  9639. min-width: 0 !important;
  9640. font-family: roboto !important;
  9641. z-index: 1 !important;
  9642. color: #fefefe !important;
  9643. margin: 0px 0px 0px 0px !important;
  9644. font-style: normal !important;
  9645. border: solid 1px transparent !important;
  9646. }
  9647. h3.ytd-rich-grid-media {
  9648. margin: 2px 0 4px 0 !important;
  9649. }
  9650. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button:not([subscribed]):not([page-subtype="subscriptions"] #subscribe-button tp-yt-paper-button)::before,
  9651. #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button:not([subscribed]):not([page-subtype="subscriptions"] #subscribe-button tp-yt-paper-button)::before,
  9652. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) yt-button-shape > button:not(.yt-spec-button-shape-next--tonal):not([page-subtype="subscriptions"] #subscribe-button yt-button-shape > button)::before,
  9653. #subscribe-button > ytd-button-renderer:not(.style-primary) yt-button-shape > button:not(.yt-spec-button-shape-next--tonal):not([page-subtype="subscriptions"] #subscribe-button yt-button-shape > button)::before {
  9654. content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAxLTE3VDIxOjE4OjA1KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMS0xN1QyMToyMiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMS0xN1QyMToyMiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MmQ0ZWZhNi02NzMxLTFkNGEtOGQ2Ni00ZTMwYzFmMzI1MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzJkNGVmYTYtNjczMS0xZDRhLThkNjYtNGUzMGMxZjMyNTM2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzJkNGVmYTYtNjczMS0xZDRhLThkNjYtNGUzMGMxZjMyNTM2Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MmQ0ZWZhNi02NzMxLTFkNGEtOGQ2Ni00ZTMwYzFmMzI1MzYiIHN0RXZ0OndoZW49IjIwMjEtMDEtMTdUMjE6MTg6MDUrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SMynAAAAAY0lEQVQoz2P8//+/HwMDwzQglmYgDTwF4ixGoAFPyNAMNwRkwH8GCgBOA54rSTAILlnNwGFlS6YBHKwMDFLCDPyTZjBw+QSQaQAUcOZmMwh0TxgIAyjyAqWBSEo0UpyQKErKAClORkVlDNckAAAAAElFTkSuQmCC') !important;
  9655. background-size: auto;
  9656. width: 14px;
  9657. padding-top: 2px;
  9658. margin-right: 7px;
  9659. margin-left: -12px;
  9660. }
  9661. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button[subscribed]::before,
  9662. #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button[subscribed]::before,
  9663. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) yt-button-shape > button.yt-spec-button-shape-next--tonal::before,
  9664. #notification-preference-button yt-button-shape > button.yt-spec-button-shape-next--tonal::before {
  9665. content: "";
  9666. border-right: 1px solid #909090;
  9667. border-bottom: 1px solid #909090;
  9668. height: 0px;
  9669. width: 3px;
  9670. transform: rotate(45deg);
  9671. margin-left: -9px !important;
  9672. margin-right: 8px;
  9673. margin-bottom: 2px;
  9674. }
  9675. #owner-sub-count.ytd-video-owner-renderer {
  9676. font-size: 11px !important;
  9677. letter-spacing: 0 !important;
  9678. color: #737373;
  9679. height: 22px !important;
  9680. line-height: 24px !important;
  9681. border: 1px solid #ccc;
  9682. border-left-width: 1px;
  9683. border-left-width: 0 !important;
  9684. padding: 0 6px 0 11px !important;
  9685. border-radius: 2px !important;
  9686. text-align: center !important;
  9687. max-width: 28px !important;
  9688. overflow: hidden !important;
  9689. left: -3px;
  9690. position: relative !important;
  9691. }
  9692. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled.yt-spec-button-shape-next > .yt-spec-button-shape-next__button-text-content > .yt-core-attributed-string--white-space-no-wrap.yt-core-attributed-string {
  9693. color: #fff;
  9694. }
  9695. html[dark] .yt-core-attributed-string.yt-core-attributed-string--white-space-no-wrap {
  9696. font-size: 12px !important;
  9697. color: #8e8d8c;
  9698. }
  9699. .yt-core-attributed-string.yt-core-attributed-string--white-space-no-wrap {
  9700. font-size: 12px !important;
  9701. color: #000;
  9702. }
  9703. html:not([dark]) ytd-browse[page-subtype="channels"] {
  9704. background-color: #f1f1f1 !important;
  9705. }
  9706. html:not([dark]) ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse,
  9707. ytd-browse[page-subtype="show"] ytd-two-column-browse-results-renderer.ytd-browse {
  9708. background-color: #f1f1f1 !important;
  9709. }
  9710. ytd-browse[page-subtype="playlist"],
  9711. ytd-browse[page-subtype="show"] {
  9712. background-color: transparent !important;
  9713. }
  9714. #content.ytd-channel-tagline-renderer {
  9715. font-size: 12px !important;
  9716. }
  9717. #endpoint.ytd-channel-tagline-renderer {
  9718. margin-top: -15px;
  9719. }
  9720. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover,
  9721. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus {
  9722. border-radius: 0px !important
  9723. }
  9724. ytd-multi-page-menu-renderer {
  9725. border-radius: 0px !important;
  9726. }
  9727. yt-icon-button.ytd-masthead:hover,
  9728. ytd-topbar-menu-button-renderer.ytd-masthead:hover,
  9729. ytd-notification-topbar-button-renderer.ytd-masthead:hover {
  9730. background-color: transparent !important;
  9731. }
  9732. ytd-app #info {
  9733. white-space: nowrap !important;
  9734. }
  9735.  
  9736. /*
  9737. ytd-browse[page-subtype="playlist"][has-sidebar] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] ytd-two-column-browse-results-renderer.ytd-browse {
  9738. padding-left: 104px !important;
  9739. }
  9740. */
  9741. ytd-ad-slot-renderer {
  9742. display: none !important;
  9743. }
  9744. ytd-video-description-transcript-section-renderer[modern] {
  9745. border-top: unset;
  9746. display: none !important;
  9747. }
  9748. #action-buttons.ytd-video-description-infocards-section-renderer {
  9749. display: none !important;
  9750. }
  9751. #guide-icon.ytd-masthead {
  9752. color: transparent !important;
  9753. }
  9754. .badge.badge-style-type-ypc.style-scope.ytd-badge-supported-renderer {
  9755. display: none !important;
  9756. }
  9757. div#inner-header-container div#buttons > div#edit-buttons a[href$="editing"] tp-yt-paper-button#button {
  9758. display: none !important;
  9759. }
  9760. /*Progress bar over thumbnail*/
  9761. #progress.ytd-thumbnail-overlay-resume-playback-renderer {
  9762. display: block !important;
  9763. background-color: red !important;
  9764. opacity: 1 !important;
  9765. }
  9766. .yt-spec-button-shape-next--size-s {
  9767. padding: 0 12px;
  9768. height: 22px;
  9769. font-size: 12px;
  9770. line-height: 32px;
  9771. border-radius: 16px;
  9772. }
  9773. ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer {
  9774. background-color: transparent;
  9775. overflow: hidden;
  9776. width: 24px;
  9777. height: 24px;
  9778. }
  9779. ytd-comment-replies-renderer:not([modern]) #expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer {
  9780. color: transparent;
  9781. }
  9782. ytd-grid-playlist-renderer.style-scope:nth-child(1) > ytd-playlist-thumbnail:nth-child(1) > yt-collections-stack:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  9783. background-color: rgb(89,
  9784. 89,
  9785. 89);
  9786. }
  9787. ytd-two-column-search-results-renderer .style-scope.ytd-reel-shelf-renderer {
  9788. display: none;
  9789. }
  9790. .yt-core-attributed-string--highlight-text-decorator {
  9791. background-color: transparent !important;
  9792. border-radius: 0;
  9793. }
  9794. /* New live-chat */
  9795. ytd-watch-flexy[flexy] #chat.ytd-watch-flexy:not([collapsed]) {
  9796. min-height: 591px !important;
  9797. }
  9798. ytd-live-chat-frame[rounded-container] {
  9799. border-radius: 0px !important;
  9800. }
  9801. ytd-live-chat-frame[rounded-container] iframe.ytd-live-chat-frame {
  9802. border-radius: 0px 0px 0 0 !important;
  9803. }
  9804. html[dark] ytd-live-chat-frame #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
  9805. background-color: #212121;
  9806. }
  9807. ytd-live-chat-frame[rounded-container] #show-hide-button.ytd-live-chat-frame ytd-toggle-button-renderer.ytd-live-chat-frame {
  9808. border-radius: 0 0 0px 0px !important;
  9809. }
  9810. #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame,
  9811. #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
  9812. color: var(--yt-live-chat-secondary-text-color);
  9813. }
  9814. #chat.ytd-watch-flexy {
  9815. margin-left: 0px !important;
  9816. margin-right: 0px !important;
  9817. }
  9818. #chat.ytd-watch-flexy,
  9819. #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy,
  9820. #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy,
  9821. #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy,
  9822. #playlist.ytd-watch-flexy {
  9823. margin-bottom: 10px !important;
  9824. }
  9825. #chat-container.ytd-watch-flexy:not([chat-collapsed]) {
  9826. margin-left: -30px !important;
  9827. margin-right: 30px !important;
  9828. margin-bottom: 10px !important;
  9829. margin-top: 8px !important;
  9830. }
  9831. yt-live-chat-banner-renderer {
  9832. border-radius: 2px !important;
  9833. }
  9834. #live-chat-header-context-menu.yt-live-chat-header-renderer {
  9835. color: var(--yt-spec-icon-inactive) !important;
  9836. }
  9837. #live-chat-header-context-menu.yt-live-chat-header-renderer {
  9838. padding: 0 !important;
  9839. }
  9840. #live-chat-header-context-menu.yt-live-chat-header-renderer {
  9841. height: auto !important;
  9842. }
  9843. ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy:not([collapsed]) {
  9844. height: var(--ytd-watch-flexy-chat-max-height);
  9845. border-color: #e7e7e7;
  9846. }
  9847. html[dark] ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy:not([collapsed]) {
  9848. height: var(--ytd-watch-flexy-chat-max-height);
  9849. border-color: #212121;
  9850. }
  9851. #time-status.ytd-thumbnail-overlay-time-status-renderer {
  9852. background-color: transparent !important;
  9853. padding: 0 !important;
  9854. height: 12px !important;
  9855. }
  9856. ytd-badge-supported-renderer.ytd-thumbnail-overlay-time-status-renderer {
  9857. margin: 0px !important;
  9858. }
  9859. #more yt-formatted-string {
  9860. visibility: hidden !important;
  9861. }
  9862. #more yt-formatted-string::before {
  9863. visibility: visible !important;
  9864. content: "SHOW MORE" !important;
  9865. }
  9866. ytd-channel-tagline-renderer {
  9867. display: none;
  9868. }
  9869. ytd-badge-supported-renderer.ytd-channel-name {
  9870. vertical-align: top;
  9871. }
  9872. #channel-tagline.ytd-c4-tabbed-header-renderer > ytd-channel-tagline-renderer.ytd-c4-tabbed-header-renderer {
  9873. padding: 5px 0;
  9874. }
  9875. ytd-channel-header-links-view-model {
  9876. display: block;
  9877. }
  9878. #meta.ytd-c4-tabbed-header-renderer {
  9879. margin-top: -2px;
  9880. padding-top: 5px;
  9881. margin-left: -10px;
  9882. }
  9883. #container.ytd-channel-header-links-view-model {
  9884. position: relative;
  9885. top: -11px;
  9886. left: 0;
  9887. }
  9888. .yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color {
  9889. font-size: 11px !important;
  9890. }
  9891. #ytd-player {
  9892. border-radius: 0px !important;
  9893. }
  9894. #related {
  9895. position: relative !important;
  9896. left: 15px;
  9897. }
  9898. ytd-comments {
  9899. position: relative !important;
  9900. top: 15px;
  9901. }
  9902. ytd-live-chat-frame {
  9903. position: relative !important;
  9904. left: 15px;
  9905. }
  9906. #button[aria-label="Show more"][role="button"] {
  9907. padding: 15px !important;
  9908. margin-top: 15px;
  9909. }
  9910. ytd-live-chat-frame[collapsed] {
  9911. height: 31px!important;
  9912. }
  9913. ytd-notification-topbar-button-shape-renderer yt-icon {
  9914. color: var(--yt-spec-icon-inactive);
  9915. }
  9916. #more-replies yt-formatted-string::before {
  9917. content: "View ";
  9918. text-transform: none;
  9919. }
  9920. #less-replies yt-formatted-string::before {
  9921. content: "Hide ";
  9922. text-transform: none;
  9923. }
  9924. .yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-s {
  9925. height: 22px;
  9926. }
  9927. #info.ytd-channel-renderer {
  9928. display: inline-table !important;
  9929. padding: 0px 15px 30px 0px !important;
  9930. min-width: 50%;
  9931. max-width: 50%;
  9932. }
  9933. #info-section.ytd-channel-renderer {
  9934. display: inline-table !important;
  9935. min-width: 50%;
  9936. max-width: 50%;
  9937. }
  9938. #about-these-results {
  9939. display: none;
  9940. }
  9941. #chip-bar.ytd-search-header-renderer {
  9942. display: none;
  9943. }
  9944. ytd-search-header-renderer[has-chip-bar] {
  9945. height: 20px !important;
  9946. }
  9947. ytd-search-header-renderer {
  9948. align-items: normal !important;
  9949. }
  9950. #expandable-metadata.ytd-video-renderer:not(:empty) {
  9951. display: none;
  9952. }
  9953. ytd-search #sub-menu {
  9954. margin-bottom: 15px !important;
  9955. }
  9956. .dropdown-content.style-scope.tp-yt-paper-menu-button {
  9957. border-radius: 0px !important;
  9958. }
  9959. ytd-menu-popup-renderer {
  9960. border-radius: 0px !important;
  9961. }
  9962. ytd-c4-tabbed-header-renderer[use-modern-style][has-channel-header-links] #inner-header-container.ytd-c4-tabbed-header-renderer {
  9963. margin-top: 0;
  9964. margin-left: 10px;
  9965. }
  9966. #description.ytd-watch-metadata {
  9967. --ytd-text-inline-expander-button-color: var(--yt-spec-text-primary);
  9968. position: relative !important;
  9969. border-radius: 0px !important;
  9970. background: #fff !important;
  9971. min-width: 100% !important;
  9972. min-width: max(381px,
  9973. 50% - 12px) !important;
  9974. -moz-box-flex: 1 !important;
  9975. flex: 1 !important;
  9976. flex-basis: 0.000000001px !important;
  9977. font-family: "Roboto",
  9978. "Arial",
  9979. sans-serif !important;
  9980. font-size: 1.4rem !important;
  9981. line-height: 2rem !important;
  9982. font-weight: 400 !important;
  9983. border-top: 0px solid #181818 !important;
  9984. }
  9985. html[dark] #description.ytd-watch-metadata {
  9986. background: #212121 !important;
  9987. }
  9988. .button.ytd-text-inline-expander {
  9989. text-transform: capitalize !important;
  9990. }
  9991. html[dark] ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata:hover {
  9992. background: #212121;
  9993. }
  9994. ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata:hover {
  9995. background: #fff;
  9996. }
  9997. #expand.ytd-text-inline-expander {
  9998. position: absolute !important;
  9999. bottom: -5px !important;
  10000. left: 0px !important;
  10001. right: 0px !important;
  10002. border-top: 1px solid #d5d5d5;
  10003. padding-top: 6px;
  10004. }
  10005.  
  10006.  
  10007. html[dark] #expand.ytd-text-inline-expander {
  10008. border-top: 1px solid #5a5a5a;
  10009. }
  10010. #snippet.ytd-text-inline-expander {
  10011. white-space: pre-wrap !important;
  10012. padding-bottom: 30px !important;
  10013. }
  10014. #subscriber-count.ytd-c4-tabbed-header-renderer {
  10015. position: absolute;
  10016. font-size: 11px !important;
  10017. letter-spacing: 0 !important;
  10018. color: #737373;
  10019. height: 22px !important;
  10020. line-height: 24px !important;
  10021. /* border: 1px solid #ccc; */
  10022. padding: 0 72px 0 8px !important;
  10023. border-radius: 2px !important;
  10024. text-align: left !important;
  10025. left: 1160px !important;
  10026. top: 17px !important;
  10027. max-width: 21px;
  10028. padding-left: 0px;
  10029. overflow: hidden;
  10030. }
  10031. #subscribe-button {
  10032. margin-top: 14px !important;
  10033. position: absolute !important;
  10034. left: 58px !important;
  10035. }
  10036. #upload-info > #owner-sub-count {
  10037. position: absolute !important;
  10038. left: 4px !important;
  10039. margin-left: 142px !important;
  10040. min-width: fit-content;
  10041. height: 100% !important;
  10042. padding-left: 45px !important;
  10043. top: 67px !important;
  10044. visibility: visible;
  10045. }
  10046.  
  10047. html[dark] #top-row.ytd-watch-metadata {
  10048. background-color: #212121;
  10049. }
  10050. html[dark] ytd-watch-metadata[actions-on-separate-line] #top-row.ytd-watch-metadata {
  10051. display: block;
  10052. border-bottom: 0px !important;
  10053. }
  10054. #top-row.ytd-watch-metadata {
  10055. margin-top: -4px !important;
  10056. display: block !important;
  10057. -moz-box-orient: horizontal !important;
  10058. -moz-box-direction: normal !important;
  10059. flex-direction: row !important;
  10060. -moz-box-pack: start !important;
  10061. justify-content: flex-start !important;
  10062. background-color: #fff;
  10063. padding: 10px !important;
  10064. }
  10065. html[dark] #top-row.ytd-watch-metadata {
  10066. border-bottom: 0px !important;
  10067. }
  10068. html[dark] div#top-row.style-scope.ytd-watch-metadata {
  10069. border: 0px !important;
  10070. }
  10071. #owner-sub-count.ytd-video-owner-renderer {
  10072. position: absolute !important;
  10073. max-height: 23px !important;
  10074. }
  10075. html[dark] #collapse.ytd-text-inline-expander {
  10076. border-top: 1px solid #5a5a5a !important;
  10077. }
  10078.  
  10079. html[dark] h1.ytd-watch-metadata {
  10080. background-color: #212121;
  10081. }
  10082. h1.ytd-watch-metadata {
  10083. font-family: "Roboto",
  10084. "Arial",
  10085. sans-serif !important;
  10086. color: var(--ytd-video-primary-info-renderer-title-color,
  10087. var(--yt-spec-text-primary)) !important;
  10088. font-size: 20px !important;
  10089. font-variant: var(--ytd-video-primary-info-renderer-title-font-variant,
  10090. inherit) !important;
  10091. text-shadow: var(--ytd-video-primary-info-renderer-title-text-shadow,
  10092. none) !important;
  10093. font-weight: 400 !important;
  10094. white-space: normal !important;
  10095. margin: 0 !important;
  10096. background-color: #fff;
  10097. padding: 5px 10px 0px 10px !important;
  10098. text-overflow: ellipsis !important;
  10099. overflow: hidden !important;
  10100. -webkit-line-clamp: 1 !important;
  10101. display: -webkit-box !important;
  10102. word-wrap: anywhere;
  10103. -webkit-box-orient: vertical;
  10104. max-height: 4.6rem;
  10105. }
  10106. ytd-watch-metadata.ytd-watch-flexy {
  10107. margin-top: var(--ytd-margin-2x) !important;
  10108. margin-bottom: -1px !important;
  10109. }
  10110. yt-formatted-string[ellipsis-truncate-styling] a.yt-formatted-string {
  10111. display: block !important;
  10112. margin-right: auto !important;
  10113. padding-right: auto !important;
  10114. white-space: hidden !important;
  10115. }
  10116. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(2) {
  10117. order: 1 !important;
  10118. font-weight: 500 !important;
  10119. text-transform: initial !important;
  10120. }
  10121. ytd-button-renderer.style-default[is-paper-button] {
  10122. background: transparent !important
  10123. }
  10124. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button {
  10125. width: 36px;
  10126. padding: 0;
  10127. padding-right: 6px !important;
  10128. }
  10129. ytd-badge-supported-renderer[system-icons] .badge-style-type-verified.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,
  10130. ytd-badge-supported-renderer[system-icons] .badge-style-type-verified-artist.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,
  10131. ytd-badge-supported-renderer[system-icons] .badge-style-type-collection.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,
  10132. ytd-badge-supported-renderer[system-icons] .badge-style-type-ypc-transparent.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
  10133. height: 10px ! important;
  10134. }
  10135. html[dark] ytd-watch-metadata[flex-menu-enabled] #actions-inner.ytd-watch-metadata {
  10136. width: 100%;
  10137. border-top: 1px solid #5a5a5a;
  10138. }
  10139. ytd-watch-metadata[flex-menu-enabled] #actions-inner.ytd-watch-metadata {
  10140. width: 100%;
  10141. border-top: 1px solid #d5d5d5;
  10142. }
  10143. #menu.ytd-watch-metadata {
  10144. --yt-button-icon-size: 36px !important;
  10145. padding-top: 6px !important;
  10146. }
  10147. ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer {
  10148. margin-left: 18px !important;
  10149. padding-top: 6px !important;
  10150. margin-right: 24px !important;
  10151. margin-top: -6px !important;
  10152. }
  10153. ytd-text-inline-expander {
  10154. display: block;
  10155. position: relative;
  10156. overflow: hidden;
  10157. contain: content;
  10158. color: #333 !important;
  10159. font-family: roboto !important;
  10160. font-size: 1.33rem !important;
  10161. font-weight: 400 !important;
  10162. white-space: normal !important;
  10163. line-height: 15.4px !important;
  10164. letter-spacing: 0px !important;
  10165. }
  10166. html[dark] ytd-text-inline-expander {
  10167. color: #fff !important;
  10168. }
  10169. html[dark] ytd-watch-flexy button[aria-label="Share"] .yt-spec-button-shape-next__icon,
  10170. html[dark] ytd-watch-flexy #above-the-fold #top-level-buttons-computed ytd-button-renderer .yt-spec-button-shape-next__icon {
  10171. filter: invert(1);
  10172. }
  10173. html[dark] td-text-inline-expander {
  10174. color: #fff;
  10175. }
  10176. .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {
  10177. background: transparent !important;
  10178. }
  10179. .yt-tab-shape-wiz__tab {
  10180. color: #606060 !important;
  10181. font-family: roboto !important;
  10182. font-size: 13px !important;
  10183. line-height: 2.2rem !important;
  10184. font-weight: 500 !important;
  10185. }
  10186. .yt-tab-shape-wiz {
  10187. -moz-box-align: center !important;
  10188. align-items: center !important;
  10189. cursor: pointer !important;
  10190. display: -moz-box !important;
  10191. display: flex !important;
  10192. flex-shrink: 0 !important;
  10193. height: 35px !important;
  10194. -moz-box-pack: center !important;
  10195. justify-content: center !important;
  10196. margin-right: 24px !important;
  10197. min-width: 48px !important;
  10198. padding: 0 !important;
  10199. position: relative !important;
  10200. font-family: roboto !important;
  10201. }
  10202. #tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {
  10203. height: 29px !important;
  10204.  
  10205. }
  10206. #tabsContent.scrollable.tp-yt-paper-tabs {
  10207. padding-top: 4px !important;
  10208. }
  10209. tp-yt-app-toolbar.ytd-tabbed-page-header {
  10210. position: relative !important;
  10211. margin-top: -20px !important;
  10212. }
  10213. #tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {
  10214. height: 29px !important;
  10215. padding-bottom: 0!important;
  10216. padding-left: 0!important;
  10217. padding-right: 0!important;
  10218. margin-left: 20px!important;
  10219. text-transform: none!important;
  10220. margin-top: 15px!important;
  10221. }
  10222. ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child),
  10223. ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child),
  10224. ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer,
  10225. ytd-structured-description-content-renderer[inline-structured-description] ytd-error-corrections-section-renderer.ytd-structured-description-content-renderer,
  10226. ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer {
  10227. border-top: 1px solid var(--yt-spec-10-percent-layer) !important;
  10228. }
  10229. ytd-app #info ytd-video-primary-info-renderer {
  10230. display: none !important;
  10231. }
  10232. #inner-header-container.ytd-c4-tabbed-header-renderer {
  10233. top: 8px !important;
  10234. }
  10235. #header.ytd-browse ytd-button-renderer #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  10236. color: #737373 !important;
  10237. position: absolute !important;
  10238. top: -61px;
  10239. left: 146px;
  10240. }
  10241. ytd-app #subscriber-count.ytd-c4-tabbed-header-renderer {
  10242. left: 867px !important;
  10243. }
  10244. #buttons.ytd-c4-tabbed-header-renderer {
  10245. position: inherit;
  10246. left: -59px !important;
  10247. }
  10248. ytd-c4-tabbed-header-renderer.grid-5-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer,
  10249. ytd-c4-tabbed-header-renderer.grid-5-columns .page-header-banner.ytd-c4-tabbed-header-renderer {
  10250. margin-left: 0!important;
  10251. margin-right: 0!important;
  10252. }
  10253. ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer {
  10254. border-radius: 0px !important;
  10255. }
  10256. div#inner-header-container div#buttons > div#edit-buttons {
  10257. margin-top: -24px !important;
  10258. position: absolute!important;
  10259. left: 165px!important
  10260. }
  10261. ytd-c4-tabbed-header-renderer[use-page-header-style] #buttons.ytd-c4-tabbed-header-renderer .channel-action.ytd-c4-tabbed-header-renderer:not(:empty) {
  10262. margin: -83px 645px 100px !important;
  10263. }
  10264. ytd-watch-next-secondary-results-renderer {
  10265. position: relative !important;
  10266. right: 29px !important;
  10267. }
  10268. span.bold.yt-formatted-string.style-scope:nth-of-type(3)::before {
  10269. content: "Published on " !important;
  10270. }
  10271. span.bold.yt-formatted-string.style-scope:nth-of-type(1) {
  10272. display: none !important;
  10273. }
  10274. #expand.ytd-text-inline-expander {
  10275. color: transparent !important;
  10276. }
  10277. html[dark] #expand.ytd-text-inline-expander::after {
  10278. background-color: #212121;
  10279. }
  10280. #expand.ytd-text-inline-expander::after {
  10281. color: var(--yt-spec-text-secondary);
  10282. content: "More";
  10283. margin-right: 55px;
  10284. background-color: #fff;
  10285. text-transform: uppercase;
  10286. }
  10287. html[dark] div#messages.style-scope.ytd-watch-flexy {
  10288. color: #b2aca2;
  10289. }
  10290. div#messages.style-scope.ytd-watch-flexy {
  10291. line-height: 24px !important;
  10292. max-height: 24px !important;
  10293. text-align: right !important;
  10294. font-size: 19px !important;
  10295. margin-bottom: 2px !important;
  10296. position: absolute !important;
  10297. top: 82px !important;
  10298. font-weight: 400 !important;
  10299. margin-bottom: 2px !important;
  10300. right: 35px !important;
  10301. }
  10302.  
  10303. span.bold.yt-formatted-string.style-scope:nth-of-type(3)::before {
  10304. content: "Published ";
  10305. }
  10306. #collapse.ytd-text-inline-expander {
  10307. border-top: 1px solid #d5d5d5;
  10308. text-transform: uppercase !important;
  10309. width: 100%;
  10310. color: var(--yt-spec-text-secondary) !important;
  10311. border-top: 1px solid #d5d5d5;
  10312. width: 100%;
  10313. padding-top: 5px;
  10314. margin-top: 0px !important;
  10315. }
  10316. #collapse.ytd-text-inline-expander {}
  10317. yt-button-shape.style-scope.ytd-subscribe-button-renderer {
  10318. display: flex !important;
  10319. }
  10320. yt-smartimation.ytd-subscribe-button-renderer,
  10321. .smartimation__content > __slot-el {
  10322. display: flex !important;
  10323. }
  10324. html:not([dark]) #notification-preference-toggle-button:not([hidden]) + yt-animated-action #notification-preference-button.ytd-subscribe-button-renderer[invisible],
  10325. html:not([dark]) #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] {
  10326. pointer-events: auto;
  10327. visibility: visible !important;
  10328. position: static!important;
  10329. background-color: #f2f2f2 !important;
  10330. border: 1px solid #ccc !important;
  10331. }
  10332. html[dark] #notification-preference-toggle-button:not([hidden]) + yt-animated-action #notification-preference-button.ytd-subscribe-button-renderer[invisible],
  10333. html[dark] #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] {
  10334. pointer-events: auto;
  10335. visibility: visible;
  10336. position: static;
  10337. background-color: #333 !important;
  10338. border: 1px solid #333 !important;
  10339. }
  10340. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button[subscribed]::before,
  10341. #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button[subscribed]::before,
  10342. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) yt-button-shape > button.yt-spec-button-shape-next--tonal::before,
  10343. #notification-preference-button yt-button-shape > button.yt-spec-button-shape-next--tonal::before {
  10344. width: 4px;
  10345. height: 9px;
  10346. margin-right: 12px;
  10347. margin-left: -6px !important;
  10348. transform: rotate(45deg);
  10349. margin-bottom: 5px !important;
  10350. }
  10351. ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon {
  10352. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0 -75px !important;
  10353. background-size: auto;
  10354. width: 36px !important;
  10355. height: 24px !important;
  10356. color: transparent !important;
  10357. opacity: 0.6 !important;
  10358. }
  10359. ytd-app[frosted-glass] tp-yt-app-drawer.ytd-app[persistent] #guide-content.ytd-app {
  10360. background: #fff !important;
  10361. }
  10362. html[dark] ytd-app[frosted-glass] tp-yt-app-drawer.ytd-app[persistent] #guide-content.ytd-app {
  10363. background: #222 !important;
  10364. }
  10365.  
  10366. #contentContainer.tp-yt-app-drawer[persistent] {
  10367. width: 100%;
  10368. top: -116px !important;
  10369. }
  10370. tp-yt-app-drawer.ytd-app:not([persistent]) {
  10371. z-index: 2030;
  10372.  
  10373. top: 0px !important;
  10374. }
  10375. tp-yt-app-drawer {
  10376.  
  10377. top: 45px !important;
  10378. right: 0;
  10379. bottom: -120px;
  10380. left: 0;
  10381. visibility: hidden;
  10382. transition-property: visibility;
  10383. }
  10384. ytd-guide-renderer.ytd-app {
  10385. background: #fff;
  10386. }
  10387. #guide #guide-spacer.ytd-app {
  10388. margin-top: 1px !important;
  10389. }
  10390.  
  10391. ytd-reel-shelf-renderer {
  10392. display: none !important;
  10393. }
  10394. ytd-c4-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer,
  10395. ytd-c4-tabbed-header-renderer.grid-6-columns .page-header-banner.ytd-c4-tabbed-header-renderer {
  10396. margin-left: 0px !important;
  10397. margin-right: 0px !important;
  10398. }
  10399. div.page-header-banner.style-scope.ytd-c4-tabbed-header-renderer {
  10400. margin-left: 0px !important;
  10401. margin-right: 0px !important;
  10402. border-radius: 0px !important;
  10403. }
  10404. ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer {
  10405. border-radius: 0px !important;
  10406. }
  10407. ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer {
  10408. flex-direction: row !important;
  10409. }
  10410. .yt-tab-shape-wiz__tab {
  10411. font-weight: 500 !important;
  10412. margin-top: -5px;
  10413. }
  10414. #avatar.ytd-c4-tabbed-header-renderer {
  10415. margin-top: 25px !important;
  10416. }
  10417. .yt-tab-group-shape-wiz__slider {
  10418. background-color: #c00 !important;
  10419. }
  10420. ytd-watch-flexy button[aria-label="Share"] .yt-spec-button-shape-next__icon,
  10421. ytd-watch-flexy #above-the-fold #top-level-buttons-computed ytd-button-renderer .yt-spec-button-shape-next__icon {
  10422. width: 20px;
  10423. height: 20px;
  10424. opacity: 0.6;
  10425. background: url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfljEooDy.png) -21px -1679px;
  10426. color: transparent;
  10427. }
  10428. #below button,
  10429. #below ytd-button-renderer,
  10430. yt-animated-rolling-number div {
  10431. font-size: 12px!important;
  10432. vertical-align: middle;
  10433. font-weight: 500;
  10434. }
  10435. #top-level-buttons-computed svg {
  10436. visibility: hidden;
  10437. }
  10438. #top-level-buttons-computed > yt-button-view-model.ytd-menu-renderer > .ytd-menu-renderer.style-scope.yt-spec-button-view-model > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div > svg {
  10439. visibility: visible;
  10440. }
  10441. html[dark] ytd-guide-entry-renderer[active] {
  10442. background-color: var(--yt-spec-badge-chip-background) !important;
  10443. border-radius: 0px;
  10444. }
  10445. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active {
  10446. border-radius: 0px !important;
  10447. }
  10448. #messages {
  10449. color: #666;
  10450. }
  10451. ytd-watch-metadata tp-yt-paper-button yt-icon {
  10452. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -160px -808px;
  10453. width: 20px;
  10454. height: 20px;
  10455. }
  10456. ytd-watch-metadata tp-yt-paper-button:hover {
  10457. opacity: 0.6;
  10458. }
  10459.  
  10460. .ryd-tooltip-bar-container {
  10461. width: 100% !important;
  10462. padding-top: 18px !important;
  10463. margin-left: 860px;
  10464. top: -55px !important;
  10465. }
  10466. ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer {
  10467. margin-right: 705px !important;
  10468. }
  10469. ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer::before {
  10470. font-size: 1.2rem;
  10471. font-weight: 500;
  10472. }
  10473. .YtSegmentedLikeDislikeButtonViewModelHost {
  10474. margin-left: -5px !important;
  10475. }
  10476. #expand.ytd-text-inline-expander::after {
  10477. content: "Show more";
  10478. }
  10479. .button.ytd-text-inline-expander {
  10480. font-size: 1.11rem !important;
  10481. }
  10482. ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text,
  10483. span.bold.yt-formatted-string.style-scope:nth-of-type(3)::before,
  10484. ytd-watch-info-text[detailed] #info.ytd-watch-info-text {
  10485. content: "Published on ";
  10486. font-size: 1.33rem;
  10487. }
  10488. yt-img-shadow.ytd-topbar-menu-button-renderer {
  10489. width: 27px !important;
  10490. height: 27px !important;
  10491. }
  10492. 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 {
  10493. width: 27px !important;
  10494. height: 27px !important;
  10495. }
  10496. #container.ytd-searchbox {
  10497. padding: 2px 6px !important;
  10498. }
  10499. ytd-comments-header-renderer .count-text.ytd-comments-header-renderer span:nth-of-type(2) {
  10500. font-weight: 500 !important;
  10501. text-transform: capitalize !important;
  10502. }
  10503. ytd-comments-header-renderer[modern-typography] .count-text.ytd-comments-header-renderer {
  10504. font-weight: 400;
  10505. }
  10506. yt-img-shadow#avatar.ytd-notification-renderer,
  10507. yt-img-shadow#avatar.ytd-notification-renderer img.yt-img-shadow {
  10508. border-radius: 0%!important;
  10509. }
  10510. .item.yt-dropdown-menu {
  10511. font-size: 1.1rem !important;
  10512. font-weight: 500;
  10513. line-height: 2rem !important;
  10514. }
  10515. :root {
  10516. --yt-link-letter-spacing: 0 !important;
  10517. --ytd-user-comment_-_letter-spacing: 0 !important;
  10518. --oldcolor: #c00;
  10519. }
  10520. ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer,
  10521. .title.ytd-playlist-panel-renderer a.yt-formatted-string {
  10522. font-family: "Roboto",
  10523. sans-serif;
  10524. font-size: 1.4rem !important;
  10525. }
  10526. element.style {
  10527. background-color: rgba(40,
  10528. 31,
  10529. 16,
  10530. 0.8);
  10531. }
  10532. .style-scope.ytd-thumbnail-overlay-bottom-panel-renderer,
  10533. ytd-thumbnail-overlay-bottom-panel-renderer[use-modern-collections-v2] {
  10534. margin-right: 0px!important;
  10535. margin-left: 0px!important;
  10536. border-radius: 0px!important;
  10537. height: 100% !important;
  10538. width: 45% !important;
  10539. left: unset !important;
  10540. }
  10541. ytd-compact-autoplay-renderer {
  10542. padding: 12px 21px 12px 15px;
  10543. box-shadow: 0 1px 2px rgba(0,
  10544. 0,
  10545. 0,
  10546. 0.1) !important;
  10547. background-color: #fff !important;
  10548. }
  10549. html[dark] ytd-compact-autoplay-renderer {
  10550. padding: 12px 21px 12px 15px;
  10551. box-shadow: 0 1px 2px rgba(0,
  10552. 0,
  10553. 0,
  10554. 0.1) !important;
  10555. background-color: #212121 !important;
  10556. }
  10557. #autoplay.ytd-compact-autoplay-renderer:after {
  10558. content: url(//i.ibb.co/LtWLWNV/info.png);
  10559. margin-left: 10px;
  10560. margin-right: -2px;
  10561. }
  10562. ytd-thumbnail-overlay-time-status-renderer.style-scope.ytd-thumbnail {
  10563. margin-top: 0 !important;
  10564. margin-right: 2px !important;
  10565. font-size: 11px !important;
  10566. padding: 1px 4px !important;
  10567. height: 14px !important;
  10568. line-height: 14px !important;
  10569. opacity: .75 !important;
  10570. }
  10571. #guide #guide-section-title.ytd-guide-section-renderer {
  10572. padding: 1px 1px 11px !important;
  10573. margin-top: -9px !important;
  10574. text-transform: uppercase !important;
  10575. font-weight: 500 !important;
  10576. }
  10577. #guide #header .title {
  10578. font-weight: 500 !important;
  10579. }
  10580. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer p.ytd-badge-supported-renderer {
  10581. padding-left: 0px;
  10582. vertical-align: middle;
  10583. white-space: nowrap;
  10584. }
  10585. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer p.ytd-badge-supported-renderer:after {
  10586. content: " NOW";
  10587. }
  10588. .animated-action__container {
  10589. width: 0px;
  10590. margin: 0px -7px 0px 3px;
  10591. left: -73px;
  10592. }
  10593.  
  10594. ytd-channel-tagline-renderer {
  10595. display: block !important;
  10596. margin-left: 1090px !important;
  10597. margin-right: -135px;
  10598. }
  10599. #content.ytd-channel-tagline-renderer::before {
  10600. content: "About this channel";
  10601. font-weight: 500 !important;
  10602. }
  10603. #content.ytd-channel-tagline-renderer {
  10604. max-width: 256px !important;
  10605. }
  10606. #channel-header #channel-handle,
  10607. #videos-count.ytd-c4-tabbed-header-renderer {
  10608. display: none !important;
  10609. }
  10610. ytd-c4-tabbed-header-renderer[use-page-header-style] .meta-item.ytd-c4-tabbed-header-renderer:not([hidden]) .delimiter.ytd-c4-tabbed-header-renderer {
  10611. display: none;
  10612. }
  10613. ytd-channel-header-links-view-model[use-page-header-style] #container.ytd-channel-header-links-view-model {
  10614. display: none;
  10615. }
  10616. .yt-tab-shape-wiz__tab {
  10617. font-weight: 400 !important;
  10618. margin-top: -5px;
  10619. color: #606060;
  10620. }
  10621. .yt-tab-shape-wiz__tab--tab-selected {
  10622. font-weight: 500 !important;
  10623. color: #000;
  10624. }
  10625. html[dark] .yt-tab-shape-wiz__tab--tab-selected {
  10626. font-weight: 500 !important;
  10627. color: #fff;
  10628. }
  10629. html[dark] .yt-tab-shape-wiz__tab {
  10630. color: #fff !important;
  10631. }
  10632. ytd-shelf-renderer[modern-typography] #title.ytd-shelf-renderer {
  10633. font-weight: 500;
  10634. }
  10635. div#meta.style-scope.ytd-c4-tabbed-header-renderer {
  10636. width: auto !important;
  10637. }
  10638. ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer {
  10639. flex-direction: row !important;
  10640. left: 5px;
  10641. }
  10642. ytd-app #subscriber-count.ytd-c4-tabbed-header-renderer {
  10643. left: 1115px !important;
  10644. margin-top: 12px;
  10645. padding: 0 8px 0 8px !important;
  10646. }
  10647. ytd-c4-tabbed-header-renderer[use-page-header-style] #buttons.ytd-c4-tabbed-header-renderer .channel-action.ytd-c4-tabbed-header-renderer:not(:empty) {
  10648. margin: -70px 857px 100px !important;
  10649. }
  10650. ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer {
  10651. margin-left: -10px;
  10652. --iron-icon-margin-left: -3px !Important;
  10653. }
  10654. #avatar.ytd-c4-tabbed-header-renderer,
  10655. #avatar.ytd-c4-tabbed-header-renderer img.yt-img-shadow {
  10656. top: -95px !important;
  10657. box-shadow: 0px 2px 2px #00000036!important;
  10658. }
  10659. #avatar.ytd-c4-tabbed-header-renderer {
  10660. box-shadow: 0px 0px 0px #00000036!important;
  10661. }
  10662. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="Shopping"] {
  10663. display: none;
  10664. }
  10665. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="Podcasts"] {
  10666. display: none;
  10667. }
  10668. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="Music"] {
  10669. display: none;
  10670. }
  10671. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="Movies & TV"] .guide-icon.ytd-guide-entry-renderer {
  10672. background: url(https://web.archive.org/web/20220927000035im_/https://yt3.ggpht.com/6lo97rUTO7xhIBXZqLiaW2kA_eMBIEmqc27EqlKLyE4nAY-yzcKBG0Hs0YdUka3gJ629HcwgyzQ=s88-c-k-c0x00ffffff-no-rj) 0% 0% / 20px 20px;
  10673. border-radius: 0px;
  10674. }
  10675. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="Movies & TV"] .guide-icon.ytd-guide-entry-renderer svg path {
  10676. display: none;
  10677. }
  10678. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="News"] .guide-icon.ytd-guide-entry-renderer {
  10679. background: url(https://web.archive.org/web/20220927000035im_/https://yt3.ggpht.com/yyvnDCUp8n75OCqe-StBsJ7Ustb_ltwMFlbfhis59WXChvUpjToQeV3PmY7G7QftRZyaweJxKks=s88-c-k-c0x00ffffff-no-rj) 0% 0% / 20px 20px;
  10680. border-radius: 0px;
  10681. }
  10682. ytd-guide-entry-renderer #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[title="News"] .guide-icon.ytd-guide-entry-renderer svg path {
  10683. display: none;
  10684. }
  10685. yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition {
  10686. width: 24px !important;
  10687. height: 24px !important;
  10688. }
  10689. #guide img.yt-img-shadow {
  10690. width: 24px !important;
  10691. height: 24px !important;
  10692. }
  10693. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,
  10694. tp-yt-paper-item {
  10695. min-height: 24px !important;
  10696. height: auto !important;
  10697. }
  10698. ytd-mini-guide-renderer {
  10699. background-color: #fff !important;
  10700. z-index: 2002!important;
  10701. }
  10702. html[dark] ytd-mini-guide-renderer {
  10703. background-color: #222 !important;
  10704. }
  10705. yt-button-shape.ytd-subscribe-button-renderer {
  10706. background-color: #c00 !important;
  10707. }
  10708. .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
  10709. background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdBAMAAACgSKoBAAAAMFBMVEUAAACpqan49PPGxcXS0tLLy8sNDQ0zMjKtra2zsrLY2NjVZ10ZGRkNDQ377+7/AAD/VjM8AAAAD3RSTlMA9wSkZIsHBPPoTAQZDwnerwN9AAAAcUlEQVQY02NABXxwFv9/CPgAE9BHF+CnuQBXF5oAoyCKQBlDoGAAbz1CIN1RUFDQ7TxCgEUQCESQtCgKggCSQCBYwB4hMBEsMB8hIAgG0hvA7mNSgAkIwJxMGwFliICwAkIBTAkeYChogCqg3KyA4AAAZ8ONnD/rQOwAAAAASUVORK5CYII=') !important;
  10710. }
  10711. ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  10712. height: 26px !important;
  10713. }
  10714. #content-icon.ytd-compact-link-renderer {
  10715. margin-right: 20px;
  10716. }
  10717. ytd-mini-guide-renderer.ytd-app {
  10718. top: 40px !important;
  10719. }
  10720. #comment-content.ytd-comment-renderer {
  10721. display: inline-flex ! important;
  10722. width: 95% !important;
  10723. }
  10724. /*
  10725. #top-level-buttons-computed {
  10726. margin-left: -43px;
  10727. }
  10728. */
  10729. #meta.ytd-rich-grid-media {
  10730. overflow-x: inherit!important;
  10731. }
  10732. #channel-name.ytd-author-comment-badge-renderer {
  10733. color: #187ac6 !important;
  10734. }
  10735. /* Remove rounded corners under the watch player */
  10736. .ytp-ad-player-overlay-flyout-cta-rounded {
  10737. border-radius: 2px !important;
  10738. }
  10739. .ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
  10740. border-radius: 2px;
  10741. text-transform: uppercase
  10742. }
  10743. .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
  10744. border-radius: 2px;
  10745. text-transform: uppercase
  10746. }
  10747. .ytp-settings-menu.ytp-rounded-menu,
  10748. .ytp-screen-mode-menu.ytp-rounded-menu {
  10749. border-radius: 2px !important;
  10750. }
  10751. .ytp-videowall-still-image {
  10752. border-radius: 0px !important;
  10753. }
  10754. .ytp-sb-subscribe.ytp-sb-rounded,
  10755. .ytp-sb-unsubscribe.ytp-sb-rounded {
  10756. border-radius: 2px !important;
  10757. }
  10758. div.branding-context-container-inner.ytp-rounded-branding-context {
  10759. border-radius: 2px !important;
  10760. }
  10761. div.iv-card.iv-card-video.ytp-rounded-info {
  10762. border-radius: 0px !important;
  10763. }
  10764. div.iv-card.iv-card-playlist.ytp-rounded-info {
  10765. border-radius: 0px !important;
  10766. }
  10767. div.iv-card.iv-card-channel.ytp-rounded-info {
  10768. border-radius: 0px !important;
  10769. }
  10770. div.iv-card.ytp-rounded-info {
  10771. border-radius: 0px !important;
  10772. }
  10773. .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview,
  10774. .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  10775. border-radius: 0px !important;
  10776. }
  10777. .ytp-ce-video.ytp-ce-medium-round,
  10778. .ytp-ce-playlist.ytp-ce-medium-round,
  10779. .ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
  10780. border-radius: 0px !important;
  10781. }
  10782. div.ytp-autonav-endscreen-upnext-thumbnail.rounded-thumbnail {
  10783. border-radius: 0px !important;
  10784. }
  10785. button.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-cancel-button.ytp-autonav-endscreen-upnext-button-rounded {
  10786. border-radius: 2px !important;
  10787. }
  10788. a.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-play-button.ytp-autonav-endscreen-upnext-button-rounded {
  10789. border-radius: 2px !important;
  10790. }
  10791. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-overlay-image img,
  10792. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-text-overlay,
  10793. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-enhanced-overlay {
  10794. border-radius: 0px !important;
  10795. }
  10796. .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  10797. border-top-left-radius: 0px!important;
  10798. border-bottom-left-radius: 0px !important;
  10799. }
  10800. .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview {
  10801. border-radius: 0px !important;
  10802. }
  10803. ytd-section-list-renderer.style-scope.ytd-two-column-search-results-renderer {
  10804. background-color: #ffffff;
  10805. }
  10806. html[dark] ytd-section-list-renderer.style-scope.ytd-two-column-search-results-renderer {
  10807. background-color: #222;
  10808. }
  10809. ytd-menu-renderer {
  10810. justify-content: flex-end;
  10811. }
  10812. .style-scope.ytd-item-section-renderer ytd-subscribe-button-renderer {
  10813. position: relative;
  10814. top: -20px;
  10815. left: 66em !important;
  10816. }
  10817. ytd-two-column-search-results-renderer #subscribe-button.ytd-channel-renderer {
  10818. margin-left: -555px !important;
  10819. margin-top: inherit !important;
  10820. position: relative !important;
  10821. left: -104px !important;
  10822. }
  10823. ytd-two-column-search-results-renderer #subscribe-button {
  10824. margin-left: -52px !important;
  10825. margin-top: 0px !important;
  10826. position: relative !important;
  10827. left: 0px !important;
  10828. }
  10829. ytd-toggle-button-renderer.style-default-active[is-icon-button] {
  10830. order: 0 !important;
  10831. position: unset !important;
  10832. }
  10833. #vote-count-middle.ytd-comment-engagement-bar {
  10834. margin-right: 0px !important;
  10835. order: -2 !important;
  10836. }
  10837. #reply-button-end.ytd-comment-engagement-bar {
  10838. --yt-button-padding: 8px 16px;
  10839. margin-left: 0px !important;
  10840. text-transform: uppercase;
  10841. font-family: "Roboto",
  10842. "Arial",
  10843. sans-serif;
  10844. font-size: 13px !important;
  10845. line-height: 1.8rem;
  10846. font-weight: 500;
  10847. order: -3 !important;
  10848. position: unset !important;
  10849. }
  10850. ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer,
  10851. ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer {
  10852. margin-top: -6px !important;
  10853. margin-left: -24px !important;
  10854. letter-spacing: 0 !important;
  10855. color: #2793e6 !important;
  10856. font-size: 13px !important;
  10857. }
  10858. #toolbar.ytd-comment-engagement-bar {
  10859. align-items: center;
  10860. display: flex;
  10861. flex-direction: row;
  10862. margin-left: -18px !important;
  10863. }
  10864.  
  10865. #expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer {
  10866. margin: 0px 5px 0 4px !important;
  10867. color: transparent !important;
  10868. }
  10869. #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model {
  10870. width: 48px !important;
  10871. height: 48px !important;
  10872. margin-right: 10px !important;
  10873. }
  10874. #author-thumbnail.ytd-comment-view-model {
  10875. margin-right: 0px !important;
  10876. }
  10877. #expander.ytd-comment-replies-renderer #expander-contents #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model {
  10878. width: 32px !important;
  10879. height: 32px !important;
  10880. }
  10881. ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer yt-icon.ytd-button-renderer {
  10882. width: 20px !important;
  10883. }
  10884. #button-shape > .yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next::after {
  10885. content: "More";
  10886. }
  10887. ytd-c4-tabbed-header-renderer[use-page-header-style] .meta-item.ytd-c4-tabbed-header-renderer:not([hidden]) .delimiter.ytd-c4-tabbed-header-renderer {
  10888. display: none!important;
  10889. }
  10890. ytd-companion-slot-renderer {
  10891. display: none !important;
  10892. }
  10893. .sbdd_b {
  10894. border-radius: 0px !important;
  10895. }
  10896. #inner-header-container.ytd-c4-tabbed-header-renderer {
  10897. height: 60px !important;
  10898. margin-top: -43px !important;
  10899. }
  10900. .badge-shape-wiz--default.badge-shape-wiz--overlay {
  10901. background-color: transparent !important;
  10902. }
  10903. .badge-shape-wiz {
  10904. font-size: 11px !important;
  10905. margin-top: -2px !important;
  10906. }
  10907.  
  10908. .badge-shape-wiz--thumbnail-badge {
  10909. background-color: transparent !important;
  10910. border-radius: 0px !important;
  10911. padding: 0px !important;
  10912. }
  10913. .thumbnail-overlay-badge-shape.ytd-thumbnail-overlay-time-status-renderer {
  10914. margin-left: 0px !important;
  10915. }
  10916. ytd-thumbnail-overlay-time-status-renderer {
  10917. margin: 4px 2px !important;
  10918. padding: 3px 4px !important;
  10919. background-color: rgb(0 0 0 / 75%) !important;
  10920. height: 13px !important;
  10921. line-height: 12px !important;
  10922. letter-spacing: 0 !important;
  10923. }
  10924. ytd-watch-metadata[flex-menu-enabled] #actions.ytd-watch-metadata ytd-menu-renderer.ytd-watch-metadata {
  10925. justify-content: flex-end !important;
  10926. }
  10927. ytd-miniplayer {
  10928.  
  10929. border-radius: 0px 0px 0 0 !important;
  10930. }
  10931. .ytp-player-minimized .html5-main-video,
  10932. .ytp-player-minimized .ytp-miniplayer-scrim,
  10933. .ytp-player-minimized.html5-video-player {
  10934. border-radius: 0px 0px 0 0 !important;
  10935. }
  10936. ytd-rich-grid-renderer {
  10937. --ytd-rich-grid-gutter-margin: 0px !important;
  10938. }
  10939. ytd-rich-item-renderer {
  10940. display: inline-block !important;
  10941. }
  10942. #avatar-container.ytd-rich-grid-media {
  10943. display: none !important;
  10944. }
  10945. .yt-image-banner-view-model-wiz--inset {
  10946. border-radius: 0px !important;
  10947. }
  10948. .yt-spec-avatar-shape__button--button-giant {
  10949. width: 100px !important;
  10950. height: 100px !important;
  10951. margin: -220px 0px 0 !important;
  10952. }
  10953. .yt-spec-avatar-shape--avatar-size-giant {
  10954. margin: -13px -33px 0px 0px !important;
  10955. position: relative;
  10956. display: flex;
  10957. justify-content: center;
  10958. width: 100px !important;
  10959. height: 100px !important;
  10960. }
  10961. .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
  10962. color: #ffffff !important;
  10963. background: #cc0000 !important;
  10964. font-size: 11px !important;
  10965. }
  10966. .page-header-view-model-wiz__page-header-headline-info {
  10967. display: flex;
  10968. flex-direction: column;
  10969. flex-grow: 1;
  10970. min-width: 0;
  10971. margin-left: -100px !important;
  10972. }
  10973.  
  10974. .yt-spec-button-shape-next--size-m {
  10975. padding: 0 16px!important;
  10976. height: 22px!important;
  10977. font-size: 14px!important;
  10978. line-height: 24px!important;
  10979. border-radius: 0!important;
  10980. }
  10981.  
  10982. .yt-spec-avatar-shape__image {
  10983. border-radius: 0px !important;
  10984. }
  10985.  
  10986. .yt-subscribe-button-view-model-wiz {
  10987. display: flex;
  10988. position: relative !important;
  10989. max-width: 94% !important;
  10990. left: -15px !important;
  10991. top: 0px !important;
  10992. padding-left: 76px;
  10993. margin-left: 9px;
  10994. min-width: 18%;
  10995. margin-right: 30px;
  10996. }
  10997. .yt-spec-button-shape-next__button-text-content {
  10998. font-size: 12px !important;
  10999. }
  11000. .yt-subscribe-button-view-model-wiz__container {
  11001. display: contents !important;
  11002. }
  11003. .yt-sheet-view-model-wiz--contextual {
  11004. border-radius: 0px !important;
  11005. }
  11006. .yt-sheet-view-model-wiz--contextual:hover {
  11007. border-radius: 0px !important;
  11008. }
  11009. .page-header-view-model-wiz__page-header-content-metadata {
  11010. color: #aaa;
  11011. position: relative!important;
  11012. top: -6px!important;
  11013. font-family: "Roboto",
  11014. "Arial",
  11015. sans-serif;
  11016. font-size: 11px;
  11017. }
  11018. .page-header-view-model-wiz__page-header-description {
  11019. margin-top: 12px!important;
  11020. position: relative!important;
  11021. top: -20px!important;
  11022. font-family: "Roboto",
  11023. "Arial",
  11024. sans-serif;
  11025. font-size: 11px;
  11026. }
  11027. .page-header-view-model-wiz__page-header-content {
  11028. position: relative;
  11029. max-height: 150px !important;
  11030. }
  11031. .yt-content-metadata-view-model-wiz__metadata-text {
  11032. font-family: "Roboto",
  11033. "Arial",
  11034. sans-serif;
  11035. font-size: 11px !important;
  11036. }
  11037. .truncated-text-wiz__truncated-text-content {
  11038. overflow: hidden;
  11039. display: block;
  11040. font-size: 11px !important;
  11041. }
  11042. .page-header-view-model-wiz__page-header-attribution {
  11043. position: relative;
  11044. margin-top: -20px !important;
  11045. }
  11046. ytd-menu-renderer .ytd-menu-renderer[style-target="button"] {
  11047. --yt-icon-button-icon-width: 24px !important;
  11048. --yt-icon-button-icon-height: 24px !important;
  11049. width: 27px!important;
  11050. height: 27px!important;
  11051. }
  11052. ytd-mini-guide-entry-renderer {
  11053. display: inline-block;
  11054. position: relative;
  11055. background-color: transparent !important;
  11056. border-radius: 10px;
  11057. }
  11058. .guide-icon.ytd-mini-guide-entry-renderer:hover {
  11059. color: #f1f1f1;
  11060. margin-bottom: 6px;
  11061. }
  11062. .title.ytd-mini-guide-entry-renderer:hover {
  11063. color: #f1f1f1;
  11064. }
  11065. .ytp-cairo-refresh-signature-moments .ytp-play-progress {
  11066. background: #f00 !important;
  11067. }
  11068. ytd-thumbnail-overlay-resume-playback-renderer[enable-refresh-signature-moments-web] #progress.ytd-thumbnail-overlay-resume-playback-renderer {
  11069. background: linear-gradient(to right,
  11070. #f00 80%,
  11071. #f00 100%) !important;
  11072. }
  11073. #progress.ytd-thumbnail-overlay-resume-playback-renderer {
  11074. background-color: #f00 !important;
  11075. height: 100%;
  11076. background: #f00 !important;
  11077. }
  11078. .ytd-thumbnail-overlay-resume-playback-renderer {
  11079. background-color: #f00 !important;
  11080. height: 100%;
  11081. background: #f00 !important;
  11082. }
  11083. .ytp-cairo-refresh .ytp-swatch-background-color {
  11084. background-color: #f00 !important;
  11085. }
  11086. ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer],
  11087. .ytd-menu-renderer[button-renderer] + yt-button-view-model.ytd-menu-renderer,
  11088. yt-button-view-model.ytd-menu-renderer + yt-button-view-model.ytd-menu-renderer,
  11089. .ytd-menu-renderer[button-renderer] + template.ytd-menu-renderer + #button.ytd-menu-renderer,
  11090. yt-button-view-model.ytd-menu-renderer + template.ytd-menu-renderer + #button.ytd-menu-renderer,
  11091. #flexible-item-buttons.ytd-menu-renderer:not(:empty) > .ytd-menu-renderer[button-renderer],
  11092. #top-level-buttons-computed.ytd-menu-renderer:not(:empty) > .ytd-menu-renderer[button-renderer] ~ .ytd-menu-renderer[button-renderer],
  11093. #flexible-item-buttons.ytd-menu-renderer:not(:empty) > yt-button-view-model.ytd-menu-renderer,
  11094. #top-level-buttons-computed.ytd-menu-renderer:not(:empty) + #flexible-item-buttons.ytd-menu-renderer + #button.ytd-menu-renderer {
  11095. margin-left: 40px !important;
  11096. margin-right: -10px !important;
  11097. }
  11098. ytd-app #channel-name.ytd-video-owner-renderer,
  11099. #channel-name.ytd-video-owner-renderer {
  11100. top: 45px !important;
  11101. position: absolute !important;
  11102. left: 60px !important;
  11103. }
  11104. #menu.yt-dropdown-menu {
  11105. border-radius: 0px !important;
  11106. }
  11107. ytd-guide-entry-renderer {
  11108. width: calc(100% - 0px) !important;
  11109. }
  11110. tp-yt-app-drawer[opened] {
  11111. visibility: visible !important;
  11112. }
  11113. like-button-view-model button,
  11114. dislike-button-view-model button {
  11115. opacity: 0.5;
  11116. }
  11117. like-button-view-model button:hover,
  11118. dislike-button-view-model button:hover {
  11119. opacity: 0.6;
  11120. }
  11121. like-button-view-model button[aria-pressed="true"],
  11122. dislike-button-view-model button[aria-pressed="true"] {
  11123. opacity: 1;
  11124. }
  11125. like-button-view-model yt-icon {
  11126. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -188px -237px;
  11127. width: 20px;
  11128. height: 20px;
  11129. }
  11130. html[dark] like-button-view-model yt-icon {
  11131. filter: invert(1);
  11132. }
  11133. dislike-button-view-model yt-icon {
  11134. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -72px -408px;
  11135. width: 20px;
  11136. height: 20px;
  11137. }
  11138. html[dark] dislike-button-view-model yt-icon {
  11139. filter: invert(1) grayscale(1);
  11140. }
  11141. like-button-view-model button[aria-pressed="true"] yt-icon {
  11142. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -118px -213px;
  11143. }
  11144. like-button-view-model button[aria-pressed="true"] {
  11145. color: #1b7fcc !important;
  11146. }
  11147. dislike-button-view-model button[aria-pressed="true"] {
  11148. color: #1b7fcc !important;
  11149. }
  11150. html[dark] like-button-view-model button[aria-pressed="true"] {
  11151. color: #fff !important;
  11152. }
  11153. html[dark] like-button-view-model button[aria-pressed="true"] yt-icon {
  11154. filter: invert(1) grayscale(1) brightness(2.5);
  11155. }
  11156. like-button-view-model,
  11157. dislike-button-view-model {
  11158. margin-left: 855px;
  11159. margin-right: -855px;
  11160. }
  11161. html[dark] dislike-button-view-model button[aria-pressed="true"] yt-icon {
  11162. background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfluKv9vH.png) -72px -408px;
  11163. width: 20px;
  11164. height: 20px;
  11165. }
  11166. dislike-button-view-model button[aria-pressed="true"] yt-icon {
  11167. background: no-repeat url(https://i.imgur.com/ChH84eb.png) -2px -1px;
  11168. }
  11169. html[dark] dislike-button-view-model button[aria-pressed="true"] {
  11170. color: #fff !important;
  11171. }
  11172. ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail {
  11173. height: 100% !important;
  11174. position: absolute !important;
  11175. top: -4px !important;
  11176. right: 0 !important;
  11177. bottom: 0 !important;
  11178. left: 0 !important;
  11179. margin-top: 4px !important;
  11180. }
  11181. ytd-thumbnail-overlay-hover-text-renderer {
  11182. width: 40% !important;
  11183. height: 30% !important;
  11184. position: absolute !important;
  11185. left: 115px !important;
  11186. top: 91px !important;
  11187. background: transparent !important;
  11188. }
  11189. .YtThumbnailHoverOverlayViewModelIcon {
  11190. position: absolute !important;
  11191. top: 20px !important;
  11192. }
  11193. .YtThumbnailHoverOverlayViewModelText {
  11194. position: absolute !important;
  11195. top: 50px !important;
  11196. }
  11197. .yt-thumbnail-view-model--medium {
  11198. border-radius: 0px !important;
  11199. }
  11200. .collections-stack-wiz__collection-stack2 {
  11201.  
  11202. display: none!important;
  11203. }
  11204. .collections-stack-wiz__collection-stack1--large {
  11205. display: none!important;
  11206. }
  11207.  
  11208.  
  11209. .yt-thumbnail-view-model--medium {
  11210. border-radius: 0px !important;
  11211. }
  11212.  
  11213. ytd-thumbnail-overlay-hover-text-renderer {
  11214. width: 55% !important;
  11215. }
  11216.  
  11217. .YtThumbnailHoverOverlayViewModelHost {
  11218. width: 45%!important;
  11219. left: 55%!important;
  11220.  
  11221. background: rgba(0,0,0,0.2) !important;
  11222. }
  11223. #teaser-carousel.ytd-watch-metadata {
  11224. display: none !important;
  11225. }
  11226. #comment-teaser.ytd-watch-metadata,
  11227. #teaser-carousel.ytd-watch-metadata {
  11228. display: none !important;
  11229. }
  11230.  
  11231. [page-subtype="playlist"] .page-header-view-model-wiz__page-header-headline-info {
  11232. margin-left: 0px !important;
  11233. }
  11234. .page-header-view-model-wiz--display-as-sidebar .page-header-view-model-wiz__page-header-background {
  11235. border-radius: 0px !important;
  11236. overflow: hidden;
  11237. }
  11238. .YtCinematicContainerViewModelBackgroundGradient {
  11239. background: var(--yt-spec-brand-background-primary) !important;
  11240. }
  11241.  
  11242. .ytp-featured-product,
  11243. #masthead-ad,
  11244. #player-ads,
  11245. #shorts-inner-container > .ytd-shorts:has( > .ytd-reel-video-renderer > ytd-ad-slot-renderer),
  11246. .YtdShortsSuggestedActionStaticHostContainer,
  11247. .ytd-merch-shelf-renderer,
  11248. .ytp-suggested-action > button.ytp-suggested-action-badge,
  11249. ytd-ad-slot-renderer,
  11250. ytd-rich-item-renderer:has( > #content > ytd-ad-slot-renderer),
  11251. ytd-search-pyv-renderer {
  11252. display: none !important;
  11253. }
  11254. ytd-engagement-panel-section-list-renderer[dialog] {
  11255. padding: 0
  11256. }
  11257.  
  11258. ytd-browse[page-subtype="playlist"] ytd-playlist-header-renderer.ytd-browse,
  11259. ytd-browse[page-subtype="playlist"] .page-header-sidebar.ytd-browse,
  11260. ytd-browse[has-page-header-sidebar] ytd-playlist-header-renderer.ytd-browse,
  11261. ytd-browse[has-page-header-sidebar] .page-header-sidebar.ytd-browse {
  11262. height: 500px !important;
  11263. margin-top: 19px !important;
  11264. position: absolute !important;
  11265. top: 22px !important;
  11266. left: -5px !important;
  11267. }
  11268. .ytp-title-link.yt-uix-sessionlink {
  11269. color: #fff !important;
  11270. }
  11271. .page-header-view-model-wiz__page-header-headline-image--page-header-headline-image-hero {
  11272. margin: 0 0 16px !important;
  11273. }
  11274. .immersive-header-gradient.ytd-playlist-header-renderer {
  11275. background: var(--yt-spec-brand-background-primary) !important;
  11276. }
  11277. .blurred-image.ytd-playlist-header-renderer {
  11278. display: none;
  11279. }
  11280. .image-wrapper.ytd-hero-playlist-thumbnail-renderer {
  11281. border-radius: 0px;
  11282. }
  11283. .immersive-header-container.ytd-playlist-header-renderer {
  11284. border-radius: 0px !important;
  11285. }
  11286. .yt-content-preview-image-view-model-wiz--large-rounded-image {
  11287. border-radius: 0px !important;
  11288. }
  11289. html:not([dark]) [page-subtype="playlist"] .yt-avatar-stack-view-model-wiz__avatar-stack-text {
  11290. filter: invert(1);
  11291. }
  11292. html:not([dark]) [page-subtype="playlist"] .yt-content-metadata-view-model-wiz__metadata-text {
  11293. filter: invert(1);
  11294. }
  11295. html:not([dark]) [page-subtype="playlist"] .yt-flexible-actions-view-model-wiz__action.yt-flexible-actions-view-model-wiz__action--row-action.yt-flexible-actions-view-model-wiz__action--icon-only-button {
  11296. filter: invert(1);
  11297. }
  11298. html:not([dark]) [page-subtype="playlist"] .yt-flexible-actions-view-model-wiz__action.yt-flexible-actions-view-model-wiz__action--row-action.yt-flexible-actions-view-model-wiz__action--icon-only-button {
  11299. filter: invert(1);
  11300. }
  11301. html[dark] [page-subtype=playlist] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled {
  11302. filter: invert(1);
  11303. }
  11304. .YtSearchboxComponentHost {
  11305. margin: 0px !important;
  11306. height: 27px !important;
  11307. }
  11308. .YtSearchboxComponentInputBox {
  11309. border: 1px solid !important;
  11310. border-radius: 0px !important;
  11311. border-color: #d2d2d2 !important;
  11312. }
  11313. html[dark] .YtSearchboxComponentInputBox {
  11314. border-color: #333 !important;
  11315. }
  11316. .YtSearchboxComponentSearchButton {
  11317. border-radius: 0px !important;
  11318. }
  11319. html:not([dark]) .YtSearchboxComponentSearchButton {
  11320. border: 1px solid #d2d2d2 !important;
  11321. background-color: #f8f8f8 !important;
  11322. }
  11323. .YtSearchboxComponentSuggestionsContainer {
  11324. padding-top: 0px !important;
  11325. padding-bottom: 0px !important;
  11326. top: 28px !important;
  11327. left: 35px !important;
  11328. border-radius: 0px !important;
  11329. }
  11330. .YtSuggestionComponentIcon {
  11331. display: none !important;
  11332. }
  11333. .YtSearchboxComponentInnerSearchIcon {
  11334. display: none !important;
  11335. width: 0px !important;
  11336. height: 0px !important;
  11337. padding: 0px !important;
  11338. }
  11339. .YtSearchboxComponentInputBoxHasFocus {
  11340. margin-left: 32px !important;
  11341. padding: 2px 4px 2px 16px !important;
  11342. border: 1px solid !important;
  11343. }
  11344. .YtSearchboxComponentInputBoxHasFocus {
  11345. border-color: #d2d2d2 !important;
  11346. }
  11347. html[dark] .YtSearchboxComponentInputBoxHasFocus {
  11348. border-color: #333 !important;
  11349. }
  11350. .YtSearchboxComponentDesktop .YtSearchboxComponentClearButton:hover {
  11351. background-color: transparent !important;
  11352. }
  11353. .YtSearchboxComponentDesktop .YtSearchboxComponentClearButtonIcon {
  11354. height: 16px !important;
  11355. width: 16px !important;
  11356. }
  11357. #modern-card,
  11358. #modern-card.ytd-miniplayer {
  11359. border-radius: 0px !important;
  11360. }
  11361. ytd-playlist-panel-renderer[modern-panels][within-miniplayer][modern-miniplayer] #container.ytd-playlist-panel-renderer {
  11362. border-radius: 0px !important;
  11363. }
  11364. .YtSearchboxComponentSearchButton > yt-icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape {
  11365. height: 16px !important;
  11366. width: 16px !important;
  11367. }
  11368. tp-yt-paper-dialog[modern] {
  11369. border-radius: 0px !important;
  11370. }
  11371. .yt-thumbnail-overlay-badge-view-model-wiz--bottom-end {
  11372. right: -27px !important;
  11373. width: 59% !important;
  11374. background: rgba(0, 0, 0, 0.67) !important;
  11375. border-radius: 0px !important;
  11376. margin: 0px 0px 0px !important;
  11377. }
  11378. .yt-thumbnail-overlay-badge-view-model-wiz--bottom-end .yt-thumbnail-overlay-badge-view-model-wiz__badge {
  11379. border-radius: 0px !important;
  11380. background: transparent !important;
  11381. border-radius: 0px !important;
  11382. position: relative !important;
  11383. margin: 5px 5px 0px !important;
  11384. z-index: 1!important;
  11385. bottom: -77% !important;
  11386. background: transparent !important;
  11387. }
  11388. .YtThumbnailHoverOverlayViewModelStyleCover {
  11389. background: rgba(0, 0, 0, 0.8) !important;
  11390. }
  11391. ytd-search-header-renderer[has-chip-bar] {
  11392. height: 32px !important;
  11393. }
  11394.  
  11395. html[dark] .yt-lockup-metadata-view-model-wiz--standard .yt-lockup-metadata-view-model-wiz__title {
  11396. color: #fff !important;
  11397. }
  11398. .yt-lockup-metadata-view-model-wiz--standard .yt-lockup-metadata-view-model-wiz__title {
  11399. line-height: 1.3em !important;
  11400. font-family: "Roboto", "Arial", sans-serif !important;
  11401. font-size: 1.3rem !important;
  11402. font-weight: 500 !important;
  11403. overflow: hidden !important;
  11404. max-height: 3.6rem !important;
  11405. -webkit-line-clamp: 2 !important;
  11406. display: -webkit-box !important;
  11407. -webkit-box-orient: vertical !important;
  11408. text-overflow: ellipsis !important;
  11409. white-space: normal !important;
  11410. margin-top: 0px !important;
  11411. color: #167ac6 !important;
  11412. }
  11413. .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text {
  11414. line-height: 1.2rem !important;
  11415. }
  11416. .yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--enable-backdrop-filter-experiment {
  11417. color: transparent !important;
  11418. }
  11419. .yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--enable-backdrop-filter-experiment::before {
  11420. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAYAAABsItTPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAcSURBVBhXY2RgYPgPxGDABKXBAIWDG9DHAAYGADC6Aw1aLZAXAAAAAElFTkSuQmCC);
  11421. opacity: 0.5 !important;
  11422. margin-right: -25px !important;
  11423. margin-bottom: -12px !important;
  11424. }
  11425. html[dark] .yt-spec-button-shape-next.yt-spec-button-shape-next--text.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--enable-backdrop-filter-experiment::before {
  11426. content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAYAAABsItTPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAcSURBVBhXY2RgYPgPxGDABKXBAIWDG9DHAAYGADC6Aw1aLZAXAAAAAElFTkSuQmCC);
  11427. filter: invert(1);
  11428. }
  11429.  
  11430. .yt-lockup-metadata-view-model-wiz__text-container {
  11431. margin-top: -5px !important;
  11432. }
  11433. #subscribe-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__button-text-content > .yt-core-attributed-string--white-space-no-wrap.yt-core-attributed-string {
  11434. font-size: 12px !important;
  11435. color: #fff;
  11436. }
  11437. ytd-browse[page-subtype="channels"] .style-scope.ytd-item-section-renderer ytd-subscribe-button-renderer {
  11438. left: 55px!important;
  11439. top: -40px !important;
  11440. }
  11441. #bar.yt-copy-link-renderer {
  11442. border-radius: 0px !important;
  11443. }
  11444. html[dark] .yt-core-attributed-string--link-inherit-color {
  11445. color: #f1f1f1 !important;
  11446. }
  11447. .yt-core-attributed-string--link-inherit-color {
  11448. color: #333 !important;
  11449. }
  11450. .yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color {
  11451. color: #167ac6 !important;
  11452. font-size: 1.33rem !important;
  11453. }
  11454. .yt-core-attributed-string__link--call-to-action-color {
  11455. color: #167ac6 !important;
  11456. }
  11457. html[dark] #channel-name.ytd-video-meta-block {
  11458. --yt-endpoint-color: #ffffff !important;
  11459. --yt-endpoint-visited-color: #ffffff ! important;
  11460. }
  11461. yt-searchbox {
  11462. height: 28px !important;
  11463. }
  11464. .yt-searchbox {
  11465. height: 28px !important;
  11466. }
  11467. ytd-topbar-menu-button-renderer:nth-last-of-type(2n) yt-icon {
  11468. background: none !important;
  11469. fill: inherit !important;
  11470. height: 22px !important;
  11471. color: transparent !important;
  11472. margin-left: -8px !important;
  11473. }
  11474. #button.size-default.style-default.ytd-button-renderer.style-scope {
  11475. fill: transparent !important;
  11476. color: transparent !important;
  11477. }
  11478. #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button] {
  11479. background: url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0px -74px !important;
  11480. background-size: auto !important;
  11481. max-width: 24px !important;
  11482. height: 24px !important;
  11483. opacity: 0.33 !important;
  11484. display: inherit !important;
  11485. color: transparent !important;
  11486. fill: transparent !important;
  11487. overflow: clip !important;
  11488. }
  11489. #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button]:hover {
  11490. opacity: 0.6 !important
  11491. }
  11492. #buttons.ytd-masthead > ytd-button-renderer.style-default[is-paper-button]:active {
  11493. opacity: 0.65 !important
  11494. }
  11495. .ytSearchboxComponentHost {
  11496. margin: 0 0 0 0px !important;
  11497. padding: 0 4px !important;
  11498. height: 28px !important;
  11499. }
  11500. .ytSearchboxComponentInputBox {
  11501. border-radius: 0px !important;
  11502. margin-left: 32px !important;
  11503. padding: 0 4px 0 15px !important;
  11504. }
  11505. .ytSearchboxComponentSearchButton {
  11506. border-radius: 0px !important;
  11507. color: transparent !important;
  11508. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflKclzgY.webp) -569px -41px;
  11509. }
  11510. .ytSearchboxComponentInnerSearchIcon {
  11511. display: none !important;
  11512. }
  11513. .ytSuggestionComponentIcon {
  11514. display: none!important;
  11515. }
  11516. .ytSearchboxComponentSuggestionsContainer {
  11517. top: 30px!important;
  11518. border-radius: 0!important;
  11519. padding: 8px 0 8px!important;
  11520. left: 36px !important;
  11521.  
  11522. }
  11523. .ytSearchboxComponentDesktop .ytSearchboxComponentClearButtonIcon {
  11524. color: #555 !important;
  11525. height: 15px !important;
  11526. width: 14px !important;
  11527. stroke: #555 !important;
  11528. stroke-width: 2px !important;
  11529. }
  11530. .ytSearchboxComponentDesktop .ytSearchboxComponentClearButton:hover {
  11531. background-color: transparent !important;
  11532. }
  11533. .ytSearchboxComponentClearButtonIcon:hover {
  11534. color: rgba(255, 255, 255, 0.6) !important;
  11535. stroke: rgba(255, 255, 255, 0.6) !important;
  11536. }
  11537. .ytSearchboxComponentInputBoxDark.ytSearchboxComponentInputBoxHasFocus {
  11538. border-color: hsl(0, 0%, 40%) !important;
  11539. border-right: 1px solid hsl(0, 0%, 40%) !important;
  11540. }
  11541. .ytSearchboxComponentInputBoxDark,
  11542. .ytSearchboxComponentInput {
  11543. border-right: 1px solid transparent !important;
  11544. }
  11545. .ytSuggestionComponentSuggestion {
  11546. color: var(--yt-spec-text-primary) !important;
  11547. }
  11548. .ytSearchboxComponentHost {
  11549. color: var(--yt-spec-text-primary) !important;
  11550. }
  11551. html[dark] ytd-button-renderer.ytd-masthead.style-scope .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover {
  11552. opacity: 0.8 !important;
  11553. }
  11554. html[dark] ytd-button-renderer.ytd-masthead.style-scope .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {
  11555. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0 -75px !important;
  11556. color: transparent !important;
  11557. width: 0px !important;
  11558. opacity: 0.6 !important;
  11559. filter: invert(1)
  11560. }
  11561.  
  11562. ytd-button-renderer.ytd-masthead.style-scope .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  11563. background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfl44vgwb.png) 0 -75px !important;
  11564. color: transparent !important;
  11565. width: 0px !important;
  11566. opacity: 0.34 !important;
  11567. }
  11568.  
  11569. ytd-button-renderer.ytd-masthead.style-scope .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
  11570. opacity: 0.5 !important;
  11571. }`);
  11572. }
  11573.  
  11574. waitForElement('ytd-compact-link-renderer').then(function(elm) {
  11575. document.querySelector('#container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4)').style.left = document.querySelector('[menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:first-child ytd-compact-link-renderer:nth-child(3) a').offsetWidth+"px";
  11576. });
  11577.  
  11578. function getLikes() {
  11579. const topLevelButtons = document.querySelector("ytd-app").data.response.contents.twoColumnWatchNextResults.results.results.contents.find(e => e.hasOwnProperty("videoPrimaryInfoRenderer")).videoPrimaryInfoRenderer.videoActions.menuRenderer.topLevelButtons[0];
  11580. const buttonText = topLevelButtons.isToggled ? topLevelButtons.toggleButtonRenderer.toggledText : topLevelButtons.toggleButtonRenderer.defaultText;
  11581. const likes = parseInt(buttonText.accessibility.accessibilityData.label.match(/\d/g).join(""));
  11582. const likesText = document.querySelector("#info ytd-toggle-button-renderer.style-text[is-icon-button]:first-child #text.ytd-toggle-button-renderer");
  11583. likesText.innerHTML = likes.toLocaleString();
  11584.  
  11585. document.querySelector("ytd-toggle-button-renderer.style-scope:first-child").addEventListener("click", function() {
  11586. const liked = likesText.classList.contains("style-default-active");
  11587. likesText.innerHTML = liked ? (likes + 1).toLocaleString() : likes.toLocaleString();
  11588. }, false);
  11589. }
  11590.  
  11591. async function getDislikes() {
  11592. await new Promise(resolve => setTimeout(resolve, 500)); // this is necessary because otherwise RYD will *sometimes* update the value after this does. would like to do a better way than this though
  11593. const videoId = document.querySelector("ytd-app").data.endpoint.watchEndpoint.videoId;
  11594. let response = await fetch(`https://returnyoutubedislikeapi.com/votes?videoId=${videoId}`).then((response) => response.json()).catch();
  11595. if (response === undefined || "traceId" in response) return;
  11596.  
  11597. const dislikesText = document.querySelector("#info ytd-toggle-button-renderer.style-text[is-icon-button]:nth-child(2) #text.ytd-toggle-button-renderer");
  11598. const likesText = document.querySelector("#info ytd-toggle-button-renderer.style-text[is-icon-button]:first-child #text.ytd-toggle-button-renderer");
  11599. if (response.dislikes == 0 && response.likes == 0 && response.viewCount == 0) { // no ratings
  11600. dislikesText.innerHTML = "";
  11601. likesText.innerHTML = "";
  11602. } else { // we have ratings!
  11603. dislikesText.innerHTML = response.dislikes.toLocaleString();
  11604. document.querySelector("ytd-toggle-button-renderer.style-scope:nth-child(2)").addEventListener("click", function() {
  11605. const disliked = dislikesText.classList.contains("style-default-active");
  11606. dislikesText.innerHTML = disliked ? (response.dislikes + 1).toLocaleString() : response.dislikes.toLocaleString();
  11607. }, false);
  11608. }
  11609. }
  11610.  
  11611. function restoreDropdown(iconLabel, firstChild, dropdownChildren) {
  11612. const iconLabelSel = document.querySelector(iconLabel);
  11613. if (!window.location.search.includes("sort")) // channel sort dropdown fix
  11614. iconLabelSel.innerHTML = document.querySelector(firstChild).innerHTML;
  11615.  
  11616. for (const x of document.querySelectorAll(dropdownChildren)) {
  11617. x.addEventListener("click", function() {
  11618. iconLabelSel.innerHTML = this.innerHTML;
  11619. }, false);
  11620. }
  11621. }
  11622.  
  11623.  
  11624. function setupSecondaryInfoRenderer() {
  11625. if (window.location.href.indexOf("/watch?") == -1) return;
  11626.  
  11627. const uploadDate = document.querySelector('#info-strings.ytd-video-primary-info-renderer');
  11628. document.querySelector('ytd-video-secondary-info-renderer > #container').prepend(uploadDate);
  11629.  
  11630. if (!document.querySelector("ytd-app").data.response.responseContext.mainAppWebResponseContext.loggedOut) {
  11631. const subCountRenderer = document.querySelector('#owner-sub-count.ytd-video-owner-renderer');
  11632. const subBtnRenderer = document.querySelector("ytd-subscribe-button-renderer");
  11633. subBtnRenderer.appendChild(subCountRenderer);
  11634. }
  11635.  
  11636. getLikes();
  11637. }
  11638.  
  11639. function setUploadedText(elm) {
  11640. const isNormalUpload = document.querySelector("#chat") == null;
  11641. if (!elm.innerHTML.startsWith("Published on ") && isNormalUpload) {
  11642. elm.insertAdjacentText("afterbegin", "Published on ");
  11643. }
  11644. }
  11645.  
  11646. async function setupUpdateDependentElements() {
  11647. if (window.location.pathname == "/watch") {
  11648. waitForElement('.ryd-tooltip-bar-container').then(() => getDislikes());
  11649. waitForElement('#items.ytd-watch-next-secondary-results-renderer ytd-compact-video-renderer.style-scope:first-child').then(() => restoreOldAutoplay());
  11650. waitForElement('#top-row.ytd-video-secondary-info-renderer').then(() => setupSecondaryInfoRenderer());
  11651. waitForElement('#info-strings.ytd-video-primary-info-renderer yt-formatted-string').then((elm) => setUploadedText(elm));
  11652.  
  11653. // classic description
  11654. var description;
  11655. waitForElement('tp-yt-paper-button[id="more"]').then((elm) => elm.addEventListener("click", () => description.removeAttribute("collapsed")));
  11656. waitForElement('ytd-expander.ytd-video-secondary-info-renderer').then((elm) => { description = elm });
  11657. waitForElement('ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-structured-description"]').then((elm) => elm?.remove());
  11658. }
  11659.  
  11660. waitForElement("ytd-comments-header-renderer yt-dropdown-menu:last-of-type").then(function() {
  11661. restoreDropdown("ytd-comments-header-renderer #icon-label.yt-dropdown-menu",
  11662. "ytd-comments-header-renderer a.yt-dropdown-menu:first-child > tp-yt-paper-item:first-child > tp-yt-paper-item-body:first-child > div:first-child",
  11663. "ytd-comments-header-renderer a.yt-dropdown-menu > tp-yt-paper-item:first-child > tp-yt-paper-item-body:first-child > div:first-child");
  11664. });
  11665.  
  11666. waitForElement("yt-sort-filter-sub-menu-renderer yt-dropdown-menu:last-of-type").then(function() {
  11667. restoreDropdown("yt-sort-filter-sub-menu-renderer #icon-label.yt-dropdown-menu",
  11668. "yt-sort-filter-sub-menu-renderer a.yt-dropdown-menu:nth-child(3) > tp-yt-paper-item:first-child > tp-yt-paper-item-body:first-child > div:first-child",
  11669. "yt-sort-filter-sub-menu-renderer a.yt-dropdown-menu > tp-yt-paper-item:first-child > tp-yt-paper-item-body:first-child > div:first-child");
  11670. });
  11671. }
  11672.  
  11673. window.addEventListener("yt-page-data-updated", setupUpdateDependentElements, false);
  11674. // init functions
  11675. removeEl();
  11676. genSettings();
  11677. patch_css();
  11678. gen_history();
  11679. gen_aspect_fix();
  11680. subbutton();
  11681. counterstuff();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址