☰

Youtube WideScreen (New Design Polymer) [USw] v.58

For a Wide Screen and the YouTube New Design

  1. /* ==UserStyle==
  2. @name        Youtube WideScreen (New Design Polymer) [USw] v.58
  3. @namespace   youtube.com
  4. @version     58000.0.0
  5. @author      decembre
  6. @description For a Wide Screen and the YouTube New Design
  7. @license     unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("youtube.com") {
  11. /* 0- YouTube WideScreen (New Design Polymer) v.58 (new58) - OK - HOME Simple / SEARCH (2 By Row) / CHAT - TEST (No Color)- QUANTUM */
  12.  
  13. /* YouTube WideScreen (New Design Polymer DEV Test */
  14. /* ==== 0- YouTube WideScreen (New Design Polymer) [USw] v.56 (new6) - USw - FIX CY Fung FIX ==== */
  15. /* LAST UPDATE USERSTYLES.ORG - ERROR MINIFIED */
  16. /* NO DARK 
  17. html:not([dark]):not([dark="true"]):not(.style-scope) 
  18. BLACK    background-color: rgba(17, 17, 17, 0.4) !important;
  19. RED    background-color: rgba(255, 0, 0, 0.19) !important;
  20. ==== */
  21. /* MINI HIDDEN - MINI PANEL LEFT HIDDEN 
  22. ytd-mini-guide-renderer.ytd-app[hidden]
  23. ==== */
  24. /* NOT EMDED : 
  25. .html5-video-player:not(.ytp-embed)
  26. ==== */
  27. /*  NOT EMBED/ CHANNEL PLAYER:
  28. :not(.ytp-embed)not(#c4-player)
  29. #player:not(.ytd-channel-video-player-renderer):hover .ytp-chrome-bottom 
  30. ==== */
  31. /* NOT PREVIEW VIDEO ON HOVER =
  32. not(#inline-preview-player)
  33. === */
  34. /* SKELETON ;
  35. div[class*="skeleton"]
  36. === */
  37. /* MAXIMIZE VIDEO: 
  38. #bodyToothbrush
  39. ==== */
  40. /* THEATER:
  41. ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, 
  42. ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy
  43. ==== */
  44. /*  FULLSCREEN
  45. ytd-watch-flexy[fullscreen]
  46. ==== */
  47. /* MINI PLAYER :
  48. #movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode  
  49. ==== */
  50. /* CHANNEL PLAYER :
  51. ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container
  52. === */
  53. /* CHAT :
  54. .ytd-page-manager[should-stamp-chat]
  55. === */
  56. /* GUIDE PERSISTENT / ALWAYS OPEN:
  57. [guide-persistent-and-visible]
  58. ytd-app:not([guide-persistent-and-visible])
  59. === */
  60. /* GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
  61. NORMAL PLAYER :
  62. ytd-watch-flexy.yfms-userjs.ytd-page-manager
  63. === */
  64. /* ADDON GM "Video Speed Buttons"
  65. .vsb-container
  66. #below .watch-active-metadata + div  > div:first-of-type > div +div:not(#info-contents)
  67. === */
  68. /* GM "TABVIEW" :
  69. html[plugin-tabview-youtube]  .ytd-page-manager[tabview-youtube-comments][tabview-selection]
  70. === */
  71. /* GM "POPOUT" :
  72. #movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-player-content.ytp-iv-player-content .html5-stop-propagation.iv-drawer-manager + .annotation.annotation-type-custom.iv-branding
  73.  
  74. /* GM "YouTube Player Controls" by Costas - WIDE  PLAYER
  75. [ytpc_cinema][ytpc_top]
  76. #ytpc_cog_container #ytpc_ytcontrol_button
  77.  
  78. === */
  79. /* GM "Youtube UI Fix (2020)":
  80. body.yt-ui-fix 
  81. === */
  82. /* GM "Youtube subtitles under video frame"
  83. ytd-watch-flexy.yfms-userjs.ytd-page-manager
  84. === */
  85. /* GM "TIME REMAINING"
  86. .time-remaining-renderer
  87. === */
  88. /* 3 VERSIONS OF VIDEO PAGE:
  89. https://gf.qytechs.cn/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-298237
  90. === */
  91. /* First Version - OWNER UNDER THE PLAYER :
  92. ytd-watch-metadata > #above-the-fold
  93. === */
  94. /* 2nd Version - OWNER in TABS
  95. ytd-watch-metadata + .watch-active-metadata
  96. OR
  97. .watch-active-metadata 
  98. === */
  99. /*test OK FIX LAZY LOADING for QUEUE) TEST FRESH:
  100. https://gf.qytechs.cn/fr/scripts/28678-youtube-play-next-queue/discussions/82921
  101. #secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
  102. DEL     position: fixed !important;
  103. === */
  104. /* (new4) GM in USE (WORK WITH...):
  105. == NO DARK :
  106. html:not([dark]) ...
  107.  
  108. == DARK  :
  109. html[dark] ...
  110.  
  111.  
  112. ==== NEW TEST ==== 
  113.  
  114.  
  115.  
  116.  
  117. NEW in TEST - GM "Utags" by Pipe Craft:
  118. https://gf.qytechs.cn/fr/scripts/460718-utags-add-usertags-to-links
  119.  
  120. NEW in TEST:
  121. GM "Bouton de traduction des commentaires YouTube" by linkwanggo [2022]:
  122. https://gf.qytechs.cn/fr/scripts/456108-youtube%E8%AF%84%E8%AE%BA%E7%BF%BB%E8%AF%91%E6%8C%89%E9%92%AE
  123. PB with Greasemonkey 3.17 (Request):
  124. https://gf.qytechs.cn/fr/scripts/456108-youtube%E8%AF%84%E8%AE%BA%E7%BF%BB%E8%AF%91%E6%8C%89%E9%92%AE/discussions/166219
  125.  
  126.  
  127.  
  128. ADDON "PotPlayer YouTube Shortcut, Open Links":
  129. https://addons.mozilla.org/fr/firefox/addon/potplayer-youtube-shortcut/
  130.  
  131. GM "Clickbait Remover for Youtube" by Pieter van Heijningen (2022):
  132. https://addons.mozilla.org/en-US/firefox/addon/clickbait-remover-for-youtube/
  133.  
  134. GM "Move Preferred YouTube Subtitle Auto-translate Language Options To Top" by jcunews - 2022:
  135. https://gf.qytechs.cn/fr/scripts/404054-move-preferred-youtube-subtitle-auto-translate-language-options-to-top
  136. SETTINGS explanation:
  137. If English subtitle is preferred when YouTube is in English, and French subtitle is preferred when YouTube is in French, then then settings should be like below.
  138. let menuTitle    = ["Auto-translate", "Traduire automatiquement"];
  139. let keepLanguage = ["English", "Français"];
  140.  
  141. GM "Youtube subtitles under video frame" by T1m_ - 2022 - PB THEATER:
  142. https://gf.qytechs.cn/fr/scripts/433440-youtube-subtitles-under-video-frame
  143.  
  144. GM "YouTube Player Controls" by Costas - 2022:
  145. https://gf.qytechs.cn/fr/scripts/16323-youtube-player-controls
  146.  
  147. GM "Add YouTube Video Progress" by jcunews - 2022:
  148. Not working with Gresemonkey
  149. https://gf.qytechs.cn/fr/scripts/38090-add-youtube-video-progress
  150.  
  151. GM "YouTube Clickbait-Buster" by hjk789 - 2022:
  152. https://gf.qytechs.cn/en/scripts/439305-youtube-clickbait-buster
  153.  
  154. OK - GM "Nova YouTube" by raingart - (Not work Waterfox) (2022)
  155. https://gf.qytechs.cn/en/scripts/433360-nova-youtube
  156. (Request Not work Waterfox):
  157. https://gf.qytechs.cn/en/scripts/433360-nova-youtube/discussions/128126
  158.  
  159.  
  160.  
  161. ==== OK ====
  162.  
  163. OK - GM "Tabview Youtube": (now compaible with this userstyle) 
  164. https://gf.qytechs.cn/fr/scripts/428651-tabview-youtube
  165. Request about asupport "GM - Youtube Play Next Queue":
  166. https://gf.qytechs.cn/fr/scripts/428651-tabview-youtube/discussions/91612
  167.  
  168. GM "Youtube Play Next Queue" by Cptmathix (2021) :
  169. Works better than the official queue IMO (which doesn't persist between tabs and elongates video URLs, for example)
  170. https://gf.qytechs.cn/fr/scripts/28678-youtube-play-next-queue
  171. FOR UPDATED version - by 𝖢𝖸 𝖥𝗎𝗇𝗀 (2023.12):
  172. https://gf.qytechs.cn/fr/scripts/28678-youtube-play-next-queue/discussions/189129#comment-452654
  173.  
  174. OK - GM "u-Youtube" by ok! (2022):
  175. AUTO DARK mode + Choose Resolution
  176. https://gf.qytechs.cn/en/scripts/442317-u-youtube
  177.  
  178. OK - GM "YouTube Links" by nhyone (2021);
  179. https://gf.qytechs.cn/en/scripts/5566-youtube-links
  180.  
  181. OK - GM "Video Speed Buttons" by Braden Best (2020):
  182. 2022.07 - Add this line to container_candidates to make youtube happy again. "div#above-the-fold",
  183. // Multi-purpose Loader (defaults to floating on top right)
  184. const loader_data = {
  185.     container_candidates: [
  186.         // YouTube
  187. COMMENT : https://gf.qytechs.cn/fr/scripts/30506-video-speed-buttons/discussions/142730
  188. https://gf.qytechs.cn/fr/scripts/30506-video-speed-buttons
  189.  
  190. OK - GM "YouTube More Speeds" / "YouTube Plus de délais" by ssssssander (2022):
  191. https://gf.qytechs.cn/fr/scripts/421670-youtube-more-speeds
  192.  
  193. OK - GM "YouTube Time Remaining" by stinkrock (2021):
  194. https://gf.qytechs.cn/fr/scripts/368389-youtube-time-remaining
  195. YouTube Time Remaining OLD version Working 2022.05 - v.1.8.0 by stinkrock :
  196. https://gf.qytechs.cn/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-297235
  197.  
  198. OK - GM "Youtube Middle Click Search" by kufii (2022):
  199. https://gf.qytechs.cn/fr/scripts/6031-youtube-middle-click-search
  200.  
  201.  
  202.  
  203. OK - GM "Youtube - Search While Watching Video" by Cptmathix (2021):
  204. https://gf.qytechs.cn/fr/scripts/29451-youtube-search-while-watching-video
  205.  
  206. GM "YouTube Permanent ProgressBar"  by cccaaannn - Can Kurt (v.03 - 2022) voir Youtube Music -  (2022) (BETTER?) :
  207. https://gf.qytechs.cn/en/scripts/426283-youtube-permanent-progressbar
  208. OR
  209. GM "YouTube Progressbar Updater" by Workgroups (2015)):
  210. https://gf.qytechs.cn/fr/scripts/11486-youtube-progressbar-updater
  211.  
  212.  
  213. OK - GM "Maximize Video" by 冻猫 (2020):
  214. https://gf.qytechs.cn/fr/scripts/4870-maximize-video
  215.  
  216. OK - GM "Youtube HD" by adisib:
  217. https://gf.qytechs.cn/en/scripts/23661-youtube-hd
  218.  
  219. GM "Automatic Material Dark-Mode for YouTube" by SteveJobzniak (2018):
  220. https://gf.qytechs.cn/fr/scripts/32954-automatic-material-dark-mode-for-youtube
  221.  
  222. GM "Youtube - dismiss sign-in" / "Youtube - cacher "connectez-vous"" by Achernar (2022):
  223. https://gf.qytechs.cn/fr/scripts/412178-youtube-dismiss-sign-in
  224.  
  225. OK - GM "YouTube Popout Button [mashup]" by joeytwiddle (2022)
  226. https://gf.qytechs.cn/fr/scripts/401907-youtube-popout-button-mashup
  227.  
  228. OK - GM "Close YT Confirmations" by Felipe Marinho (2019):
  229. Nedd Tweak YT MUSIC + INCLUDE
  230. https://gf.qytechs.cn/fr/scripts/386987-close-yt-confirmations
  231. Alternative ,:
  232. GM "Remove Youtube Activity Check" by TIFUByRedditting (2017):
  233. https://gf.qytechs.cn/fr/scripts/35157-remove-youtube-activity-check
  234.  
  235. ADDONS:
  236. SPONSORBLOCK "SponsorBlock - Skip Sponsorships on YouTube" 
  237.  
  238. https://addons.mozilla.org/en-US/firefox/addon/sponsorblock/
  239. https://sponsor.ajay.
  240. YouTube Clickbait-Busterapp/
  241.  
  242.  
  243. ==== Embedded Youtube ====
  244.  
  245. OK - GM "Allow full screen on embedded Youtube" by marwis (2021):
  246. https://gf.qytechs.cn/fr/scripts/398281-allow-full-screen-on-embedded-youtube
  247.  
  248. =================================================
  249. GM "YT: not interested in one click": (seems have no effects... 2021.07)
  250. Hover a thumbnail to see icons at the right: "Not interested" and "Don't recommend channel"
  251. https://gf.qytechs.cn/en/scripts/396936-yt-not-interested-in-one-click
  252.  
  253.  
  254.  
  255.  
  256. ==== GREAT but SEEMS NOT WORK WITH or need adaptation ====
  257.  
  258.  
  259.  
  260. ==== SEEMS NOT WORK WITH or need adaptation ====
  261.  
  262. GM "Youtube Scrollable Suggestions" by TheAlienDrew (2022):
  263. https://gf.qytechs.cn/en/scripts/397344-youtube-scrollable-suggestions
  264.  
  265. ==== SEEMS WORK WITH ====
  266.  
  267. GM "Youtube UI Fix" by Roy192 (2020)":
  268. https://gf.qytechs.cn/fr/scripts/11485-youtube-ui-fix
  269.  
  270. GM "Youtube Ad Cleaner(Include Non-Skippable Ads- works)" by dumb dumb (2021):
  271. in test (add a Download Button)"
  272. https://gf.qytechs.cn/en/scripts/386925-youtube-ad-cleaner-include-non-skippable-ads-works
  273.  
  274. GM "Youtube - Fix channel links in sidebar recommendations" by 1N07 (2021):
  275. https://gf.qytechs.cn/en/scripts/376510-youtube-fix-channel-links-in-sidebar-recommendations
  276.  
  277. GM "Space-efficient Youtube" by 1N07 (2022):
  278. https://gf.qytechs.cn/fr/scripts/34388-space-efficient-youtube
  279.  
  280. GM "Youtube polymer engine fixes"
  281. https://gf.qytechs.cn/en/scripts/405614-youtube-polymer-engine-fixes
  282.  
  283. ==== Note about: BYPASS VIDEOS Restricted ====
  284.  
  285. TEST LINK :
  286. https://www.youtube.com/watch?v=DAsZjMizTJ0
  287. https://www.youtube.com/watch?v=7t0SqerlBA0
  288. EMBED :
  289. https://forums.warframe.com/topic/1286241-thanks-for-watching-prime-time-292/#comment-12332841
  290.  
  291.  
  292. OK - GM "Simple YouTube Age Restriction Bypass" by zerodytrash (2022):
  293. Work perfecly!
  294. Review:
  295. https://gf.qytechs.cn/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/128220
  296. OLD Request:
  297. https://gf.qytechs.cn/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/93645
  298. GhitHub:
  299. https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass
  300. USERSCRIPT vs EXTENSION:
  301. https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass/issues/136
  302. GM:
  303. https://gf.qytechs.cn/en/scripts/423851-simple-youtube-age-restriction-bypass
  304. ADDON:
  305.  
  306.  
  307. OLD SCRIPT [DEPRECATED] :
  308. GM "YouTube: Age Verification Bypass [by u00F8)> v.1.6" (NOT WOTRK / DELETED):
  309. https://gf.qytechs.cn/en/scripts/375525-youtube-age-verification-bypass
  310. MAYBE WRONG:
  311. Youtube Age Verification Bypass Script – Best AI Content Generator Review 2022
  312. https://www.learnsteps4profit.com/youtube-age-verification-bypass-script-best-ai-content-generator-review-2022/
  313.  
  314.  
  315. ALTERNATIVE /FORKS ?:
  316. GM "Bypass YouTube Age Verification 1.01.js" byXP1 (2001)
  317. https://gist.github.com/XP1/1147490
  318. GM "YouTube Age Bypass" by lawl (not work 2018)
  319. https://gf.qytechs.cn/fr/scripts/371261-youtube-age-bypass
  320.  
  321. Others Solutions:
  322. BKLET - Bookmarklet :
  323. BLET "Bypass YT login!" (watch a protected YouTube):
  324. https://www.nsfwyoutube.com/
  325. OR USE this ADDON:
  326. XPI "Ageless for YouTube" :
  327. https://addons.mozilla.org/en-US/firefox/addon/ageless/
  328.  
  329. ==== Note about Waterfox Classic ====
  330. Not Need now:
  331. For use with Waterfox Classic and  User Agent Switcher, choose:
  332. Force for the domain (the first one)
  333. Robot: Google Bot
  334.  
  335. NEED always for Youtube 360° and Nivida:
  336. TOPIC:
  337. https://github.com/MrAlex94/Waterfox/issues/1473#issuecomment-787830672
  338.  
  339. Install enhanced h264ify:
  340. https://addons.mozilla.org/en-US/firefox/addon/enhanced-h264ify/
  341. about:config:
  342. Set media.windows-media-foundation.allow-d3d11-dxva:false
  343. reset media.hardware-video-decoding.failed to false
  344.  
  345. === OTHER ===
  346.  
  347. GM "Don't "fuck" with my scroll":
  348. Maybe solve related video loading but PB for comments:
  349. https://gf.qytechs.cn/en/scripts/381674-don-t-with-my-scroll
  350.  
  351.  
  352. ==== */
  353.  
  354. /* (new58) TEST - GM "Utags" by Pipe Craft:
  355. https://gf.qytechs.cn/fr/scripts/460718-utags-add-usertags-to-links
  356. ==== */
  357.  
  358. /* VIDEO - TITLE NOT TAGGED */
  359.  
  360. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1.ytd-watch-metadata + ul.utags_ul.utags_ul_0 {
  361.     position: fixed !important;
  362.     height: 22px  !important;
  363.     width: 22px  !important;
  364.     top: 4vh !important;
  365.     right: 40% !important;
  366.     padding: 0 !important;
  367.     opacity: 1 !important;
  368.     z-index: 5000000 !important;
  369. /*border: 1px solid red !important;*/
  370. }
  371.  
  372. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1.ytd-watch-metadata + ul.utags_ul.utags_ul_0 li button  {
  373.     display: block !important;
  374.     height: 22px  !important;
  375.     width: 22px  !important;
  376.     margin: -1px 0 0 -1px !important;
  377.     padding: 0 !important;
  378.     z-index: 5000000 !important;
  379.     opacity: 1 !important;
  380.     background: transparent !important;
  381. border: 1px solid green !important;
  382. }
  383.  
  384. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1.ytd-watch-metadata + ul.utags_ul.utags_ul_0 li button svg  {
  385.     display: block !important;
  386.     height: 20px  !important;
  387.     width: 20px  !important;
  388.     padding: 0 !important;
  389.     z-index: 5000000 !important;
  390.     opacity: 1 !important;
  391. /*border: 1px solid yellow !important;*/
  392. }
  393.  
  394. /* TAGGED*/
  395. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1.ytd-watch-metadata + ul.utags_ul.utags_ul_1 {
  396.     position: fixed !important;
  397.     top: 4.7vh !important;
  398.     right: 40% !important;
  399.     z-index: 500000000 !important;
  400. /*background: green !important;*/
  401. }
  402.  
  403.  
  404. /* (new57) TEST GM "u-Youtube" - TOP MENU SETTINGS */
  405. #end > div.dropdown-hover > div > div{
  406. top: 3vh !important;
  407.     right: 0 !important;
  408. color:#aaa !important;
  409. /*background-color:red !important;*/
  410. }
  411.  
  412. /* (new56) MARKET UNDER PAYER */
  413. ytd-merch-shelf-renderer {
  414. 	display: none !important;
  415. }
  416.  
  417.  
  418.  
  419. /*  (new35) SUPP - BACKGROUNS GRADIENT IMAGE TOP / BOTTOM */
  420. .ytp-big-mode .ytp-gradient-bottom,
  421. .ytp-gradient-top,
  422. .ytp-gradient-bottom {
  423. 	background-image: none !important;
  424. }
  425.  
  426. /* (new56) SUPP ADDS */
  427. ytd-guide-signin-promo-renderer,
  428.  
  429. /* POP UP ABDBOCK */
  430. tp-yt-paper-dialog,
  431.  
  432. /* GM - "Disable Playlist Blur Background":
  433. https://gf.qytechs.cn/fr/scripts/453963-disable-playlist-blur-background/code
  434. == */
  435. .immersive-header-background-wrapper.ytd-playlist-header-renderer,
  436.  
  437. /* GM - "Disable YouTube Glow/Ambilight" :
  438. https://gf.qytechs.cn/fr/scripts/453801-disable-youtube-glow-ambilight/code
  439. ===  */
  440. #cinematics.ytd-watch-flexy,
  441.  
  442. ytd-ad-slot-renderer,
  443. ytd-app[disable-upgrade="true"],
  444. .ytp-drawer-open-button,
  445. .ytp-drawer-content,
  446. iron-overlay-backdrop.opened,
  447. ytd-consent-bump-lightbox#consent-bump,
  448. .annotation-type-custom > div,
  449. .ytp-cards-teaser,
  450. #offer-module {
  451. 	display: none !important;
  452. }
  453.  
  454. /* (new46) DONATION  */
  455. #secondary-inner #donation-shelf:not(:empty):not(:hover) {
  456. 	position: fixed !important;
  457. 	display: inline-block !important;
  458. 	height: 15px !important;
  459. 	line-height: 15px !important;
  460. 	width: 15px !important;
  461. 	margin: 0 0 0 -20px !important;
  462. 	border-radius: 100% !important;
  463. 	overflow: hidden !important;
  464. 	z-index: 5000000000 !important;
  465. /* background: red !important; */
  466. /* border: 1px solid yellow !important; */
  467. }
  468. #secondary-inner #donation-shelf:not(:empty):hover {
  469. 	position: fixed !important;
  470. 	display: inline-block !important;
  471. 	z-index: 500000000 !important;
  472. 	background: green !important;
  473. /* border: 1px solid yellow !important; */
  474. }
  475. #secondary-inner #donation-shelf:not(:empty):before {
  476. 	content: "€/$" !important;
  477. 	position: fixed !important;
  478. 	display: inline-block !important;
  479. 	height: 15px !important;
  480. 	width: 17px !important;
  481. 	border-radius: 100% !important;
  482. 	font-size: 10px !important;
  483. 	text-align: center !important;
  484. 	z-index: 500000000 !important;
  485. 	opacity: 0.5 !important;
  486. background: red !important;
  487. /* border: 1px solid yellow !important; */
  488. }
  489. #secondary-inner #donation-shelf:not(:empty):hover:before {
  490. 	content: "€/$" !important;
  491. 	position: fixed !important;
  492. 	display: inline-block !important;
  493. 	height: 15px !important;
  494. 	width: 25px !important;
  495. 	margin: 0 0 0 -26px !important;
  496. 	font-size: 10px !important;
  497. 	text-align: center !important;
  498. 	border-radius: 10px 0 0 10px !important;
  499. 	opacity: 1 !important;
  500. 	z-index: 500000000 !important;
  501. 	background: green !important;
  502. border: 1px solid yellow !important;
  503. }
  504.  
  505.  
  506. /* (new31) ==== SKELETON - ALL ==== */
  507. div[class*="skeleton"] {
  508. 	/* border: 1px solid yellow !important; */
  509. }
  510.  
  511. /* (new35) PLAYER SKELETON - DEFAULT / THEATER  -  */
  512. #player.skeleton.flexy #player-wrap #player-api #movie_player .html5-video-container {
  513. 	top: 0px !important;
  514. /* border: 1px solid pink !important; */
  515. }
  516.  
  517. #player.skeleton.flexy #player-wrap #player-api #movie_player .html5-video-container .video-stream.html5-main-video {
  518. 	height: calc(0.5625 * 100vw);
  519. 	max-height: calc(100vh - 185px) !important;
  520. 	min-height: 70vh !important;
  521. 	min-width: 99.85% !important;
  522. 	max-width: 99.85% !important;
  523. 	left: 0% !important;
  524. /* border: 1px solid green !important; */
  525. }
  526. #player.skeleton.theater,
  527. #player.skeleton#player.skeleton {
  528. 	height: calc(0.5625 * 100vw);
  529. 	max-height: calc(100vh - 185px);
  530. 	min-height: 480px;
  531. 	min-width: 59.9% !important;
  532. 	max-width: 59.9% !important;
  533. 	left: -20% !important;
  534. /* border: 1px solid aqua !important; */
  535. }
  536.  
  537. #player.skeleton.theater {
  538. 	/* border: 1px solid yellow !important; */
  539. }
  540. #player.skeleton#player.skeleton {
  541. 	/* border: 1px solid aqua !important; */
  542. }
  543.  
  544. /* (new21) SKELETON - UNDER PLAYER - METAS */
  545. #watch-page-skeleton.watch-skeleton #info-container {
  546. 	position: fixed !important;
  547. 	display: inline-block !important;
  548. 	height: 100% !important;
  549. 	max-height: 18vh !important;
  550. 	min-height: 18vh !important;
  551. 	width: 100% !important;
  552. 	min-width: 1156px !important;
  553. 	max-width: 1156px !important;
  554. 	margin: 0 !important;
  555. 	bottom: 0vh !important;
  556. 	left: 8px !important;
  557. 	visibility: visible !important;
  558. }
  559. /* (new21) SKELETON - RELATED VID  - RIGHT PLAYER */
  560. #watch-page-skeleton.watch-skeleton #related {
  561. 	position: fixed !important;
  562. 	display: inline-block !important;
  563. 	height: 100% !important;
  564. 	min-height: 94vh !important;
  565. 	max-height: 94vh !important;
  566. 	width: 100% !important;
  567. 	min-width: 37vw !important;
  568. 	max-width: 37vw !important;
  569. 	margin: 0 !important;
  570. 	top: 5vh !important;
  571. 	left: 62vw!important;
  572. 	visibility: visible !important;
  573. }
  574. /* #related-skeleton.watch-skeleton.ytd-watch-flexy  #related > div.hidden */
  575. #watch-page-skeleton.watch-skeleton #related > div {
  576. 	display: inline-block !important;
  577. 	width: 35vw !important;
  578. }
  579. /* (new21) SKELETON - INFOS ON LOAD */
  580. #watch-page-skeleton {
  581. 	min-width: 1154px !important;
  582. 	max-width: 1154px !important;
  583. 	height: 100px !important;
  584. 	left: -375px !important;
  585. 	bottom: 0px !important;
  586. }
  587. /* (new21) SKELETON - PLAYER ON LOAD */
  588. #player.skeleton.flexy:not([hidden=""]) {
  589. 	min-width: 1154px !important;
  590. 	height: 726px !important;
  591. 	left: -374px !important;
  592. 	top: -20px !important;
  593. }
  594. #player.skeleton.flexy:not([hidden=""]) #player-wrap {
  595. 	width: 1144px !important;
  596. 	height: 712px !important;
  597. 	margin-left: -22px !important;
  598. 	margin-top: -20px !important;
  599. }
  600. #player.skeleton.flexy:not([hidden=""]) #player-wrap #player-api {
  601. 	width: 1142px !important;
  602. 	height: 712px !important;
  603. 	top: 0px !important;
  604. }
  605.  
  606. /* (new42) SEEK INFOS */
  607. /* BACK */
  608. .ytp-doubletap-ui-legacy[data-side="back"] {
  609. 	position: absolute;
  610. 	bottom: 0;
  611. 	left: 0 !important;
  612. 	top: 0 !important;
  613. 	overflow: hidden;
  614. 	z-index: 19;
  615. 	color: #ddd;
  616. /* border: 1px solid red !important; */
  617. }
  618. .ytp-doubletap-ui-legacy[data-side="back"] .ytp-doubletap-static-circle {
  619. 	position: absolute;
  620. 	left: 0 !important;
  621. 	top: 50% !important;
  622. 	border-radius: 50%;
  623. 	overflow: hidden;
  624. 	transform: translate(0%, -50%) !important;
  625. /* background-color: red !important; */
  626. }
  627. /* NOT THEATER */
  628. ytd-watch-flexy[flexy][is-two-columns_]:not([theater]):not([fullscreen]) .ytp-doubletap-ui-legacy[data-side="back"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  629. 	position: relative !important;
  630. 	width: 4% !important;
  631. 	height: 4vh !important;
  632. 	top: 50% !important;
  633. 	text-align: left !important;
  634. 	transform: translate(-5vw, -2vh) !important;
  635. /* border: 1px solid gold !important; */
  636. }
  637. /* THEATER / FULL SCREEN */
  638. ytd-watch-flexy[flexy][is-two-columns_][fullscreen] .ytp-doubletap-ui-legacy[data-side="back"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container,
  639. ytd-watch-flexy[flexy][is-two-columns_][theater] .ytp-doubletap-ui-legacy[data-side="back"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  640. 	position: relative !important;
  641. 	width: 4% !important;
  642. 	height: 4vh !important;
  643. 	top: 50% !important;
  644. 	text-align: left !important;
  645. 	transform: translate(-9.2vw, -2vh) !important;
  646. /* border: 1px dashed gold !important; */
  647. }
  648.  
  649. /* FORWARD */
  650. .ytp-doubletap-ui-legacy[data-side="forward"] {
  651. 	position: absolute;
  652. 	bottom: 0;
  653. 	left: 0% !important;
  654. 	top: 0% !important;
  655. 	overflow: hidden;
  656. 	z-index: 19;
  657. /* border: 1px solid green !important; */
  658. }
  659. .ytp-doubletap-ui-legacy[data-side="forward"] .ytp-doubletap-static-circle {
  660. 	position: absolute;
  661. 	left: 90% !important;
  662. 	top: 50% !important;
  663. 	border-radius: 50%;
  664. 	overflow: hidden;
  665. /* background-color: green !important; */
  666. }
  667. /* NOT THEATER */
  668. ytd-watch-flexy[flexy][is-two-columns_]:not([theater]):not([fullscreen]) .ytp-doubletap-ui-legacy[data-side="forward"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  669. 	position: relative !important;
  670. 	width: 4% !important;
  671. 	height: 4vh !important;
  672. 	top: 50% !important;
  673. 	text-align: left !important;
  674. 	transform: translate(7.5vw, -1.5vh) !important;
  675. /* border: 1px solid red !important; */
  676. }
  677. /* THEATER */
  678. ytd-watch-flexy[flexy][is-two-columns_][fullscreen] .ytp-doubletap-ui-legacy[data-side="forward"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container,
  679. ytd-watch-flexy[flexy][is-two-columns_][theater]:not([fullscreen]) .ytp-doubletap-ui-legacy[data-side="forward"]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  680. 	position: relative !important;
  681. 	width: 4% !important;
  682. 	height: 4vh !important;
  683. 	top: 50% !important;
  684. 	text-align: left !important;
  685. 	transform: translate(11vw, -2vh) !important;
  686. /* border: 1px dashed red !important; */
  687. }
  688.  
  689.  
  690. /* (new41) YOUTUBE STUDIO */
  691. /*  MISE EN LIGNES LIST */
  692. #dialog.ytcp-multi-progress-monitor {
  693. 	position: fixed;
  694. 	max-height: 60vh !important;
  695. 	min-width: 20vw !important;
  696. 	bottom: 0;
  697. 	right: 0.5rem !important;
  698. 	margin: 0 0 0 0 !important;
  699. 	overflow: hidden;
  700. border: 1px solid red !important;
  701. }
  702.  
  703. #progress-list.ytcp-multi-progress-monitor {
  704. 	display: flex;
  705. 	flex: 1 1 0;
  706. 	flex-direction: column;
  707. 	min-height: 60vh !important;
  708. 	max-height: 60vh !important;
  709. 	overflow-x: hidden;
  710. 	overflow-y: auto;
  711. 	padding: 0;
  712. /* color: gold !important; */
  713. }
  714. .row.ytcp-multi-progress-monitor {
  715. 	align-items: center;
  716. 	display: inline-block !important;
  717. 	padding: 0 8px;
  718. }
  719. .edit-button.ytcp-multi-progress-monitor {
  720. 	align-items: center;
  721. 	height: 55px !important;
  722. 	outline: medium none;
  723. 	overflow: hidden;
  724. 	width: 100%;
  725. }
  726. .row.ytcp-multi-progress-monitor .edit-button.ytcp-multi-progress-monitor .progress-title {
  727. 	display: inline-block !important;
  728. 	min-width: 85% !important;
  729. 	margin-right: auto;
  730. 	overflow: hidden;
  731. 	padding-left: 8px;
  732. 	text-align: start;
  733. 	text-overflow: ellipsis;
  734. 	white-space: nowrap;
  735. color: gold !important;
  736. /* border: 1px solid red !important; */
  737. }
  738. /* .row.ytcp-multi-progress-monitor .edit-button.ytcp-multi-progress-monitor:visited .progress-title{
  739. color: red !important;
  740. } */
  741. .progress-status-text.ytcp-multi-progress-monitor {
  742. 	position: absolute !important;
  743. 	display: inline-block !important;
  744. 	max-width: 70% !important;
  745. 	margin: 4vh 0 0 45px;
  746. 	overflow: hidden;
  747. 	text-overflow: ellipsis;
  748. 	white-space: nowrap;
  749. /* color: red !important; */
  750. }
  751. .progress-row-icon.ytcp-multi-progress-monitor {
  752. 	position: absolute !important;
  753. 	height: 15px !important;
  754. 	width: 15px !important;
  755. 	left: 3.4rem !important;
  756. 	margin: -3.8vh 0 0 0px;
  757. 	padding: 0 !important;
  758. 	border-radius: 100% !important;
  759. /* border: 1px solid red !important; */
  760. }
  761.  
  762. /* HOVER */
  763. #dialog.ytcp-multi-progress-monitor:hover {
  764. 	position: fixed;
  765. 	max-height: 60vh !important;
  766. 	min-width: 30vw !important;
  767. 	bottom: 0;
  768. 	right: 0.5rem !important;
  769. 	margin: 0 0 0 0 !important;
  770. 	overflow: hidden;
  771. border: 1px solid red !important;
  772. }
  773. #dialog.ytcp-multi-progress-monitor:hover .progress-status-text.ytcp-multi-progress-monitor {
  774. 	text-align: right !important;
  775. 	display: inline-block;
  776. 	min-width: 80% !important;
  777. }
  778.  
  779. /* (new22) HOME - YOUTUBE - in 2 Coumn - TOP HEADER - TAGS */
  780. #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  781. 	z-index: 20000 !important;
  782. }
  783. #chips-wrapper.ytd-feed-filter-chip-bar-renderer #scroll-container {
  784. 	position: relative;
  785. 	width: 100vw !important;
  786. 	overflow: hidden;
  787. 	white-space: nowrap;
  788. 	z-index: 100 !important;
  789. }
  790.  
  791. /* (new22) HOME - YOUTUBE - in 2 Coumn - LEFT GUIDE */
  792. #content #guide #guide-spacer {
  793. 	margin-top: 4vh !important;
  794. }
  795.  
  796. /* (new58) GM "TIME REMAINING" - MOD NORMAL - .time-remaining-renderer === */
  797. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] .time-remaining-renderer  {
  798. 	display: inline-block !important;
  799. 	position: fixed !important;
  800. 	width: 100% !important;
  801. 	min-width: 150px !important;
  802. 	max-width: 150px !important;
  803. 	height: 100% !important;
  804. 	min-height: 25px !important;
  805. 	max-height: 25px !important;
  806.  
  807. 	left: 25% !important;
  808. 	margin: 2vh 0 0 0 !important;
  809. 	padding: 0 !important;
  810. 	opacity: 1 !important;
  811. 	z-index: 500000000 !important;
  812. /*background: red !important; */
  813. /* border: 1px dashed aqua !important; */
  814. }
  815.  
  816. /* (new48) GM "TIME REMAINING" - THEATER  / BLEED -[full-bleed-player] .time-remaining-renderer === */
  817. html[plugin-tabview-youtube] ytd-watch-flexy[flexy][theater][theater-requested_][flexy-large-window_][full-bleed-player] .time-remaining-renderer {
  818. 	display: inline-block !important;
  819. 	position: fixed !important;
  820. 	width: 100% !important;
  821. 	min-width: 150px !important;
  822. 	max-width: 150px !important;
  823. 	height: 100% !important;
  824. 	min-height: 25px !important;
  825. 	max-height: 25px !important;
  826. 	top: 6.5vh !important;
  827. 	left: 50% !important;
  828. 	margin: 0 !important;
  829. 	padding: 0 !important;
  830. 	opacity: 0.3 !important;
  831. 	z-index: 500000000 !important;
  832. /* background: red !important; */
  833. /* border: 1px dashed aqua !important; */
  834. }
  835.  
  836.  
  837. /* (new29) ADDON "PotPlayer YouTube Shortcut, Open Links" BUTTONS - MOVE to TOP */
  838. #below .watch-active-metadata + div > div:first-of-type > div + div:not(#info-contents) {
  839. 	position: fixed !important;
  840. 	top: 5px !important;
  841. 	left: 12vw !important;
  842. 	z-index: 5000 !important;
  843. }
  844.  
  845. /* (new37)  GM "YouTube More Speeds" / "YouTube Plus de délais" by ssssssander (2022):
  846. https://gf.qytechs.cn/fr/scripts/421670-youtube-more-speeds
  847. === */
  848. #more-speeds {
  849. 	position: fixed !important;
  850. 	bottom: 18vh !important;
  851. 	left: 4vw !important;
  852. 	z-index: 5000 !important;
  853. 	visibility: hidden !important;
  854. }
  855. #more-speeds:hover {
  856. 	visibility: visible !important;
  857. }
  858. #more-speeds:before {
  859. 	content: "More Speed ►" !important;
  860. 	position: absolute !important;
  861. 	left: -7.2rem !important;
  862. 	padding: 0.19rem 0.3rem !important;
  863. 	border-radius: 3px !important;
  864. 	z-index: 5000 !important;
  865. 	opacity: 0.3 !important;
  866. 	visibility: visible !important;
  867. color: gold !important;
  868. background: #111 !important;
  869. border: 1px solid red !important;
  870. }
  871. #more-speeds:hover:before {
  872. 	opacity: 1 !important;
  873. 	visibility: visible !important;
  874. }
  875.  
  876. #more-speeds button {
  877. 	opacity: 0.2 !important;
  878. }
  879. #more-speeds button:hover {
  880. 	opacity: 0.6 !important;
  881. }
  882. #more-speeds button:focus {
  883. 	opacity: 1!important;
  884. }
  885. /* (new31) TEST - GM "YouTube More Speeds" - THEATER */
  886. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy #below .watch-active-metadata.ytd-watch-flexy + div #more-speeds {
  887. 	position: fixed !important;
  888. 	top: 6.5vh !important;
  889. 	left: 30.5vw !important;
  890. 	bottom: unset !important;
  891. 	z-index: 5000 !important;
  892. }
  893.  
  894. /* (new22) TEST - GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
  895. === */
  896. /* (new31) NORMAL PLAYER - Subtitles under video frame */
  897. ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen]):not(.parentToothbrush) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
  898. 	position: absolute !important;
  899. 	display: inline-block !important;
  900. 	width: 99.5% !important;
  901. 	height: 6.5vh !important;
  902. 	top: calc(100% + 3.3vh) !important;
  903. 	margin-bottom: 0;
  904. 	margin-top: 0;
  905. 	z-index: 500000 !important;
  906. 	opacity: 1 !important;
  907. 	visibility: visible !important;
  908. 	pointer-events: none !important;
  909. /* border: 1px solid aqua !important; */
  910. }
  911. /* THEATER - Subtitles under video frame */
  912. /* ytd-watch-flexy.yfms-userjs.ytd-page-manager.hide-skeleton[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments]:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) , */
  913. ytd-watch-flexy.yfms-userjs:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) {
  914. 	position: fixed !important;
  915. 	display: inline-block !important;
  916. 	height: 100% !important;
  917. 	min-height: 76.4vh !important;
  918. 	max-height: 76.4vh !important;
  919. 	min-width: 99.9%;
  920. 	max-width: 99.9%;
  921. 	top: 9.3vh;
  922. 	left: 0;
  923. 	margin: 0;
  924. 	padding-bottom: 0;
  925. 	overflow: visible;
  926. 	z-index: 2147483647;
  927. /* background: red !important; */
  928. /* border: 1px solid violet !important; */
  929. }
  930.  
  931. html.tabview-normal-player[plugin-tabview-youtube]:not(#htmlToothbrush):not(.floater):not(.iri-always-visible) ytd-page-manager#page-manager ytd-watch-flexy.yfms-userjs #player-theater-container.ytd-watch-flexy:not(:empty) .video-stream.html5-main-video,
  932. ytd-watch-flexy.yfms-userjs:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) .video-stream.html5-main-video {
  933. 	min-height: 76.4vh !important;
  934. 	max-height: 76.4vh !important;
  935. /* border: 1px solid yellow !important; */
  936. }
  937. /* MAXIMIZE - Subtitles under video frame */
  938. ytd-watch-flexy.yfms-userjs.ytd-page-manager.parentToothbrush:not([fullscreen]) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
  939. 	position: absolute !important;
  940. 	display: inline-block !important;
  941. 	width: 99.5% !important;
  942. 	margin-bottom: 0;
  943. 	margin-top: 0;
  944. 	top: calc(100% - 10vh) !important;
  945. 	z-index: 9999;
  946. /* border: 1px solid green !important; */
  947. }
  948. ytd-watch-flexy.yfms-userjs.ytd-page-manager.parentToothbrush:not([fullscreen]) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom span.captions-text span {
  949. 	font-size: 28px !important;
  950. }
  951.  
  952. /* Subtitles under video frame - CURSER - UNSET */
  953. ytd-watch-flexy.yfms-userjs.ytd-page-manager .caption-window {
  954. 	cursor: unset !important;
  955. }
  956.  
  957. /* (new22) TEST GM "YouTube Player Controls" - html[plugin-tabview-youtube] - [ytpc_cinema][ytpc_top] */
  958. /* NO THEATER */
  959. /* [ytpc_cinema][ytpc_top] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata , */
  960. ytd-watch-flexy.ytd-page-manager.hide-skeleton[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) ~ #columns.ytd-watch-flexy #primary .watch-active-metadata.ytd-watch-flexy {
  961. 	position: fixed !important;
  962. 	display: flex;
  963. 	display: inline-block !important;
  964. 	flex-direction: column;
  965. 	flex-grow: 1;
  966. 	width: 59.5% !important;
  967. 	top: 6.4vh !important;
  968. 	z-index: 50000000 !important;
  969. /* border: 1px solid aqua !important; */
  970. }
  971. /* (new22) GM "YouTube Player Controls" - THEATER */
  972. [ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata,
  973. #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner td-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] {
  974. 	bottom: 0;
  975. 	height: 2.4vh !important;
  976. 	margin: 0vh 0 0;
  977. 	overflow-y: hidden !important;
  978. border: 1px solid red !important;
  979. }
  980. [ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions,
  981. #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions,
  982.  
  983. [ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser,
  984. #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser {
  985. 	display: none !important;
  986. }
  987. /* (new31) THEATER ytd-watch-flexy[theater] */
  988. #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #super-title {
  989. 	display: none !important;
  990. }
  991.  
  992. /* (new22) GM "YouTube Player Controls" - SETTINGS CONTAINER - WIDE PLAYER - [ytpc_cinema][ytpc_top] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata 
  993. #columns.ytd-watch-flexy #primary:not(:hover)
  994. ===  */
  995. #content.ytd-app[ytpc_cinema]:not([ytpc_top]) ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary,
  996. #content.ytd-app[ytpc_top][ytpc_cinema] ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary {
  997. 	display: inline-block !important;
  998. 	z-index: 2147483647 !important;
  999. }
  1000. /* (new22) GM "YouTube Player Controls" - OK TOP SEARCH */
  1001. #content.ytd-app[ytpc_cinema][ytpc_top] #masthead-container.ytd-app {
  1002. 	z-index: 2147483647 !important;
  1003. }
  1004. /* (new22) GM "YouTube Player Controls" - TOP SEARCH */
  1005. #content.ytd-app[ytpc_cinema]:not([ytpc_top]) #masthead-container.ytd-app {
  1006. 	z-index: 100 !important;
  1007. }
  1008.  
  1009. /* (new43) GM "YouTube Player Controls" - BUTTON SETTINGS  (OWNER INFOS UNDER PLAYER )*/
  1010. #ytpc_cog_container #ytpc_ytcontrol_button,
  1011. span#ytpc_title_container {
  1012. 	position: fixed !important;
  1013. 	display: inline-block !important;
  1014. 	right: 20vw !important;
  1015. 	top: 1vh !important;
  1016. 	z-index: 500000000 !important;
  1017. }
  1018. #ytpc_cog_container #ytpc_ytcontrol_button::after,
  1019. span#ytpc_title_container::after {
  1020. 	position: fixed;
  1021. 	display: inline-block;
  1022. 	content: "Y-Ct";
  1023. 	top: 1px;
  1024. 	padding: 2px;
  1025. 	border-radius: 100%;
  1026. 	font-size: 7px;
  1027. 	z-index: 500000000;
  1028. 	opacity: 0.3 !important;
  1029. color: white !important;
  1030. background: red !important;
  1031. }
  1032. #ytpc_cog_container #ytpc_ytcontrol_button:hover::after,
  1033. span#ytpc_title_container:hover::after {
  1034. 	position: fixed;
  1035. 	display: inline-block;
  1036. 	content: "YouTube Player Controls";
  1037. 	top: 1px;
  1038. 	padding: 2px;
  1039. 	border-radius: 5px !important;
  1040. 	font-size: 7px;
  1041. 	z-index: 500000000;
  1042. 	opacity: 1 !important;
  1043. color: gold !important;
  1044. background: green !important;
  1045. }
  1046. #ytpc_options_popup {
  1047. 	position: fixed !important;
  1048. 	width: 235px;
  1049. 	right: 33vh;
  1050. 	top: 10px;
  1051. 	z-index: 5000000 !important;
  1052. }
  1053. /* (new22) TEST GM "YouTube Player Controls" - GUIDE PANEL - PLAYER PAGE */
  1054. #content[ytpc_cinema] tp-yt-app-drawer.ytd-app.ytd-app#guide[opened][swipe-open]:not([persistent]) ~ ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary {
  1055. 	z-index: 0 !important;
  1056. }
  1057.  
  1058. /* (new32) - GM "Add YouTube Video Progress" Only TAMPERMONKEY */
  1059. #vidprogress {
  1060. 	position: fixed !important;
  1061. 	line-height: normal;
  1062. 	min-width: 29ex !important;
  1063. 	max-width: 49ex !important;
  1064. 	left: 24vw !important;
  1065. 	bottom: 2vh !important;
  1066. 	margin: 0 !important;
  1067. 	padding: 2px;
  1068. 	border-radius: 4px;
  1069. 	font-size: 9pt;
  1070. 	text-align: center;
  1071. 	vertical-align: top;
  1072. 	white-space: nowrap;
  1073. }
  1074. /* 2nd PROGRESSBAR added by the script - Move to cover the Original */
  1075. .ytp-chrome-bottom + #vidprogress2 {
  1076. 	position: absolute;
  1077. 	bottom: 4px !important;
  1078. 	width: 100%;
  1079. 	z-index: 2000000000;
  1080. }
  1081. #vidprogress {
  1082. 	background: #eee none repeat scroll 0 0;
  1083. 	border: 1px solid #ccc;
  1084. }
  1085.  
  1086. /* (new21) TEST - GM "u-Youtube" */
  1087. #masthead-container.ytd-app {
  1088. 	z-index: 500000000 !important;
  1089. }
  1090. #end.ytd-masthead {
  1091. 	padding-right: 15px !important;
  1092. }
  1093. .dropdown-hover:focus,
  1094. .dropdown-hover:hover,
  1095. .dropdown-hover {
  1096. 	position: fixed !important;
  1097. 	display: inline-block !important;
  1098. 	right: -15px !important;
  1099. }
  1100. /*(new29) */
  1101. .dropdown-hover:after {
  1102. 	content: "U-Y" !important;
  1103. 	display: inline-block;
  1104. 	position: fixed;
  1105. 	right: 2px;
  1106. 	top: 1px !important;
  1107. 	padding: 2px !important;
  1108. 	border-radius: 100% !important;
  1109. 	font-size: 8px !important;
  1110. 	z-index: 500000000;
  1111. 	opacity: 0.8 !important;
  1112. color: gold!important;
  1113. background: red !important;
  1114. }
  1115. .dropdown-hover:hover:after {
  1116. 	content: "u-Youtube" !important;
  1117. 	display: inline-block;
  1118. 	position: fixed;
  1119. 	right: 2px;
  1120. 	top: 1px !important;
  1121. 	padding: 3px !important;
  1122. 	border-radius: 5px !important;
  1123. 	font-size: 10px !important;
  1124. 	z-index: 500000000 !important;
  1125. background: green !important;
  1126. }
  1127. .dropdown-box .item {
  1128. 	position: fixed !important;
  1129. 	display: inline-block !important;
  1130. 	right: 114px;
  1131. 	top: -20px !important;
  1132. color: #aaa !important;
  1133. background: #202020 !important;
  1134. }
  1135. /* NO DARK */
  1136. html:not([dark="true"]) .dropdown-box .item {
  1137. 	color: #111 !important;
  1138. 	background: white !important;
  1139. }
  1140. /* (new36) ADDON GM "SPONSORBLOCK" MESSAGE */
  1141. #categoryPill {
  1142. 	position: fixed !important;
  1143. 	display: inline-block !important;
  1144. 	width: auto !important;
  1145. 	left: 20vw !important;
  1146. 	bottom: 2vh !important;
  1147. 	margin: auto;
  1148. 	text-align: center !important;
  1149. }
  1150. /* (new21) ADDON GM "SPONSORBLOCK" ICONS */
  1151. .playerButtonImage {
  1152. 	bottom: 0;
  1153. 	display: block;
  1154. 	max-height: 40% !important;
  1155. 	margin: auto;
  1156. 	top: 0;
  1157. }
  1158. /* (new21) ADDON GM "SPONSORBLOCK" POPUP */
  1159. #sponsorBlockPopupContainer {
  1160. 	position: fixed !important;
  1161. 	margin: 0 !important;
  1162. 	top: 3.9vh !important;
  1163. 	right: 0 !important;
  1164. 	z-index: 50000000 !important;
  1165. border: 1px solid red !important;
  1166. }
  1167.  
  1168. /* (new56) TEST INDICATOR for INFOS UNDER PLAYER  - TAB INFOS - TABVIEW  - ytd-watch-flexy[is-two-columns_]  */
  1169. html[plugin-tabview-youtube] .ytd-page-manager.hide-skeleton[is-two-columns_] #columns.ytd-watch-flexy #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy #right-tabs #tab-info ,
  1170. html[plugin-tabview-youtube] .ytd-page-manager.hide-skeleton[is-two-columns_] #columns.ytd-watch-flexy #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy #right-tabs #tab-info:not(.tab-content-hidden){
  1171. 	padding: 5px 5px 0 5px;
  1172. 	z-index: 50000000 !important;
  1173. /*background: olive !important;*/
  1174. border: 1px solid red !important;
  1175. }
  1176. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer {
  1177. 	display: block;
  1178. 	max-width: 100% !important;
  1179. 	margin-top: -4.8vh !important;
  1180. /*background: pink !important;*/
  1181. }
  1182.  
  1183. /* (new49) TABVIEW - TABS CNTAINER EXPANDER */
  1184. #secondary > tabview-view-secondary-xpander + #secondary-inner tabview-view-tab-expander {
  1185. 	--tabview-view-tab-expander-opacity1: 0.8;
  1186. 	--tabview-view-tab-expander-opacity2: 0.5 !important;
  1187. 	box-sizing: border-box;
  1188. 	color: var(--yt-spec-call-to-action);
  1189. 	float: right;
  1190. 	height: 0;
  1191. 	margin: 0;
  1192. 	opacity: 0.8;
  1193. 	padding: 0;
  1194. 	position: sticky;
  1195. 	right: 0;
  1196. 	top: 0;
  1197. 	transform: translateY(-300px);
  1198. 	width: 0;
  1199. 	z-index: 4;
  1200. }
  1201. ytd-watch-flexy[is-two-columns_] #tab-info ytd-expander[tyt-info-expander-content] {
  1202. 	margin: 0;
  1203. 	padding: 0;
  1204. border: 1px solid blue !important;
  1205. }
  1206. /* #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy #right-tabs , */
  1207. #secondary.tabview-hover-slider-enable.ytd-watch-flexy > tabview-view-secondary-xpander + #secondary-inner.ytd-watch-flexy #right-tabs {
  1208. 	display: inline-block;
  1209. 	margin: 0;
  1210. 	position: fixed;
  1211. 	right: 0vw;
  1212. 	top: 2.4vh !important;
  1213. 	width: 100% !important;
  1214. 	z-index: 5000000;
  1215. /* background: olive !important; */
  1216. }
  1217. #secondary.tabview-hover-slider-enable.ytd-watch-flexy > tabview-view-secondary-xpander + #secondary-inner.ytd-watch-flexy #right-tabs #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy::before {
  1218. 	content: "Yt Next Queue ";
  1219. 	top: 2.4vh !important;
  1220. /* border: 1px solid aqua  !important; */
  1221. }
  1222. #secondary.tabview-hover-slider-enable.ytd-watch-flexy > tabview-view-secondary-xpander + #secondary-inner.ytd-watch-flexy #right-tabs #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover {
  1223. 	top: 5.2vh !important;
  1224. }
  1225. #secondary.tabview-hover-slider-enable.ytd-watch-flexy > tabview-view-secondary-xpander + #secondary-inner.ytd-watch-flexy #right-tabs #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:empty {
  1226. 	width: 38.5% !important;
  1227. 	top: 5vh !important;
  1228. /* background: red !important; */
  1229. }
  1230.  
  1231. /* (new36) INFOS MUSIC */
  1232. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden]) {
  1233. 	display: inline-block !important;
  1234. 	width: 99% !important;
  1235. 	height: auto !important;
  1236. 	margin: 0 !important;
  1237. /* border-top: 1px solid red !important; */
  1238. border-bottom: 1px solid red !important;
  1239. }
  1240. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden]) ytd-info-row-renderer {
  1241. 	display: inline-block !important;
  1242. 	height: 30px!important;
  1243. 	width: 99% !important;
  1244. 	padding: 0px 0 !important;
  1245. 	overflow: hidden;
  1246. /* border-bottom: 1px solid aqua !important; */
  1247. }
  1248.  
  1249. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden])#header {
  1250. 	height: 30px !important;
  1251. 	line-height: 30px!important;
  1252. 	width: 99% !important;
  1253. 	padding: 0px 0 !important;
  1254. /* border-bottom: 1px solid aqua !important; */
  1255. }
  1256. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden])#header h3 {
  1257. 	position: relative !important;
  1258. 	display: inline-block !important;
  1259. 	height: 30px!important;
  1260. 	line-height: 30px!important;
  1261. 	width: 100% !important;
  1262. 	margin: 0px 0 0px 0 !important;
  1263. 	top: -60px !important;
  1264. 	padding: 0px 0 0 5px !important;
  1265. /*border: 1px solid aqua !important; */
  1266. }
  1267.  
  1268. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden]) #info-row-container {
  1269. 	display: inline-block !important;
  1270. 	width: 90.4% !important;
  1271. 	height: 27px!important;
  1272. 	margin: 0px 0 0px 0 !important;
  1273. /* border-bottom: 1px solid red !important */
  1274. }
  1275. #tab-info ytd-expander.ytd-video-secondary-info-renderer .ytd-video-secondary-info-renderer ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer > #items ytd-video-description-music-section-renderer.ytd-structured-description-content-renderer > div:not([hidden]) #info-row-container > div {
  1276. 	width: 93.8% !important;
  1277. 	height: auto !important;
  1278. 	margin: -25px 0 0px 0 !important;
  1279. 	padding: 0 23px 0 20px !important;
  1280. /* border: 1px solid yellow !important; */
  1281. }
  1282.  
  1283. /* (new21) GM "POPOUT VIDEO body.site-as-giant-card */
  1284. /* (new21) GM POPOUT - SUPP ICON BRANDING */
  1285. #movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-player-content.ytp-iv-player-content .html5-stop-propagation.iv-drawer-manager + .annotation.annotation-type-custom.iv-branding {
  1286. 	display: none !important;
  1287. }
  1288. /* (new21) GM POPOUT PLAYER */
  1289. #movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .html5-video-container .video-stream.html5-main-video {
  1290. 	width: 100% !important;
  1291. 	height: 99.4vh !important;
  1292. 	left: 0 !important;
  1293. 	top: 0 !important;
  1294. 	object-fit: contain !important;
  1295. }
  1296. /* (new21) GM POPOUT - PROGRESSBAR */
  1297. #player #movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"]) {
  1298. 	margin-top: 0;
  1299. 	opacity: 1;
  1300. 	top: 0.5vh !important;
  1301. }
  1302.  
  1303. /* (new21)POPOUT - .ytp-iv-drawer-enabled PAUSED */
  1304. #player #movie_player.html5-video-player.paused-mode.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"]) {
  1305. 	margin-top: 0;
  1306. 	opacity: 1;
  1307. 	top: 3.7vh !important;
  1308. }
  1309. /* (new21)POPOUT - PREVIEW - .ytp-iv-drawer-enabled / .paused-mode */
  1310. #player #movie_player.html5-video-player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-tooltip.ytp-bottom.ytp-preview {
  1311. 	top: 76vh !important;
  1312. }
  1313.  
  1314. /* (new21) OK - GM "Maximize Video" */
  1315. #htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush {
  1316. 	position: fixed !important;
  1317. 	display: inline-block !important;
  1318. 	max-height: 100vh !important;
  1319. 	min-height: 100vh !important;
  1320. 	width: 100vw !important;
  1321. 	min-width: 100vw !important;
  1322. 	max-width: 100vw !important;
  1323. 	margin: 0 !important;
  1324. 	z-index: 500000000 !important;
  1325. }
  1326. #htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #ujs-hdr-links-div,
  1327. #htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #columns {
  1328. 	display: none !important;
  1329. }
  1330. #htmlToothbrush ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy {
  1331. 	position: fixed !important;
  1332. 	display: inline-block !important;
  1333. 	max-height: 99vh !important;
  1334. 	min-height: 99vh !important;
  1335. 	margin-top: 0 !important;
  1336. 	overflow: visible;
  1337. 	transform: none;
  1338. 	transform-style: flat;
  1339. 	transition: none 0s ease 0s;
  1340. 	z-index: auto;
  1341. }
  1342. #htmlToothbrush #bodyToothbrush .playerToothbrush {
  1343. 	position: fixed;
  1344. 	max-height: 99vh !important;
  1345. 	min-height: 99vh !important;
  1346. 	width: 100vw;
  1347. 	margin-top: 0 !important;
  1348. 	top: 0 !important;
  1349. 	transform: none;
  1350. 	z-index: 2147483646 !important;
  1351. }
  1352. #htmlToothbrush #bodyToothbrush .parentToothbrush .html5-video-player.ytp-large-width-mode video,
  1353. #htmlToothbrush #bodyToothbrush .parentToothbrush video {
  1354. 	min-width: 100vw !important;
  1355. 	left: 0 !important;
  1356. 	object-fit: contain;
  1357. }
  1358. #leftFullStackButton:not([style=""]),
  1359. #rightFullStackButton:not([style=""]) {
  1360. 	position: fixed;
  1361. 	height: 95vh !important;
  1362. 	width: 30px !important;
  1363. 	top: 0;
  1364. 	z-index: 2147483647;
  1365. 	cursor: w-resize !important;
  1366. 	transition: all ease 0.7s !important;
  1367. background: transparent !important;
  1368. }
  1369. #leftFullStackButton:not([style=""]):hover,
  1370. #rightFullStackButton:not([style=""]):hover {
  1371. 	transition: all ease 0.7s !important;
  1372. background: #333 !important;
  1373. }
  1374. .parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode .ytp-chrome-bottom {
  1375. 	position: absolute !important;
  1376. 	display: inline-block;
  1377. 	top: 100vh !important;
  1378. 	width: 100%;
  1379. 	opacity: 1;
  1380. 	visibility: visible;
  1381. }
  1382. /* GM "Maximize Video" HOVER */
  1383. .parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode:hover .ytp-chrome-bottom .ytp-chrome-controls {
  1384. 	position: absolute !important;
  1385. 	display: inline-block;
  1386. 	top: -6vh !important;
  1387. 	min-width: 100% !important;
  1388. 	opacity: 1;
  1389. 	visibility: visible;
  1390. }
  1391. .parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode .ytp-chrome-bottom .ytp-progress-bar-container,
  1392. .parentToothbrush #movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide .ytp-progress-bar-container,
  1393. .parentToothbrush .ytp-hide-info-bar .ytp-progress-bar-container {
  1394. 	position: fixed !important;
  1395. 	display: inline-block !important;
  1396. 	width: 100%;
  1397. 	top: 99.1vh !important;
  1398. 	opacity: 1;
  1399. 	visibility: visible;
  1400. 	z-index: 5000000 !important;
  1401. }
  1402. .parentToothbrush .annotation.annotation-type-custom.iv-branding {
  1403. 	display: none !important;
  1404. }
  1405. .parentToothbrush .ytp-tooltip.ytp-preview:not(.ytp-text-detail):not([style*="display: none;"]) {
  1406. 	position: fixed !important;
  1407. 	display: inline-block !important;
  1408. 	top: 72vh !important;
  1409. 	margin-top: 0vh !important;
  1410. 	z-index: 500000000 !important;
  1411. border: 1px solid green !important;
  1412. }
  1413.  
  1414. /* (new21) GM "Maximize Video" : #bodyToothbrush  - EMBED - BOTTOM CONTROL */
  1415. #bodyToothbrush #player:hover .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom,
  1416. #bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
  1417. 	height: 3px;
  1418. 	top: 95% !important;
  1419. }
  1420. /* (new21) GM "Maximize Video" : #bodyToothbrush  - EMBED - CONTROL */
  1421. #bodyToothbrush .ytp-exp-bottom-control-flexbox .ytp-chrome-controls,
  1422. #bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls,
  1423. #bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chrome-controls {
  1424. 	min-width: 100% !important;
  1425. 	max-width: 100% !important;
  1426. 	left: 0px !important;
  1427. 	right: 0 !important;
  1428. 	vertical-align: top;
  1429. }
  1430.  
  1431. /* (new21) POPUP YOUTUBE FIXED - ON PLAYER */
  1432. .ytp-popup.ytp-contextmenu:not([style$="display: none;"]) {
  1433. 	position: fixed !important;
  1434. 	display: inline-block !important;
  1435. 	top: 32% !important;
  1436. 	left: 55% !important;
  1437. 	z-index: 5000000000 !important;
  1438. 	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  1439. background: rgba(28, 28, 28, 0.9);
  1440. border: 1px solid red !important;
  1441. }
  1442.  
  1443. /* (new21) GUIDE PANEL - PLAYER PAGE */
  1444. tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) {
  1445. 	z-index: 500000000 !important;
  1446. }
  1447. tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer {
  1448. 	position: absolute !important;
  1449. 	top: -36px;
  1450. }
  1451. tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer #header.ytd-app {
  1452. 	margin-top: -35px;
  1453. }
  1454. /* (new21) GUIDE PANEL - PLAYER PAGE - TABVIEW */
  1455. html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]),
  1456. html[plugin-tabview-youtube] tp-yt-app-drawer {
  1457. 	position: fixed !important;
  1458. 	display: inline-block !important;
  1459. 	height: 100vh !important;
  1460. 	max-height: 100vh !important;
  1461. 	min-height: 100vh !important;
  1462. 	right: 0;
  1463. 	top: 0 !important;
  1464. 	bottom: 0 !important;
  1465. 	left: 0;
  1466. 	transition-property: visibility;
  1467. 	z-index: 5000000000 !important;
  1468. }
  1469. html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened] {
  1470. 	visibility: visible !important;
  1471. }
  1472.  
  1473. /* (new21) POPUP - ALL - SETTINGS  / BOTOM PLAYER / etc */
  1474. tp-yt-paper-dialog[modern],
  1475. .ytd-app > .ytd-popup-container {
  1476. 	z-index: 500000000 !important;
  1477. }
  1478.  
  1479. /* (new49) MODAL - PERMISSION - CONNECT TO ADD VIDEO PLAY LIST */
  1480. ytd-modal-with-title-and-button-renderer[modal] {
  1481. 	display: none !important;
  1482. 	overflow: auto;
  1483. 	opacity: 0.2 !important;
  1484. }
  1485.  
  1486. /* (new41) POPUP - EXTRAIT - CONFIMATION */
  1487. tp-yt-paper-dialog[modern].ytd-popup-container:not([aria-hidden="true"]) {
  1488. 	z-index: 500000000 !important;
  1489. }
  1490.  
  1491. /* (new21) TEST - POPUP CHANNEL MESSAGE */
  1492. yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"] {
  1493. 	display: none !important;
  1494. }
  1495. /* (new21) VIDEO BRANDING */
  1496. .annotation.annotation-type-custom.iv-branding {
  1497. 	position: fixed !important;
  1498. 	height: 40px !important;
  1499. 	right: 41vw !important;
  1500. 	top: 80vh !important;
  1501. }
  1502. /* (new21) VIDEO BRANDING - EMBED - SUPP */
  1503. #movie_player.html5-video-player.html5-video-player .annotation.annotation-type-custom.iv-branding {
  1504. 	display: none !important;
  1505. }
  1506.  
  1507. /* (new21) NOT THEATER - BRANDING - PAUSED  */
  1508. ytd-watch-flexy:not([theater]):not([fullscreen]) .ytd-watch-flexy:not(#player-theater-container) #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .annotation.annotation-type-custom.iv-branding {
  1509. 	top: 80vh !important;
  1510. }
  1511. /* THEATER - BRANDING - PLAYING  */
  1512. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .annotation.annotation-type-custom.iv-branding {
  1513. 	top: 87vh !important;
  1514. }
  1515.  
  1516. /* TEST - ADD INDICATOR FO BUTTON ADDED BY GM "Youtube Ad Cleaner */
  1517. .myButton:before {
  1518. 	content: "Provided \A by Youtube \A Add Cleaner" !important;
  1519. 	position: absolute !important;
  1520. 	display: inline-block !important;
  1521. 	vertical-align: middle;
  1522. 	right: 150px !important;
  1523. 	height: auto;
  1524. 	line-height: 8px;
  1525. 	width: auto !important;
  1526. 	top: 16px;
  1527. 	padding: 2px 5px;
  1528. 	color: white;
  1529. 	font-size: 10px;
  1530. 	text-align: center;
  1531. 	white-space: pre !important;
  1532. 	border-radius: 2px;
  1533. 	opacity: 0 !important;
  1534. 	border: 1px solid transparent;
  1535. background-color: green;
  1536. }
  1537. .myButton:hover:before {
  1538. 	content: "Provided \A by Youtube \A Add Cleaner" !important;
  1539. 	right: 231px !important;
  1540. 	opacity: 1 !important;
  1541. 	transition: all ease 0.7s !important;
  1542. background-color: red;
  1543. }
  1544. .myButton {
  1545. 	cursor: pointer !important;
  1546. }
  1547. /* test QUANTUM VIDEO UNSTARTED */
  1548. .html5-video-player.unstarted-mode {}
  1549.  
  1550. .html5-video-player.unstarted-mode .ytp-cued-thumbnail-overlay {
  1551. 	z-index: 5000000 !important;
  1552. }
  1553. .unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden="true"]) {
  1554. 	z-index: 5000000 !important;
  1555. }
  1556.  
  1557. /* (new22) Update PLAY NEXT QUEUE v.3*/
  1558. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy {
  1559. 	position: fixed !important;
  1560. 	display: inline-block !important;
  1561. 	width: 40%!important;
  1562. 	height: auto !important;
  1563. 	top: 9.3vh !important;
  1564. 	right: 0 !important;
  1565. 	padding: 0 0 0 0 !important;
  1566. 	resize: unset !important;
  1567. 	overflow: hidden !important;
  1568. 	z-index: 5 !important;
  1569. 	visibility: visible !important;
  1570. 	transition: height ease 0.7s !important;
  1571. border-left: 0.2rem solid #222 !important;
  1572. border-right: none !important;
  1573. border-bottom: 4px solid #222 !important;
  1574. background: rgba(17, 17, 17, 0.41) !important;
  1575. }
  1576. /* NO DARK */
  1577. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:empty,
  1578. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy {
  1579. 	border-left: 0.2rem solid #E7E7E7 !important;
  1580. 	border-bottom: 4px solid #E7E7E7 !important;
  1581. 	background: transparent !important;
  1582. }
  1583. /* (new22) */
  1584. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
  1585. 	display: inline-block !important;
  1586. 	width: 100% !important;
  1587. 	height: 13.1vh !important;
  1588. 	min-height: 13.1vh !important;
  1589. 	margin-top: 0vh !important;
  1590. 	right: 0 !important;
  1591. 	padding: 0.2rem 0 0 0rem !important;
  1592. 	overflow: hidden !important;
  1593. 	z-index: 5 !important;
  1594. 	visibility: visible !important;
  1595. 	transition: height ease 0.7s !important;
  1596. background: #111 !important;
  1597. border-left: 0.2rem solid green !important;
  1598. }
  1599. /* NO DARK */
  1600. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
  1601. 	background-color: rgba(17, 17, 17, 0.4) !important;
  1602. }
  1603. /* EMPTY QUEUE */
  1604. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty {
  1605. 	position: fixed !important;
  1606. 	display: inline-block !important;
  1607. 	width: 39% !important;
  1608. 	height: 125px !important;
  1609. 	min-height: 125px !important;
  1610. 	top: 9.5vh !important;
  1611. 	right: 6px !important;
  1612. 	padding: 7px 5px 0 5px !important;
  1613. 	overflow: hidden !important;
  1614. 	z-index: -1 !important;
  1615. 	visibility: visible !important;
  1616. 	transition: height ease 0.7s !important;
  1617. 	pointer-events: none !important;
  1618. border-left: 4px solid #333 !important;
  1619. background: #111 !important;
  1620. }
  1621. /* (new21) PLAY NEXT EMPTY - NO DARK */
  1622. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty {
  1623. 	border-left: 4px solid #E7E7E7 !important;
  1624. 	border-bottom: 4px solid #E7E7E7;
  1625. 	color: gray !important;
  1626. 	background: white !important;
  1627. }
  1628.  
  1629. /* (new49) PLAY NEXT EMPTY - INDICATOR */
  1630. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:after {
  1631. 	content: "No Videos In Queue ... ";
  1632. 	display: inline-block !important;
  1633. 	width: 100% !important;
  1634. 	height: 115px !important;
  1635. 	line-height: 115px !important;
  1636. 	padding: 5px !important;
  1637. 	font-size: 20px;
  1638. 	text-align: center;
  1639. 	z-index: -1 !important;
  1640. 	border-bottom: none !important;
  1641. background: transparent !important;
  1642. }
  1643. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:hover:after,
  1644. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:empty:after {
  1645. 	color: gold !important;
  1646. 	background: #222 !important;
  1647. }
  1648.  
  1649. /* (new32) PLAY NEXT - TAB */
  1650. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:before {
  1651. 	content: "Yt Next Queue ";
  1652. 	position: fixed !important;
  1653. 	display: inline-block !important;
  1654. 	width: 6.5rem !important;
  1655. 	height: 2.1rem!important;
  1656. 	line-height: 1.9rem;
  1657. 	margin: 0 0 0 0 !important;
  1658. 	top: 6.4vh !important;
  1659. 	right: 3.3vw !important;
  1660. 	padding: 0.2rem 0.5rem !important;
  1661. 	text-align: left;
  1662. 	visibility: visible;
  1663. 	z-index: 5000000 !important;
  1664. 	transition: all ease 0.7s !important;
  1665. 	border-radius: 3px 3px 0 0 !important;
  1666. border-top: 1px solid #333;
  1667. border-bottom: 2px solid #333;
  1668. border-right: 0.2rem solid #333;
  1669. border-left: 0.2rem solid #333;
  1670. color: gray !important;
  1671. background-color: #222;
  1672. }
  1673. /* NO DARK */
  1674. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:before {
  1675. 	border-top: 1px solid gray !important;
  1676. 	border-bottom: 2px solid gray!important;
  1677. 	border-right: none !important;
  1678. 	border-left: 0.2rem solid gray !important;
  1679. 	color: gray !important;
  1680. background-color: white !important;
  1681. }
  1682. /* (new35) HOVER */
  1683. /* DARK / NO DARK */
  1684. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover:before,
  1685. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover:before {
  1686. 	transition: all ease 0.7s !important;
  1687. color: gold !important;
  1688. background: rgba(1, 128, 0, 0.49) !important;
  1689. border-bottom: 2px solid green !important;
  1690. }
  1691. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty),
  1692. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:not(:empty) {
  1693. 	height: 708px !important;
  1694. 	min-height: 708px !important;
  1695. 	padding: 7px 0px 0 0 !important;
  1696. 	overflow-y: auto !important;
  1697. 	transition: height ease 0.7s !important;
  1698. background: rgba(17, 17, 17, 0.9) !important;
  1699. border-top: 0.2rem solid green !important;
  1700. border-left: 0.2rem solid green !important;
  1701. border-bottom: 0.2rem solid green !important;
  1702. }
  1703. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty) {
  1704. 	/* background: green !important; */
  1705. }
  1706. #related-skeleton + div a,
  1707. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer {
  1708. 	float: left;
  1709. 	clear: none;
  1710. 	width: 100%;
  1711. 	max-width: 31.3%;
  1712. 	min-width: 31.3%;
  1713. 	height: auto;
  1714. 	margin-right: 0.2rem;
  1715. 	margin-left: 0.2rem;
  1716. 	margin-bottom: 0.2rem;
  1717. 	border-radius: 3px !important;
  1718. 	padding: 3px !important;
  1719. background-color: black;
  1720. border: 1px solid gray !important;
  1721. }
  1722. #tab-videos ytd-compact-video-renderer .metadata .secondary-metadata {
  1723. 	display: inline-block !important;
  1724. 	width: 100% !important;
  1725. }
  1726. /* (new35) */
  1727. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer ytd-badge-supported-renderer.badges {
  1728. 	position: relative !important;
  1729. 	display: inline-block !important;
  1730. 	width: 100% !important;
  1731. 	top: 0px !important;
  1732. 	text-align: center !important;
  1733. }
  1734. /* (new32) */
  1735. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer ytd-badge-supported-renderer.badges .queue-button {
  1736. 	display: inline-block !important;
  1737. 	width: 44% !important;
  1738. 	line-height: 13px !important;
  1739. 	font-size: 1rem !important;
  1740. 	text-align: center !important;
  1741. }
  1742. /* (new21) NO DARK */
  1743. html:not([dark]):not([dark="true"]):not(.style-scope) #related-skeleton + div a,
  1744. html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer {
  1745. 	border: 1px solid #E7E7E7 !important;
  1746. 	background-color: white !important;
  1747. }
  1748.  
  1749. /* (new31) - PLAY NEXT - COUNTER - start at 01 */
  1750. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
  1751. 	content: counter(myIndex, decimal);
  1752. 	counter-increment: myIndex 00 !important;
  1753. }
  1754. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) .queue-item.ytd-item-section-renderer::before {
  1755. 	counter-increment: myIndex ! important;
  1756. 	content: counter(myIndex, decimal);
  1757. 	position: fixed;
  1758. 	display: inline-block !important;
  1759. 	width: auto;
  1760. 	line-height: 21px;
  1761. 	height: 21px;
  1762. 	min-width: 10px;
  1763. 	right: 2.5vw !important;
  1764. 	top: 6.5vh;
  1765. 	bottom: 0px !important;
  1766. 	padding: 1px 3px;
  1767. 	text-align: center;
  1768. 	border-radius: 0 10px 10px 0 !important;
  1769. 	font-size: 10px;
  1770. 	z-index: 50000000 !important;
  1771. 	opacity: 0.7 !important;
  1772. color: tomato;
  1773. box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
  1774. background: gold;
  1775. border: 1px solid red;
  1776. }
  1777. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:not(:empty) .queue-item.ytd-item-section-renderer::before {
  1778. 	opacity: 1 !important;
  1779. color: white !important;
  1780. box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
  1781. background: green !important;
  1782. border: 1px solid red;
  1783. }
  1784.  
  1785. /* (new23) RELATED VIDEO - PLAY NEXT  + TABVIEW - VISIBLE ON HOVER - VOIR THEATER HOVER*/
  1786. ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover,
  1787.  
  1788. ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover,
  1789. ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover {
  1790. 	position: fixed !important;
  1791. 	display: inline-block !important;
  1792. 	width: 39.4% !important;
  1793. 	height: 100% !important;
  1794. 	min-height: 89vh !important;
  1795. 	max-height: 89vh !important;
  1796. 	right: 0px !important;
  1797. 	top: 9vh;
  1798. 	padding: 7px 5px 0 0;
  1799. 	resize: unset;
  1800. 	overflow: hidden;
  1801. 	overflow-y: auto !important;
  1802. 	transition: height 0.7s ease 0s;
  1803. 	visibility: visible !important;
  1804. 	z-index: 500000000 !important;
  1805. background: rgba(17, 17, 17, 1) !important;
  1806. border-bottom: 4px solid red !important;
  1807. border-left: 4px solid red !important;
  1808. border-right: 4px solid red !important;
  1809. }
  1810. /* NO DARK */
  1811. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover,
  1812. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover {
  1813. 	background: white !important;
  1814. }
  1815. /* (new48) */
  1816. ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover #contents:not(:empty),
  1817. ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover #contents:not(:empty) {
  1818. 	display: inline-block !important;
  1819. 	min-height: 88.5vh !important;
  1820. 	max-height: 88.5vh !important;
  1821. 	overflow-y: auto;
  1822. 	padding: 7px 0 0 5px;
  1823. 	transition: height 0.7s ease 0s;
  1824. 	visibility: visible !important;
  1825. 	z-index: 50000000 !important;
  1826. }
  1827.  
  1828. /* (new23) PLAY NEXT - THEATER - TABVIEW */
  1829. /* ytd-watch-flexy[is-two-columns_][tabview-selection=""] #right-tabs .tab-content , */
  1830. ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs .tab-content {
  1831. 	display: inline-block !important;
  1832. }
  1833. /* (new41) GM "YOUTUBE LINKS" */
  1834. ytd-watch-flexy[fullscreen] #ujs-hdr-links-div {
  1835. 	display: none !important;
  1836. }
  1837. ytd-thumbnail.ytd-compact-video-renderer .ujs-links-cls,
  1838. ytd-thumbnail .ujs-links-cls.ujs-quality {
  1839. 	z-index: 10 !important;
  1840. 	opacity: 0.2;
  1841. }
  1842. ytd-thumbnail:hover .ujs-links-cls.ujs-quality {
  1843. 	opacity: 0.8;
  1844. }
  1845. #ujs-hdr-links-div {
  1846. 	position: fixed !important;
  1847. 	display: inline-block !important;
  1848. 	max-width: 39.4vw !important;
  1849. 	min-width: 39.4vw !important;
  1850. 	top: 8.9vh;
  1851. 	right: 0 !important;
  1852. 	padding: 5px 0 !important;
  1853. 	z-index: 500 !important;
  1854. 	visibility: hidden;
  1855. }
  1856. #ujs-hdr-links-div:hover {
  1857. 	visibility: visible;
  1858. 	z-index: 5000000000 !important;
  1859. border: 1px solid yellow !important;
  1860. }
  1861. #ujs-hdr-links-div:after {
  1862. 	content: "👁 ";
  1863. 	position: absolute;
  1864. 	height: 21px;
  1865. 	line-height: 21px;
  1866. 	top: -23px;
  1867. 	right: 10px;
  1868. 	font-size: 25px;
  1869. 	border-radius: 5px 5px 0 0;
  1870.     visibility: visible;
  1871. background-color: red;
  1872. }
  1873. /* (new29) */
  1874. #ujs-hdr-links-div:not(:hover):before {
  1875. 	content: "YL";
  1876. 	position: absolute;
  1877. 	width: 15px !important;
  1878. 	height: 15px;
  1879. 	line-height: 15px;
  1880. 	top: -28px !important;
  1881. 	right: 10px;
  1882. 	font-size: 10px !important;
  1883. 	border-radius: 100% !important;
  1884. 	text-align: center !important;
  1885. 	visibility: visible;
  1886. 	z-index: 500 !important;
  1887. 	opacity: 0.5 !important;
  1888. color: white !important;
  1889. background-color: red;
  1890. }
  1891. #ujs-hdr-links-div:hover:after {
  1892. 	content: "👁 YouTube Links";
  1893. 	position: absolute;
  1894. 	height: 22px;
  1895. 	line-height: 22px;
  1896. 	top: -25px;
  1897. 	right: 10px;
  1898. 	padding: 0 3px !important;
  1899. 	font-size: 17px;
  1900. 	border-radius: 5px 5px 0 0;
  1901. 	visibility: visible;
  1902. background-color: gold;
  1903. }
  1904. #ujs-hdr-links-div .ujs-group {
  1905. 	border-radius: 3px;
  1906. 	display: inline-block;
  1907. 	margin: 1px 1px 1px 2px;
  1908. }
  1909. div.ujs-links-cls .ujs-video {
  1910. 	display: inline-block;
  1911. 	text-align: center;
  1912. 	width: 2.5em !important;
  1913. }
  1914. /* (new58) */
  1915. ytd-compact-video-renderer .details.ytd-compact-video-renderer ytd-badge-supported-renderer[wrap-badges][system-icons]:has(.badge.queue-button)  {
  1916. 	display: inline-block;
  1917. 	margin: 0vh 0px 1.7vh 0px !important;
  1918. }
  1919. ytd-compact-video-renderer .details.ytd-compact-video-renderer ytd-badge-supported-renderer[wrap-badges][system-icons]:has(.badge.queue-button) p  {
  1920. 	display: inline-block;
  1921.     font-size: 15px  !important;
  1922. }
  1923.  
  1924.  
  1925. /* (new21) GM "YOUTUBE LINKS" */
  1926. .ujs-group > a {
  1927. 	pointer-events: auto !important;
  1928. }
  1929. .ujs-group > a:hover {
  1930. 	border: 1px dashed lime !important;
  1931. }
  1932.  
  1933. /* (new13) TEST */
  1934. #content.ytd-app {
  1935. 	height: 0px !important;
  1936. }
  1937.  
  1938. /* YOUTUBE MUSIC */
  1939. .content.ytmusic-player-page {
  1940. 	padding-top: 0 !important;
  1941. }
  1942.  
  1943. /* TEST 360° / GAME :
  1944. https://www.youtube.com/watch?v=I-Y14gm8C6o
  1945. === */
  1946. .webgl > canvas,
  1947. .webgl {
  1948. 	display: block;
  1949. 	position: absolute;
  1950. 	width: 100% !important;
  1951. 	z-index: 11;
  1952. }
  1953. .ytp-webgl-spherical .ytp-progress-bar-container {
  1954. 	bottom: -2px !important;
  1955. 	display: inline-block;
  1956. 	opacity: 1;
  1957. 	position: absolute;
  1958. 	visibility: visible;
  1959. 	width: 100%;
  1960. }
  1961.  
  1962. /* (new7) TEST VIDEO RESTRICTED:
  1963. GM "YouTube: Age Verification Bypass 
  1964. === */
  1965. /* ADD NOTE ON THE RESTICTED PLAYER about Solution */
  1966. .ytd-page-manager.hide-skeleton[player-unavailable=""] #player #button.yt-player-error-message-renderer yt-button-renderer a.yt-simple-endpoint:before {
  1967. 	content: "Video Restricted \A use addon:\A  Ageless for YouTube";
  1968. 	position: fixed;
  1969. 	display: inline-block !important;
  1970. 	width: 57%;
  1971. 	height: 15%;
  1972. 	top: 65px;
  1973. 	left: 1.9%;
  1974. 	font-size: 30px;
  1975. 	white-space: pre;
  1976. 	text-align: center;
  1977. 	z-index: 50000;
  1978. 	visibility: visible !important;
  1979. color: gold !important;
  1980. background: rgba(255, 0, 0, 0.1);
  1981. }
  1982.  
  1983. /* (new45) TEST AGAINST EMBED YOUTUBE in OTHERS SITES cf REDDIT 
  1984. .html5-video-player.ytp-embed .html5-main-video.video-stream
  1985. :not(ytd-channel-video-player-renderer)
  1986. === */
  1987. /*  NOT EMBED/ CHANNEL PLAYER :not(.ytp-embed)not(#c4-player) */
  1988. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls):not(#inline-preview-player) .html5-main-video.video-stream {
  1989. 	height: 100% !important;
  1990. 	max-height: 100% !important;
  1991. 	min-height: 100% !important;
  1992. }
  1993.  
  1994.  
  1995.  
  1996. /* (new21) TEST YOUTUBE EMBED (for REDDIT) PLAYER/POSTER COVER  SIZE */
  1997. /* EMBED - PREVIEW VIDEO */
  1998. /* html:not(.floater):not(.iri-always-visible) .html5-video-player.ytp-embed:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-tooltip.ytp-preview:not(.ytp-text-detail):not([style*="display: none;"]) {
  1999.     margin-top: 70px !important;
  2000. } */
  2001. /* (new22)EMBED - PREVIEW VIDEO THUMBNAIL */
  2002. #player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-tooltip.ytp-bottom.ytp-preview {
  2003. 	margin-top: -15vh !important;
  2004. }
  2005. /* (new22)EMBED - PLAY BUTTON - when PLAYing - SUPP */
  2006. #player #movie_player.html5-video-player.ytp-embed.playing-mode.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-cued-thumbnail-overlay {
  2007. 	display: none !important;
  2008. }
  2009. /* (new22)EMBED - BRANDING ICON */
  2010. #player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .annotation.annotation-type-custom.iv-branding {
  2011. 	display: none !important;
  2012. }
  2013.  
  2014. /* EMBED - END SCREEN NONE */
  2015. html:not(.floater):not(.iri-always-visible) .html5-video-player.ytp-embed:not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-endscreen.ytp-player-content.videowall-endscreen.ytp-endscreen-paginate.ytp-show-tiles {
  2016. 	display: none !important;
  2017. }
  2018.  
  2019. #movie_player.ytp-embed .html5-video-player .video-click-tracking {
  2020. 	display: inline-block !important;
  2021. 	height: calc(100% - 2px) !important;
  2022. 	max-height: 128px !important;
  2023. 	min-height: 128px !important;
  2024. 	position: absolute;
  2025. 	width: 99.7% !important;
  2026. border: 1px solid #111 !important;
  2027. }
  2028. #movie_player.ytp-embed .html5-video-player .ytp-cued-thumbnail-overlay-image {
  2029. 	position: absolute;
  2030. 	width: 100% !important;
  2031. 	background-position: center center;
  2032. 	background-repeat: no-repeat;
  2033. 	background-size: contain !important;
  2034. 	height: 100%;
  2035. 	object-fit: contain;
  2036. border: 3px solid red !important;
  2037. }
  2038. /* (new22)EMBED - PROGRESSBAR - HOVER */
  2039. #player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode:hover .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"]) {
  2040. 	margin-top: 0;
  2041. 	opacity: 1;
  2042. 	top: -1vh !important;
  2043. }
  2044. /* (new22)EMBED - PROGRESSBAR - PAUSED */
  2045. #player #movie_player.html5-video-player.ytp-embed.paused-mode.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"]) {
  2046. 	margin-top: 0;
  2047. 	opacity: 1;
  2048. 	top: 9.9vh !important;
  2049. }
  2050.  
  2051.  
  2052. /* TEST EMBED YOUTUBE FULLSCREEN - TEST BYPASS AGE RESTRICTION BY ADDING:
  2053. /embed/
  2054. In place of:
  2055. /watch?v=
  2056. TEST LINK VID RESTRICTED NORMAL:
  2057. https://www.youtube.com/watch?v=YgT3e4CMMD4
  2058. TEST LINK VID RESTRICTED URL TWEAKED:
  2059. https://www.youtube.com/embed/YgT3e4CMMD4
  2060. LINK TIPS:
  2061. https://www.wikihow.com/Bypass-Age-Restrictions-on-YouTube-Videos
  2062. TEST LINK :
  2063. https://ryanseddon.com/css/pointer-events-60fps/
  2064. ==== */
  2065. /* (new45)NOT EMDED - .html5-video-player:not(.ytp-embed) - NOT POPOUT:not(.ytp-iv-drawer-enabled) */
  2066. #player:hover .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-iv-drawer-enabled):not(#inline-preview-player) .ytp-chrome-bottom,
  2067. .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-iv-drawer-enabled) .ytp-chrome-bottom {
  2068. 	width: 100% !important;
  2069. 	height: 3px;
  2070. 	left: 0px !important;
  2071. 	top: 88% !important;
  2072. 	opacity: 1;
  2073. }
  2074. .ytp-exp-bigger-button .ytp-chrome-controls {
  2075. 	height: 40px;
  2076. 	line-height: 40px;
  2077. }
  2078. /* (new21) TEST EMBED YOUTUBE - NOT FULLSCREEN - PLAY/PAUSE */
  2079. .html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
  2080. 	width: 100%;
  2081. 	height: 3px;
  2082. 	left: 0;
  2083. 	top: 99% !important;
  2084. 	opacity: 1;
  2085. }
  2086.  
  2087. /* (new26) TEST EMBED YOUTUBE FULLSCREEN - PLAY HOVER */
  2088. /* Cf GM "Maximize Video" : #bodyToothbrush  */
  2089. .html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom {
  2090. 	top: 99% !important;
  2091. background-color: transparent!important;
  2092. }
  2093. .html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls {
  2094. 	vertical-align: top;
  2095. 	height: 35px;
  2096. 	line-height: 28px;
  2097. 	margin-top: -48px !important;
  2098. background: rgba(0, 0, 0, 0.44) !important;
  2099. }
  2100.  
  2101. /* (new21) TEST EMBED YOUTUBE FULLSCREEN - ENDED */
  2102. .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom,
  2103. .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
  2104. 	min-width: 100% !important;
  2105. 	max-width: 100% !important;
  2106. 	top: 98% !important;
  2107. 	left: 0px !important;
  2108. 	right: 0 !important;
  2109. background-color: green !important;
  2110. }
  2111. .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls,
  2112. .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chrome-controls {
  2113. 	min-width: 100% !important;
  2114. 	max-width: 100% !important;
  2115. 	height: 35px;
  2116. 	line-height: 28px;
  2117. 	margin-top: -45px !important;
  2118. 	left: -5px !important;
  2119. 	right: 0 !important;
  2120. 	vertical-align: top;
  2121. }
  2122. /* SOLVED touch MENU PARAMETERS TOP RIGHT - TEST - 3  DOTTS - SECONDARY - TRANSRCIPTION / REAPORT (#panels) */
  2123. #info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer ytd-menu-renderer #top-level-buttons + .top-level-buttons + .dropdown-trigger {
  2124. 	position: fixed !important;
  2125. 	display: inline-block !important;
  2126. 	left: 1870px !important;
  2127. 	height: 20px !important;
  2128. 	max-height: 20px !important;
  2129. 	top: 7.3vh !important;
  2130. 	width: 35px !important;
  2131. }
  2132.  
  2133. /* (new53) PANELS - CHAPTERS - FOR TRANSCRIPTIONS
  2134. https://www.youtube.com/watch?v=BB4ItuVnJD0
  2135. === */
  2136. #secondary-inner #panels {
  2137. 	position: fixed !important;
  2138. 	display: inline-block !important;
  2139. 	width: 100% !important;
  2140. 	min-width: 510px !important;
  2141. 	max-width: 510px !important;
  2142. 	top: 90px !important;
  2143. 	right: 0 !important;
  2144. 	left: 1408px !important;
  2145. 	z-index: 500000000 !important;
  2146. }
  2147. ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] {
  2148. 	max-height: 70vh !important;
  2149. 	min-height: 70vh !important;
  2150. }
  2151. #content.ytd-engagement-panel-section-list-renderer {
  2152. 	display: inline-block;
  2153. 	flex: unset;
  2154. 	flex-direction: column;
  2155. 	height: auto;
  2156. 	max-height: 72vh;
  2157. 	min-height: 67vh;
  2158. 	overflow-x: hidden;
  2159. 	overflow-y: auto;
  2160. }
  2161.  
  2162. /* PLAYER - CHAPTER INDICATOR - OPEN LEFT PANEL */
  2163. .ytp-chapter-title.ytp-button,
  2164. .ytp-chapter-container .ytp-chapter-title-prefix {
  2165. 	height: 25px !important;
  2166. 	line-height: 26px !important;
  2167. }
  2168. /* (new55) CONTROLS BAR - CHATER BUT */
  2169. /* .html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button.ytp-chapter-title , */
  2170. .ytp-chapter-container .ytp-chapter-title.ytp-button .ytp-chapter-title-content {
  2171. 	height: auto !important;
  2172. 	line-height: 10px !important;
  2173. 	max-width: 200px !important;
  2174. 	padding: 1px 3px !important;
  2175. 	border-radius: 5px !important;
  2176. 	white-space: pre-wrap !important;
  2177. 	word-break: normal !important;
  2178. /* background: red !important; */
  2179. }
  2180. /* (new38) SECONDARY - EXPANDED COMMENTS - TABVIEW */
  2181. #secondary.tabview-hover-slider.tabview-hover-slider-enable {
  2182. 	position: fixed !important;
  2183. 	display: inline-block !important;
  2184. 	min-width: 60% !important;
  2185. 	max-width: 60% !important;
  2186. 	z-index: 5000000000 !important;
  2187. /* background: red !important; */
  2188. /* border: 1px solid yellow !important; */
  2189. }
  2190. #secondary.tabview-hover-slider.tabview-hover-slider-enable #secondary-inner {
  2191. 	position: fixed !important;
  2192. 	display: inline-block !important;
  2193. 	height: 28px;
  2194. 	height: 100% !important;
  2195. 	min-height: 94.9vh !important;
  2196. 	max-height: 94.9vh !important;
  2197. 	min-width: 70% !important;
  2198. 	max-width: 70% !important;
  2199. 	right: 0% !important;
  2200. 	top: 4vh !important;
  2201. 	padding: 0 !important;
  2202. /* background: green !important; */
  2203. /* border: 1px solid yellow !important; */
  2204. }
  2205.  
  2206. #secondary.tabview-hover-slider.tabview-hover-slider-enable #right-tabs {
  2207. 	top: 0vh !important;
  2208. 	width: 100% !important;
  2209. /* border: 1px dashed yellow !important; */
  2210. }
  2211. ytd-watch-flexy #secondary.tabview-hover-slider.tabview-hover-slider-enable #right-tabs #tab-comments.tab-content-cld ytd-item-section-renderer#sections.ytd-comments {
  2212. 	display: inline-block;
  2213. 	max-width: 90% !important;
  2214. 	min-width: 90% !important;
  2215. 	width: 100%;
  2216. /* border: 1px dashed red !important; */
  2217. }
  2218.  
  2219.  
  2220. /* (new49) SECONDARY - LIVE CHAT - DISABLE - TOP MESSAGE */
  2221. ytd-live-chat-frame[collapsed] {
  2222. 	/* display: none  !important; */
  2223. 	position: fixed !important;
  2224. 	box-sizing: border-box;
  2225. 	display: flex;
  2226. 	flex-direction: column;
  2227. 	overflow: hidden;
  2228. 	top: 10vh !important;
  2229. 	z-index: 50000000 !important;
  2230. /* border: 1px solid aqua  !important; */
  2231. }
  2232. ytd-message-renderer.ytd-live-chat-frame {
  2233. 	position: fixed !important;
  2234. 	display: inline-block !important;
  2235. 	width: 140px !important;
  2236. 	line-height: 13px !important;
  2237. 	top: 4vh !important;
  2238. 	right: 198px !important;
  2239. 	margin: 0vh 0 0 0 !important;
  2240. 	padding: 3px 5px !important;
  2241. 	text-align: center !important;
  2242. 	border-radius: 5px !important;
  2243. 	visibility: hidden !important;
  2244. 	z-index: 500000000 !important;
  2245. background: red !important;
  2246. }
  2247. ytd-message-renderer.ytd-live-chat-frame:hover {
  2248. 	visibility: visible !important;
  2249. }
  2250.  
  2251. #message.ytd-message-renderer {
  2252. 	display: inline-block !important;
  2253. 	line-height: 13px !important;
  2254. 	text-align: center !important;
  2255. /* background: gold !important; */
  2256. }
  2257.  
  2258. ytd-message-renderer.ytd-live-chat-frame:after {
  2259. 	content: "⚠️" !important;
  2260. 	position: fixed !important;
  2261. 	display: inline-block !important;
  2262. 	width: 15px !important;
  2263. 	height: 15px !important;
  2264. 	right: 210px !important;
  2265. 	top: 7vh !important;
  2266. 	margin: 0vh 0 0 0 !important;
  2267. 	padding: 0px !important;
  2268. 	border-radius: 100% !important;
  2269. 	visibility: visible !important;
  2270. 	opacity: 0.4 !important;
  2271. 	z-index: 5000000 !important;
  2272. color: gold !important;
  2273. background: red !important;
  2274. }
  2275.  
  2276. /* (new49) SECONDARY - LIVE CHAT */
  2277. ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy,
  2278. ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
  2279. 	position: absolute;
  2280. 	display: inline-block !important;
  2281. 	height: 28px;
  2282. 	height: 100% !important;
  2283. 	min-height: 94.9vh !important;
  2284. 	max-height: 94.9vh !important;
  2285. 	min-width: 40%;
  2286. 	right: 0% !important;
  2287. 	top: 4vh !important;
  2288. 	padding: 0 !important;
  2289. /*z-index: 5000000 !important; */
  2290. }
  2291. ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy,
  2292. ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy {
  2293. 	position: absolute;
  2294. 	display: inline-block !important;
  2295. 	width: 100%;
  2296. 	min-width: 100%;
  2297. 	max-width: 100%;
  2298. 	height: 100%;
  2299. 	max-height: 90.9vh !important;
  2300. 	min-height: 90.9vh !important;
  2301. 	top: 4.6vh !important;
  2302. /* border: 1px solid pink !important; */
  2303. }
  2304.  
  2305.  
  2306. /* CHAT - NO TABVIEW */
  2307. html:not([plugin-tabview-youtube]) ytd-live-chat-frame,
  2308. html:not([plugin-tabview-youtube]) ytd-live-chat-frame[yt-userscript-iframe-loaded] {
  2309. 	position: fixed;
  2310. 	display: inline-block;
  2311. 	height: 50vh !important;
  2312. 	max-width: 39.9% !important;
  2313. 	min-width: 39.9% !important;
  2314. 	left: 60%;
  2315. 	top: 9.3vh !important;
  2316. 	overflow: hidden;
  2317. 	padding: 0 10px;
  2318. 	visibility: hidden;
  2319. 	z-index: 50000;
  2320. background: #111 !important;
  2321. }
  2322. html:not([plugin-tabview-youtube]) ytd-live-chat-frame:not([collapsed]),
  2323. html:not([plugin-tabview-youtube]) ytd-live-chat-frame:not([collapsed])[yt-userscript-iframe-loaded] {
  2324. 	display: inline-block !important;
  2325. 	width: 100% !important;
  2326. 	max-width: 39.9% !important;
  2327. 	min-width: 39.9% !important;
  2328. 	top: 9.2vh !important;
  2329. 	left: auto !important;
  2330. 	right: 2px !important;
  2331. /* border-top: 1px solid yellow !important; */
  2332. }
  2333.  
  2334. html:not([plugin-tabview-youtube]) ytd-live-chat-frame:hover,
  2335. html:not([plugin-tabview-youtube]) ytd-live-chat-frame[yt-userscript-iframe-loaded]:hover {
  2336. 	max-height: 90vh !important;
  2337. 	min-height: 90vh !important;
  2338. 	border-radius: 0 !important;
  2339. 	visibility: visible;
  2340. border-left: 1px solid #e7e7e7 !important;
  2341. border-right: 1px solid #e7e7e7 !important;
  2342. border-top: 1px solid #4C4BB5 !important;
  2343. border-bottom: 4px solid #4C4BB5 !important;
  2344. background: #111 !important;
  2345. }
  2346. /* NO DARK */
  2347. html:not([dark]):not([dark="true"]):not(.style-scope):not([plugin-tabview-youtube]) ytd-live-chat-frame:hover {
  2348. 	max-height: 90vh !important;
  2349. 	min-height: 90vh !important;
  2350. 	visibility: visible;
  2351. border-left: 1px solid #e7e7e7 !important;
  2352. border-right: 1px solid #e7e7e7 !important;
  2353. border-top: 1px solid #4C4BB5 !important;
  2354. border-bottom: 4px solid #4C4BB5 !important;
  2355. background: white !important;
  2356. }
  2357. /* (new36)CHAT - NO TABVIEW  */
  2358. html:not([plugin-tabview-youtube]) ytd-live-chat-frame::after {
  2359. 	content: "Live Chat";
  2360. 	position: fixed;
  2361. 	display: inline-block;
  2362. 	width: 3vw;
  2363. 	height: 23px;
  2364. 	line-height: 21px;
  2365. 	top: 6.4vh;
  2366. 	right: 7.7vw !important;
  2367. 	margin: 0 0 0 0 !important;
  2368. 	padding: 1px 5px;
  2369. 	border-radius: 3px 3px 0 0;
  2370. 	text-align: center;
  2371. 	color: gray;
  2372. 	visibility: visible;
  2373. 	z-index: 5000000;
  2374. border-bottom: 1px solid #333 !important;
  2375. border-left: 5px solid #333 !important;
  2376. border-right: 5px solid #333 !important;
  2377. border-top: 1px solid #333 !important;
  2378. background-color: #222 !important;
  2379. }
  2380. html:not([plugin-tabview-youtube]) ytd-live-chat-frame:hover::before {
  2381. 	border-bottom: 1px solid #4C4BB5 !important;
  2382. 	color: white !important;
  2383. 	background-color: #333 !important;
  2384. }
  2385. /* NO DARK */
  2386. html:not([plugin-tabview-youtube]):not([dark]):not([dark="true"]):not(.style-scope) ytd-live-chat-frame::after {
  2387. 	border-bottom: 1px solid #e7e7e7 !important;
  2388. 	border-left: 5px solid #e7e7e7 !important;
  2389. 	border-right: 5px solid #e7e7e7 !important;
  2390. 	border-top: 1px solid #e7e7e7 !important;
  2391. 	background-color: white !important;
  2392. }
  2393. html:not([plugin-tabview-youtube]):not([dark]):not([dark="true"]):not(.style-scope) ytd-live-chat-frame:hover::after {
  2394. 	color: white !important;
  2395. 	border-bottom: 1px solid #999 !important;
  2396. 	border-left: 5px solid #999 !important;
  2397. 	border-right: 5px solid #999 !important;
  2398. 	border-top: 1px solid #999 !important;
  2399. 	background-color: #999 !important;
  2400. 	cursor: pointer !important;
  2401. }
  2402. html:not([plugin-tabview-youtube]) iframe.ytd-live-chat-frame {
  2403. 	display: inline-block !important;
  2404. 	position: absolute !important;
  2405. 	width: 100%;
  2406. 	min-height: 90vh !important;
  2407. 	border-radius: 0 !important;
  2408. }
  2409.  
  2410. /* (new44) CHAT - with / without TABVIEW */
  2411. html:not([plugin-tabview-youtube]) #item-scroller.animated.yt-live-chat-item-list-renderer #items.yt-live-chat-item-list-renderer,
  2412. html[plugin-tabview-youtube] .tabview-allow-pointer-events #item-scroller.animated.yt-live-chat-item-list-renderer #items.yt-live-chat-item-list-renderer {
  2413. 	position: absolute;
  2414. 	height: 93.9vh !important;
  2415. 	bottom: 0;
  2416. 	left: 0;
  2417. 	top: 0 !important;
  2418. 	right: 0;
  2419. 	transform: translateY(0px);
  2420. 	overflow: hidden !important;
  2421. 	overflow-y: auto !important;
  2422. /* background: red !important; */
  2423. /* border-left: 1px solid yellow !important; */
  2424. }
  2425.  
  2426. /* (new44) DARK */
  2427. html[dark="true"] #item-offset.yt-live-chat-item-list-renderer yt-live-chat-text-message-renderer:nth-child(odd) {
  2428. 	background: #222 !important;
  2429. }
  2430. html[dark="true"] #item-offset.yt-live-chat-item-list-renderer yt-live-chat-text-message-renderer:nth-child(even) {
  2431. 	background: #333 !important;
  2432. }
  2433.  
  2434. /* (new36)CHAT SHOW HIDD BUT */
  2435. html:not([plugin-tabview-youtube]) ytd-live-chat-frame #show-hide-button {
  2436. 	position: absolute !important;
  2437. 	width: 300px !important;
  2438. 	height: 23px !important;
  2439. 	line-height: 21px !important;
  2440. 	top: 7px;
  2441. 	left: auto !important;
  2442. 	right: 2px !important;
  2443. 	z-index: 5000 !important;
  2444. /* border: 1px solid red; */
  2445. }
  2446. html:not([plugin-tabview-youtube]) #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
  2447. 	font-size: 9px;
  2448. }
  2449.  
  2450. html:not([plugin-tabview-youtube]) ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next,
  2451. html:not([plugin-tabview-youtube]) ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--outline {
  2452. 	height: 23px !important;
  2453. 	line-height: 21px !important;
  2454. 	/* outline: 1px solid red !important; */
  2455. }
  2456. /* CHAT BANNER - SUPP */
  2457. yt-live-chat-banner-manager.yt-live-chat-item-list-renderer {
  2458. 	display: none;
  2459. }
  2460. /* (new36) CHAT MESSAGE */
  2461. html:not([plugin-tabview-youtube]) ytd-live-chat-frame #message.ytd-message-renderer {
  2462. 	display: inline-block;
  2463. 	position: absolute;
  2464. 	top: 12px;
  2465. 	visibility: hidden !important;
  2466. 	z-index: 50000000 !important;
  2467. }
  2468. html:not([plugin-tabview-youtube]) ytd-live-chat-frame:hover #message.ytd-message-renderer {
  2469. 	visibility: visible !important;
  2470. }
  2471. html:not([plugin-tabview-youtube]) ytd-live-chat-frame #message.ytd-message-renderer:before {
  2472. 	content: "⛔";
  2473. 	display: inline-block;
  2474. 	position: fixed;
  2475. 	width: 15px !important;
  2476. 	height: 13px !important;
  2477. 	line-height: 13px;
  2478. 	top: 60px;
  2479. 	right: 7.8%;
  2480. 	border-radius: 50%;
  2481. 	font-size: 10px;
  2482. 	text-align: center;
  2483. 	opacity: 0.5;
  2484. 	visibility: visible;
  2485. background: black !important;
  2486. }
  2487.  
  2488. /* (new36) CHAT - TABVIEW  */
  2489. /* (new36) CHAT - TABVIEW - IFRAME BUTTON   */
  2490. /* ytd-watch-flexy[flexy][is-two-columns_] #chat.tyt-chat-frame-ready:not([collapse]) tyt-iframe-popup-btn.tyt-btn-enabled {
  2491.   content: "";
  2492.   position: fixed !important;
  2493.   display: inline-block !important;
  2494.   float: right;
  2495.   width: 2em;
  2496.   height: 2em;
  2497.   margin: 0 0 0 0 !important;
  2498.   right: 233px !important;
  2499. top: 6.5vh !important;
  2500.   padding: 0px;
  2501.   border-radius: 3px;
  2502.   cursor: pointer;
  2503.   pointer-events: all;
  2504.   background-color: currentcolor;
  2505.   background-size: contain;
  2506. z-index: 5000000 !important;
  2507. } */
  2508. /* HOVER */
  2509. ytd-watch-flexy[flexy][is-two-columns_] #chat.tyt-chat-frame-ready:not([collapse]) tyt-iframe-popup-btn.tyt-btn-enabled:hover {
  2510. 	background-color: green !important;
  2511. 	color: red !important;
  2512. }
  2513. /*
  2514.  (new56) CHAT - SHOW HIDD BUT - TABVIEW */
  2515. /*html[plugin-tabview-youtube]  ytd-live-chat-frame #show-hide-button{
  2516. position: fixed  !important;
  2517.     display: inline-block !important;
  2518.     height: 23px !important;
  2519.     line-height: 21px !important;
  2520.     width: 3vw !important;
  2521. top: 0vh !important;
  2522.     left: auto !important;
  2523. right: 1.7vw !important;
  2524.     margin: 0 0 0 0 !important;
  2525.     padding: 1px 5px !important;
  2526.      border-radius: 3px 3px 0 0 !important;
  2527.     font-size: 9px;
  2528.     visibility: visible;
  2529.     z-index: 500000 !important;
  2530. border: 1px solid aqua !important;
  2531. outline: none  !important;
  2532. } */
  2533. /* (new56) COLLAPSED CLOSED */
  2534. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] ,
  2535. html[plugin-tabview-youtube] ytd-live-chat-frame#chat:not(.tyt-chat-frame-ready) {
  2536. 	position: fixed !important;
  2537. 	display: inline-block;
  2538. 	width: 5.1vw;
  2539. 	height: 23px !important;
  2540. 	line-height: 21px;
  2541. 	top: 8vh !important;
  2542. 	right: 9.2vw !important;
  2543. 	margin: 0 0 0 0 !important;
  2544. 	padding: 1px 0px;
  2545. 	border-radius: 3px 3px 0 0 !important;
  2546. 	text-align: center;
  2547. 	font-size: 15px;
  2548. 	color: gray;
  2549. 	visibility: visible;
  2550. 	z-index: 50000 !important;
  2551.     overflow: hidden !important;
  2552. border: 1px solid #333 !important;
  2553. border-bottom: 1px solid aqua !important;
  2554. background-color: red !important;
  2555. }
  2556.  
  2557. /* (new56) CHAT - TABVIEW - Live Chat - INDICATOR */
  2558. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button::after ,*/
  2559. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button ytd-toggle-button-renderer yt-button-shape::after ,
  2560. html[plugin-tabview-youtube] ytd-live-chat-frame#chat:not(.tyt-chat-frame-ready) #show-hide-button ytd-toggle-button-renderer yt-button-shape::after {
  2561. 	content: "Live Chat" !important;
  2562.     position: relative !important;
  2563. 	display: inline-block !important;
  2564. 	width: 10.1vw !important;
  2565. 	height: 3vh !important;
  2566. 	line-height: 3vh !important;
  2567.     top: -5px !important;
  2568. 	margin: 5px 0 0 -30px !important;
  2569. 	padding: 1px 0px !important;
  2570. 	border-radius: 3px 3px 0 0 !important;
  2571. 	text-align: center;
  2572. 	visibility: visible;
  2573. 	/*z-index: 5000000 !important;*/
  2574.     overflow: hidden !important;
  2575.     pointer-events: none !important;
  2576. color: gray;    
  2577. border: 1px solid #333 !important;
  2578. border-bottom: 1px solid aqua !important;
  2579. background-color: brown !important;
  2580. }
  2581. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button ytd-toggle-button-renderer yt-button-shape::before ,
  2582. html[plugin-tabview-youtube] ytd-live-chat-frame#chat:not(.tyt-chat-frame-ready) #show-hide-button ytd-toggle-button-renderer yt-button-shape::before {
  2583. 	content: "👁️‍🗨️";
  2584. 	width: 40px !important;
  2585. 	height: 3vh !important;
  2586. 	line-height: 3vh !important;
  2587. 	right: 14.5vw !important;
  2588. 	font-size: 15px !important;
  2589. color: gold !important;
  2590. background-color: green !important;
  2591. }
  2592. /* COLLAPSED */
  2593. /*html[plugin-tabview-youtube] ytd-live-chat-frame #show-hide-button .yt-spec-button-shape-next span::after {
  2594. 	content: "👁️‍🗨️";
  2595. 	position: fixed !important;
  2596. 	width: 20px !important;
  2597. 	height: 23px !important;
  2598. 	line-height: 21px !important;
  2599. 	right: 14.5vw !important;
  2600. 	font-size: 15px !important;
  2601. color: gold !important;
  2602. background-color: green !important;
  2603. }*/
  2604. /* NOT COLLAPSED */
  2605. /*html[plugin-tabview-youtube] ytd-live-chat-frame:not([collapsed]) #show-hide-button .yt-spec-button-shape-next span::after {
  2606. 	content: "X";
  2607. 	position: fixed !important;
  2608. 	width: 20px !important;
  2609. 	height: 23px !important;
  2610. 	line-height: 21px !important;
  2611. 	right: 14.5vw !important;
  2612. 	font-size: 15px !important;
  2613. color: gold !important;
  2614. background-color: red !important;
  2615. }*/
  2616.  
  2617. /* HOVER */
  2618. html[plugin-tabview-youtube] ytd-live-chat-frame #show-hide-button:hover::after {
  2619. 	/*content: "Live Chat"; */
  2620. 	background-color: green !important;
  2621. }
  2622. /* NO DARK */
  2623. html:not([dark]):not([dark="true"])[plugin-tabview-youtube] ytd-live-chat-frame #show-hide-button::after {
  2624. 	background-color: rgb(245, 245, 245) !important;
  2625. }
  2626.  
  2627.  
  2628. /* HOVER */
  2629. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button.ytd-live-chat-frame:hover + iframe.ytd-live-chat-frame[src="about:blank"] + ytd-message-renderer,
  2630. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame:hover > ytd-toggle-button-renderer.ytd-live-chat-frame,
  2631. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame:hover > ytd-button-renderer.ytd-live-chat-frame {
  2632. 	visibility: visible !important;
  2633. /* color: red !important; */
  2634. background: #111 !important;
  2635. /*border: 1px solid red !important;*/
  2636. }
  2637.  
  2638. /* (new56) CHAT - BUTTON SHAPE */
  2639. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape {
  2640. 	display: inline-block !important;
  2641.     width: 200px !important;
  2642. 	height: 3.9vh !important;
  2643. 	line-height: 3.9vh !important;
  2644. 	margin: -1vh 0 0 0 !important;
  2645. 	padding: 0 0 !important;
  2646.     border-bottom: 2px solid aqua  !important;
  2647. }*/
  2648. /* HOVER */
  2649. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape:hover {
  2650. background: gold !important;
  2651. outline: 1px solid green !important;
  2652. }*/
  2653.  
  2654. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape button.yt-spec-button-shape-next.yt-spec-button-shape-next--outline.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m,
  2655. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next--size-m {
  2656.     display: inline-block !important;
  2657.     width: 70px  !important;
  2658. 	height: 3.9vh !important;
  2659. 	line-height: 3.9vh !important;
  2660. 	font-size: 14px;
  2661. 	padding: 0 0px !important;
  2662.     white-space: pre-wrap !important;
  2663. background: green !important;
  2664. }*/
  2665. /*.yt-spec-button-shape-next__button-text-content {
  2666.     display: inline-block !important;
  2667. 	width: 70px  !important;
  2668. 	height: 3.9vh !important;
  2669. 	line-height: 3.9vh !important;
  2670. 	padding: 0 0px !important;
  2671.     text-align: left!important;
  2672. 	overflow: hidden;
  2673. 	text-overflow: ellipsis;
  2674.     white-space: pre-wrap !important;
  2675. }*/
  2676.  
  2677. /* NO CHAT - TABVIEW */
  2678. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button.ytd-live-chat-frame + iframe.ytd-live-chat-frame[src="about:blank"] + ytd-message-renderer {
  2679. 	position: fixed !important;
  2680. 	display: inline-block !important;
  2681. 	height: 23px !important;
  2682. 	line-height: 21px !important;
  2683. 	width: 100% !important;
  2684. 	min-width: 300px !important;
  2685. 	max-width: 300px !important;
  2686. 	top: 9.3vh !important;
  2687. 	right: 0.1vw !important;
  2688. 	visibility: hidden !important;
  2689. 	z-index: 5000000 !important;
  2690. background: #111 !important;
  2691. /* border: 1px solid violet !important; */
  2692. }
  2693. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button.ytd-live-chat-frame:hover + iframe.ytd-live-chat-frame[src="about:blank"] + ytd-message-renderer {
  2694. 	min-width: 400px !important;
  2695. 	max-width: 400px !important;
  2696. 	visibility: visible !important;
  2697. 	z-index: 5000000 !important;
  2698. background: red !important;
  2699. border: 1px solid red !important;
  2700. }
  2701. html[plugin-tabview-youtube] ytd-live-chat-frame#chat[collapsed] #show-hide-button.ytd-live-chat-frame + iframe.ytd-live-chat-frame[src="about:blank"] + ytd-message-renderer:before {
  2702. 	content: "⛔";
  2703. 	position: fixed !important;
  2704. 	display: inline-block;
  2705. 	width: 15px !important;
  2706. 	height: 13px !important;
  2707. 	line-height: 13px;
  2708. 	top: 60px;
  2709. 	right: 7.8%;
  2710. 	border-radius: 50%;
  2711. 	font-size: 10px;
  2712. 	text-align: center;
  2713. 	opacity: 0.5;
  2714. 	visibility: visible !important;
  2715. 	z-index: 5000000 !important;
  2716. background: black !important;
  2717. }
  2718.  
  2719.  
  2720. /* (new49) CHAT - FRAME - TABVIEW */
  2721.  
  2722.  
  2723. /* CHAT COLLAPSED */
  2724. /* html[plugin-tabview-youtube] #chat-container , */
  2725. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy] #chat-container.ytd-watch-flexy.ytd-watch-flexy[chat-collapsed],
  2726. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat-container.ytd-watch-flexy.ytd-watch-flexy[chat-collapsed] {
  2727. 	position: fixed !important;
  2728. 	display: inline-block !important;
  2729. 	width: 100% !important;
  2730. 	min-width: 39.7% !important;
  2731. 	max-width: 39.7% !important;
  2732. 	top: 8.8vh !important;
  2733. 	border-radius: 0 !important;
  2734. 	z-index: 50000000 !important;
  2735. /* border: 1px solid pink !important; */
  2736. }
  2737.  
  2738. /* CHAT - NOT COLLAPSED (visible) */
  2739. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat-container.ytd-watch-flexy.ytd-watch-flexy:not([chat-collapsed]) .tyt-chat-frame-ready {
  2740. 	position: fixed !important;
  2741. 	display: inline-block !important;
  2742. 	flex-direction: unset !important;
  2743. 	width: 100% !important;
  2744. 	min-width: 39.7% !important;
  2745. 	max-width: 39.7% !important;
  2746. 	top: 8.8vh !important;
  2747. 	overflow: visible !important;
  2748. 	z-index: 5000000 !important;
  2749. /* border: 1px solid aqua  !important; */
  2750. }
  2751.  
  2752.  
  2753. /* html[plugin-tabview-youtube] #chat-container , */
  2754. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy] #chat-container.ytd-watch-flexy.ytd-watch-flexy:not([chat-collapsed]) {
  2755. 	position: fixed !important;
  2756. 	display: inline-block !important;
  2757. 	width: 100% !important;
  2758. 	min-width: 39.7% !important;
  2759. 	max-width: 39.7% !important;
  2760. 	top: 8.8vh !important;
  2761. 	border-radius: 0 !important;
  2762. 	overflow: visible !important;
  2763. 	z-index: 50000000 !important;
  2764. /*border: 1px solid yellow !important; */
  2765. /*border-left: 4px solid yellow !important; */
  2766. }
  2767. /* HOVER */
  2768. html[plugin-tabview-youtube] #chat-container:hover {
  2769. 	position: fixed !important;
  2770. 	display: inline-block !important;
  2771. 	height: 90.5vh !important;
  2772. 	width: 100% !important;
  2773. 	top: 8.8vh !important;
  2774. 	border-radius: 0 !important;
  2775. 	visibility: visible !important;
  2776. 	z-index: 50000000 !important;
  2777. /* border: 1px solid yellow !important; */
  2778. }
  2779.  
  2780. /* COLLAPSED */
  2781. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy.ytd-watch-flexy[collapsed] {
  2782. 	position: fixed !important;
  2783. 	display: inline-block !important;
  2784. 	height: 2.9vh !important;
  2785. 	width: 125px !important;
  2786. 	top: 5.9vh !important;
  2787. 	right: 174px !important;
  2788. 	border-radius: 0 !important;
  2789. 	visibility: visible !important;
  2790. 	z-index: 50000000 !important;
  2791. /*border: 1px solid blue !important;*/
  2792. }
  2793.  
  2794. /* NOT COLLAPSED */
  2795. /* html[plugin-tabview-youtube] iframe.ytd-live-chat-frame:not([collapsed]) , */
  2796. html[plugin-tabview-youtube] iframe.ytd-live-chat-frame:not([collapsed]) {
  2797. 	display: inline-block !important;
  2798. 	flex: unset !important;
  2799. 	width: 100% !important;
  2800. 	min-width: 40.5% !important;
  2801. 	max-width: 40.5% !important;
  2802. 	height: 100% !important;
  2803. 	min-height: 92vh !important;
  2804. 	max-height: 92vh !important;
  2805. 	background: #111 !important;
  2806. /* border: 1px dotted violet !important; */
  2807. }
  2808.  
  2809. /* CHAT NOT COLLAPSED - BUTTON - SHOW/HIDE */
  2810. html[plugin-tabview-youtube] ytd-live-chat-frame.tyt-chat-frame-ready[collapsed] #show-hide-button.ytd-live-chat-frame .ytd-live-chat-frame {
  2811. 	flex: unset;
  2812. 	position: fixed !important;
  2813. 	width: 150px !important;
  2814. 	height: 24px !important;
  2815. 	top: 6vh !important;
  2816. 	right: 150px !important;
  2817. /*background: blue !important;*/
  2818. /* border: 1px dotted aqua !important; */
  2819. }
  2820. /* CHAT NOT COLLAPSED (visible) - BUTTON - HIDE/HIDE ( SAME ?) */
  2821. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat-container.ytd-watch-flexy.ytd-watch-flexy:not([chat-collapsed]) .tyt-chat-frame-ready #show-hide-button.ytd-live-chat-frame,
  2822. html[plugin-tabview-youtube] #chat-container.ytd-watch-flexy ytd-live-chat-frame#chat.ytd-watch-flexy:not([collapsed]) #show-hide-button.ytd-live-chat-frame {
  2823. 	position: fixed !important;
  2824.     flex: unset;
  2825. 	width: 150px !important;
  2826. 	height: 24px !important;
  2827. 	top: 6vh !important;
  2828. 	right: 150px !important;
  2829. 	z-index: 50000000 !important;
  2830. /*background: tan !important;*/
  2831. /* border: 1px dotted aqua !important; */
  2832. }
  2833.  
  2834. /*html[plugin-tabview-youtube] ytd-live-chat-frame.tyt-chat-frame-ready #show-hide-button.ytd-live-chat-frame yt-button-shape {
  2835. 	position: absolute !important;
  2836. 	display: inline-block !important;
  2837. 	height: 20px !important;
  2838. 	width: 120px !important;
  2839. }*/
  2840.  
  2841. /* (new56) CHAP - BUTTON SHAPE - AFFICHER - NOT COLLAPSED*/
  2842. /* html[plugin-tabview-youtube]  ytd-live-chat-frame#chat #show-hide-button.style-scope.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--outline .yt-spec-button-shape-next__button-text-content , */
  2843. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat:not([collapsed]) #show-hide-button.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next .yt-spec-button-shape-next__button-text-content span {
  2844.     position: fixed !important;
  2845. 	display: inline-block !important;
  2846. 	width: 200px !important;
  2847. 	height: 3.6vh !important;
  2848.     line-height: 3.6vh !important;
  2849. 	margin: 0vh 0 0 0px !important;
  2850.     padding:  0 10px 0 0px !important;
  2851. 	overflow: hidden !important;
  2852. 	text-overflow: ellipsis !important;
  2853.     z-index: 50000 !important;
  2854. }*/
  2855. /* HOVER */
  2856. /*html[plugin-tabview-youtube] ytd-live-chat-frame#chat:not([collapsed]) #show-hide-button.ytd-live-chat-frame yt-button-shape .yt-spec-button-shape-next .yt-spec-button-shape-next__button-text-content:hover span {
  2857.     position: fixed !important;
  2858. 	display: inline-block !important;
  2859. 	width: auto !important;
  2860. 	margin: 0vh 0 0 -30px !important;
  2861.     padding:  0 10px 0 10px !important;
  2862. 	overflow: hidden !important;
  2863. 	text-overflow: ellipsis !important;
  2864.     z-index: 50000 !important;
  2865. }*/
  2866.  
  2867. /* (new56) CHAT BUTTON IFRAME */
  2868. /*html[plugin-tabview-youtube] ytd-watch-flexy[flexy][is-two-columns_] #chat.tyt-chat-frame-ready:not([collapse]) tyt-iframe-popup-btn.tyt-btn-enabled,
  2869. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame tyt-iframe-popup-btn,
  2870. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame tyt-iframe-popup-btn {
  2871. 	position: fixed !important;
  2872. 	display: inline-block !important;
  2873. 	float: right !important;
  2874. 	height: 100% !important;
  2875. 	min-height: 15px !important;
  2876. 	max-height: 15px !important;
  2877. 	line-height: 15px !important;
  2878. 	width: 100% !important;
  2879. 	min-width: 15px !important;
  2880. 	max-width: 15px !important;
  2881. 	margin: 0 0 0 0 !important;
  2882. 	top: 6.6vh !important;
  2883. 	right: 160px !important;
  2884. 	padding: 0 !important;
  2885. 	visibility: visible !important;
  2886. 	z-index: 50000000 !important;
  2887. }*/
  2888.  
  2889. /* (new56) CHAT PAGE - CSS HACK CHROME / QUANTUM */
  2890. @media screen and (-webkit-min-device-pixel-ratio:0) {
  2891.  
  2892. /* (new56) CHAT - CSS HACK CHROME */
  2893. html[plugin-tabview-youtube] iframe.ytd-live-chat-frame:not([collapsed]) {
  2894.     display: inline-block !important;
  2895.     flex: unset !important;
  2896.     width: 100% !important;
  2897.     min-width: 100% !important;
  2898.     max-width: 100% !important;
  2899.     height: 100% !important;
  2900.     min-height: 89.5vh !important;
  2901.     max-height: 89.5vh !important;
  2902. background: #111 !important;
  2903. /* border: 1px dotted yellow !important; */
  2904. }
  2905. /* (new56) CHAT NOT COLLAPSED (visible) - BUTTON - HIDE/HIDE ( SAME ?) - CSS HACK CHROME */
  2906. #chat-container.ytd-watch-flexy ytd-live-chat-frame#chat.ytd-watch-flexy:not([collapsed]) #show-hide-button.ytd-live-chat-frame {
  2907.     display: inline-block !important;
  2908.     position: fixed !important;
  2909.     flex: unset !important;
  2910.     width: 170px !important;
  2911.     height: 24px !important;
  2912.     top: 0vh !important;
  2913.     right: 150px !important;
  2914.     margin: -8vh 0 0 0 !important;
  2915.     z-index: 5000000 !important;
  2916. /*background: gold !important;*/
  2917. /* border: 1px dotted aqua !important; */
  2918. 	}
  2919. /* (new56) CHAT NOT COLLAPSED (visible) - BUTTON - HIDE/HIDE ( SAME ?) - CSS HACK CHROME */
  2920. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat-container.ytd-watch-flexy.ytd-watch-flexy:not([chat-collapsed]) .tyt-chat-frame-ready #show-hide-button.ytd-live-chat-frame,
  2921. html[plugin-tabview-youtube] #chat-container.ytd-watch-flexy ytd-live-chat-frame#chat.ytd-watch-flexy:not([collapsed]) #show-hide-button.ytd-live-chat-frame {
  2922.     position: fixed !important;
  2923.     flex: unset;
  2924.     width: 275px !important;
  2925.     height: 4vh !important;
  2926.     top: 8.5vh !important;
  2927.     right: 85px !important;
  2928.     z-index: 2 !important;
  2929. /*background: olive !important;*/
  2930. /* border: 1px dotted aqua !important; */
  2931. }
  2932.  
  2933. /* (new58) - COR FLOAT */ 
  2934. /* (new58) CHAT BUTTON IFRAME - CSS HACK CHROME */
  2935. html[plugin-tabview-youtube] ytd-watch-flexy[flexy][is-two-columns_] #chat.tyt-chat-frame-ready:not([collapse]) tyt-iframe-popup-btn.tyt-btn-enabled,
  2936. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame tyt-iframe-popup-btn,
  2937. html[plugin-tabview-youtube] ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame tyt-iframe-popup-btn {
  2938.     position: fixed !important;
  2939.     display: block !important;
  2940.     float: right !important;
  2941.     height: 100% !important;
  2942.     min-height: 15px !important;
  2943.     max-height: 15px !important;
  2944.     line-height: 15px !important;
  2945.     width: 100% !important;
  2946.     min-width: 15px !important;
  2947.     max-width: 15px !important;
  2948.     margin: 0vh 0px 0  0!important;
  2949.     top: 1.5vh !important;
  2950.     right: 90px !important;
  2951.     padding: 0 !important;
  2952.     visibility: visible !important;
  2953.     z-index: 50000000 !important;
  2954. /* background: yellow !important; */
  2955.  /*border: 1px solid violet !important;*/
  2956. }
  2957. /* (new56) SHOW HIDE BUTTON - CSS HACK CHROME */
  2958.  
  2959. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy.ytd-watch-flexy[collapsed]::before {
  2960.     content: "👁️‍ live Chat";
  2961. 	position: absolute !important;
  2962. 	display: inline-block !important;
  2963.     width: 100% !important;
  2964.     min-width: 150px !important;
  2965.     max-width: 150px !important;
  2966.     height: 2.5vh !important;
  2967.     line-height: 2.5vh !important;
  2968.     top: 0vh !important;
  2969.     right: 0px !important;
  2970.     text-align: center !important;
  2971.     z-index: 500000 !important;
  2972.     pointer-events:  none !important;
  2973.     background: #222 !important;
  2974. }
  2975. /* NOT DARK */
  2976. html[plugin-tabview-youtube]:not([dark]) body ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy.ytd-watch-flexy[collapsed]::before {
  2977. /*border: 1px solid red  !important;*/
  2978.     background-color: white !important;
  2979. }
  2980. html[plugin-tabview-youtube] body ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy.ytd-watch-flexy[collapsed] #show-hide-button{
  2981. 	position: absolute !important;
  2982. 	display: inline-block !important;
  2983. 	height: 2.9vh !important;
  2984. 	width: 125px !important;
  2985. 	top: 0vh !important;
  2986. 	right: 0px !important;
  2987. 	border-radius: 0 !important;
  2988. 	visibility: visible !important;
  2989. 	z-index: 5 !important;
  2990. border: 1px solid blue !important;
  2991. }
  2992.  
  2993.  
  2994. /* ====END == CHAT - HACK CHROME / QUANTUM */
  2995. }
  2996.  
  2997.  
  2998.  
  2999.  
  3000. /* CHAT - LIST */
  3001. #item-offset.yt-live-chat-item-list-renderer {
  3002. 	position: relative;
  3003. 	height: 100% !important;
  3004. 	/* background: olive  !important; */
  3005. }
  3006. yt-live-chat-app.iframe-buyflow-launcher.iframe-gfeedback-manager,
  3007. yt-live-chat-app {
  3008. 	/* display: inline-block !important; */
  3009. 	display: flex;
  3010. 	/* flex-direction:  unset !important; */
  3011. 	/* flex-direction: unset !important; */
  3012. 	/* width: 100% !important; */
  3013. 	/* min-width: 40.5vw !important; */
  3014. 	/* max-width: 40.5vw !important; */
  3015. 	height: 100vh;
  3016. 	/*     min-height: 100vh !important; */
  3017. 	z-index: 601;
  3018. 	background: brown !important;
  3019. }
  3020. #contents.yt-live-chat-app {
  3021. 	display: flex;
  3022. 	flex: 1 1 1e-9px;
  3023. 	flex-direction: column;
  3024. 	/* height: 100% !important; */
  3025. 	/* min-height: 100% !important; */
  3026. }
  3027. #contents.yt-live-chat-renderer {
  3028. 	/*     display: inline-block !important; */
  3029. 	flex: 1 1 1e-9px;
  3030. 	flex-direction: column;
  3031. 	overflow: hidden;
  3032. 	position: relative;
  3033. 	height: 100% !important;
  3034. 	/* min-height: 100% !important; */
  3035. 	z-index: 0;
  3036. }
  3037.  
  3038.  
  3039. /* (new7) COMMENT DISABLE 
  3040. https://www.youtube.com/watch?v=SA0RlGtOCmE
  3041. === */
  3042. ytd-comments #message.ytd-message-renderer:before {
  3043. 	content: "⛔";
  3044. 	display: inline-block;
  3045. 	position: fixed;
  3046. 	width: 15px !important;
  3047. 	height: 13px !important;
  3048. 	line-height: 13px;
  3049. 	top: 60px;
  3050. 	right: 26.9%;
  3051. 	border-radius: 50%;
  3052. 	font-size: 10px;
  3053. 	text-align: center;
  3054. 	opacity: 0.5;
  3055. 	visibility: visible;
  3056. 	z-index: 5000000 !important;
  3057. 	background: black !important;
  3058. }
  3059.  
  3060. /* CHANNEL - PLAYER TOP HEADER */
  3061. .ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-video-player.ytp-small-mode .video-stream.html5-main-video,
  3062. .ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer #c4-player.html5-video-player.ytp-small-mode .video-stream.html5-main-video {
  3063. 	top: 0 !important;
  3064. }
  3065.  
  3066. /* CHANNEL - SUBSRIBE CARD */
  3067. .ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-endscreen.ytp-player-content.subscribecard-endscreen {
  3068. 	cursor: default;
  3069. 	overflow: hidden;
  3070. 	z-index: 34;
  3071. 	transform: scale(0.6);
  3072. 	border: 1px solid blue;
  3073. 	outline: 1px solid red !important;
  3074. }
  3075. /* (new6) CHANNEL - SUPP PLAYER SUBSCIBE OVERLAY  */
  3076. ytd-channel-video-player-renderer .ytd-channel-video-player-renderer .ended-mode .html5-video-container,
  3077. ytd-channel-video-player-renderer .ytd-channel-video-player-renderer .ytp-exp-bigger-button.ytp-small-mode.ended-mode .html5-video-container .video-stream.html5-main-video {
  3078. 	display: none;
  3079. }
  3080.  
  3081. /* YouTube - Hide End Cards (unless hovering):
  3082. https://gf.qytechs.cn/fr/scripts/408725-youtube-hide-end-cards-unless-hovering
  3083. === */
  3084. div[class*="video-player"]:not(:hover) div[class^="ytp-ce"],
  3085. div[class*="ytp-autohide"] div[class^="ytp-ce"] {
  3086. 	display: none !important;
  3087. }
  3088. /* YouTube - Watch Later and Share Buttons Return
  3089. https://gf.qytechs.cn/fr/scripts/408875-youtube-watch-later-and-share-buttons-return
  3090. === */
  3091. .ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-watch-later-button,
  3092. .ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-share-button {
  3093. 	display: inline-block !important;
  3094. }
  3095.  
  3096. /* GM "Youtube UI Fix (2020)" - INDICATOR :
  3097. go to https://www.youtube.com/ui_fix_options
  3098. === */
  3099. body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:before {
  3100. 	content: "Youtube UI Fix";
  3101. 	position: fixed;
  3102. 	display: inline-block;
  3103. 	top: 0px;
  3104. 	left: 100px;
  3105. 	padding: 0 5px;
  3106. 	font-size: 7px;
  3107. 	opacity: 0.5;
  3108. 	z-index: 5000000 !important;
  3109. 	background: red;
  3110. }
  3111. body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:hover:before {
  3112. 	content: "Youtube UI Fix Options: go to https://www.youtube.com/ui_fix_options (need to be loged)";
  3113. 	position: fixed;
  3114. 	display: inline-block;
  3115. 	opacity: 1;
  3116. 	background: green;
  3117. }
  3118. /* GM "Youtube UI Fix (2020)" - CENTER VIDEO VERTICALY:
  3119. https://gf.qytechs.cn/fr/scripts/11485-youtube-ui-fix/discussions/64241
  3120. https://www.youtube.com/watch?v=yUif6C_uJgk
  3121.  */
  3122. /* FOR :not(.playerToothbrush) ??:
  3123. https://www.youtube.com/watch?v=PVUZ8Nvr1ic
  3124. ==== */
  3125. /* #ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video .html5-video-container video , */
  3126. #ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video:not(.ytp-fullscreen):not(.playerToothbrush) {
  3127. 	display: inline-block !important;
  3128. 	max-width: 100% !important;
  3129. }
  3130. #ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video:not(.ytp-fullscreen) .html5-video-container {
  3131. 	display: inline-block !important;
  3132. 	min-width: 100% !important;
  3133. 	max-width: 100% !important;
  3134. 	height: 100% !important;
  3135. }
  3136. #ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video:not(.ytp-fullscreen) .ytp-iv-video-content,
  3137. #movie_player.html5-video-player .ytp-iv-video-content {
  3138. 	height: 100% !important;
  3139. }
  3140. .html5-video-player:not(.ytp-fullscreen):not(.ytp-embed) .ytp-endscreen-content {
  3141. 	height: 100% !important;
  3142. }
  3143.  
  3144. /* NO DARK */
  3145. html:not([dark]):not([dark="true"]):not(.style-scope) :not(.floater):not(.iri-always-visible):not(.part_fullbrowser) #movie_player:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-embed) {
  3146. 	background-color: white !important;
  3147. }
  3148. /* (new21) object-fit: contain */
  3149. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video {
  3150. 	min-width: 100% !important;
  3151. 	max-width: 100% !important;
  3152. 	height: calc(100% - 35px) !important;
  3153. 	top: 0 !important;
  3154. 	left: 0 !important;
  3155. 	object-fit: contain !important;
  3156. }
  3157.  
  3158. /* (new33) FULL :
  3159. .ytp-fullscreen.ytp-big-mode
  3160. .html5-video-player.ytp-transparent.ytp-exp-bottom-control-flexbox.ytp-large-width-mode.initialized-listeners.addedupdateevents.paused-mode.ytp-fullscreen.ytp-big-mode.ytp-iv-drawer-enabled
  3161. NOT FULL:
  3162. ytd-app:not([scrolling_])
  3163. ===*/
  3164. ytd-app[scrolling_] {
  3165. 	right: 0 !important;
  3166. }
  3167. .ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
  3168. 	width: 40% !important;
  3169. }
  3170. /* FULLSCREEN - FOR QUANTUM  */
  3171. .no-scroll #columns {
  3172. 	display: none !important;
  3173. }
  3174. .no-scroll > ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #columns.ytd-watch-flexy {
  3175. 	display: none;
  3176. }
  3177.  
  3178. /* (new49) FULLSCREEN  / BLEED - NO ACTION - PROGRESS BAR ALWAYS VISIBLE - .ytp-autohide ?? */
  3179. /* #movie_player.html5-video-player.ytp-big-mode.ytp-fullscreen.ytp-autohide .ytp-chrome-bottom , */
  3180. ytd-watch-flexy[full-bleed-player][fullscreen] #full-bleed-container.ytd-watch-flexy #movie_player.html5-video-player.ytp-big-mode.ytp-fullscreen .ytp-chrome-bottom {
  3181. 	/*     height: 5px  !important; */
  3182. 	bottom: -5vh !important;
  3183. 	/* overflow: hidden !important; */
  3184. 	opacity: 1 !important;
  3185. 	/* border: 1px solid aqua !important; */
  3186. }
  3187. ytd-watch-flexy[full-bleed-player][fullscreen] #full-bleed-container.ytd-watch-flexy #player-container:hover #movie_player.html5-video-player.ytp-big-mode.ytp-fullscreen .ytp-chrome-bottom {
  3188. 	/*     height: 5px  !important; */
  3189. 	bottom: 0vh !important;
  3190. 	/* overflow: hidden !important; */
  3191. 	opacity: 1 !important;
  3192. 	border: 1px solid red !important;
  3193. }
  3194.  
  3195. /* (new22) INFOS UNDER PLAYER */
  3196. ytd-watch-metadata.ytd-watch-flexy[hidden] + .watch-active-metadata.ytd-watch-flexy > #info {
  3197. 	position: fixed !important;
  3198. 	width: 59.5% !important;
  3199. 	z-index: 50000 !important;
  3200. }
  3201. .watch-active-metadata #info #info-contents {
  3202. 	height: 21.5vh !important;
  3203. }
  3204. ytd-video-primary-info-renderer {
  3205. 	display: block;
  3206. 	height: 20vh !important;
  3207. 	padding: 5px 0 5px !important;
  3208. }
  3209. .watch-active-metadata #info #info-contents #container {
  3210. 	height: 20.4vh !important;
  3211. 	margin-top: 0vh !important;
  3212. 	/* border: 1px solid aqua !important; */
  3213. }
  3214.  
  3215. /* (new25) PLAYER INFOS - THEATER - TABVIEW */
  3216. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info.ytd-watch-flexy {
  3217. 	position: fixed;
  3218. 	width: 59.5%;
  3219. 	height: 2.4vh !important;
  3220. 	top: 6.4vh !important;
  3221. 	margin-top: 0 !important;
  3222. 	overflow: hidden !important;
  3223. 	/* border: 1px solid red !important; */
  3224. }
  3225.  
  3226.  
  3227.  
  3228. /* (new45) THEATER - COMMENT TEASER ? */
  3229. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta {
  3230. 	position: fixed;
  3231. 	min-height: 21px !important;
  3232. 	max-height: 21px !important;
  3233. 	max-width: 20vw !important;
  3234. 	top: 6.6vh !important;
  3235. 	left: 39.5vw !important;
  3236. 	margin: 0;
  3237. 	overflow: hidden !important;
  3238. 	/* border: 1px dashed aqua !important; */
  3239. }
  3240. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover {
  3241. 	min-height: 65px !important;
  3242. 	max-height: 65px !important;
  3243. }
  3244. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) {
  3245. 	min-height: 21px !important;
  3246. 	max-height: 21px !important;
  3247. 	width: 100%;
  3248. 	margin: 0;
  3249. 	overflow: hidden;
  3250. }
  3251. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover #meta-contents {
  3252. 	top: 0px !important;
  3253. }
  3254.  
  3255. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) ytd-video-secondary-info-renderer {
  3256. 	min-height: 21px !important;
  3257. 	max-height: 21px !important;
  3258. }
  3259. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover #meta-contents {
  3260. 	min-height: 65px !important;
  3261. 	max-height: 65px !important;
  3262. }
  3263. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover #meta-contents ytd-video-secondary-info-renderer {
  3264. 	min-height: 60px !important;
  3265. 	max-height: 60px !important;
  3266. }
  3267. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) #container {
  3268. 	min-height: 21px !important;
  3269. 	max-height: 21px !important;
  3270. }
  3271. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #container {
  3272. 	min-height: 60px !important;
  3273. 	max-height: 60px !important;
  3274. 	line-height: 1.5rem !important;
  3275. 	overflow-y: hidden !important;
  3276. }
  3277. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) #top-row {
  3278. 	min-height: 21px !important;
  3279. 	max-height: 21px !important;
  3280. 	padding: 0 !important;
  3281. }
  3282. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #top-row {
  3283. 	min-height: 50px !important;
  3284. 	max-height: 50px !important;
  3285. 	margin: 0 !important;
  3286. 	padding: 10px 0 0 0 !important;
  3287. }
  3288. ytd-video-owner-renderer[watch-metadata-refresh] #channel-name.ytd-video-owner-renderer,
  3289. #channel-name.ytd-video-owner-renderer {
  3290. 	font-size: 1.4rem;
  3291. 	font-weight: 500;
  3292. 	line-height: 2rem;
  3293. }
  3294.  
  3295. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #top-row #owner-sub-count {
  3296. 	margin-top: -26px !important;
  3297. }
  3298.  
  3299. /* (new54) GM "Video Speed Buttons" === */
  3300. .vsb-container {
  3301. 	margin-bottom: 0;
  3302. 	margin-top: -17px;
  3303. 	padding: 0;
  3304. 	text-align: center !important;
  3305. 	border-bottom: none !important;
  3306. 	border: 1px solid aqua !important;
  3307. }
  3308.  
  3309. /* (new54) THEATER - GM VIDEO SPEED / TABVIEW */
  3310. html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info.ytd-watch-flexy .vsb-container {
  3311. 	margin-top: 0vh !important;
  3312. }
  3313.  
  3314. /* (new54) GM "Video Speed Buttons" - For  GM "Youtube UI Fix (2020)" ??:
  3315. body.yt-ui-fix
  3316. === */
  3317. body:not(.yt-ui-fix) .vsb-container {
  3318. 	margin-top: 6vh !important;
  3319. }
  3320.  
  3321. /* (new21) GM "Video Speed Buttons" - ADAPTATION for INFOS HIDDEN - #info-contents[hidden] */
  3322. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] {
  3323. 	display: inline-block !important;
  3324. 	height: 0 !important;
  3325. 	overflow: hidden !important;
  3326. }
  3327. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] #info.ytd-video-primary-info-renderer {
  3328. 	display: none !important;
  3329. 	height: 0 !important;
  3330. 	overflow: hidden !important;
  3331. }
  3332. /* (new54) GM "Video Speed Buttons" - DESC UNDER PLAYER */
  3333. #above-the-fold .vsb-container,
  3334. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container {
  3335. 	position: fixed !important;
  3336. 	display: inline-block !important;
  3337. 	width: auto !important;
  3338. 	min-width: 0vw !important;
  3339. 	max-width: 29.7vw !important;
  3340. 	height: 100% !important;
  3341. 	min-height: 20px !important;
  3342. 	max-height: 20px !important;
  3343. 	line-height: 20px !important;
  3344. 	bottom: 15vh !important;
  3345. 	left: 0.2vw !important;
  3346. 	margin: 0 0 0 0vw !important;
  3347. 	padding: 0 0 0 0.2rem !important;
  3348. 	border-radius: 5px !important;
  3349. 	text-align: center !important;
  3350. 	visibility: visible !important;
  3351. 	opacity: 0.3 !important;
  3352. 	z-index: 50000 !important;
  3353. 	border: 1px solid red !important;
  3354. 	background: #111 !important;
  3355. }
  3356. #above-the-fold .vsb-container:hover,
  3357. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container:hover {
  3358. 	width: 100% !important;
  3359. 	min-width: 29.7vw !important;
  3360. 	max-width: 29.7vw !important;
  3361. 	height: 100% !important;
  3362. 	min-height: 25px !important;
  3363. 	max-height: 25px !important;
  3364. 	line-height: 25px !important;
  3365. 	bottom: 15vh !important;
  3366. 	left: 0.2vw !important;
  3367. 	margin: 0 0 0 0vw !important;
  3368. 	padding: 0 !important;
  3369. 	border-radius: 5px !important;
  3370. 	text-align: center !important;
  3371. 	visibility: visible !important;
  3372. 	opacity: 1 !important;
  3373. 	z-index: 50000 !important;
  3374. 	background: #111 !important;
  3375. }
  3376. #above-the-fold .vsb-container > span:first-of-type:after,
  3377. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:first-of-type:after {
  3378. 	content: "►" !important;
  3379. 	margin-left: -0.4vw !important;
  3380. 	color: gold !important;
  3381. }
  3382. #above-the-fold .vsb-container > span:first-of-type ~ span,
  3383. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:first-of-type ~ span {
  3384. 	display: none !important;
  3385. 	visibility: hidden !important;
  3386. }
  3387. #above-the-fold .vsb-container:hover > span:first-of-type ~ span,
  3388. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container:hover > span:first-of-type ~ span {
  3389. 	display: inline-block !important;
  3390. 	visibility: visible !important;
  3391. }
  3392. /* NO DARK */
  3393. html:not([dark]):not([dark="true"]):not(.style-scope) #above-the-fold .vsb-container,
  3394. html:not([dark]):not([dark="true"]):not(.style-scope) .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container {
  3395. 	background-color: rgba(17, 17, 17, 0.1) !important;
  3396. }
  3397.  
  3398. /* (new31) THEATER - UNDER THE FOLD - VIDEO SPEED */
  3399. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container {
  3400. 	position: fixed !important;
  3401. 	display: inline-block !important;
  3402. 	width: 100% !important;
  3403. 	min-width: 29.7vw !important;
  3404. 	max-width: 29.7vw !important;
  3405. 	height: 100% !important;
  3406. 	min-height: 25px !important;
  3407. 	max-height: 25px !important;
  3408. 	line-height: 25px !important;
  3409. 	top: 6.3vh !important;
  3410. 	left: 0.5vw !important;
  3411. 	margin: 0 0 0 0vw !important;
  3412. 	padding: 0 !important;
  3413. 	border-bottom: none !important;
  3414. 	border-radius: 5px !important;
  3415. 	text-align: center !important;
  3416. 	visibility: visible !important;
  3417. 	opacity: 0.2 !important;
  3418. 	/*background: red !important;*/
  3419. }
  3420. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container:hover {
  3421. 	opacity: 1 !important;
  3422. 	/*background: red !important;*/
  3423. }
  3424. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:not(:first-of-type) {
  3425. 	display: inline-block !important;
  3426. 	width: 100% !important;
  3427. 	min-width: 15px !important;
  3428. 	max-width: 40px !important;
  3429. 	height: 100% !important;
  3430. 	min-height: 15px !important;
  3431. 	max-height: 15px !important;
  3432. 	line-height: 15px !important;
  3433. 	padding: 0 !important;
  3434. 	margin-left: 5px !important;
  3435. 	margin-right: 5px !important;
  3436. 	opacity: 1 !important;
  3437. 	font-size: 14px !important;
  3438. 	pointer-events: auto !important;
  3439. 	color: gold !important;
  3440. }
  3441.  
  3442.  
  3443. /* NO DARK */
  3444. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:not(:first-of-type) {
  3445. 	text-shadow: 1px 1px 4px#000 !important;
  3446. 	opacity: 1 !important;
  3447. }
  3448. /* NORMAL SPEED - GREEN BUTON */
  3449. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span[style*="color: rgb(255, 85, 0)"] {
  3450. 	color: green !important;
  3451. 	text-shadow: 1px 1px 4px white !important;
  3452. }
  3453. /* NO DARK */
  3454. .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span[style*="color: rgb(255, 85, 0)"] {
  3455. 	opacity: 1 !important;
  3456. 	text-shadow: none !important;
  3457. }
  3458.  
  3459. /* TOP HEADER */
  3460. #masthead-container,
  3461. #masthead,
  3462. #masthead-container #interstitial + #container {
  3463. 	height: 3.5vh !important;
  3464. }
  3465. /* (new49) */
  3466. #buttons.ytd-masthead .yt-spec-button-shape-next .yt-spec-button-shape-next__button-text-content,
  3467. #buttons.ytd-masthead .yt-spec-button-shape-next {
  3468. 	height: 2.6vh !important;
  3469. 	line-height: 2.6vh !important;
  3470. 	/* padding: 0 !important; */
  3471. 	/* color: gray; */
  3472. 	/* border: none; */
  3473. }
  3474. a.yt-simple-endpoint.ytd-topbar-menu-button-renderer .ytd-topbar-menu-button-renderer,
  3475. a.yt-simple-endpoint.ytd-topbar-menu-button-renderer,
  3476. #buttons.ytd-masthead > .ytd-masthead button .ytd-topbar-menu-button-renderer,
  3477. #buttons.ytd-masthead > .ytd-masthead button,
  3478. #buttons.ytd-masthead > .ytd-masthead {
  3479. 	height: 2.6vh !important;
  3480. 	padding: 0 !important;
  3481. 	/* color: gray; */
  3482. 	/* border: none; */
  3483. }
  3484. #background.ytd-masthead {
  3485. 	height: 3.5vh !important;
  3486. 	position: absolute;
  3487. 	width: 100%;
  3488. 	z-index: -1;
  3489. 	/* background: var(--yt-spec-base-background); */
  3490. }
  3491. #container.ytd-masthead {
  3492. 	align-items: center;
  3493. 	display: flex;
  3494. 	flex-direction: row;
  3495. 	height: 3.5vh !important;
  3496. 	justify-content: space-between;
  3497. 	padding: 0 16px;
  3498. 	/* background: olive  !important; */
  3499. }
  3500. #end.ytd-masthead #buttons.ytd-masthead,
  3501. #start.ytd-masthead,
  3502. #end.ytd-masthead {
  3503. 	height: 2.6vh !important;
  3504. }
  3505. #buttons.ytd-masthead > .ytd-masthead.style-suggestive {
  3506. 	height: 3.4vh !important;
  3507. 	margin: 0 !important;
  3508. }
  3509. #buttons.ytd-masthead > .ytd-masthead.style-suggestive #button {
  3510. 	border: none;
  3511. }
  3512.  
  3513.  
  3514.  
  3515.  
  3516. /* (new56) TOP HEADER - SEARCH */
  3517. #masthead-container #center.ytd-masthead {
  3518. 	height: 3.5vh !important;
  3519. 	margin-top: 0vh !important;
  3520. }
  3521.  
  3522. #voice-search-button.ytd-masthead .ytd-masthead yt-button-shape .yt-spec-button-shape-next,
  3523. #voice-search-button.ytd-masthead .ytd-masthead yt-button-shape,
  3524. #voice-search-button.ytd-masthead .ytd-masthead,
  3525. #voice-search-button.ytd-masthead,
  3526. #content #masthead-container #container #center #search-form.ytd-searchbox,
  3527. #search-icon-legacy.ytd-searchbox {
  3528. 	height: 2.6vh !important;
  3529. 	/* border: 1px solid yellow !important; */
  3530. }
  3531.  
  3532. #content #masthead-container #container #center #search-form.ytd-searchbox ytd-button-renderer  yt-button-shape .yt-spec-button-shape-next--icon-only-default ,
  3533. #content #masthead-container #container #center #search-form.ytd-searchbox ytd-button-renderer {
  3534. 	width: 20px !important;
  3535. 	height: 20px !important;
  3536.     color: red !important;
  3537. }
  3538. #content #masthead-container #container #center #search-form.ytd-searchbox ytd-button-renderer  yt-button-shape .yt-spec-button-shape-next--icon-only-default yt-icon-shape {
  3539. 	/*border: 1px solid yellow !important; */
  3540. }
  3541. #content #masthead-container #container #center #search-form.ytd-searchbox ytd-button-renderer  yt-button-shape .yt-spec-button-shape-next--icon-only-default yt-icon-shape div {
  3542.     width: 15px !important;
  3543. 	height: 15px !important;
  3544.   stroke: red !important;
  3545.   /*fill: green !important;*/
  3546. }
  3547. /* NOT DARK */
  3548. html:not([dark]) #content #masthead-container #container #center #search-form.ytd-searchbox ytd-button-renderer  yt-button-shape .yt-spec-button-shape-next--icon-only-default yt-icon-shape div {
  3549.   stroke: red !important;
  3550.   /*fill: green !important;*/
  3551. }
  3552.  
  3553.  
  3554. /* (new49) VIDEO TITLE */
  3555. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1,
  3556. ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata,
  3557. ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer,
  3558. .title.ytd-video-primary-info-renderer {
  3559. 	position: fixed !important;
  3560. 	display: inline-block !important;
  3561. 	height: 27px !important;
  3562. 	line-height: 1.8rem !important;
  3563. 	max-width: 57.98vw !important;
  3564. 	min-width: 57.98vw !important;
  3565. 	left: 0 !important;
  3566. 	top: 4.5vh !important;
  3567. 	padding-left: 30px !important;
  3568. 	z-index: 0 !important;
  3569. 	font-size: 1.8rem !important;
  3570. 	font-family: "Roboto", sans-serif !important;
  3571. 	font-weight: 400 !important;
  3572. 	/* background: #111  !important; */
  3573. }
  3574. /* NO DARK */
  3575. html:not([dark]):not([dark="true"]):not(.style-scope) columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold h1,
  3576. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata,
  3577. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer,
  3578. html:not([dark]):not([dark="true"]):not(.style-scope) .title.ytd-video-primary-info-renderer {
  3579. 	background: white !important;
  3580. }
  3581.  
  3582. /* (new34) For Sub TITILE */
  3583. .super-title.ytd-video-primary-info-renderer {
  3584. 	display: none !important;
  3585. 	position: fixed;
  3586. 	max-width: 57.98vw !important;
  3587. 	min-width: 57.98vw !important;
  3588. 	left: 0;
  3589. 	top: 6.4vh !important;
  3590. 	padding-left: 30px;
  3591. 	z-index: 5000 !important;
  3592. }
  3593. /* (new31) - For Sub TITILE - THEATER */
  3594. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .super-title.ytd-video-primary-info-renderer {
  3595. 	position: fixed;
  3596. 	max-width: 7.98vw !important;
  3597. 	min-width: 7.98vw !important;
  3598. 	left: 0;
  3599. 	top: 6.7vh !important;
  3600. 	/* background: aqua !important; */
  3601. }
  3602. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .super-title.ytd-video-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string {
  3603. 	display: inline-block !important;
  3604. 	width: 100% !important;
  3605. 	overflow: hidden !important;
  3606. 	text-overflow: ellipsis !important;
  3607. 	/* background: red !important; */
  3608. }
  3609.  
  3610. /* BOTTOM PLAYER - VIDEO INFOS */
  3611. ytd-app:not([scrolling_]) #info.ytd-video-primary-info-renderer {
  3612. 	position: absolute;
  3613. 	bottom: 3vh !important;
  3614. 	left: 10vw !important;
  3615. }
  3616. /* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - NOT TABVIEW */
  3617. html:not([plugin-tabview-youtube]) #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer {
  3618. 	position: absolute;
  3619. 	bottom: 3vh !important;
  3620. }
  3621. /* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - TABVIEW */
  3622. html[plugin-tabview-youtube] tp-yt-app-drawer {
  3623. 	position: fixed;
  3624. 	height: 100vh !important;
  3625. 	max-height: 100vh !important;
  3626. 	right: 0;
  3627. 	top: 0 !important;
  3628. 	bottom: 0 !important;
  3629. 	left: 0;
  3630. 	transition-property: visibility;
  3631. 	visibility: hidden;
  3632. 	z-index: 50000000 !important;
  3633. }
  3634. /* (new31) CONTAINER UNDER - TOP HEADER - NORMALIZE HEIGHT - with/without TABVIEW */
  3635. ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush),
  3636. html[plugin-tabview-youtube] ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush) {
  3637. 	height: 100vh !important;
  3638. 	min-height: 100vh !important;
  3639. 	max-height: 100vh !important;
  3640. 	margin: 0vh 0 0 0 !important;
  3641. 	overflow-x: auto;
  3642. }
  3643.  
  3644. /* (new21) INFO BAR - SMALLER - with/without TABVIEW */
  3645. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer {
  3646. 	position: fixed !important;
  3647. 	height: 2rem !important;
  3648. 	bottom: 2vh !important;
  3649. 	left: 0.5vw !important;
  3650. 	/* border: 1px solid violet !important; */
  3651. }
  3652. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu-container ytd-menu-renderer.ytd-video-primary-info-renderer,
  3653. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu-container,
  3654. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer,
  3655. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer,
  3656. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #info-text {
  3657. 	max-height: 2rem;
  3658. 	line-height: 1rem !important;
  3659. 	top: 0 !important;
  3660. 	margin: 0 0.5vw 0 0 !important;
  3661. 	font-size: 1rem !important;
  3662. }
  3663. .top-level-buttons.ytd-menu-renderer yt-icon-button,
  3664. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer #top-level-buttons-computed .ytd-menu-renderer.force-icon-button a.ytd-button-renderer,
  3665. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer #top-level-buttons-computed .ytd-menu-renderer.force-icon-button,
  3666. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer .yt-simple-endpoint.ytd-toggle-button-renderer {
  3667. 	min-height: 2rem !important;
  3668. 	max-height: 2rem !important;
  3669. 	line-height: 1.2rem !important;
  3670. 	padding: 0 !important;
  3671. 	font-size: 1rem !important;
  3672. }
  3673. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer a.yt-simple-endpoint.ytd-button-renderer yt-icon-button#button button {
  3674. 	min-height: 2rem !important;
  3675. 	max-height: 2rem !important;
  3676. 	line-height: 1rem !important;
  3677. 	top: 0 !important;
  3678. 	font-size: 1rem !important;
  3679. }
  3680.  
  3681. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer .dropdown-trigger #interaction .stroke.yt-interaction,
  3682. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer .dropdown-trigger #interaction .fill.yt-interaction,
  3683. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer #button.dropdown-trigger,
  3684. #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer .dropdown-trigger #interaction,
  3685. .ytd-menu-renderer.force-icon-button > a.ytd-button-renderer.yt-simple-endpoint {
  3686. 	min-height: 2rem !important;
  3687. 	max-height: 2rem !important;
  3688. 	line-height: 1rem !important;
  3689. 	top: 0 !important;
  3690. 	font-size: 1rem !important;
  3691. }
  3692. /* (new23) UNDER PLAYER - OWNER - not THEATER - TABVIEW  */
  3693. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta {
  3694. 	position: fixed !important;
  3695. 	width: 23vw !important;
  3696. 	bottom: 1vh !important;
  3697. 	left: 36.5vw !important;
  3698. 	margin: 0 !important;
  3699. 	z-index: 50000 !important;
  3700. }
  3701. /* (new42) PB DOUBLE CHANNEL INFO */
  3702. ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents.ytd-watch-flexy[hidden] ytd-video-secondary-info-renderer,
  3703. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents.ytd-watch-flexy[hidden] ytd-video-secondary-info-renderer {
  3704. 	display: none !important;
  3705. }
  3706. html[plugin-tabview-youtube] #primary #info ~ #meta #meta-contents:not(:hover) {
  3707. 	width: 100% !important;
  3708. 	margin: 0 !important;
  3709. 	overflow: hidden;
  3710. }
  3711. html[plugin-tabview-youtube] #primary #info ~ #meta #meta-contents:hover {
  3712. 	width: 100% !important;
  3713. 	right: -19px;
  3714. }
  3715. html[plugin-tabview-youtube] ytd-watch-flexy #primary #info ~ #meta #meta-contents:hover ytd-video-secondary-info-renderer {
  3716. 	padding: 2px !important;
  3717. }
  3718. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default,
  3719. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default {
  3720. 	height: 11px !important;
  3721. 	line-height: 11px !important;
  3722. 	margin-top: -14px !important;
  3723. }
  3724. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint.ytd-button-renderer,
  3725. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default a.yt-simple-endpoint.ytd-button-renderer {
  3726. 	height: 11px !important;
  3727. 	line-height: 11px !important;
  3728. }
  3729. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint.ytd-button-renderer tp-yt-paper-button#button.ytd-button-renderer.style-suggestive.size-default {
  3730. 	min-height: 11px !important;
  3731. 	max-height: 11px !important;
  3732. 	line-height: 11px !important;
  3733. 	padding: 0 !important;
  3734. }
  3735.  
  3736. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer tp-yt-paper-button,
  3737. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer tp-yt-paper-button {
  3738. 	height: 11px !important;
  3739. 	padding: 10px 0;
  3740. }
  3741. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer yt-formatted-string {
  3742. 	line-height: 10px !important;
  3743. 	margin-top: -10px !important;
  3744. 	font-size: 10px !important;
  3745. }
  3746. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer yt-formatted-string {
  3747. 	line-height: 10px !important;
  3748. 	margin-top: 0px !important;
  3749. 	font-size: 10px !important;
  3750. }
  3751. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer paper-ripple.tp-yt-paper-button,
  3752. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer paper-ripple.tp-yt-paper-button {
  3753. 	height: 11px !important;
  3754. }
  3755. /* (new21) OWNER - ADDON SKIP ADD */
  3756. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #removed_ess {
  3757. 	bottom: -16px;
  3758. 	position: absolute;
  3759. 	right: 0;
  3760. 	text-align: center;
  3761. 	font-size: 10px !important;
  3762. }
  3763. html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #removed_ess h2 {
  3764. 	font-size: 12px !important;
  3765. }
  3766.  
  3767. /* (new44) SOURCE INFO */
  3768. #clarify-box:not(.attached-message):not(:empty) {
  3769. 	position: fixed !important;
  3770. 	top: 3vh !important;
  3771. 	left: 29vw !important;
  3772. 	visibility: hidden;
  3773. 	z-index: 500000 !important;
  3774. }
  3775. #clarify-box:not(.attached-message):not(:empty):hover {
  3776. 	position: fixed !important;
  3777. 	top: 2.7vh !important;
  3778. 	left: 29vw !important;
  3779. 	visibility: visible;
  3780. }
  3781. #clarify-box:not(.attached-message):not(:empty):before {
  3782. 	content: "©";
  3783. 	position: absolute;
  3784. 	width: 20px;
  3785. 	height: 20px;
  3786. 	line-height: 18px;
  3787. 	right: 0;
  3788. 	padding: 0;
  3789. 	font-size: 20px;
  3790. 	text-align: center;
  3791. 	border-radius: 50%;
  3792. 	visibility: visible;
  3793. 	color: red;
  3794. 	background: #333;
  3795. }
  3796. #clarify-box:not(.attached-message):not(:empty):hover:before {
  3797. 	background: green;
  3798. }
  3799. /* (new44) MESSAGE ATTACHED */
  3800. #clarify-box.attached-message:not(:empty) {
  3801. 	position: fixed !important;
  3802. 	top: 2.3vh !important;
  3803. 	left: 19vw !important;
  3804. 	visibility: hidden;
  3805. 	z-index: 500000000 !important;
  3806. }
  3807. #clarify-box.attached-message:not(:empty):hover {
  3808. 	position: fixed !important;
  3809. 	top: 2.6vh !important;
  3810. 	left: 19vw !important;
  3811. 	visibility: visible;
  3812. }
  3813. #clarify-box.attached-message:not(:empty):before {
  3814. 	content: "💡";
  3815. 	position: absolute;
  3816. 	width: 15px;
  3817. 	height: 15px;
  3818. 	line-height: 18px;
  3819. 	right: 2px;
  3820. 	top: 2px;
  3821. 	padding: 0;
  3822. 	font-size: 15px;
  3823. 	text-align: center;
  3824. 	border-radius: 50%;
  3825. 	visibility: visible;
  3826. 	opacity: 0.5 !important;
  3827. 	color: red;
  3828. 	background: #333;
  3829. }
  3830. #clarify-box.attached-message:not(:empty):hover:before {
  3831. 	opacity: 0.5 !important;
  3832. 	background: green;
  3833. }
  3834.  
  3835. /* DISMISS CONNECTION - PB TEST disble NEW DISMISS - TOUCHE OTHER POPUP: tree dots popup */
  3836. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] .style-scope.yt-upsell-dialog-renderer.no-transition,
  3837. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #upsell-dialog-text,
  3838. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #icon-container {
  3839. 	display: none;
  3840. }
  3841. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] {
  3842. 	left: 7%;
  3843. 	max-height: 845px;
  3844. 	max-width: 1840px;
  3845. 	outline: medium none;
  3846. 	position: fixed;
  3847. 	top: -48px;
  3848. 	transform: scale(0.5);
  3849. 	z-index: 2202;
  3850. 	background: green !important;
  3851. }
  3852. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] yt-upsell-dialog-renderer[dialog][dialog][dialog] {
  3853. 	margin: 0 !important;
  3854. 	padding: 0 !important;
  3855. 	background: transparent;
  3856. }
  3857. #content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #content.yt-upsell-dialog-renderer {
  3858. 	flex-direction: row !important;
  3859. 	height: 20px;
  3860. 	padding: 4px 4px 0;
  3861. 	margin-bottom: -47px;
  3862. }
  3863.  
  3864. /* FIXED POSITION - ALL */
  3865. html {
  3866. 	overflow: auto !important;
  3867. }
  3868. ytd-app[is-watch-page=""],
  3869. ytd-app[is-watch-page=""] app-drawer {
  3870. 	height: 1049px !important;
  3871. 	overflow: hidden !important;
  3872. }
  3873.  
  3874. /* (new33) PLAYLIST */
  3875. /* (new33) PLAYLIST (Watch LATER Original) + NO/WITH TABVIEW  */
  3876. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist:not(:hover):not(hidden) {
  3877. 	position: fixed;
  3878. 	display: inline-block;
  3879. 	height: 90vh;
  3880. 	left: 60%;
  3881. 	max-width: 38.8%;
  3882. 	min-width: 38.8%;
  3883. 	top: 85px !important;
  3884. 	padding: 0 10px !important;
  3885. 	overflow-x: hidden;
  3886. 	overflow-y: auto;
  3887. 	z-index: 500000;
  3888. 	visibility: hidden !important;
  3889. 	background: black !important;
  3890. }
  3891. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist:hover:not([hidden]) {
  3892. 	position: fixed !important;
  3893. 	display: inline-block !important;
  3894. 	min-height: 90vh !important;
  3895. 	min-width: 38.8%;
  3896. 	max-width: 38.8%;
  3897. 	margin: 0 0 0 0 !important;
  3898. 	left: 60% !important;
  3899. 	top: 8.6vh !important;
  3900. 	padding: 0 10px !important;
  3901. 	visibility: visible !important;
  3902. 	z-index: 500000 !important;
  3903. 	border-bottom: 4px solid gray;
  3904. 	/* border-top: 1px solid yellow !important; */
  3905. 	/* background: #333 !important; */
  3906. }
  3907. /* (new35) NO DARK */
  3908. html:not([plugin-tabview-youtube]):not([dark]):not([dark="true"]):not(.style-scope) #columns ytd-playlist-panel-renderer#playlist:hover:not([hidden]) {
  3909. 	background: #333 !important;
  3910. }
  3911.  
  3912. #columns ytd-playlist-panel-renderer#playlist > #container {
  3913. 	display: inline-block !important;
  3914. 	width: 100% !important;
  3915. 	min-width: 100% !important;
  3916. 	max-width: 100% !important;
  3917. 	min-height: 89vh !important;
  3918. 	max-height: 89vh !important;
  3919. 	border-radius: 0 !important;
  3920. 	overflow: hidden !important;
  3921. 	overflow-y: auto !important;
  3922. }
  3923. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist #items {
  3924. 	position: absolute !important;
  3925. 	display: inline-block !important;
  3926. 	height: 100% !important;
  3927. 	min-height: 74vh !important;
  3928. 	max-height: 74vh !important;
  3929. 	width: 95% !important;
  3930. 	overflow: hidden !important;
  3931. 	overflow-y: auto !important;
  3932. 	padding: 14vh 10px 4px 10px !important;
  3933. }
  3934.  
  3935. /* (new35) PLAYLIST TAB  - TAB INDICATOR  - NO TABVIEW */
  3936. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist::before {
  3937. 	content: "PlayList";
  3938. 	position: fixed !important;
  3939. 	display: inline-block !important;
  3940. 	width: 70px !important;
  3941. 	height: 2rem !important;
  3942. 	line-height: 2rem !important;
  3943. 	font-size: 1rem !important;
  3944. 	top: 6.4vh !important;
  3945. 	right: 7.8vw !important;
  3946. 	margin: 0 0 0 0 !important;
  3947. 	padding: 1px 3px !important;
  3948. 	text-align: center;
  3949. 	visibility: visible !important;
  3950. 	z-index: 5000000 !important;
  3951. 	border-color: #333;
  3952. 	border-radius: 3px 3px 0 0;
  3953. 	border-style: solid;
  3954. 	border-width: 1px 5px;
  3955. 	color: gray;
  3956. 	background-color: #222;
  3957. }
  3958.  
  3959. /* (new35) HOVER - NO TAB VIEW - ytd-playlist-panel-renderer#playlist */
  3960. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist:hover::before {
  3961. 	width: 76px !important;
  3962. 	color: white !important;
  3963. 	border: none !important;
  3964. 	border-bottom: 1px solid yellow !important;
  3965. 	border-top: 2px solid transparent !important;
  3966. 	background-color: #333 !important;
  3967. }
  3968.  
  3969. /* (new32) PLAYLIST - TAB VIEW  */
  3970. /* (new33) PLAYLIST - LIST - TOP HEADER - NO + WITH TABVIEW */
  3971. ytd-playlist-panel-renderer[collapsible] #header-description h3:not(#next-video-title),
  3972. #tab-list #header-description.ytd-playlist-panel-renderer h3 .title.ytd-playlist-panel-renderer,
  3973. #tab-list #header-description.ytd-playlist-panel-renderer h3,
  3974. #tab-list #columns #header-top-row.ytd-playlist-panel-renderer,
  3975. #tab-list #header-description.ytd-playlist-panel-renderer {
  3976. 	height: 100% !important;
  3977. 	max-height: 20px !important;
  3978. 	min-height: 20px !important;
  3979. 	line-height: 20px !important;
  3980. 	margin: 0 !important;
  3981. 	font-size: 1rem !important;
  3982. 	white-space: nowrap !important;
  3983. }
  3984.  
  3985. /* PLAYLIST - TOP DESCRIPTION - NO / WITH TABVIEW */
  3986. #tab-list #columns #header-top-row.ytd-playlist-panel-renderer {
  3987. 	width: 73% !important;
  3988. 	font-size: 15px !important;
  3989. }
  3990. #tab-list ytd-playlist-panel-renderer#playlist #container > .header {
  3991. 	position: absolute;
  3992. 	display: inline-block !important;
  3993. 	width: 100%;
  3994. 	height: 100% !important;
  3995. 	max-height: 90px !important;
  3996. 	min-height: 90px !important;
  3997. 	line-height: 20px !important;
  3998. 	margin: 0px 0 0px 0 !important;
  3999. 	padding: 30px 16px 2px 15px !important;
  4000. 	z-index: 1;
  4001. 	box-shadow: none !important;
  4002. 	background-color: #111 !important;
  4003. 	border-bottom: 1px solid red !important;
  4004. }
  4005. #tab-list ytd-playlist-panel-renderer#playlist #container > .header #header-contents #header-top-row.ytd-playlist-panel-renderer {
  4006. 	position: relative;
  4007. 	width: 100% !important;
  4008. }
  4009. #tab-list ytd-playlist-panel-renderer#playlist #container .playlist-items.ytd-playlist-panel-renderer {
  4010. 	height: 100%;
  4011. 	overflow-y: auto;
  4012. 	padding: 14vh 0 4px 0 !important;
  4013. }
  4014. /* (new35) PLAYLIST - TOP HEADER - NEW ITEM TITTLE */
  4015. #tab-list #header-description.ytd-playlist-panel-renderer h3#next-video-title,
  4016. #header-description.ytd-playlist-panel-renderer h3#next-video-title {
  4017. 	display: inline-block !important;
  4018. 	width: 97% !important;
  4019. 	height: 100% !important;
  4020. 	line-height: 20px;
  4021. 	margin: 0px 0 0px 0px !important;
  4022. 	max-height: 100% !important;
  4023. 	min-height: 0px !important;
  4024. 	padding: 2px 5px !important;
  4025. 	font-size: 15px !important;
  4026. 	white-space: normal !important;
  4027. 	/* background: green !important; */
  4028. }
  4029. /* (new35) */
  4030. #next-label.ytd-playlist-panel-renderer {
  4031. 	float: left !important;
  4032. 	font-size: 1.2rem !important;
  4033. }
  4034. #header-description.ytd-playlist-panel-renderer h3#next-video-title#next-label.ytd-playlist-panel-renderer {
  4035. 	display: inline-block !important;
  4036. 	line-height: 1.1rem !important;
  4037. 	margin-right: 4px;
  4038. 	font-size: 1.1rem !important;
  4039. }
  4040. #header-description.ytd-playlist-panel-renderer h3#next-video-title yt-formatted-string[ellipsis-truncate-styling] {
  4041. 	display: block;
  4042. 	overflow: hidden;
  4043. 	text-overflow: ellipsis;
  4044. 	white-space: nowrap;
  4045. 	/* border: 1px solid yellow !important; */
  4046. }
  4047.  
  4048. /* (new33) PLAYLIST - META - NO + WITH TABVIEW */
  4049. #columns ytd-playlist-panel-renderer#playlist #meta.ytd-playlist-panel-video-renderer {
  4050. 	min-width: 70% !important;
  4051. 	max-width: 70% !important;
  4052. 	padding: 3px 8px !important;
  4053. 	text-align: left !important;
  4054. 	overflow: hidden !important;
  4055. 	border: 1px solid #333 !important;
  4056. }
  4057.  
  4058. /* (new33) PLAYLIST - SELECTED - NO + WITH TABVIEW */
  4059. #columns ytd-playlist-panel-renderer#playlist #playlist-items[selected] #meta.ytd-playlist-panel-video-renderer {
  4060. 	min-width: 74% !important;
  4061. 	max-width: 74% !important;
  4062. 	left: -0.5vw !important;
  4063. 	border: 1px solid red !important;
  4064. }
  4065. #columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer {
  4066. 	height: 100%;
  4067. 	line-height: 2rem !important;
  4068. 	margin-bottom: 2px !important;
  4069. 	padding: 3px 0 0 0 !important;
  4070. 	text-transform: unset !important;
  4071. 	border-bottom: 1px solid red;
  4072. }
  4073. #columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer::first-letter {
  4074. 	display: inline-block !important;
  4075. 	text-transform: unset !important;
  4076. 	color: red !important;
  4077. }
  4078. #columns ytd-playlist-panel-renderer#playlist #reorder {
  4079. 	cursor: move !important;
  4080. }
  4081. /* (new35) PLAYLIST - TOP DESC - NO TABVIEW */
  4082. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer[collapsible] .ytd-playlist-panel-renderer#container .header.ytd-playlist-panel-renderer {
  4083. 	position: fixed !important;
  4084. 	display: inline-block !important;
  4085. 	flex: unset !important;
  4086. 	width: 100% !important;
  4087. 	min-width: 40% !important;
  4088. 	max-width: 40% !important;
  4089. 	height: 100% !important;
  4090. 	line-height: 20px !important;
  4091. 	max-height: 90px !important;
  4092. 	min-height: 90px !important;
  4093. 	margin: 0 !important;
  4094. 	padding: 30px 16px 2px 15px !important;
  4095. 	box-shadow: none;
  4096. 	z-index: 1 !important;
  4097. 	/* background-color: red !important; */
  4098. 	border-bottom: 1px solid red !important;
  4099. }
  4100. #columns ytd-playlist-panel-renderer[collapsible] .ytd-playlist-panel-renderer#container .header.ytd-playlist-panel-renderer {
  4101. 	height: 60px !important;
  4102. 	padding: 0 5px !important;
  4103. 	/* border-bottom: 1px solid yellow !important; */
  4104. }
  4105.  
  4106. ytd-playlist-panel-renderer[collapsible] #publisher-container {
  4107. 	float: left;
  4108. 	margin-top: 0px !important;
  4109. 	font-size: 15px;
  4110. }
  4111. /* (new35) */
  4112. .ytd-playlist-panel-renderer h3 yt-formatted-string a.yt-simple-endpoint.yt-formatted-string {
  4113. 	float: left;
  4114. 	font-size: 1.4rem !important;
  4115. }
  4116. #columns .ytd-playlist-panel-renderer #publisher-container > yt-formatted-string {
  4117. 	font-size: 15px;
  4118. }
  4119. .ytd-playlist-panel-renderer #header-description #publisher-container > yt-formatted-string.publisher {
  4120. 	float: left;
  4121. 	font-size: 15px;
  4122. }
  4123.  
  4124. /* (new35) PLAYLIST - ACTION BUTT - TABVIEW */
  4125. html[plugin-tabview-youtube] #columns #playlist-actions {
  4126. 	float: right;
  4127. 	height: 20px !important;
  4128. 	line-height: 20px !important;
  4129. 	width: 20% !important;
  4130. 	margin-top: -5vh !important;
  4131. 	border: 1px solid red !important;
  4132. }
  4133. html[plugin-tabview-youtube] #columns ytd-playlist-panel-renderer .ytd-playlist-panel-renderer#container .header.ytd-playlist-panel-renderer #header-contents #expand-button {
  4134. 	position: absolute !important;
  4135. 	/*     display: none !important; */
  4136. 	display: inline-block !important;
  4137. 	float: none !important;
  4138. 	height: 25px !important;
  4139. 	line-height: 20px !important;
  4140. 	width: 30px !important;
  4141. 	margin: 0 !important;
  4142. 	top: -3vh !important;
  4143. 	left: 0 !important;
  4144. 	/* border: 1px solid red !important; */
  4145. }
  4146. /* (new35) PLAYLIST - ACTION / EXPAND BUTT - NO TABVIEW */
  4147. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer {
  4148. 	float: right;
  4149. 	height: 25px !important;
  4150. 	line-height: 25px !important;
  4151. 	width: 15% !important;
  4152. 	margin: -8vh 2vw 0 0 !important;
  4153. 	/* border: 1px solid green !important; */
  4154. }
  4155. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer #start-actions {
  4156. 	float: left !important;
  4157. 	height: 25px !important;
  4158. 	line-height: 25px !important;
  4159. 	width: 60% !important;
  4160. 	margin: 0 0 0 5px !important;
  4161. 	/* border: 1px solid aqua !important; */
  4162. }
  4163. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer #end-actions {
  4164. 	float: right !important;
  4165. 	height: 25px !important;
  4166. 	line-height: 25px !important;
  4167. 	width: 20% !important;
  4168. 	margin: 0 0px 0 0 !important;
  4169. 	/* border: 1px solid yellow !important; */
  4170. }
  4171.  
  4172. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer #top-level-buttons-computed ytd-toggle-button-renderer yt-button-shape button,
  4173. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer #top-level-buttons-computed ytd-playlist-loop-button-renderer #button ytd-button-renderer yt-button-shape button,
  4174. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer#playlist > #container #playlist-actions.ytd-playlist-panel-renderer yt-icon-button {
  4175. 	height: 25px !important;
  4176. 	line-height: 0px !important;
  4177. }
  4178.  
  4179. html:not([plugin-tabview-youtube]) #columns ytd-playlist-panel-renderer[collapsible] .ytd-playlist-panel-renderer#container .header.ytd-playlist-panel-renderer #header-contents #expand-button {
  4180. 	position: absolute !important;
  4181. 	display: inline-block !important;
  4182. 	float: none !important;
  4183. 	height: 25px !important;
  4184. 	line-height: 20px !important;
  4185. 	width: 30px !important;
  4186. 	margin: 0 !important;
  4187. 	top: 0vh !important;
  4188. 	left: 0 !important;
  4189. 	/* border: 1px solid aqua !important; */
  4190. }
  4191. /* (new33) PLAYLIST - CONTAINER LIST - NO + WITH TABVIEW */
  4192. #columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""] {
  4193. 	position: fixed;
  4194. 	width: 39.5% !important;
  4195. 	min-height: 14.6vh !important;
  4196. 	max-height: 14.6vh !important;
  4197. 	top: 83px;
  4198. 	left: 60% !important;
  4199. 	padding-top: 0px;
  4200. 	padding-bottom: 0px !important;
  4201. 	overflow: hidden;
  4202. 	overflow-y: hidden;
  4203. 	z-index: 50 !important;
  4204. 	border-right: 5px solid #333;
  4205. 	border-left: 5px solid #333;
  4206. 	border-bottom: 1px solid red;
  4207. 	background-color: #333 !important;
  4208. }
  4209. #columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]:hover {
  4210. 	min-height: 89.8vh !important;
  4211. 	max-height: 89.8vh !important;
  4212. 	background-color: red !important;
  4213. }
  4214. #columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]:hover #items {
  4215. 	min-height: 89.5vh !important;
  4216. 	max-height: 89.5vh !important;
  4217. 	overflow: hidden;
  4218. 	overflow-y: auto;
  4219. }
  4220.  
  4221. /* (new56) LEFT COLUMN - RELATED - GENERAL (AQUA) === */
  4222. #related.ytd-watch-flexy ytd-watch-next-secondary-results-renderer {
  4223. 	position: fixed;
  4224. 	display: inline-block;
  4225. 	width: 39.5%;
  4226. 	height: 89.8vh !important;
  4227. 	top: 85px;
  4228. 	left: 60% !important;
  4229. border-radius: 5px 5px 0 0 !important;
  4230. 	overflow: hidden;
  4231. 	overflow-y: auto;
  4232. /*	z-index: 500000 !important; */
  4233. 	border-bottom: 3px solid red;
  4234. 	border-right: 5px solid #222;
  4235. 	border-left: 5px solid #222;
  4236. }
  4237. /* (new56) NOT TABVIEW */
  4238. html:not([plugin-tabview-youtube]) #related.ytd-watch-flexy ytd-watch-next-secondary-results-renderer:before {
  4239.     content: "Videos" !important;
  4240. 	position: fixed;
  4241. 	display: inline-block;
  4242. 	width: 100px  !important;
  4243. 	height: 2.5vh !important;
  4244.     line-height: 2.5vh !important;
  4245. 	top: 6.2vh !important;
  4246. 	left: 75% !important;
  4247.     font-size: 15px  !important;
  4248.     border-radius: 5px 5px 0 0 !important;
  4249. 	overflow: hidden;
  4250. 	overflow-y: auto;
  4251.     text-align: center !important;
  4252. 	z-index: 500000 !important;
  4253.     color: gold !important;
  4254. border: 3px solid #222;
  4255. border-bottom: 1px solid red;
  4256. border-right: 5px solid #222;
  4257. border-left: 5px solid #222;
  4258. }
  4259. /* (new35) RIGHT COLUMN - RELATED - RESULTS ITEMS - GENERAL */
  4260. ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy #secondary.ytd-watch-flexy #channel-name.ytd-video-meta-block,
  4261. ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy #channel-name.ytd-video-meta-block {
  4262. 	position: absolute !important;
  4263. 	width: 98% !important;
  4264. 	bottom: 3px !important;
  4265. 	left: 0 !important;
  4266. 	padding: 0 0 0 0.2rem !important;
  4267. 	font-size: 1.2rem !important;
  4268. 	z-index: 300;
  4269. 	color: peru !important;
  4270. }
  4271. ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy #channel-name.ytd-video-meta-block #text {
  4272. 	line-height: 1rem;
  4273. 	min-height: 1rem !important;
  4274. 	max-height: 1rem !important;
  4275. 	font-size: 1rem !important;
  4276. }
  4277. /* (new48) RELATED ITEMS - TIMES - ALL */
  4278. #related ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
  4279. 	display: inline-block !important;
  4280. 	line-height: 1.2rem;
  4281. 	min-height: 1.2rem !important;
  4282. 	max-height: 1.2rem !important;
  4283. 	margin-bottom: 11px !important;
  4284. 	font-size: 1.1rem !important;
  4285. 	overflow: hidden;
  4286. 	/* border: 1px solid aqua !important; */
  4287. }
  4288. /* (new32) RELATED ITEMS - TIMES - GM PLAY NEXT */
  4289. yt-img-shadow.ytd-thumbnail[loaded] ~ #overlays.ytd-thumbnail ytd-thumbnail-overlay-time-status-renderer {
  4290. 	background-color: rgba(0, 0, 0, 0.40) !important;
  4291. }
  4292. yt-img-shadow.ytd-thumbnail[loaded] ~ #overlays.ytd-thumbnail span#text,
  4293. #related #youtube-play-next-queue-renderer ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
  4294. 	display: inline-block !important;
  4295. 	line-height: 1rem;
  4296. 	min-height: 1rem !important;
  4297. 	max-height: 1rem !important;
  4298. 	font-size: 1rem !important;
  4299. 	margin-bottom: 0 !important;
  4300. 	overflow: hidden;
  4301. 	/* border: 1px solid yellow !important; */
  4302. }
  4303.  
  4304. /* (new21) BAGDGES CONTAINER  */
  4305. ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer {
  4306. 	position: absolute;
  4307. 	display: inline-block;
  4308. 	width: 100%;
  4309. 	left: 0;
  4310. 	top: 0;
  4311. 	background: transparent !important;
  4312. }
  4313. /* LIVE BADGE DIRECT */
  4314. ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer .badge.badge-style-type-live-now.ytd-badge-supported-renderer {
  4315. 	position: absolute;
  4316. 	display: inline-block;
  4317. 	width: 44%;
  4318. 	left: 0;
  4319. 	top: 0;
  4320. 	font-size: 9px !important;
  4321. 	color: white !important;
  4322. 	border: none !important;
  4323. 	background: rgba(0, 0, 0, 0.30) !important;
  4324. }
  4325. /* (new58) BADGE NEW */
  4326. ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer .badge.badge-style-type-simple.ytd-badge-supported-renderer:not(:has(.yt-icon-shape)) {
  4327. 	position: absolute;
  4328. 	display: inline-block;
  4329. 	width: 15% !important;
  4330. 	left: -0.7vw !important;
  4331. 	top: -5.27vh !important;
  4332. 	padding: 0 4px !important;
  4333. 	font-size: 9px !important;
  4334. 	transform: rotate(90deg) !important;
  4335. 	background: rgba(255, 211, 0, 0.32) !important;
  4336. }
  4337. /* DOUBLE */
  4338. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer .badge.badge-style-type-simple.ytd-badge-supported-renderer.ytd-badge-supported-renderer:has(.yt-icon-shape) {
  4339. 	position: absolute;
  4340. 	display: inline-block;
  4341. 	width: 14px !important;
  4342.     height: 2vh !important;
  4343. 	left: 90% !important;
  4344. 	top: unset !important;
  4345.     bottom: -8vh !important;
  4346. 	padding: 0 4px !important;
  4347. 	font-size: 9px !important;
  4348. 	transform: unset !important;
  4349.     white-space: nowrap !important;
  4350.     overflow: hidden !important;
  4351. background: rgba(255, 0, 0, .27) !important;
  4352. }
  4353.  
  4354.  
  4355.  
  4356. /* ICONS ON HOVER */
  4357. ytd-thumbnail-overlay-toggle-button-renderer {
  4358. 	border-radius: 100% !important;
  4359. 	background-color: rgba(255, 0, 0, 0.19) !important;
  4360. }
  4361. #hover-overlays #icon {
  4362. 	border-radius: 100% !important;
  4363. 	border: 1px solid red !important;
  4364. }
  4365.  
  4366. /* NO DARK */
  4367. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-thumbnail-overlay-toggle-button-renderer {
  4368. 	border-radius: 100% !important;
  4369. 	background-color: rgba(17, 17, 17, 0.4) !important;
  4370. }
  4371.  
  4372. /* (new45) RIGHT COLUMN - WITH NOQUEUE TOP (BLUE) - NO normal SEARCH INPUT / NO LECT AUTO + RESTRICTED - :not(.ytd-video-preview) :
  4373. https://www.youtube.com/watch?v=C8XGd7Lg5GM
  4374. === */
  4375. #related-skeleton + div:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper),
  4376. .ujs-pos-rel:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4377. #related ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview) {
  4378. 	position: fixed !important;
  4379. 	display: inline-block !important;
  4380. 	width: 39.5%;
  4381. 	height: 89.5vh !important;
  4382. 	top: 9.2vh;
  4383. 	left: 60% !important;
  4384. 	overflow: hidden;
  4385. 	overflow-y: auto;
  4386. 	border-top: 1px solid red;
  4387. 	border-bottom: 1px solid red;
  4388. 	border-right: 5px solid #222;
  4389. 	border-left: 5px solid #222;
  4390. }
  4391. yt-page-navigation-progress.ytd-app {
  4392. 	display: inline-block !important;
  4393. }
  4394.  
  4395. /* (new41) RIGHT COLUMN - RELATED - WITH NOQUEUE in USE */
  4396. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy ~ ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(.thumbnail-and-metadata-wrapper) {
  4397. 	position: fixed !important;
  4398. 	display: inline-block !important;
  4399. 	width: 39.5%;
  4400. 	height: 75.3vh !important;
  4401. 	top: 23.5vh!important;
  4402. 	left: 60% !important;
  4403. 	padding-top: 0vh !important;
  4404. 	overflow: hidden;
  4405. 	overflow-y: auto;
  4406. 	/* z-index: 500000 !important; */
  4407. 	border-top: 1px dashed red;
  4408. 	border-bottom: 1px solid red;
  4409. 	border-right: 5px solid #222;
  4410. 	border-left: 5px solid #222;
  4411. 	/* border: 1px solid yellow !important; */
  4412. }
  4413.  
  4414. /* (new45) WITH TOP QUEUE (And Work RESTRICTED - :not(.ytd-video-preview) */
  4415. #related-skeleton + div:not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4416. .null.ujs-pos-rel:not(.thumbnail-and-metadata-wrapper):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4417. .ujs-pos-rel:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4418. /* TEST CHROME*/
  4419. #related .youtube-play-next-queue + #player-ads + input + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4420. #related .youtube-play-next-queue + #player-ads + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview),
  4421. #related .youtube-play-next-queue + input + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview) {
  4422. 	position: fixed !important;
  4423. 	display: inline-block !important;
  4424. 	width: 39.7% !important;
  4425. 	height: 75.2vh !important;
  4426. 	top: 23.5vh !important;
  4427. 	left: 60% !important;
  4428. 	right: 0 !important;
  4429. 	padding-top: 5px !important;
  4430. 	overflow: hidden;
  4431. 	overflow-y: auto;
  4432. 	border-top: 1px dashed red;
  4433. 	border-bottom: 1px dashed red;
  4434. 	border-right: none !important;
  4435. 	border-left: 0.2rem solid red !important;
  4436. }
  4437. /* NO DARK - :not(.ytd-video-preview) */
  4438. html:not([dark]):not([dark="true"]) #related-skeleton + div:not(.ytd-video-preview),
  4439. html:not([dark]):not([dark="true"]) .null.ujs-pos-rel:not(.ytd-video-preview),
  4440. html:not([dark]):not([dark="true"]) .ujs-pos-rel:not(ytd-macro-markers-list-item-renderer):not(.ytd-video-preview),
  4441. /* TEST CHROME*/
  4442. html:not([dark]):not([dark="true"]) #related .youtube-play-next-queue + #player-ads + input + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.ytd-video-preview),
  4443. html:not([dark]):not([dark="true"]) #related .youtube-play-next-queue + #player-ads + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.ytd-video-preview),
  4444. html:not([dark]):not([dark="true"]) #related .youtube-play-next-queue + input + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer:not(ytd-macro-markers-list-item-renderer):not(.ytd-video-preview) {
  4445. 	border-left: 0.2rem solid gray !important;
  4446. 	background-color: white !important;
  4447. }
  4448. /* (new35) + RESTRICTED CONT */
  4449. .ujs-pos-rel:not(ytd-macro-markers-list-item-renderer):not(.thumbnail-and-metadata-wrapper):not(.ytd-video-preview) {
  4450. 	height: 87.2vh !important;
  4451. 	top: -35px !important;
  4452. }
  4453.  
  4454. /* (new22) PLAY LIST WITH GM ENABLE - with SEACH INPUT */
  4455. #related #suggestions-search.playlist-or-live + ytd-watch-next-secondary-results-renderer {
  4456. 	position: fixed;
  4457. 	display: inline-block !important;
  4458. 	width: 39.7%;
  4459. 	height: 89.3vh !important;
  4460. 	top: 9.3vh !important;
  4461. 	left: 60% !important;
  4462. 	right: 0 !important;
  4463. 	overflow: hidden;
  4464. 	border-top: 1px solid red !important;
  4465. 	border-bottom: 1px solid red;
  4466. 	border-right: none !important;
  4467. 	border-left: 1px solid #222;
  4468. }
  4469. #related #suggestions-search.playlist-or-live + ytd-watch-next-secondary-results-renderer #items {
  4470. 	height: 75vh !important;
  4471. 	top: 218px !important;
  4472. 	overflow: hidden;
  4473. 	overflow-y: auto;
  4474. }
  4475. /* (new21) TABVIEW - VIDEO ENDSCREEN */
  4476. ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments="-101D"].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy .html5-endscreen.ytp-player-content.videowall-endscreen.ytp-show-tiles .ytp-endscreen-content {
  4477. 	height: 100% !important;
  4478. 	min-width: 100% !important;
  4479. 	background: #111 !important;
  4480. }
  4481. /* (new49) - ADAPT GM "TABVIEW"  - RELATED VIDEO  ALWAY VISIBLE */
  4482. #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy #right-tabs,
  4483. #right-tabs {
  4484. 	position: fixed !important;
  4485. 	display: inline-block !important;
  4486. 	width: 40% !important;
  4487. 	right: 0vw !important;
  4488. 	top: 6.4vh !important;
  4489. 	margin: 0 !important;
  4490. 	z-index: 5000000 !important;
  4491. 	/* background: red !important; */
  4492. }
  4493. #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy #right-tabs .tab-content,
  4494. ytd-watch-flexy #right-tabs .tab-content {
  4495. 	display: inline-block !important;
  4496. 	height: 100% !important;
  4497. 	min-height: 89.8vh !important;
  4498. 	max-height: 89.8vh !important;
  4499. 	width: 100% !important;
  4500. 	min-width: 100% !important;
  4501. 	max-width: 100% !important;
  4502. 	left: -1px;
  4503. 	top: 0px !important;
  4504. 	z-index: 5000000 !important;
  4505. 	border: none !important;
  4506. 	/* background: aqua !important; */
  4507. }
  4508. #right-tabs > header {
  4509. 	height: 2.8vh !important;
  4510. 	width: 20.5vw !important;
  4511. }
  4512. #right-tabs #material-tabs {
  4513. 	position: relative;
  4514. 	display: flex;
  4515. 	height: 2.3vh !important;
  4516. 	padding: 0;
  4517. }
  4518. /* (new49) */
  4519. #material-tabs .tab-btn {
  4520. 	padding: 0 !important;
  4521. }
  4522. /* (new49) TEST PLAYLIST  */
  4523. ytd-watch-flexy #right-tabs .tab-btn.tab-btn-hidden[tyt-tab-content] {
  4524. 	display: inline-block !important;
  4525. 	opacity: 0.2 !important;
  4526. 	/* border: 1px solid yellow !important; */
  4527. }
  4528. ytd-watch-flexy #right-tabs .tab-btn[userscript-tab-content],
  4529. ytd-watch-flexy #right-tabs .tab-btn.active[userscript-tab-content] {
  4530. 	height: 2vh !important;
  4531. 	line-height: 19px !important;
  4532. 	padding: 0px 0px 1px !important;
  4533. }
  4534. ytd-watch-flexy #right-tabs .tab-btn.active[userscript-tab-content] {
  4535. 	outline: 1px solid red !important;
  4536. }
  4537. /* (new31) - ADAPT GM "TABVIEW" - THEATER  - RELATED VIDEO  ALWAY VISIBLE */
  4538. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #right-tabs {
  4539. 	top: 6.2vh !important;
  4540. 	opacity: 0.2 !important;
  4541. 	border: none !important;
  4542. }
  4543. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #right-tabs:hover {
  4544. 	opacity: 1 !important;
  4545. }
  4546. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #right-tabs .tab-content {
  4547. 	display: none !important;
  4548. }
  4549. ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs .tab-content,
  4550. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #right-tabs,
  4551. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) ytd-live-chat-frame {
  4552. 	border: 1px solid transparent !important;
  4553. 	border: none !important;
  4554. 	outline: none !important;
  4555. 	/* background: red !important; */
  4556. }
  4557.  
  4558. /* TAB ALL */
  4559. ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) {
  4560. 	display: inline-block !important;
  4561. 	height: 100% !important;
  4562. 	min-height: 90vh !important;
  4563. 	max-height: 90vh !important;
  4564. 	z-index: 5000000 !important;
  4565. 	background: #111 !important;
  4566. }
  4567. /* NO DARK  */
  4568. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) {
  4569. 	background: white !important;
  4570. }
  4571. ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) ytd-playlist-panel-renderer #container.ytd-playlist-panel-renderer {
  4572. 	height: 100% !important;
  4573. 	min-height: 90vh !important;
  4574. 	max-height: 90vh !important;
  4575. 	z-index: 5000000 !important;
  4576. 	background: #111 !important;
  4577. }
  4578.  
  4579. /* TAB INFOS*/
  4580. ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden):not([tyt-hidden]) {
  4581. 	display: inline-block !important;
  4582. 	z-index: 5000000 !important;
  4583. 	background: #111 !important;
  4584. }
  4585. /* ytd-watch-flexy #right-tabs #tab-info.tab-content-cld.tab-content-hidden[tyt-hidden]{
  4586.     display: none !important;
  4587.     visibility: hidden !important;
  4588. background: #111 !important;
  4589. } */
  4590. /* NO DARK  */
  4591. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-info.tab-content-cld.tab-content-hidden[tyt-hidden],
  4592. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-info.tab-content-cld.tab-content-hidden[tyt-hidden],
  4593. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) {
  4594. 	background: white !important;
  4595. }
  4596. ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer {
  4597. 	display: block;
  4598. 	max-width: 100% !important;
  4599. }
  4600. #tab-info ytd-expander,
  4601. #tab-info ytd-expander .content.ytd-metadata-row-header-renderer,
  4602. #tab-info ytd-expander #title.ytd-metadata-row-renderer,
  4603. #tab-info ytd-expander .ytd-metadata-row-renderer,
  4604. #tab-info ytd-expander ytd-metadata-row-renderer,
  4605. #above-the-fold.ytd-watch-metadata #description-and-actions.ytd-watch-metadata #snippet-text.ytd-text-inline-expander yt-formatted-string#formatted-snippet-text span.yt-formatted-string,
  4606. ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer span.yt-formatted-string {
  4607. 	line-height: 15px !important;
  4608. 	font-size: 15px !important;
  4609. 	white-space: pre-wrap;
  4610. }
  4611. ytd-metadata-row-header-renderer {
  4612. 	align-items: center;
  4613. 	display: flex;
  4614. 	flex-direction: row;
  4615. 	height: 20px;
  4616. 	line-height: 20px;
  4617. 	padding-top: 2px !important;
  4618. }
  4619. .yt-simple-endpoint.yt-formatted-string[href="/premium"] {
  4620. 	display: none !important;
  4621. }
  4622. ytd-metadata-row-container-renderer #collapsible.ytd-metadata-row-container-renderer .ytd-metadata-row-container-renderer:nth-child(odd) {
  4623. 	background: #222 !important;
  4624. }
  4625. ytd-metadata-row-container-renderer #collapsible.ytd-metadata-row-container-renderer .ytd-metadata-row-container-renderer h4 {
  4626. 	align-items: center;
  4627. 	display: flex;
  4628. 	flex-direction: row;
  4629. 	height: auto !important;
  4630. 	line-height: 20px;
  4631. 	padding-top: 2px !important;
  4632. }
  4633. ytd-metadata-row-renderer.ytd-metadata-row-container-renderer[has-divider-line] {
  4634. 	opacity: 0.2 !important;
  4635. }
  4636. ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer {
  4637. 	display: inline-block !important;
  4638. 	width: 100%;
  4639. 	background: #111 !important;
  4640. }
  4641. /* html[dark][dark="true"]  #subtitle{
  4642.    color: red !important;
  4643. } */
  4644. /* html:not([dark]):not([dark="true"])  */
  4645. ytd-horizontal-card-list-renderer h2 #subtitle {
  4646. 	position: relative !important;
  4647. 	/* display: inline-block !important; */
  4648. 	float: left !important;
  4649. 	/* height: 100% !important;
  4650. min-height: 15px !important;
  4651. max-height: 15px !important; */
  4652. 	margin: 0 0 6vh 0 !important;
  4653. 	font-size: 15px !important;
  4654. 	/* color: red !important; */
  4655. 	/* border: 1px solid aqua  !important; */
  4656. }
  4657.  
  4658. /* (new49) NO DARK  */
  4659. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer #subtitle,
  4660. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-expander.ytd-video-secondary-info-renderer #description #subtitle.ytd-rich-list-header-renderer,
  4661. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer span,
  4662. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer {
  4663. 	color: black !important;
  4664. 	background: white !important;
  4665. }
  4666.  
  4667. /* (new49) COMMENTS - #tab-btn3 */
  4668. /* ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld , */
  4669. ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld:not(.tab-content-hidden):not([tyt-hidden]) {
  4670. 	display: inline-block !important;
  4671. 	width: 100% !important;
  4672. 	min-width: 100% !important;
  4673. 	max-width: 100% !important;
  4674. 	z-index: 50000000 !important;
  4675. 	border: 1px solid aqua !important;
  4676. 	background: #111 !important;
  4677. }
  4678.  
  4679. ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld ytd-item-section-renderer#sections.style-scope.ytd-comments {
  4680. 	display: inline-block !important;
  4681. 	width: 100% !important;
  4682. 	min-width: 100% !important;
  4683. 	max-width: 100% !important;
  4684. }
  4685.  
  4686. /* NO DARK */
  4687. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld:not(.tab-content-hidden) {
  4688. 	background: white !important;
  4689. }
  4690. /* (new29) COMMENTS POPUP - from COMMENTS TASER */
  4691. ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"][target-id="engagement-panel-comments-section"] {
  4692. 	width: 100% !important;
  4693. 	max-width: 767px !important;
  4694. 	min-width: 767px !important;
  4695. 	height: 100% !important;
  4696. 	max-height: 90vh !important;
  4697. 	min-height: 90vh !important;
  4698. 	margin: 0 0 0 -13.4vw !important;
  4699. 	border: 1px solid red !important;
  4700. }
  4701. ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"][target-id="engagement-panel-comments-section"] #content.ytd-engagement-panel-section-list-renderer {
  4702. 	max-height: 92vh !important;
  4703. 	min-height: 67vh;
  4704. 	/* border-bottom: 1px solid aqua !important; */
  4705. }
  4706.  
  4707. /* VID */
  4708. /* ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden  {
  4709.     display: inline-block !important;
  4710. } */
  4711. /* (new31) THEATER */
  4712. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden + #tab-list,
  4713. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden {
  4714. 	display: none !important;
  4715. }
  4716.  
  4717.  
  4718. /* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PLAYER WIDTH 100% 
  4719. :not([fullscreen]) / :not(.ytp-fullscreen):not(.ytp-big-mode) 
  4720. :not(.parentToothbrush)
  4721. === */
  4722. ytd-watch-flexy:not([fullscreen])[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments]:not(.parentToothbrush).ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy:not(:empty) {
  4723. 	position: fixed!important;
  4724. 	display: inline-block !important;
  4725. 	left: 0;
  4726. 	margin: 0 !important;
  4727. 	top: 9.3vh !important;
  4728. 	min-height: 88.4vh !important;
  4729. 	max-height: 88.4vh !important;
  4730. 	max-width: 99.9% !important;
  4731. 	min-width: 99.9% !important;
  4732. 	padding-bottom: 0px !important;
  4733. 	overflow: visible !important;
  4734. 	z-index: 50000000000 !important;
  4735. 	background: #111 !important;
  4736. }
  4737. /* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PLAYER WIDTH 100%  - PROGRESS BAR - PAUSED */
  4738. ytd-watch-flexy.ytd-page-manager[theater-requested_][theater]:not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) #movie_player.html5-video-player.paused-mode .ytp-progress-bar-container {
  4739. 	top: 0.5vh !important;
  4740. }
  4741.  
  4742. /* (new21) VIDEO SPEED - THEATER */
  4743. html ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) ~ #columns.ytd-watch-flexy #primary .watch-active-metadata #info .vsb-container,
  4744. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) ~ #columns.ytd-watch-flexy #primary .watch-active-metadata #info .vsb-container {
  4745. 	position: fixed;
  4746. 	max-width: 21vw;
  4747. 	min-width: 21vw;
  4748. 	left: 24vw;
  4749. 	margin-top: 0.5vh !important;
  4750. 	margin-bottom: 0vh !important;
  4751. 	padding-bottom: 0 !important;
  4752. 	z-index: 1000;
  4753. }
  4754.  
  4755. /* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PROGRESSBAR */
  4756. ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments="-101D"].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy #movie_player:not(.ytp-hide-info-bar) .ytp-progress-bar-container,
  4757. ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments="-101D"].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy #movie_player.ytp-hide-info-bar .ytp-progress-bar-container {
  4758. 	position: fixed !important;
  4759. 	display: inline-block;
  4760. 	width: 100%;
  4761. 	top: 99.1vh !important;
  4762. 	visibility: visible;
  4763. 	opacity: 1;
  4764. 	z-index: 5000000000 !important;
  4765. 	background: #333 none repeat scroll 0 0;
  4766. }
  4767. /* (new21) TABVIEW / MAXIMIZE - NO TABS VISIBLE - THEATER - CAPTIONS */
  4768. ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments="-101D"].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy #player-container ytd-player#ytd-player #movie_player.html5-video-player .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  4769. 	margin: 0 0 -1vh 0 !important;
  4770. 	overflow: hidden;
  4771. 	text-align: left;
  4772. }
  4773. ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments="-101D"].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy #player-container ytd-player#ytd-player #movie_player.html5-video-player:hover .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  4774. 	margin: 0 0 6vh 0 !important;
  4775. 	text-align: left;
  4776. }
  4777.  
  4778. /* (new21) TABVIEW - NO TABS VISIBLE - THEATER - GM "VIDEO SPEED" */
  4779. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) .vsb-container {
  4780. 	position: fixed !important;
  4781. 	max-width: 21vw;
  4782. 	min-width: 21vw;
  4783. 	margin-top: 3vh !important;
  4784. 	left: 24vw !important;
  4785. 	z-index: 1000 !important;
  4786. }
  4787.  
  4788. /* (new21) TEST BIG / FULLSCREEN - CONTAINER */
  4789. ytd-watch-flexy[fullscreen][flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments].ytd-page-manager.hide-skeleton #player-theater-container.ytd-watch-flexy:not(:empty) {
  4790. 	position: sticky !important;
  4791. 	left: 0;
  4792. 	margin: 0 !important;
  4793. 	min-height: 100vh !important;
  4794. 	max-height: 100vh !important;
  4795. 	max-width: 100vw !important;
  4796. 	min-width: 100vw !important;
  4797. 	padding: 0px !important;
  4798. 	overflow: hidden !important;
  4799. 	z-index: 50000000000 !important;
  4800. 	background: #111 !important;
  4801. }
  4802.  
  4803. /* (new21) TEST BIG / FULLSCREEN - PLAYER */
  4804. .html5-video-player.ytp-big-mode,
  4805. .html5-video-player.ytp-fullscreen {
  4806. 	display: inline-block !important;
  4807. 	height: 100% !important;
  4808. 	min-height: 99.8% !important;
  4809. 	max-height: 99.8% !important;
  4810. 	max-width: 100% !important;
  4811. 	overflow: hidden !important;
  4812. 	overflow-y: hidden !important;
  4813. 	/* background-color: red !important; */
  4814. }
  4815. .html5-video-player.ytp-big-mode .ytp-player-content {
  4816. 	bottom: 0 !important;
  4817. 	top: 0 !important;
  4818. 	left: 0 !important;
  4819. 	right: 0 !important;
  4820. }
  4821. #player-theater-container #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode .ytp-chrome-bottom .ytp-chrome-controls {
  4822. 	max-width: 100% !important;
  4823. 	/* text-align: center !important; */
  4824. }
  4825.  
  4826. /* YOUTUBE LINKS / BRANDING */
  4827. /* ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments].ytd-page-manager.hide-skeleton #ujs-hdr-links-div , */
  4828. ytd-watch-flexy[theater][flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments].ytd-page-manager.hide-skeleton .annotation.annotation-type-custom.iv-branding {
  4829. 	display: none !important;
  4830. }
  4831.  
  4832. /* RIGHT COLUMN - PLAYLIST PRESENT (YELLOW) :
  4833.  https://www.youtube.com/watch?v=YqL6stzNsqE&list=RDnHqKu5ofUbY&index=9
  4834. === */
  4835. ytd-playlist-panel-renderer#playlist[playlist-type_="RDnH"] ~ #related ytd-watch-next-secondary-results-renderer.ytd-watch-flexy #items {
  4836. 	position: fixed;
  4837. 	display: inline-block;
  4838. 	width: 39.5%;
  4839. 	max-height: 68.7vh !important;
  4840. 	top: 273px !important;
  4841. 	left: 60% !important;
  4842. 	padding-top: 5px !important;
  4843. 	overflow: hidden;
  4844. 	overflow-y: auto;
  4845. 	border-top: 1px solid red;
  4846. 	border-bottom: 1px solid red;
  4847. 	border-right: 5px solid #222;
  4848. 	border-left: 5px solid #222;
  4849. }
  4850. /* NO DARK */
  4851. html:not([dark]):not([dark="true"]):not(.style-scope) #items.ytd-watch-next-secondary-results-renderer {
  4852. 	border-left: 5px solid #E7E7E7 !important;
  4853. 	background-color: white !important;
  4854. }
  4855.  
  4856. /* (new21) PLAY LIST - THUMBNAIL */
  4857. #thumbnail-container.ytd-playlist-panel-video-renderer {
  4858. 	height: 10vh !important;
  4859. 	width: 7vw !important;
  4860. }
  4861. #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer .ytd-thumbnail.no-transition,
  4862. #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer {
  4863. 	height: 9vh !important;
  4864. }
  4865. #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer .ytd-thumbnail.no-transition img.yt-img-shadow {
  4866. 	width: 100% !important;
  4867. 	min-height: 9vh !important;
  4868. 	max-height: 9vh !important;
  4869. 	margin: 0 !important;
  4870. }
  4871. /* PLAY LIST - VIDEO IN PLAY */
  4872. ytd-playlist-panel-video-renderer[selected][watch-color-update] {
  4873. 	border-left: 5px solid red !important;
  4874. }
  4875. /* PLAYLIST - TOGGLE ARROW - Change to BAKGROUND color CHANGE */
  4876. #columns ytd-playlist-panel-renderer[collapsible][collapsed] .playlist-items.ytd-playlist-panel-renderer {
  4877. 	display: inline-block !important;
  4878. 	/* background-color: black  !important; */
  4879. }
  4880. #columns ytd-playlist-panel-renderer[collapsible][collapsed] #playlist-actions.ytd-playlist-panel-renderer {
  4881. 	display: inline-block !important;
  4882. 	margin-top: -30px !important;
  4883. }
  4884. /* RIGHT COLUMN - NO QUEUE / NO PLAY LIST MODE (TAN) :
  4885. https://www.youtube.com/watch?v=SA0RlGtOCmE
  4886. === */
  4887. #columns #primary.ytd-watch-flexy + #secondary.ytd-watch-flexy #secondary-inner dom-if + #panels + #donation-shelf + dom-if + #playlist.ytd-watch-flexy[disable-upgrade] + #related input#suggestions-search + ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer {
  4888. 	position: fixed;
  4889. 	display: inline-block;
  4890. 	height: 88.5vh !important;
  4891. 	top: 9.3vh !important;
  4892. 	left: 60%;
  4893. 	padding-top: 5px !important;
  4894. 	overflow-x: hidden;
  4895. 	overflow-y: auto;
  4896. 	border-left: 5px solid #222;
  4897. 	border-right: 5px solid #222;
  4898. 	border-top: 1px solid red;
  4899. 	border-bottom: 1px solid red;
  4900. }
  4901.  
  4902. /* RIGHT COLUMN - TOP PANEL  - NO normal SEARCH INPUT / NO LECT AUTO:*/
  4903. #related #items ytd-compact-autoplay-renderer,
  4904. #related #items ytd-compact-autoplay-renderer {
  4905. 	position: fixed;
  4906. 	clear: none;
  4907. 	width: 39%;
  4908. 	height: 122px !important;
  4909. 	top: 85px !important;
  4910. 	margin-bottom: 0;
  4911. 	padding: 5px !important;
  4912. 	overflow: hidden !important;
  4913. 	z-index: 5000000 !important;
  4914. 	background-color: #333;
  4915. 	border-bottom: 5px solid #333;
  4916. }
  4917. #related #items ytd-compact-autoplay-renderer #contents {
  4918. 	height: 175px !important;
  4919. }
  4920.  
  4921. /* NO DARK */
  4922. html:not([dark]):not([dark="true"]):not(.style-scope) #related #items ytd-compact-autoplay-renderer,
  4923. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-compact-autoplay-renderer {
  4924. 	background-color: white;
  4925. 	border-bottom: 5px solid gray;
  4926. }
  4927. #related #items ytd-compact-autoplay-renderer #contents {
  4928. 	position: fixed;
  4929. 	clear: none;
  4930. 	height: 120px !important;
  4931. 	width: 39.6%;
  4932. 	margin-left: -5px;
  4933. 	overflow: hidden !important;
  4934. 	overflow-y: auto !important;
  4935. 	transition: ease all 0.7s !important;
  4936. 	background-color: rgba(0, 0, 0, 0.72) !important;
  4937. 	border-bottom: 5px solid red;
  4938. }
  4939. #related #items ytd-compact-autoplay-renderer:hover #contents {
  4940. 	height: auto !important;
  4941. 	height: 767px !important;
  4942. 	overflow: hidden !important;
  4943. 	overflow-y: auto !important;
  4944. 	transition: ease all 0.7s !important;
  4945. 	background-color: black;
  4946. 	border-bottom: 5px solid red;
  4947. }
  4948.  
  4949. /* NO DARK */
  4950. html:not([dark]):not([dark="true"]):not(.style-scope) #related #items ytd-compact-autoplay-renderer #contents {
  4951. 	background-color: rgba(0, 0, 0, 0.72) !important;
  4952. 	border-bottom: 5px solid gray;
  4953. }
  4954.  
  4955. /* POSITION LIST UNDER */
  4956. #head + #contents ytd-compact-video-renderer {
  4957. 	float: left;
  4958. 	clear: none;
  4959. 	width: 100% !important;
  4960. 	max-width: 363px !important;
  4961. 	min-width: 363px !important;
  4962. 	height: 108px !important;
  4963. 	margin-right: 5px;
  4964. 	background-color: black !important;
  4965. }
  4966. /* SEARCH - QUEUE */
  4967. #contents + #suggestions-search {
  4968. 	position: fixed;
  4969. 	width: 18%;
  4970. 	top: 44px;
  4971. 	right: 5px !important;
  4972. 	z-index: 500 !important;
  4973. 	border: 1px solid tomato !important;
  4974. }
  4975. /* AUTO PLAY BUTTON */
  4976. #head.ytd-compact-autoplay-renderer {
  4977. 	position: fixed !important;
  4978. 	display: inline-block !important;
  4979. 	vertical-align: top;
  4980. 	align-items: center;
  4981. 	flex-direction: unset !important;
  4982. 	height: 21px !important;
  4983. 	line-height: 21px !important;
  4984. 	width: 345px !important;
  4985. 	margin-bottom: 0;
  4986. 	right: 24% !important;
  4987. 	top: 35px !important;
  4988. 	padding: 2px 5px;
  4989. 	border-radius: 3px !important;
  4990. 	transform: scale(0.7) !important;
  4991. 	z-index: 6000000 !important;
  4992. 	background: #111 !important;
  4993. 	border: 1px solid #333;
  4994. }
  4995. /* NO DARK */
  4996. html:not([dark]):not([dark="true"]):not(.style-scope) #head.ytd-compact-autoplay-renderer {
  4997. 	background: white !important;
  4998. 	border: 1px solid white;
  4999. }
  5000. #upnext {
  5001. 	float: right !important;
  5002. 	clear: none;
  5003. 	height: 20px;
  5004. 	line-height: 20px;
  5005. 	width: 77px;
  5006. }
  5007. #autoplay {
  5008. 	float: left !important;
  5009. 	height: 20px;
  5010. 	line-height: 20px;
  5011. 	width: 163px;
  5012. }
  5013. paper-toggle-button.ytd-compact-autoplay-renderer {
  5014. 	float: left;
  5015. 	height: 20px;
  5016. 	line-height: 20px;
  5017. 	width: 44px;
  5018. 	margin: -0.5px 0 0 0 !important;
  5019. 	border-radius: 20px;
  5020. 	background: #111 !important;
  5021. 	border: 1px solid #333;
  5022. }
  5023.  
  5024. /* SEARCH TOP/RIGHT FORM (Not Matched by GM)  - NO QUEUE */
  5025. #related #suggestions-search.playlist-or-live {
  5026. 	position: fixed;
  5027. 	top: 3.9vh !important;
  5028. 	right: 0 !important;
  5029. 	width: 40vw;
  5030. 	margin: 0 !important;
  5031. 	padding: 1px 2px;
  5032. 	z-index: 500;
  5033. 	border: 1px solid #333 !important;
  5034. 	border-left: 4px solid #333 !important;
  5035. 	border-right: 4px solid #333 !important;
  5036. }
  5037. /* NO DARK */
  5038. html:not([dark]):not([dark="true"]):not(.style-scope) #related #suggestions-search.playlist-or-live {
  5039. 	border-bottom: 1px solid #E7E7E7 !important;
  5040. 	border-right: 5px solid #E7E7E7 !important;
  5041. 	border-left: 5px solid #E7E7E7 !important;
  5042. }
  5043.  
  5044. /* (new43) TABVIEW - SERACH SUGGESTION */
  5045. tabview-view-autocomplete-pos[position-fixed-by-tabview-youtube],
  5046. tabview-view-autocomplete-pos,
  5047. tabview-view-autocomplete-pos > .autocomplete-suggestions {
  5048. 	z-index: 500000 !important;
  5049. }
  5050.  
  5051.  
  5052. /* INPUT TXT COLOR FOR DARK */
  5053. html[dark] #related #suggestions-search.playlist-or-live span {
  5054. 	color: white;
  5055. }
  5056.  
  5057. /* INPUT PLACEHOLDER COLOR FOR DARK */
  5058. /* Standard one last! */
  5059. html[dark] :placeholder-shown {
  5060. 	opacity: 1;
  5061. 	color: gray !important;
  5062. }
  5063. /* AUTO COMPLETE SUG */
  5064. .autocomplete-suggestions {
  5065. 	z-index: 500000 !important;
  5066. }
  5067. /* DARK */
  5068. html[dark] .autocomplete-suggestions {
  5069. 	background: #111 !important;
  5070. }
  5071.  
  5072. /* DARK */
  5073. html[dark] .autocomplete-suggestion {
  5074. 	color: gray;
  5075. }
  5076.  
  5077. /* (new58) - COR FLOAT */ 
  5078. /* QUEUE */
  5079. #head + #contents ytd-compact-video-renderer {
  5080. 	display: block !important;
  5081. 	float: left;
  5082. 	clear: none;
  5083. 	width: 100% !important;
  5084. 	max-width: 358px !important;
  5085. 	min-width: 358px !important;
  5086. 	height: 108px !important;
  5087. 	margin-left: 5px !important;
  5088. 	margin-right: 5px !important;
  5089. 	background-color: black !important;
  5090. 	border: 1px solid gray;
  5091. }
  5092. #head + #contents ytd-compact-video-renderer:after {
  5093. 	content: "Queue";
  5094. 	color: white;
  5095. 	background-color: black !important;
  5096. 	border: 1px solid gray;
  5097. }
  5098. /* NO DARK */
  5099. html:not([dark]):not([dark="true"]):not(.style-scope) #head + #contents ytd-compact-video-renderer {
  5100. 	background-color: white !important;
  5101. }
  5102.  
  5103. /* RELATED PANEL - with PARTIAL TWEAK SHOW THE when VIDEO RESTRICTED :
  5104. GM "YouTube: Age Verification Bypass v.1.4r" 
  5105. === */
  5106. .ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer {
  5107. 	height: 89.2vh !important;
  5108. 	padding-top: 0px !important;
  5109. }
  5110. .ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer + #related-skeleton + div {
  5111. 	position: fixed;
  5112. 	display: inline-block;
  5113. 	width: 39.5%;
  5114. 	height: 89.2vh;
  5115. 	top: 87px;
  5116. 	left: 60%;
  5117. 	padding-top: 5px !important;
  5118. 	overflow-x: hidden;
  5119. 	overflow-y: auto;
  5120. }
  5121. /* (new32) NEXT QUEUE (taked for UPDATE v.3) + ITEMS RESTRICTED */
  5122. /* ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) #dismissible , */
  5123. .null.ujs-pos-rel.ujs-pos-rel.ujs-pos-rel > a,
  5124. .ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer + #related-skeleton + div a,
  5125. #items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer):not(yt-related-chip-cloud-renderer),
  5126. .ytd-watch-next-secondary-results-renderer.suggestion-tag {
  5127. 	float: left;
  5128. 	clear: none;
  5129. 	width: 100% !important;
  5130. 	max-width: 31.8% !important;
  5131. 	min-width: 31.8% !important;
  5132. 	height: 100% !important;
  5133. 	min-height: 180px !important;
  5134. 	max-height: 180px !important;
  5135. 	margin: 0 0rem 0.2rem 0.2rem !important;
  5136. 	padding: 0.2rem !important;
  5137. 	border-radius: 3px !important;
  5138. 	background-color: black !important;
  5139. 	border: 1px solid #333 !important;
  5140. }
  5141.  
  5142. #dismissible.ytd-compact-video-renderer {
  5143. 	display: inline-block !important;
  5144. }
  5145. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
  5146. 	display: inline-block !important;
  5147. 	height: 94px;
  5148. 	margin: 0px 0 0px 0 !important;
  5149. 	width: 100% !important;
  5150. }
  5151. /* (new51) */
  5152. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer img.yt-core-image--fill-parent-height.yt-core-image--fill-parent-width,
  5153. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer img {
  5154. 	object-fit: contain !important;
  5155. }
  5156.  
  5157.  
  5158. /* (new32) */
  5159. ytd-thumbnail[size="medium"] a.ytd-thumbnail,
  5160. ytd-thumbnail[size="medium"]::before {
  5161. 	border-radius: 3px !important;
  5162. }
  5163.  
  5164. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer {
  5165. 	display: inline-block !important;
  5166. 	width: 100% !important;
  5167. 	padding-right: 0 !important;
  5168. }
  5169. /* (new58) COR - A VOIR - GM "NEXT QUEUE" - THUMBNAIL - TITLE  */ 
  5170. /*:not(.ytd-playlist-renderer) 
  5171. h3.ytd-compact-video-renderer */
  5172. h3.ytd-compact-video-renderer:not(.ytd-playlist-renderer) {
  5173. 	margin-bottom: 4px !important;
  5174. 	padding: 3px !important;
  5175. color: silver !important;
  5176. }
  5177. span#video-title:not(.ytd-playlist-renderer)  {
  5178. 	display: inline-block !important;
  5179. 	width: 100%;
  5180. 	height: 100%;
  5181. 	line-height: 14px !important;
  5182. 	min-height: 5vh !important;
  5183. 	max-height: 5vh !important;
  5184. 	margin-bottom: -7px !important;
  5185. 	overflow: hidden !important;
  5186. 	font-size: 1.1rem !important;
  5187. 	text-transform: lowercase !important;
  5188. 	overflow-y: auto !important;
  5189. 	border-bottom: 1px solid red !important;
  5190. }
  5191. span#video-title:first-letter {
  5192. 	display: inline-block !important;
  5193. 	text-transform: capitalize !important;
  5194. 	color: red !important;
  5195. }
  5196. /* NO DARK */
  5197. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer + #related-skeleton + div a,
  5198. html:not([dark]):not([dark="true"]):not(.style-scope) #items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer),
  5199. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-watch-next-secondary-results-renderer.suggestion-tag {
  5200. 	border: 1px solid #E7E7E7 !important;
  5201. 	background-color: white !important;
  5202. }
  5203. a.yt-simple-endpoint.ytd-compact-video-renderer,
  5204. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer ytd-video-meta-block,
  5205. ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer .ytd-video-meta-block[meta-block] {
  5206. 	display: inline-block !important;
  5207. 	width: 100% !important;
  5208. 	min-width: 100% !important;
  5209. 	max-width: 100% !important;
  5210. }
  5211.  
  5212. /* (new33) RELATED - THUMBNAIL ITEMS - MOVIE RENT */
  5213. #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy ytd-compact-video-renderer.queue-item.ytd-item-section-renderer,
  5214. #items.ytd-watch-next-secondary-results-renderer ytd-compact-movie-renderer {
  5215. 	float: left !important;
  5216. 	clear: none;
  5217. 	width: 100%;
  5218. 	max-width: 31.8% !important;
  5219. 	min-width: 31.8% !important;
  5220. 	height: auto;
  5221. 	max-height: 195px !important;
  5222. 	min-height: 195px !important;
  5223. 	margin: 0 0rem 0.2rem 0.2rem !important;
  5224. 	padding: 0.2rem;
  5225. 	border-radius: 3px;
  5226. 	border: 1px solid #333;
  5227. 	/* border: 1px solid aqua !important; */
  5228. }
  5229.  
  5230. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-movie-renderer {
  5231. 	position: relative !important;
  5232. 	display: inline-block !important;
  5233. 	height: 94px !important;
  5234. 	width: 100% !important;
  5235. 	margin-right: 8px;
  5236. 	/* border: 1px solid tan !important; */
  5237. }
  5238. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer {
  5239. 	position: relative !important;
  5240. 	display: inline-block !important;
  5241. 	height: 78px !important;
  5242. 	min-width: 100% !important;
  5243. 	margin: 0px 0 0 0 !important;
  5244. 	left: -12.9vw !important;
  5245. 	top: 10.5vh !important;
  5246. 	/* border: 1px solid red !important; */
  5247. }
  5248. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer a.yt-simple-endpoint.ytd-compact-movie-renderer {
  5249. 	position: relative !important;
  5250. 	display: inline-block !important;
  5251. 	width: 100% !important;
  5252. 	height: 77px !important;
  5253. 	left: 0 !important;
  5254. 	padding: 0 !important;
  5255. 	/* border: 1px solid yellow !important; */
  5256. }
  5257. /* (new32) */
  5258. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer a.yt-simple-endpoint.ytd-compact-movie-renderer #movie-title {
  5259. 	display: inline-block !important;
  5260. 	line-height: 2rem;
  5261. 	max-height: 4rem;
  5262. 	margin-bottom: -13px;
  5263. 	font-size: 1.1rem !important;
  5264. 	overflow: hidden;
  5265. 	text-overflow: ellipsis;
  5266. 	white-space: normal;
  5267. }
  5268. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer a.yt-simple-endpoint.ytd-compact-movie-renderer ytd-badge-supported-renderer {
  5269. 	position: absolute !important;
  5270. 	display: inline-block !important;
  5271. 	top: -20px !important;
  5272. 	width: 100% !important;
  5273. }
  5274. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer a.yt-simple-endpoint.ytd-compact-movie-renderer .badge.ytd-badge-supported-renderer:not(:last-of-type) {
  5275. 	float: left !important;
  5276. 	width: 50% !important;
  5277. 	height: 10px !important;
  5278. 	margin: 0 0 0 0 !important;
  5279. 	overflow: hidden;
  5280. 	text-overflow: ellipsis;
  5281. 	white-space: nowrap;
  5282. 	/* background: red !important; */
  5283. }
  5284. ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) .details.ytd-compact-movie-renderer a.yt-simple-endpoint.ytd-compact-movie-renderer .badge.ytd-badge-supported-renderer:not(:first-of-type) {
  5285. 	float: left !important;
  5286. 	width: 10% !important;
  5287. 	height: 10px !important;
  5288. 	margin-left: 10px !important;
  5289. 	/* background: green !important; */
  5290. }
  5291.  
  5292. /* (new28) - CHAINE  */
  5293. .ytd-watch-next-secondary-results-renderer.use-ellipsis {
  5294. 	display: inline-block !important;
  5295. 	min-height: 180px !important;
  5296. 	max-height: 180px !important;
  5297. 	max-width: 31.8%;
  5298. 	min-width: 31.8%;
  5299. 	border: 1px solid aqua !important;
  5300. }
  5301. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer {
  5302. 	display: inline-block !important;
  5303. 	height: 94px !important;
  5304. 	margin-right: 8px;
  5305. 	width: 100% !important;
  5306. 	min-width: 100% !important;
  5307. 	max-width: 100% !important;
  5308. }
  5309. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer ytd-thumbnail {
  5310. 	display: inline-block !important;
  5311. 	height: 94px !important;
  5312. 	margin-right: 8px;
  5313. 	width: 100% !important;
  5314. 	min-width: 100% !important;
  5315. 	max-width: 100% !important;
  5316. }
  5317. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer {
  5318. 	display: inline-block !important;
  5319. 	height: auto !important;
  5320. 	margin-right: 8px;
  5321. 	width: 100% !important;
  5322. 	min-width: 97.5% !important;
  5323. 	max-width: 97.5% !important;
  5324. 	padding: 2px 3px !important;
  5325. 	background: #333 !important;
  5326. 	border-top: 1px solid red !important;
  5327. 	border-bottom: 1px solid red !important;
  5328. }
  5329.  
  5330. /* (new58) COR FLOAT */
  5331. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer .metadata.ytd-compact-radio-renderer {
  5332. 	display: block !important;
  5333. 	float: left !important;
  5334. 	width: 88% !important;
  5335. 	height: 40px !important;
  5336. 	min-width: 0;
  5337. 	padding: 0 !important;
  5338. /* border-right: 1px solid  red !important; */
  5339. }
  5340. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer .metadata.ytd-compact-radio-renderer #title {
  5341. 	display: inline-block !important;
  5342. 	width: 100% !important;
  5343. 	height: auto !important;
  5344. 	padding: 0 !important;
  5345. /* border-right: 1px solid  red !important; */
  5346. }
  5347. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer .metadata.ytd-compact-radio-renderer #title h3 {
  5348. 	display: inline-block !important;
  5349. 	width: 100% !important;
  5350. 	height: auto !important;
  5351. 	padding: 0 !important;
  5352. 	/* border-right: 1px solid  red !important; */
  5353. }
  5354. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer .metadata.ytd-compact-radio-renderer #title h3 span {
  5355. 	display: inline-block !important;
  5356. 	width: 100%;
  5357. 	height: 100% !important;
  5358. 	min-height: 40px !important;
  5359. 	max-height: 40px !important;
  5360. 	text-transform: lowercase;
  5361.  
  5362. 	border-bottom: 1px solid red;
  5363. }
  5364.  
  5365. /* (new58) COR FLOAT */
  5366. .ytd-watch-next-secondary-results-renderer.use-ellipsis #dismissible.ytd-compact-radio-renderer .details.ytd-compact-radio-renderer #menu {
  5367. 	display: block !important;
  5368. 	float: right !important;
  5369. 	width: 10% !important;
  5370. 	height: 39px !important;
  5371. 	min-width: 0;
  5372. 	margin: 2px 0 0 0 !important;
  5373. 	padding: 0 !important;
  5374. border-left: 1px solid tan !important;
  5375. }
  5376.  
  5377. /* (new41)  RELATED PANEL - when CONNECTED  */
  5378. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer {
  5379. 	position: sticky;
  5380. 	display: inline-block !important;
  5381. 	width: 100% !important;
  5382. 	min-width: 99.9% !important;
  5383. 	max-width: 99.9% !important;
  5384. 	top: 0.5vh !important;
  5385. 	padding-left: 1rem !important;
  5386. 	z-index: 500 !important;
  5387. 	background: #111 !important;
  5388. 	/* border-bottom: 1px solid yellow !important; */
  5389. }
  5390. /* NO DARK */
  5391. html:not([dark]):not([dark="true"]):not(.style-scope) #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer {
  5392. 	background: white !important;
  5393. 	border-top: 1px solid red !important;
  5394. 	border-bottom: 1px solid red !important;
  5395. }
  5396.  
  5397. /* (new41) CONNECTED (with CHIPS TAGS ) */
  5398. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer {
  5399. 	display: inline-block !important;
  5400. 	float: none !important;
  5401. 	clear: none;
  5402. 	width: 100% !important;
  5403. 	max-width: 98% !important;
  5404. 	min-width: 98% !important;
  5405. 	height: 100% !important;
  5406. 	min-height: 0px !important;
  5407. 	max-height: 0px !important;
  5408. 	margin: 0.5vh 0rem 0.2rem 0.5rem !important;
  5409. 	padding: 0rem !important;
  5410. 	border: none !important;
  5411. 	/* border: 1px solid aqua !important; */
  5412. }
  5413.  
  5414. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer #contents {
  5415. 	display: inline-block !important;
  5416.     width: 100% !important;
  5417. 	max-width: 98% !important;
  5418. 	min-width: 98% !important;
  5419. }
  5420.  
  5421.  
  5422. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer ytd-compact-video-renderer {
  5423. 	clear: none !important;
  5424. 	float: left !important;
  5425. 	width: 100% !important;
  5426. 	max-width: 31.8% !important;
  5427. 	min-width: 31.8% !important;
  5428. 	height: auto !important;
  5429. 	margin-bottom: 0.2rem !important;
  5430. 	margin-left: 0.5rem !important;
  5431. 	margin-right: 0rem !important;
  5432. 	padding: 0.2rem !important;
  5433. 	border-radius: 3px;
  5434. /* background-color: red !important; */
  5435. border: 1px solid gray !important;
  5436. }
  5437.  
  5438. /* (new58) RELATED ITEMS - LOCKUP */
  5439. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup {
  5440. 	clear: none !important;
  5441. 	float: left !important;
  5442. 	width: 100% !important;
  5443. 	max-width: 31.8% !important;
  5444. 	min-width: 31.8% !important;
  5445. 	height: auto !important;
  5446.  
  5447.     margin: 8px 0rem 0.2rem 0.5rem !important;
  5448. 	padding: 0.2rem !important;
  5449. 	border-radius: 3px;
  5450. border: 1px solid gray !important;
  5451. }
  5452. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz--horizontal {
  5453.     position: relative !important;
  5454.     display: block !important;
  5455.     float: left !important;
  5456.     width: 100% !important;
  5457.     min-width: 100% !important;
  5458. 	max-width: 100% !important;
  5459.     margin: 0px 0 -1.5vh 0 !important;
  5460. /*border: 1px dashed yellow !important;*/
  5461. }
  5462.  
  5463. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz.yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__content-image yt-collection-thumbnail-view-model yt-collections-stack.collections-stack-wiz > div  > div{
  5464.     width: 100% !important;
  5465.     min-width: 99% !important;
  5466. 	max-width: 99% !important;
  5467.     height: 11vh !important;
  5468.     top: 0 !important;
  5469.     left: 0 !important;
  5470.     margin: 0 !important;
  5471. /*border: 1px dashed greenyellow!important;*/
  5472. }
  5473.  
  5474.  
  5475. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz__content-image {
  5476.     display: inline-block !important;
  5477.     width: 100% !important;
  5478.     min-width: 99% !important;
  5479. 	max-width: 99% !important;
  5480.     height: 11vh !important;
  5481.     margin: 0 0 0vh 0 !important
  5482. /*border: 1px dashed greenyellow!important;*/
  5483. }
  5484. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz__content-image .yt-thumbnail-view-model .yt-thumbnail-view-model__image {
  5485.     display: inline-block !important;
  5486.     width: 100% !important;
  5487.     min-width: 99% !important;
  5488. 	max-width: 99% !important;
  5489.     height: 11vh !important;
  5490.     margin: -1vh 0 0vh 0 !important;
  5491.     padding: 0 0 0vh 0 !important;
  5492. /*border: 1px dashed aqua !important;*/
  5493. }
  5494. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz__content-image .yt-thumbnail-view-model .yt-thumbnail-view-model__image img{
  5495.     display: inline-block !important;
  5496.     width: 100% !important;
  5497.     min-width: 100% !important;
  5498. 	max-width: 100% !important;
  5499.     height: 11vh !important;
  5500.     padding: 0 0 0vh 0 !important;
  5501.     object-fit: contain !important;
  5502.     object-position: center center !important;
  5503. /*border: 1px dashed greenyellow!important;*/
  5504. }
  5505. #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer > .ytd-item-section-renderer .ytd-item-section-renderer.lockup .yt-lockup-view-model-wiz__metadata {
  5506.     position: relative !important;
  5507.     display: inline-block !important;
  5508.     width: 100% !important;
  5509.     min-width: 100% !important;
  5510. 	max-width: 100% !important;
  5511.     top: -2vh !important;
  5512.     margin: 0vh 0 0vh 0 !important;
  5513. /*background: brown !important;*/
  5514. /*border: 1px dashed aqua !important;*/
  5515. }
  5516.  
  5517. /* (new35) PLAYLIST ITEMS */
  5518. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer,
  5519. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer,
  5520. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] {
  5521. 	clear: none !important;
  5522. 	float: left !important;
  5523. 	width: 100% !important;
  5524. 	max-width: 31.8% !important;
  5525. 	min-width: 31.8% !important;
  5526. 	height: auto !important;
  5527. 	margin-bottom: 0.2rem !important;
  5528. 	margin-left: 0.5rem !important;
  5529. 	margin-right: 0rem !important;
  5530. 	padding: 0.2rem !important;
  5531. 	border-radius: 3px;
  5532. 	border: 1px solid #333 !important;
  5533. 	border: 1px solid green !important;
  5534. }
  5535.  
  5536. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer ytd-thumbnail.ytd-compact-radio-renderer,
  5537. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] ytd-playlist-thumbnail.ytd-compact-playlist-renderer,
  5538. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer ytd-playlist-thumbnail.ytd-compact-playlist-renderer {
  5539. 	display: inline-block;
  5540. 	height: 107px;
  5541. 	margin: 0 !important;
  5542. 	width: 100%;
  5543. 	border-radius: 3px !important;
  5544. }
  5545. /* (new35) PLAYLIST BORDER RADIUS  */
  5546. ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail,
  5547. ytd-playlist-thumbnail[size="medium"]::before {
  5548. 	border-radius: 3px !important;
  5549. }
  5550. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer #dismissible,
  5551. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] #dismissible,
  5552. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible {
  5553. 	display: inline-block !important;
  5554. 	min-width: 100% !important;
  5555. 	width: 100%;
  5556. }
  5557. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer #dismissible .details.ytd-compact-playlist-renderer,
  5558. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] #dismissible .details.ytd-compact-playlist-renderer,
  5559. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .details.ytd-compact-playlist-renderer {
  5560. 	min-width: 100% !important;
  5561. 	width: 100%;
  5562. }
  5563. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer #dismissible .metadata.ytd-compact-playlist-renderer,
  5564. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] #dismissible .metadata.ytd-compact-playlist-renderer,
  5565. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .metadata.ytd-compact-playlist-renderer {
  5566. 	display: inline-block !important;
  5567. 	min-width: 0;
  5568. 	padding-right: 0px;
  5569. 	width: 100%;
  5570. }
  5571. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-radio-renderer #dismissible .metadata.ytd-compact-playlist-renderer #title.ytd-compact-playlist-renderer,
  5572. #related #items ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer ytd-compact-playlist-renderer[custom-thumbnail-size] #dismissible .metadata.ytd-compact-playlist-renderer #title.ytd-compact-playlist-renderer,
  5573. #related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .metadata.ytd-compact-playlist-renderer #title.ytd-compact-playlist-renderer {
  5574. 	width: 100%;
  5575. }
  5576. /* (new21) PLAY QUEUE - BUTTONS */
  5577. .badge.queue-button.ytd-badge-supported-renderer {
  5578. 	margin-bottom: 0 !important;
  5579. 	margin-top: 0px !important;
  5580. 	padding: 0 !important;
  5581. }
  5582.  
  5583. /* (new41) NUDGE ITEMS ?? */
  5584. #related #items ytd-feed-nudge-renderer[is-dismissed] {
  5585. 	float: left;
  5586. 	clear: none;
  5587. 	width: 100% !important;
  5588. 	max-width: 99% !important;
  5589. 	min-width: 99% !important;
  5590. 	height: 20px !important;
  5591. 	line-height: 15px !important;
  5592. 	margin-right: 0rem;
  5593. 	margin-left: 0.5rem;
  5594. 	margin-bottom: 0.2rem;
  5595. 	border-radius: 3px !important;
  5596. 	padding: 0 !important;
  5597. 	/* border: 1px solid aqua !important; */
  5598. }
  5599. #dismissed.ytd-feed-nudge-renderer {
  5600. 	position: relative;
  5601. 	padding-bottom: 0 !important;
  5602. }
  5603.  
  5604. /* (new21) SEARCH GENERATED for GM "Youtube - Search While Watching Video" */
  5605. .yt-search-generated:before {
  5606. 	content: "🔎";
  5607. 	position: absolute;
  5608. 	display: inline-block;
  5609. 	min-width: 15px;
  5610. 	height: 12px;
  5611. 	bottom: 0 !important;
  5612. 	right: 0 !important;
  5613. 	text-align: center;
  5614. 	border-radius: 5px 0 0 0 !important;
  5615. 	z-index: 500;
  5616. 	opacity: 0.5;
  5617. 	color: red;
  5618. 	border: 1px solid green !important;
  5619. 	background: gold;
  5620. }
  5621. #items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer).yt-search-generated {
  5622. 	border: 1px solid blue !important;
  5623. }
  5624.  
  5625. /* (new31) - COMMENTS - FIXED - MOVE RIGHT - A VOIR :not([should-stamp-chat])  */
  5626. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]),
  5627. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]) {
  5628. 	position: fixed !important;
  5629. 	display: inline-block !important;
  5630. 	min-width: 38.8% !important;
  5631. 	max-width: 38.8% !important;
  5632. 	height: 90vh;
  5633. 	left: 60% !important;
  5634. 	top: 85px;
  5635. 	padding: 0 10px;
  5636. 	overflow: hidden;
  5637. 	overflow-y: auto !important;
  5638. 	z-index: 500000 !important;
  5639. 	background: black;
  5640. }
  5641. /* (new31) - CY Fung FIX - A VOIR :not([should-stamp-chat])  */
  5642. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]),
  5643. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]) {
  5644. 	visibility: collapse !important;
  5645. }
  5646.  
  5647. /* (new31) - NO DARK - A VOIR :not([should-stamp-chat])  */
  5648. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments,
  5649. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments {
  5650. 	background-color: white !important;
  5651. }
  5652. /* (new31) - COMMENTS - HOVER - A VOIR :not([should-stamp-chat])  */
  5653. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:hover:not(:empty):not([hidden]),
  5654. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:hover:not(:empty):not([hidden]) {
  5655. 	position: fixed !important;
  5656. 	display: inline-block !important;
  5657. 	min-width: 38.8% !important;
  5658. 	max-width: 38.8% !important;
  5659. 	height: 90vh;
  5660. 	left: 60% !important;
  5661. 	top: 9vh;
  5662. 	padding: 0 10px;
  5663. 	z-index: 500000 !important;
  5664. 	visibility: visible !important;
  5665. 	background: black;
  5666. 	border-top: 1px solid green !important;
  5667. 	border-bottom: 4px solid gray !important;
  5668. }
  5669.  
  5670. /* (new31) - NO DARK - A VOIR :not([should-stamp-chat])  */
  5671. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:hover,
  5672. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:hover {
  5673. 	background-color: white !important;
  5674. }
  5675.  
  5676. /* (new31) - A VOIR :not([should-stamp-chat]) */
  5677. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) ytd-item-section-renderer,
  5678. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) ytd-item-section-renderer {
  5679. 	display: inline-block !important;
  5680. 	min-height: 100% !important;
  5681. 	width: 100% !important;
  5682. 	margin-top: 0px;
  5683. }
  5684. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments ytd-item-section-renderer ytd-comments-header-renderer,
  5685. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments ytd-item-section-renderer ytd-comments-header-renderer {
  5686. 	margin-bottom: 5px;
  5687. 	margin-top: 25px;
  5688. }
  5689. ytd-comments #title.ytd-comments-header-renderer,
  5690. #title.ytd-comments-header-renderer {
  5691. 	margin-bottom: 5px;
  5692. }
  5693. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents,
  5694. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents {
  5695. 	display: inline-block !important;
  5696. 	width: 98%;
  5697. 	top: -35px;
  5698. 	padding: 5px 10px;
  5699. 	overflow: hidden;
  5700. 	overflow-y: auto;
  5701. 	background: #333;
  5702. }
  5703. /* (new31) - CY Fung FIX - A VOIR :not([should-stamp-chat]) */
  5704. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents,
  5705. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents {
  5706. 	height: 77vh !important;
  5707. }
  5708.  
  5709. /* (new31) - NO DARK - A VOIR :not([should-stamp-chat])*/
  5710. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager ytd-comments #contents,
  5711. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) ytd-comments #contents {
  5712. 	background-color: white !important;
  5713. }
  5714. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]):before,
  5715. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]):before {
  5716. 	content: "Comments ▼";
  5717. 	position: fixed;
  5718. 	display: inline-block;
  5719. 	width: 100px;
  5720. 	height: 21px !important;
  5721. 	line-height: 21px;
  5722. 	margin: 0px 0 0 125px !important;
  5723. 	top: 6.4vh !important;
  5724. 	padding: 1px 5px;
  5725. 	border-radius: 3px 3px 0 0;
  5726. 	text-align: center !important;
  5727. 	z-index: 5000000 !important;
  5728. 	visibility: visible;
  5729. 	color: gray !important;
  5730. 	border-top: 1px solid #333;
  5731. 	border-bottom: 1px solid #333;
  5732. 	border-right: 5px solid #333;
  5733. 	border-left: 5px solid #333;
  5734. background-color: #222;
  5735. }
  5736. /* (new31) - TEST - CHAT - COMMENTS */
  5737. #secondary ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-comments-section"][visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"] ytd-comments:before {
  5738. 	display: none !important;
  5739. }
  5740. /* (new31) - NO DARK - A VOIR - :not([should-stamp-chat]) */
  5741. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:before,
  5742. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:before {
  5743. 	border-top: 1px solid #E7E7E7 !important;
  5744. 	border-bottom: 1px solid #E7E7E7 !important;
  5745. 	border-right: 5px solid #E7E7E7;
  5746. 	border-left: 5px solid #E7E7E7;
  5747. background-color: white !important;
  5748. color: black!important;
  5749. }
  5750. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments:not([hidden]):hover:before,
  5751. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not([hidden]):hover:before {
  5752. 	font-size: 15px !important;
  5753. 	text-align: center !important;
  5754. 	color: white !important;
  5755. 	border: none !important;
  5756. 	border-bottom: 1px solid green !important;
  5757. 	border-top: 2px solid transparent !important;
  5758. background-color: #333 !important;
  5759. }
  5760. /* (new31) - NO DARK - A VOIR - :not([should-stamp-chat]) */
  5761. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments,
  5762. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:hover:before {
  5763. 	color: white !important;
  5764. 	border-bottom: 1px solid #E7E7E7;
  5765. 	border-top: 5px solid #999;
  5766. 	border-left: 5px solid #999;
  5767. border-right: 5px solid #999;
  5768. background-color: #999 !important;
  5769. }
  5770. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments#comments #contents ytd-comment-thread-renderer,
  5771. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments #contents ytd-comment-thread-renderer {
  5772. 	display: block;
  5773. 	margin-bottom: 5px !important;
  5774. 	padding: 5px;
  5775. 	border-radius: 5px;
  5776. background-color: #222;
  5777. border: 1px solid #333 !important;
  5778. }
  5779. /* (new31) - NO DARK  - A VOIR - :not([should-stamp-chat])*/
  5780. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager ytd-comments #contents ytd-comment-thread-renderer,
  5781. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) ytd-comments #contents ytd-comment-thread-renderer {
  5782. 	background-color: white !important;
  5783. }
  5784.  
  5785. /* (new31) - COMMENTS COUNTER - start at 01 - A VOIR - :not([should-stamp-chat]) */
  5786. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments#comments:not(:empty):not([hidden]),
  5787. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments:not(:empty):not([hidden]) {
  5788. 	content: counter(myIndex, decimal);
  5789. 	counter-increment: myIndex 0 !important;
  5790. }
  5791. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments#comments:not(:empty):not([hidden]) ytd-comment-thread-renderer::before,
  5792. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments:not(:empty):not([hidden]) ytd-comment-thread-renderer::before {
  5793. 	counter-increment: myIndex ! important;
  5794. 	content: counter(myIndex, decimal)"\A Comments";
  5795. 	position: fixed;
  5796. 	width: auto;
  5797. 	line-height: 15px;
  5798. 	min-width: 17px;
  5799. 	right: 5px !important;
  5800. 	top: 3.95vh !important;
  5801. 	padding: 1px 5px;
  5802. 	text-align: center;
  5803. 	border-radius: 3px;
  5804. 	font-size: 15px;
  5805. 	z-index: 100;
  5806. 	visibility: visible !important;
  5807. 	opacity: 1 !important;
  5808. color: tomato;
  5809. box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
  5810. /* background: rgba(62, 59, 59, 0.6) none repeat scroll 0 0; */
  5811. background: black !important;
  5812. }
  5813. .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments#comments ytd-comment-thread-renderer:hover::before,
  5814. .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments ytd-comment-thread-renderer:hover::before {
  5815. 	opacity: 1 !important;
  5816. }
  5817. /* (new31) - NO DARK - A VOIR - :not([should-stamp-chat]) */
  5818. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager #columns.ytd-watch-flexy #primary-inner ytd-comments#comments ytd-comment-thread-renderer::before,
  5819. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments ytd-comment-thread-renderer::before {
  5820. 	background-color: white !important;
  5821. }
  5822.  
  5823.  
  5824. /* WIDE THEATER - TABVIEW - :not(.parentToothbrush) */
  5825. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) {
  5826. 	position: fixed !important;
  5827. 	left: 0;
  5828. 	right: 0;
  5829. 	bottom: 0 !important;
  5830. 	z-index: 50000000 !important;
  5831. }
  5832. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] #columns.ytd-watch-flexy #primary {
  5833. 	z-index: 0 !important;
  5834. }
  5835.  
  5836. /* WIDE THEATER - SUPP ELEMENTS UNDER PALYER - TABVIEW */
  5837. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy > #meta,
  5838. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy > #info #info-contents #info,
  5839. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy > #info #primary-info #info {
  5840. 	display: none !important;
  5841. }
  5842.  
  5843. /* (new21) YOUTUBE HOME  in 2 Coumn - VIDEO PREVIEW on HOVER THUMB ADD :not(.ytp-big-mode):not(.ytp-embed):not(#c4-player):not(#inline-preview-player) */
  5844. /* (new21) NOT EMBED .html5-video-player:not(.ytp-embed) */
  5845. .html5-video-player:not(.ytp-embed).ytp-inline-preview-ui,
  5846. .html5-video-player:not(.ytp-embed) .ytp-inline-preview-scrim {
  5847. 	/* height: 407px; */
  5848. 	/* border: 1px solid aqua !important; */
  5849. }
  5850.  
  5851.  
  5852.  
  5853. /* (new21) TOOLTIPS - THEATER */
  5854. ytd-watch-flexy[flexy][theater]:not([fullscreen]):not(.ytp-embed):not([style*="display: none;"]) .ytp-tooltip.ytp-bottom .ytp-tooltip-text-wrapper span.ytp-tooltip-text.ytp-tooltip-text-no-title {
  5855. 	margin-top: -60px !important;
  5856. }
  5857.  
  5858. /* (new21) TEST - PREVIEW VIDEO THUMBNAIL + BUTTON TOOLTIPS - THEATER */
  5859. ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy .ytp-tooltip.ytp-bottom.ytp-preview:not([style*="display: none;"]) {
  5860. 	position: fixed !important;
  5861. 	display: inline-block !important;
  5862. 	margin-top: 8.5vh !important;
  5863. 	pointer-events: none;
  5864. 	z-index: 500000000 !important;
  5865. }
  5866. /* (new21) TOOLTIPS - THEATER */
  5867. ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy #player-container ytd-player.ytd-watch-flexy #movie_player.html5-video-player .ytp-tooltip.ytp-bottom .ytp-tooltip-text-wrapper .ytp-tooltip-text.ytp-tooltip-text-no-title {
  5868. 	margin-top: -20px !important;
  5869. }
  5870.  
  5871. /* (new21) TOOLTIP TITLE */
  5872. .html5-video-player:not(#c4-player) .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
  5873. 	position: relative;
  5874. 	display: block;
  5875. 	height: 16px;
  5876. 	width: 200%;
  5877. 	top: 2.7vh !important;
  5878. 	white-space: nowrap;
  5879. 	text-overflow: ellipsis;
  5880. 	overflow: hidden;
  5881. border: 0 none;
  5882. color: white !important;
  5883. }
  5884. .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
  5885. 	position: relative;
  5886. 	display: block;
  5887. 	width: 200%;
  5888. 	height: 16px;
  5889. 	top: 45px;
  5890. 	white-space: nowrap;
  5891. 	text-overflow: ellipsis;
  5892. 	overflow: hidden;
  5893. 	text-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
  5894. border: 0 none;
  5895. color: red !important;
  5896. }
  5897.  
  5898. /* (new48) TOTAL CONTAINER - PLAYER + RIGHT PANEL - COLUMN FLEXY 
  5899. :not([flexy-enable-large-window-sizing])
  5900. ==== */
  5901. .tabview-normal-player ytd-page-manager#page-manager ytd-watch-flexy:not([flexy-enable-large-window-sizing]) #columns.ytd-watch-flexy,
  5902. ytd-page-manager#page-manager ytd-watch-flexy:not([flexy-enable-large-window-sizing]) #columns.ytd-watch-flexy {
  5903. 	min-width: 100% !important;
  5904. 	max-width: 100% !important;
  5905. 	height: 100% !important;
  5906. 	min-height: 99.9vh !important;
  5907. 	max-height: 99.9vh !important;
  5908. 	margin-left: 0 !important;
  5909. 	overflow: hidden !important;
  5910. }
  5911.  
  5912. /* (new48) FULL - LARGE MODE */
  5913. .tabview-normal-player ytd-page-manager#page-manager ytd-watch-flexy[flexy-enable-large-window-sizing] #columns.ytd-watch-flexy,
  5914. ytd-page-manager#page-manager ytd-watch-flexy[flexy-enable-large-window-sizing] #columns.ytd-watch-flexy {
  5915. 	position: fixed !important;
  5916. 	display: inline-block !important;
  5917. 	min-width: 100% !important;
  5918. 	max-width: 100% !important;
  5919. 	height: 100% !important;
  5920. 	min-height: 100vh !important;
  5921. 	max-height: 100vh !important;
  5922. 	margin-left: 0 !important;
  5923. 	overflow: hidden !important;
  5924. }
  5925. ytd-watch-flexy[full-bleed-player][fullscreen] #columns.ytd-watch-flexy #below,
  5926. ytd-watch-flexy[full-bleed-player][fullscreen] #columns.ytd-watch-flexy #secondary {
  5927. 	display: none !important;
  5928. }
  5929. /* (new49) LARGE - NOT FULL */
  5930. ytd-watch-flexy[full-bleed-player]:not([fullscreen]) #full-bleed-container.ytd-watch-flexy {
  5931. 	position: fixed !important;
  5932. 	display: flex;
  5933. 	flex-direction: row;
  5934. 	width: 100%;
  5935. 	height: 100vw !important;
  5936. 	min-height: 43.7vw !important;
  5937. 	max-height: 43.7vw !important;
  5938. 	top: 9vh !important;
  5939. 	z-index: 5000 !important;
  5940. }
  5941. ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy .ytp-title {
  5942. 	position: fixed !important;
  5943. 	display: inline-block !important;
  5944. 	width: 100% !important;
  5945. 	min-width: 48% !important;
  5946. 	max-width: 48% !important;
  5947. 	height: 3vh !important;
  5948. 	top: 6vh !important;
  5949. 	left: 0 !important;
  5950. 	z-index: 50000000 !important;
  5951. }
  5952.  
  5953. ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy .ytp-title .ytp-title-text {
  5954. 	position: fixed !important;
  5955. 	display: inline-block !important;
  5956. 	width: 100% !important;
  5957. 	min-width: 48% !important;
  5958. 	max-width: 48% !important;
  5959. 	height: 3vh !important;
  5960. 	top: 6vh !important;
  5961. 	margin: 0 !important;
  5962. 	padding: 0 0 0 10px!important;
  5963. 	font-size: 18px;
  5964. 	text-overflow: ellipsis;
  5965. 	vertical-align: top;
  5966. 	overflow: hidden;
  5967. 	white-space: nowrap;
  5968. 	overflow-wrap: normal;
  5969. }
  5970. /* (new48) NO DARK */
  5971. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy .ytp-title .ytp-title-text {
  5972. 	color: black !important;
  5973. }
  5974.  
  5975. /* (new31) Z-INDEX FOR PREVIEW */
  5976. #columns.ytd-watch-flexy #primary {
  5977. 	position: absolute !important;
  5978. 	min-width: 59.5% !important;
  5979. 	max-width: 59.5% !important;
  5980. 	height: 100% !important;
  5981. 	min-height: 92.1vh !important;
  5982. 	max-height: 92.1vh !important;
  5983. 	margin-left: 0 !important;
  5984. 	left: 0.3rem !important;
  5985. 	top: 6.5vh !important;
  5986. 	padding: 0 !important;
  5987. 	overflow: visible !important;
  5988. }
  5989. #columns.ytd-watch-flexy #primary:hover {
  5990. 	z-index: 5000000000 !important;
  5991. }
  5992.  
  5993. /* (new21) Z-INDEX FOR PREVIEW  TABVIEW  - PB HIDE SEARCH BAR on HOVER :
  5994. html[plugin-tabview-youtube]  #columns.ytd-watch-flexy #primary #primary-inner > #player:first-child  #player-container-outer.ytd-watch-flexy #player-container-inner.ytd-watch-flexy ytd-player #container.ytd-player .html5-video-player:hover
  5995. === */
  5996. html[plugin-tabview-youtube] #columns.ytd-watch-flexy #primary {
  5997. 	z-index: 500000000 !important;
  5998. }
  5999. html[plugin-tabview-youtube] #columns.ytd-watch-flexy #primary:hover {
  6000. 	display: inline-block !important;
  6001. 	z-index: 5000000000 !important;
  6002. }
  6003.  
  6004. /* (new31) PRIMARY INNER - PLAYER + INFOW UNDER THE FOLD */
  6005. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy {
  6006. 	min-width: 100% !important;
  6007. 	max-width: 100% !important;
  6008. 	height: 100% !important;
  6009. 	min-height: 92.5vh !important;
  6010. 	max-height: 92.5vh !important;
  6011. 	margin-left: 0 !important;
  6012. 	overflow: visible !important;
  6013. }
  6014.  
  6015. /* (new31) PLAYER - TEST BACKGROUND COLOR on LOAD */
  6016. ytd-watch-flexy #columns #primary #player {
  6017. 	overflow: visible !important;
  6018. background-color: transparent !important;
  6019. }
  6020.  
  6021. /* (new49) INFOS ACTIVE UNDER THE FOLD - ytd-watch-metadata[description-collapsed]  */
  6022.  
  6023. /* (new45) INFOS ACTIVE UNDER THE FOLD - THEATER - DISPLAY NONE ?? - ytd-watch-metadata[description-collapsed]  */
  6024. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy {
  6025. 	display: inline-block !important;
  6026. 	width: 0% !important;
  6027. 	height: 0vh !important;
  6028. 	margin: 0 !important;
  6029. 	overflow: hidden !important;
  6030. 	z-index: 5000 !important;
  6031. 	border: none !important;
  6032. }
  6033.  
  6034. /* (new31) THEATER - INFOS ACTIVE UNDER THE FOLD - move TOP */
  6035. /* ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy  #below .watch-active-metadata.ytd-watch-flexy + div , */
  6036. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy #below .watch-active-metadata.ytd-watch-flexy #top-row.ytd-watch-metadata + #bottom-row,
  6037. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy #below .watch-active-metadata.ytd-watch-flexy #top-row.ytd-watch-metadata {
  6038. 	display: none !important;
  6039. }
  6040.  
  6041.  
  6042. /* (new56) UNDER PLAYER - INFOS CONTAINER */
  6043. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold {
  6044. 	position: fixed !important;
  6045.     display: inline-block !important;
  6046. 	float: none !important;
  6047. 	min-width: 59.5% !important;
  6048. 	max-width: 59.5% !important;
  6049. 	height: 6.9vh !important;
  6050. 	margin: 0 0 0 0 !important;
  6051. 	bottom: 1.2vh !important;
  6052. 	z-index: 500000 !important;
  6053. }
  6054.  
  6055. /* (new31) THEATER */
  6056. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold {
  6057. 	height: 0vh !important;
  6058. 	bottom: -2vh !important;
  6059. border: 1px solid green !important;
  6060. }
  6061.  
  6062. /* (new49) UNDER PLAYER - TOP INFOS - OWNER / ACTIONS (BOTTOM) */
  6063. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row.ytd-watch-metadata {
  6064. 	position: fixed;
  6065. 	height: 40px !important;
  6066. 	line-height: 30px !important;
  6067. 	min-width: 30% !important;
  6068. 	max-width: 30% !important;
  6069. 	left: 0.5vw !important;
  6070. 	margin: 0 0 0 0 !important;
  6071. 	bottom: 1.3vh !important;
  6072. }
  6073.  
  6074. /* (new52) UNDER PLAYER - MIDDLE INFOS - TEXT INFOS OWNER  - RESUME */
  6075. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] {
  6076. 	position: fixed !important;
  6077. 	height: auto !important;
  6078. 	max-height: 4.5vh !important;
  6079. 	width: 55px !important;
  6080. 	bottom: 6.5vh !important;
  6081. 	right: 40% !important;
  6082. 	overflow: hidden !important;
  6083. 	opacity: 0.5 !important;
  6084. 	transform: scale(0.5) !important;
  6085. }
  6086. /* HOVER */
  6087. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu]:hover {
  6088. 	width: auto !important;
  6089. 	opacity: 1 !important;
  6090. 	transform: scale(1) !important;
  6091. background: red !important;
  6092. }
  6093. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] .content.ytd-info-panel-content-renderer {
  6094. 	display: flex;
  6095. 	flex: 1 1 1e-9px;
  6096. 	flex-direction: row;
  6097. 	padding: 0px 16px !important;
  6098. }
  6099.  
  6100.  
  6101. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] #menu.ytd-info-panel-content-renderer {
  6102. 	height: 20px !important;
  6103. 	margin: 0px !important;
  6104. }
  6105. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] #menu.ytd-info-panel-content-renderer ytd-menu-renderer {
  6106. 	height: 20px !important;
  6107. 	margin: 0px !important;
  6108. }
  6109. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] #menu.ytd-info-panel-content-renderer ytd-menu-renderer yt-icon-button {
  6110. 	height: 20px !important;
  6111. 	margin: 0px !important;
  6112. }
  6113. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #middle-row .ytd-watch-metadata[has-menu] #menu.ytd-info-panel-content-renderer ytd-menu-renderer yt-icon.ytd-menu-renderer {
  6114. 	height: 20px !important;
  6115. 	margin: 0px !important;
  6116. }
  6117.  
  6118.  
  6119. /* (new49) UNDER PLAYER - BOTTOM INFOS - INFOS DESCRIPTION - TAB - TABVIEW  cf TAB DESCRIPTION */
  6120. /* #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy  .watch-active-metadata.ytd-watch-flexy #above-the-fold #bottom-row .ytd-watch-metadata  */
  6121. /* (new49) UNDER PLAYER - TOP + BOTTOM INFOS - UNDER PLAYER */
  6122. /* #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy  .watch-active-metadata.ytd-watch-flexy #above-the-fold #bottom-row .ytd-watch-metadata  , */
  6123. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row + #bottom-row {
  6124. 	position: fixed;
  6125. 	display: inline-block !important;
  6126. 	min-width: 59% !important;
  6127. 	max-width: 59% !important;
  6128. 	margin: 0 !important;
  6129. 	bottom: 8vh !important;
  6130. }
  6131. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row + #bottom-row #owner.ytd-watch-metadata {
  6132. 	float: left !important;
  6133. 	align-items: center;
  6134. 	display: flex;
  6135. 	flex: 1 1 1e-9px;
  6136. 	flex-direction: row;
  6137. 	min-width: 59% !important;
  6138. 	max-width: 59% !important;
  6139. }
  6140. /* (new30) */
  6141. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer {
  6142. 	height: 5vh !important;
  6143. 	margin: 41px 0 0 0 !important;
  6144. }
  6145. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer {
  6146. 	height: 4.8vh !important;
  6147. 	min-width: 98% !important;
  6148. 	max-width: 98% !important;
  6149. 	margin: 0px 16px 8px 5px !important;
  6150. border: 1px solid #333 !important;
  6151. }
  6152. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer a#endpoint-link > div {
  6153. 	height: 4vh !important;
  6154. 	margin-top: 0px !important;
  6155. }
  6156. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer #thumbnail.ytd-rich-metadata-renderer {
  6157. 	height: 4.8vh !important;
  6158. 	margin-top: -5px !important;
  6159. }
  6160. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer #title.ytd-rich-metadata-renderer {
  6161. 	margin-top: 14px !important;
  6162. 	line-height: 0.6rem !important;
  6163. 	font-size: 1.4rem !important;
  6164. }
  6165. #below ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer #call-to-action.ytd-rich-metadata-renderer {
  6166. 	line-height: 1.5rem !important;
  6167. 	margin-top: 4px;
  6168. 	font-size: 1rem !important;
  6169. 	text-transform: uppercase;
  6170. }
  6171.  
  6172. /* (new36) PLAYER - SUBSCRIB BUTTON */
  6173. #top-row.ytd-watch-metadata #subscribe-button ytd-button-renderer #button.ytd-button-renderer {
  6174. 	padding: 0.1em 0.27em !important;
  6175. 	font-size: 1.1rem !important;
  6176. }
  6177. /* (new36) NEW DESIGN - COMMENTS TEASER (with BOTTOM ROW) */
  6178. .ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata:not(:hover) {
  6179. 	display: inline-block !important;
  6180. 	width: 100% !important;
  6181. 	min-width: 10vw !important;
  6182. 	max-width: 10vw !important;
  6183. 	opacity: 0.2 !important;
  6184. border: 1px solid #333 !important;
  6185. }
  6186. .ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata:not(:hover) #content {
  6187. 	display: none !important;
  6188. }
  6189. .ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata:hover {
  6190. 	display: inline-block !important;
  6191. 	z-index: 5000000 !important;
  6192. 	opacity: 1 !important;
  6193. background: #111 !important;
  6194. border: 1px solid #333 !important;
  6195. }
  6196. /* NO DARK */
  6197. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata:hover {
  6198. 	background: white !important;
  6199. }
  6200.  
  6201. /* (new23) THEATER - INFOS UNDER THE FOLD */
  6202. #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #columns #primary #primary-inner {
  6203. 	position: fixed;
  6204. 	display: inline-block;
  6205. 	width: 100% !important;
  6206. 	min-width: 60% !important;
  6207. 	max-width: 60% !important;
  6208. 	height: 100%;
  6209. 	min-height: 5vh !important;
  6210. 	max-height: 5vh !important;
  6211. 	margin-left: 0;
  6212. 	left: 0 !important;
  6213. 	overflow: hidden !important;
  6214. }
  6215.  
  6216. /* (new31) INFOS UNDER THE FOLD - PURCHASE /RENT */
  6217. .watch-active-metadata #above-the-fold + ytd-metadata-row-container-renderer.ytd-watch-metadata #always-shown {
  6218. 	display: none !important;
  6219. }
  6220. /* (new31) RENT NO THEATER ytd-watch-flexy[theater] */
  6221. /* .ytd-page-manager[flexy-enable-large-window-sizing=""][flexy-large-window_=""] #above-the-fold  .badge.badge-style-type-ypc.ytd-badge-supported-renderer , */
  6222. #above-the-fold .badge.badge-style-type-ypc.ytd-badge-supported-renderer {
  6223. 	position: fixed !important;
  6224. 	display: inline-block !important;
  6225. 	height: 15px !important;
  6226. 	width: 100px !important;
  6227. 	right: 43.3vw !important;
  6228. 	top: 3.8vh !important;
  6229. 	opacity: 0.5 !important;
  6230. }
  6231. /* (new31) RENT THEATER ytd-watch-flexy[theater] */
  6232. ytd-watch-flexy[theater] #above-the-fold .badge.badge-style-type-ypc.ytd-badge-supported-renderer {
  6233. 	display: none !important;
  6234. }
  6235. /* (new56) INFOS ACTIVE UNDER THE FOLD - ACTION BAR */
  6236. #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #actions {
  6237. 	position: fixed !important;
  6238. 	display: inline-block !important;
  6239. 	height: 40px !important;
  6240. 	line-height: 30px !important;
  6241. 	min-width: 25% !important;
  6242. 	max-width: 25% !important;
  6243. 	left: 34.5vw !important;
  6244. 	margin: 0 0 0 0 !important;
  6245. 	bottom: 1.3vh !important;
  6246. 	text-align: left !important;
  6247.         opacity: 1 !important;
  6248.         visibility: visible !important;
  6249. }
  6250.  
  6251. /* DARK - BUTTONS ALL */
  6252. html[dark][dark="true"]:not(.style-scope) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  6253. 	background-color: #222 !important;
  6254. 	color: silver !important;
  6255. }
  6256.  
  6257. /* (new31) */
  6258. ytd-watch-metadata[modern-metapanel-order] #owner.ytd-watch-metadata {
  6259. 	min-width: calc(100% - 6px) !important;
  6260. 	max-width: calc(100% - 6px) !important;
  6261. 	margin: 2px 0 0 5px !important;
  6262. }
  6263.  
  6264. /*  (new21) NOT EMBED - :not(.ytp-embed):not(.ytp-big-mode):not(.ytp-embed):not(#c4-player):not(#inline-preview-player) */
  6265. .html5-video-player:not(.ytp-big-mode):not(.ytp-embed):not(#c4-player):not(#inline-preview-player) {
  6266. 	/* height: 74vh !important; */
  6267. }
  6268. /* PLAYER - THEATER MOD - BOTTOM CONTAINER  */
  6269. ytd-watch-flexy[flexy-large-window_=""] #player-theater-container:not(:empty) + #ujs-hdr-links-div + #columns #primary.ytd-watch-flexy {
  6270. 	margin-left: 333px !important;
  6271. }
  6272. ytd-watch-flexy[flexy_][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy,
  6273. ytd-watch-flexy[flexy_][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy {
  6274. 	padding-top: 0;
  6275. }
  6276.  
  6277. /* (new23) THEATER MODE (not FULLSCREEN) Width 1148px - , ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy  - :not(.parentToothbrush) */
  6278. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container,
  6279. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy {
  6280. 	/* position: relative !important; */
  6281. 	position: fixed !important;
  6282. 	min-width: 99.92% !important;
  6283. 	max-width: 99.92% !important;
  6284. 	min-height: calc(100vh - 9.5vh) !important;
  6285. 	max-height: calc(100vh - 9.5vh) !important;
  6286. 	left: 0px !important;
  6287. 	bottom: 0 !important;
  6288. 	margin: 3vh 0 0 0 !important;
  6289. 	overflow: visible !important;
  6290. 	z-index: 50000 !important;
  6291. 	background: transparent !important;
  6292. }
  6293. /* (new23) THEATER - TABVIEW */
  6294. html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container,
  6295. html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy {
  6296. 	position: fixed !important;
  6297. 	min-width: 99.92% !important;
  6298. 	max-width: 99.92% !important;
  6299. 	min-height: calc(100vh - 9.5vh) !important;
  6300. 	max-height: calc(100vh - 9.5vh) !important;
  6301. 	left: 0px !important;
  6302. 	top: 9vh !important;
  6303. 	margin: 0 0 0 0 !important;
  6304. 	overflow: visible !important;
  6305. 	z-index: 50000 !important;
  6306. background: #111 !important;
  6307. }
  6308.  
  6309.  
  6310. html:not(.floater):not(.iri-always-visible) #player-theater-container .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream {
  6311. 	max-height: 88vh !important;
  6312. 	min-height: 88vh !important;
  6313. }
  6314. /* NO DARK */
  6315. html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy {
  6316. 	background: transparent !important;
  6317. }
  6318.  
  6319. /* (new21) THEATER */
  6320. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container {
  6321. 	width: 100%;
  6322. }
  6323. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  6324. 	display: inline-block;
  6325. 	width: 99.7% !important;
  6326. 	margin-left: 0;
  6327. 	bottom: 7% !important;
  6328. 	height: 72px;
  6329. 	left: 21.2%;
  6330. 	overflow: hidden;
  6331. 	text-align: center !important;
  6332. }
  6333. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player:hover .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  6334. 	bottom: -1% !important;
  6335. }
  6336. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.paused-mode .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  6337. 	bottom: 7.5% !important;
  6338. }
  6339. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.paused-mode:hover .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup {
  6340. 	bottom: 4.5% !important;
  6341. }
  6342. /* (new48) THEATER */
  6343. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns {
  6344. 	position: absolute !important;
  6345. 	display: inline-block !important;
  6346. 	min-width: 59.5% !important;
  6347. 	max-width: 59.5% !important;
  6348. 	height: 100% !important;
  6349. 	min-height: 5vh !important;
  6350. 	max-height: 5vh !important;
  6351. 	overflow: hidden !important;
  6352. }
  6353. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns #primary {
  6354. 	min-height: 10vh !important;
  6355. 	max-height: 10vh !important;
  6356. 	min-width: 100% !important;
  6357. 	max-width: 100% !important;
  6358. 	padding: 0 !important;
  6359. 	overflow: hidden !important;
  6360. }
  6361. /* (new23) THEATER - display NONE ? */
  6362. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row #actions {
  6363. 	display: none !important;
  6364.  
  6365. }
  6366. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row + #bottom-row {
  6367. 	position: fixed;
  6368. 	/*     display: inline-block; */
  6369. 	display: none !important;
  6370. 	min-height: 7vh !important;
  6371. 	max-height: 7vh !important;
  6372. 	max-width: 21.9% !important;
  6373. 	min-width: 21.9% !important;
  6374. 	top: 9vh !important;
  6375. 	right: 18vw!important;
  6376. 	margin: 0;
  6377. 	background: yellow !important;
  6378. 	border: 1px solid green;
  6379. }
  6380. ytd-watch-flexy[theater] .annotation.annotation-type-custom.iv-branding {
  6381. 	display: none !important;
  6382. }
  6383.  
  6384.  
  6385. /* (new21) TEST - UNDER PLAYER - DESCRIPTION + OWNER TEASER */
  6386. ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] {
  6387. 	position: absolute !important;
  6388. 	height: 8vh !important;
  6389. 	width: 99.7% !important;
  6390. 	margin: 0vh 0 0 0 !important;
  6391. 	bottom: 0 !important;
  6392. 	z-index: 50000000 !important;
  6393. }
  6394. ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold {
  6395. 	height: 8vh !important;
  6396. }
  6397. ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #description-and-actions.ytd-watch-metadata {
  6398. 	float: left !important;
  6399. 	height: 7vh !important;
  6400. 	margin: -1vh 0 0 0 !important;
  6401. }
  6402. ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #owner-and-teaser.ytd-watch-metadata {
  6403. 	float: right !important;
  6404. 	width: 32vw !important;
  6405. 	height: 8vh !important;
  6406. 	margin: -2vh 0 0 0 !important;
  6407. }
  6408. ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold h1 + ytd-badge-supported-renderer {
  6409. 	float: left !important;
  6410. }
  6411.  
  6412.  
  6413.  
  6414. /* (new21) END SCREEN - ALL */
  6415. /* (new21) NOT EMBED */
  6416. #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen {
  6417. 	height: 70vh !important;
  6418. 	overflow: hidden;
  6419. 	z-index: 34;
  6420. }
  6421. #movie_player:not(.ytp-embed):not(.ytp-mweb-player):not(.ytp-big-mode):not(.ytp-fullscreen) .ytp-endscreen-content {
  6422. 	display: table !important;
  6423. 	position: absolute;
  6424. 	width: 59.3vw !important;
  6425. 	height: 63.2vh !important;
  6426. 	top: 0% !important;
  6427. 	left: 0% !important;
  6428. 	margin: 0 0 0 0 !important;
  6429. 	padding-top: 6.5vh !important;
  6430. }
  6431.  
  6432. /* (new49) FULL - END SCREN */
  6433. #movie_player.html5-video-player.ytp-fit-cover-video.ytp-large-width-mode.ytp-autonav-endscreen-cancelled-state:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen {
  6434. 	height: 100vh !important;
  6435. 	overflow: hidden;
  6436. 	z-index: 34;
  6437. }
  6438. #movie_player.ytp-big-mode.ytp-fullscreen:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content,
  6439. .ytd-page-manager[theater-requested_] #movie_player.html5-video-player.ytp-rounded-miniplayer-not-regular-wide-video.ytp-fit-cover-video.ytp-large-width-mode.ytp-autonav-endscreen-cancelled-state:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen .ytp-endscreen-content {
  6440. 	display: table !important;
  6441. 	position: absolute;
  6442. 	width: 100vw !important;
  6443. 	height: 83.2vh !important;
  6444. 	top: 0% !important;
  6445. 	left: 0% !important;
  6446. 	margin: 0 0 0 0 !important;
  6447. 	padding-top: 6.5vh !important;
  6448. }
  6449.  
  6450. /* (new21) NOT EMBED */
  6451. #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content .ytp-videowall-still {
  6452. 	position: unset !important;
  6453. 	display: inline-block !important;
  6454. 	width: 100% !important;
  6455. 	min-width: 23.8% !important;
  6456. 	max-width: 23.8% !important;
  6457. 	height: 100% !important;
  6458. 	min-height: 170px !important;
  6459. 	max-height: 170px !important;
  6460. 	margin: 3px -5px 5px 12px !important;
  6461. 	overflow: hidden;
  6462. 	border-radius: 5px !important;
  6463. 	transform: scale(1) !important;
  6464. border: 1px solid red !important;
  6465. }
  6466. #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content .ytp-videowall-still .ytp-videowall-still-image {
  6467. 	background-size: contain !important;
  6468. 	background-color: #111 !important;
  6469. }
  6470. .ytp-videowall-still-info-content {
  6471. 	position: absolute;
  6472. 	right: 0;
  6473. 	top: 0;
  6474. 	left: 0;
  6475. 	bottom: 0;
  6476. 	padding: 18px 5px 5px 5px !important;
  6477. 	opacity: 0.2 !important;
  6478. 	transition: opacity 0.3s ease 0s;
  6479. color: #fff;
  6480. background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.8) 0px, transparent 100px);
  6481. }
  6482. .ytp-videowall-still-info-content:hover {
  6483. 	position: absolute;
  6484. 	right: 0;
  6485. 	top: 0;
  6486. 	left: 0;
  6487. 	bottom: 0;
  6488. 	padding: 18px 5px 5px 5px !important;
  6489. 	opacity: 1 !important;
  6490. 	transition: opacity 0.3s ease 0s;
  6491. 	color: #fff;
  6492. 	background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.8) 0px, transparent 100px);
  6493. }
  6494. /* NO DARK */
  6495. /* (new21) END SCREEN - ALL - NOT EMBED */
  6496. html:not([dark]):not([dark="true"]):not(.style-scope) #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen:not(.subscribecard-endscreen) {
  6497. 	background-color: white !important;
  6498. }
  6499. html:not([dark]):not([dark="true"]):not(.style-scope) #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen:not(.subscribecard-endscreen):hover {
  6500. 	z-index: 50 !important;
  6501. }
  6502.  
  6503. /* (new21) END SCREEN SUGGESTION */
  6504. /* NOT EMBED ? */
  6505. #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-ce-element.ytp-ce-element-show,
  6506. #movie_player:not(.ytp-embed).html5-endscreen + .ytp-ce-shadow + .ytp-ce-element.ytp-ce-element-show {
  6507. 	height: 320px;
  6508. 	width: 569px;
  6509. 	left: 35% !important;
  6510. 	top: 93px;
  6511. 	border: 1px solid red !important;
  6512. }
  6513.  
  6514. /* PLAYER */
  6515. #primary.ytd-watch-flexy {
  6516. 	min-width: 97% !important;
  6517. 	max-width: 97% !important;
  6518. 	padding: 0;
  6519. }
  6520.  
  6521. /* (new21) THEATER - INFOS BOTTOM */
  6522. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy + #columns #primary.ytd-watch-flexy {
  6523. 	height: 72px !important;
  6524. 	min-width: 99% !important;
  6525. 	max-width: 99% !important;
  6526. 	margin-left: 29% !important;
  6527. 	padding: 0;
  6528. }
  6529. #player-container-inner {
  6530. 	padding-top: 72vh !important;
  6531. }
  6532. .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
  6533. 	max-width: 415px;
  6534. 	opacity: 1;
  6535. 	transition: opacity 0.165s cubic-bezier(0, 0, 0.2, 1) 0.415s;
  6536. }
  6537. #movie_player:not(.ytp-embed) .html5-video-player:not(.ytp-embed) .video-stream.html5-main-video {
  6538. 	width: 99% !important;
  6539. }
  6540. .ytp-iv-video-content {
  6541. 	width: 100% !important;
  6542. 	top: 55px;
  6543. }
  6544.  
  6545. /* (new21) VIDEO PLAYER center MOVIE  for - NOT EMBED 
  6546. https://www.youtube.com/watch?v=_DsyLuxfu64
  6547. === */
  6548. #movie_player:not(.ytp-embed) .html5-video-player:not(.ytp-embed) .video-stream.html5-main-video {
  6549. 	left: 0 !important;
  6550. }
  6551.  
  6552. /* (new20) START ==== PROGRESSBAR VISIBLE ===== */
  6553. /* (new21) CONTROL - NOT EMBED .html5-video-player:not(.ytp-embed] */
  6554. #player .html5-video-player:not(.ytp-embed).ytp-chrome-bottom {
  6555. 	width: 100% !important;
  6556. 	height: 3px !important;
  6557. 	left: 0px !important;
  6558. 	top: 67.8vh !important;
  6559. 	opacity: 1 !important;
  6560. }
  6561. /* (new20) ACTIVE HOVER on #player:hover */
  6562. #player:not(.ytd-channel-video-player-renderer):hover .ytp-chrome-bottom {
  6563. 	width: 100% !important;
  6564. 	height: 48px !important;
  6565. 	left: 5px !important;
  6566. 	opacity: 1 !important;
  6567. }
  6568. #player:hover .ytp-hide-info-bar .ytp-progress-bar-container {
  6569. 	bottom: 39px;
  6570. 	display: inline-flex !important;
  6571. 	position: absolute;
  6572. 	visibility: visible;
  6573. 	width: 99.4%;
  6574. }
  6575.  
  6576. /* (new20) NO DARK */
  6577. html:not([dark]):not([dark="true"]):not(.style-scope) #player:hover .ytp-chrome-bottom {
  6578. 	background-color: transparent !important;
  6579. 	background-image: none !important;
  6580. }
  6581.  
  6582. /* (new20) PROGRESSBAR VISIBLE - CHROME BOTTOM - ALL */
  6583. .ytp-hide-info-bar .ytp-chrome-bottom {
  6584. 	opacity: 1 !important;
  6585. 	visibility: visible !important;
  6586. }
  6587. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-autohide) .ytp-chrome-bottom {
  6588. 	opacity: 1 !important;
  6589. 	visibility: visible !important;
  6590. }
  6591. /* (new17) NO DARK */
  6592. html:not([dark]):not([dark="true"]):not(.style-scope):not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-autohide) .ytp-chrome-bottom {
  6593. 	background: transparent !important;
  6594. }
  6595.  
  6596.  
  6597. /* (new48) CHROME BOTTOM - ALL  */
  6598. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
  6599. 	position: absolute;
  6600. 	display: inline-block !important;
  6601. 	width: 100% !important;
  6602. 	height: 5px !important;
  6603. 	bottom: 0px !important;
  6604. 	left: 0 !important;
  6605. 	opacity: 1 !important;
  6606. 	visibility: visible !important;
  6607. 	transition: all ease 0.7s !important;
  6608. background: transparent !important;
  6609. }
  6610. /* (new21) CHROME BOTTOM - ALL - HOVER*/
  6611. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom {
  6612. 	position: absolute;
  6613. 	display: inline-block !important;
  6614. 	height: 3.6vh !important;
  6615. 	line-height: 20px !important;
  6616. 	max-width: 100% !important;
  6617. 	min-width: 100% !important;
  6618. 	margin: 0px !important;
  6619. 	left: 0px !important;
  6620. 	right: 0px !important;
  6621. 	padding: 0 !important;
  6622. 	bottom: 2.5vh !important;
  6623. 	opacity: 1 !important;
  6624. 	visibility: visible !important;
  6625. 	transition: all ease 0.7s !important;
  6626. }
  6627.  
  6628. /* (new48) THEATER / BLEED */
  6629. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy[flexy][full-bleed-player] #player-container.ytd-watch-flexy .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom {
  6630. 	position: absolute;
  6631. 	display: inline-block !important;
  6632. 	height: 45px !important;
  6633. 	line-height: 20px !important;
  6634. 	max-width: 100% !important;
  6635. 	min-width: 100% !important;
  6636. 	margin: 0px !important;
  6637. 	left: 0px !important;
  6638. 	right: 0px !important;
  6639. 	padding: 0 !important;
  6640. 	bottom: -1vh!important;
  6641. 	opacity: 1 !important;
  6642. 	visibility: visible !important;
  6643. 	transition: all ease 0.7s !important;
  6644. }
  6645. /* (new48) THEATER / BLEED - HOVER */
  6646. ytd-watch-flexy[full-bleed-player] .ytd-watch-flexy:not(#player-theater-container) #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-progress-bar-container + .ytp-chrome-controls {
  6647. 	top: 1vh !important;
  6648. }
  6649.  
  6650. /* (new21) TEST PAUSED - NOT THEATER */
  6651. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy:not([theater]):not([fullscreen]) .html5-video-player.ytp-exp-bottom-control-flexbox.ytp-large-width-mode.paused-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom {
  6652. 	vertical-align: top;
  6653. 	height: 35px !important;
  6654. 	line-height: 28px;
  6655. 	max-width: 100% !important;
  6656. 	min-width: 100% !important;
  6657. 	margin: 0px !important;
  6658. 	left: 0px !important;
  6659. 	right: 0px !important;
  6660. 	padding: 0 !important;
  6661. }
  6662. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy:not([theater]):not([fullscreen]) .html5-video-player.ytp-exp-bottom-control-flexbox.ytp-large-width-mode.paused-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls {
  6663. 	vertical-align: top;
  6664. 	height: 35px;
  6665. 	line-height: 28px;
  6666. 	max-width: 99.7% !important;
  6667. 	min-width: 99.7% !important;
  6668. 	margin-top: 10px !important;
  6669. 	left: 0px !important;
  6670. 	right: 0 !important;
  6671. }
  6672.  
  6673. /* (new21) PROGRESSBAR VISIBLE - TEST CHAPTER CONTAINER */
  6674. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-player-content.ytp-iv-player-content {
  6675. 	position: absolute;
  6676. 	bottom: 0;
  6677. 	left: 0;
  6678. 	right: 0;
  6679. }
  6680. /* (new49) PROGRESSBAR VISIBLE - CHAPTERS CONT - NOT THEATER - HOVER */
  6681. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chapters-container,
  6682. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapters-container {
  6683. 	display: inline-flex !important;
  6684. 	width: 100% !important;
  6685. 	max-width: 100% !important;
  6686. 	min-width: 100% !important;
  6687. 	height: 6px !important;
  6688. 	height: 100%;
  6689. 	top: -6px !important;
  6690. 	left: 0px;
  6691. 	z-index: 32;
  6692. }
  6693. .ytp-chapter-container button.ytp-chapter-title.ytp-button {
  6694. 	margin-top: 8px !important;
  6695. }
  6696.  
  6697. /* CHAPTER-HOVER-CONTAINER - ALL */
  6698. .ytp-chapters-container .ytp-chapter-hover-container {
  6699. 	max-width: 100% !important;
  6700. 	height: 100%;
  6701. 	left: 0;
  6702. 	z-index: 32;
  6703. }
  6704. /* CHAPTER-HOVER-CONTAINER - ALL  */
  6705. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy:hover .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container {
  6706. 	height: 100%;
  6707. 	left: 0;
  6708. 	z-index: 32;
  6709. }
  6710. /* CHAPTER-HOVER-CONTAINER - HOVER - ALL  */
  6711. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy:hover .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container,
  6712. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy:not(:hover) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container {
  6713. 	height: 100%;
  6714. 	left: 0;
  6715. 	z-index: 32;
  6716. }
  6717. /* CHAPTER-HOVER-CONTAINER - last CHAPTER - ALL */
  6718. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy:hover .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container:last-of-type {
  6719. 	/* outline: 1px solid green !important; */
  6720. }
  6721. html:not(.floater):not(.iri-always-visible) #player.ytd-watch-flexy:not(:hover) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container:last-of-type {
  6722. 	/* outline: 1px solid yellow !important; */
  6723. }
  6724.  
  6725. /* CHAPTER-HOVER-CONTAINER - LAST - ALL */
  6726. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container:last-of-type {
  6727. 	/* outline: 1px solid red !important; */
  6728. }
  6729. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container:only-of-type {
  6730. 	max-width: 100% !important;
  6731. 	min-width: 100% !important;
  6732. 	height: 100%;
  6733. 	left: 0;
  6734. 	z-index: 32;
  6735. }
  6736. /* CHAPTER-HOVER-CONTAINER - PROGRESS-BER-PADDING - ALL */
  6737. html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chapter-hover-container .ytp-progress-bar-padding {
  6738. 	top: 0px !important;
  6739. 	height: 5px !important;
  6740. }
  6741. .ytp-progress-list {
  6742. 	position: relative;
  6743. 	height: 100%;
  6744. 	width: 100% !important;
  6745. 	min-width: 100% !important;
  6746. 	max-width: 100% !important;
  6747. 	transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
  6748. 	z-index: 39;
  6749. background: rgba(255, 255, 255, 0.2);
  6750. }
  6751.  
  6752. /* (new21) CONTROLS - OPACITY */
  6753. .ytp-hide-info-bar.ytp-autohide .ytp-chrome-controls {
  6754. 	opacity: 0 !important;
  6755. }
  6756.  
  6757. /* (new58) PROGRESS BAR - ALL - not PREVIEW VIEDO not(#inline-preview-player) */
  6758. #movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide:not(#inline-preview-player) .ytp-progress-bar-container,
  6759. .ytp-hide-info-bar .ytp-progress-bar-container {
  6760. 	position: absolute;
  6761. 	display: inline-block !important;
  6762. 	width: 100% !important;
  6763. 	height: 5px;
  6764. 	top: 0.7vh !important;
  6765. 	opacity: 1 !important;
  6766. 	visibility: visible !important;
  6767. background: #333 !important;
  6768. }
  6769.  
  6770. ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy #movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide:not(#inline-preview-player) .ytp-progress-bar-container {
  6771. 	position: absolute !important;
  6772. 	display: inline-block !important;
  6773. 	width: 100% !important;
  6774. 	height: 5px;
  6775. 	top: 0.6vh !important;
  6776. 	opacity: 1 !important;
  6777. 	visibility: visible !important;
  6778. background: #333 !important;
  6779. }
  6780. /* (new48) HOVER */
  6781. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy[flexy][full-bleed-player] #player-container.ytd-watch-flexy .html5-video-player.ytp-large-width-mode:hover:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-progress-bar-container {
  6782. 	background: #333 none repeat scroll 0 0;
  6783. 	display: inline-block;
  6784. 	height: 5px;
  6785. 	opacity: 1;
  6786. 	position: absolute;
  6787. 	top: -2px !important;
  6788. 	visibility: visible;
  6789. 	width: 100%;
  6790. }
  6791.  
  6792. /* (new49) PROGRESSBAR VISIBLE - PROGRES - NOT THEATER  */
  6793. ytd-watch-flexy:not([theater]):not([fullscreen]) .ytd-watch-flexy:not(#player-theater-container) #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-progress-bar-container {
  6794. 	top: 2px !important;
  6795. }
  6796.  
  6797. /* (new48) PROGRESSBAR VISIBLE - PROGRES - NOT THEATER - HOVER - :not([full-bleed-player]) */
  6798. ytd-watch-flexy:not([theater]):not([fullscreen]) .ytd-watch-flexy:not(#player-theater-container) #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-progress-bar-container {
  6799. 	top: 49px !important;
  6800. }
  6801.  
  6802.  
  6803. /* (new31) fine scrubbing */
  6804. /* (new31) PROGRESSBAR Y-DRAG - PREVIEW VIDEO - FINE SCRUBBING - NORMAL :not([style="display: none;"] */
  6805. .ytp-storyboard-framepreview:not([style="display: none;"]) {
  6806. 	position: absolute;
  6807. 	width: 100% !important;
  6808. 	left: 0;
  6809. 	top: 0;
  6810. 	transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
  6811. 	object-fit: contain !important;
  6812. }
  6813. .ytp-storyboard-framepreview-img {
  6814. 	width: 100% !important;
  6815. 	opacity: 0.4;
  6816. }
  6817.  
  6818. .ytp-progress-bar-container.ytp-drag .ytp-fine-scrubbing-container[style="transform: translateY(48px); height: 90px;"] {
  6819. 	position: fixed !important;
  6820. 	display: inline-block !important;
  6821. 	width: 59.4% !important;
  6822. 	height: 95px !important;
  6823. 	bottom: 33vh !important;
  6824. 	left: 0.3vw !important;
  6825. 	transform: translateY(48px)!important;
  6826. 	overflow: hidden !important;
  6827. 	z-index: 5000000 !important;
  6828. background-color: rgba(0, 0, 0, 0.44) !important;
  6829. border: 1px solid blue !important;
  6830. }
  6831. /* (new31) THEATER */
  6832. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .ytp-progress-bar-container.ytp-drag .ytp-fine-scrubbing-container[style="transform: translateY(48px); height: 90px;"] {
  6833. 	width: 99% !important;
  6834. 	bottom: 12vh !important;
  6835. border: 1px solid green !important;
  6836. }
  6837.  
  6838. .ytp-progress-bar-container.ytp-drag .ytp-fine-scrubbing-container[style="transform: translateY(48px); height: 90px;"] .ytp-fine-scrubbing-play {
  6839. 	position: fixed !important;
  6840. 	height: 35px;
  6841. 	width: 35px;
  6842. 	bottom: 2vh !important;
  6843. 	z-index: 5000000 !important;
  6844. }
  6845. .ytp-progress-bar-container.ytp-drag .ytp-fine-scrubbing-container[style="transform: translateY(48px); height: 90px;"] .ytp-fine-scrubbing-dismiss {
  6846. 	position: fixed !important;
  6847. 	height: 35px;
  6848. 	width: 35px;
  6849. 	bottom: 2vh !important;
  6850. 	z-index: 5000000 !important;
  6851. }
  6852.  
  6853. /* (new49) PROGRESSBAR VISIBLE - SCRUBBER - ALL */
  6854. /* NOT OK - Not Perfect for NOT THEATER buttoo at RIGT of Progressbar */
  6855. /* OK FOR THEATER */
  6856. .ytp-chrome-bottom .ytp-scrubber-container {
  6857. 	display: none !important;
  6858. 	position: absolute;
  6859. 	top: -2px !important;
  6860. 	z-index: 43;
  6861. }
  6862. html:not(.floater):not(.iri-always-visible) ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy .html5-video-player.ytp-large-width-mode:not(:hover):not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-scrubber-container {
  6863. 	display: none !important;
  6864. }
  6865.  
  6866.  
  6867. /* (new31) PROGRESSBAR VISIBLE - CHROME BOTTOM - THEATER */
  6868. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
  6869. 	left: 0px !important;
  6870. 	margin-left: 0 !important;
  6871. 	bottom: 0!important;
  6872. 	overflow: hidden !important;
  6873. }
  6874. /* (new21) PROGRESSBAR VISIBLE - CHROME BOTTOM - THEATER - HOVER */
  6875. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom {
  6876. 	max-width: 99.8% !important;
  6877. 	min-width: 99.8% !important;
  6878. 	margin-top: 0 !important;
  6879. 	bottom: 0.7vh !important;
  6880. 	left: 0px !important;
  6881. 	overflow: visible !important;
  6882. }
  6883.  
  6884. /* (new33) PROGRESSBAR VISIBLE - PROGRESS BAR - THEATER - not HOVER */
  6885. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container .ytp-progress-bar-container,
  6886. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):not(:hover) .ytp-chrome-bottom .ytp-progress-bar-container {
  6887. 	max-width: 99.8% !important;
  6888. 	min-width: 99.8% !important;
  6889. 	margin-top: 0px !important;
  6890. 	top: 0.4vh !important;
  6891. 	left: 0px !important;
  6892. }
  6893.  
  6894. /* (new21) PROGRESSBAR VISIBLE - PROGRESS - THEATER - HOVER */
  6895. ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-progress-bar-container {
  6896. 	max-width: 99.8% !important;
  6897. 	min-width: 99.8% !important;
  6898. 	margin-top: 0px !important;
  6899. 	top: 42px !important;
  6900. 	left: 0px !important;
  6901. }
  6902. /* (new2) CHAPTER-CONTAINER-DISABLED - PB WITH CHAPTER :
  6903. https://www.youtube.com/watch?v=RIgBsz1MduI
  6904. === */
  6905. .ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,
  6906. .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled {
  6907. 	display: none !important;
  6908. }
  6909. #player .ytp-progress-bar-container:not([aria-disabled="true"]) {
  6910. 	height: 5px;
  6911. 	margin-top: 0;
  6912. 	top: 0px;
  6913. 	opacity: 1 !important;
  6914. }
  6915. /* NO DARK */
  6916. html:not([dark]):not([dark="true"]):not(.style-scope) #player .ytp-progress-bar-container:not([aria-disabled="true"]) {
  6917. 	background-color: #DCDADA;
  6918. }
  6919.  
  6920. /* (new31) CONTROLS BAR - ALL BUTTONS - ALL (VOIR THEATER) */
  6921. #player-container #movie_player.html5-video-player .ytp-chrome-bottom .ytp-chrome-controls {
  6922. 	vertical-align: top !important;
  6923. 	max-width: 1155px !important;
  6924. 	height: 35px !important;
  6925. 	line-height: 28px !important;
  6926. 	margin-top: 5px !important;
  6927. 	opacity: 0.2 !important;
  6928. 	pointer-events: none !important;
  6929. }
  6930. /*  (new31) HOVER */
  6931. #player-container #movie_player.html5-video-player:hover .ytp-chrome-bottom .ytp-chrome-controls {
  6932. 	vertical-align: top !important;
  6933. 	max-width: 1155px !important;
  6934. 	height: 35px !important;
  6935. 	line-height: 28px !important;
  6936. 	margin-top: -3px !important;
  6937. 	opacity: 1 !important;
  6938. 	pointer-events: auto !important;
  6939. 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==") !important;
  6940. 	background-position: center bottom !important;
  6941. 	background-repeat: repeat-x !important;
  6942. }
  6943. .ytp-gradient-top,
  6944. .ytp-gradient-bottom {
  6945. 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==");
  6946. 	background-repeat: repeat-x;
  6947. 	pointer-events: none;
  6948. 	position: absolute;
  6949. 	transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s;
  6950. 	width: 100%;
  6951. }
  6952.  
  6953. /* (new48) CONTROLS BAR - ALL BUTTONS - THEATER  */
  6954. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-container #movie_player.html5-video-player .ytp-chrome-bottom .ytp-chrome-controls {
  6955. 	max-width: 100%!important;
  6956. }
  6957. ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-container #movie_player.html5-video-player:hover .ytp-chrome-bottom .ytp-chrome-controls {
  6958. 	max-width: 100% !important;
  6959. }
  6960.  
  6961. .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button {
  6962. 	padding: 0 !important;
  6963. }
  6964.  
  6965. /* (new21) CONTROLS - OPACITY? - AGAINST BUTTONS FLINKERING on HOVER */
  6966. .ytp-chrome-controls,
  6967. .ytp-hide-info-bar.ytp-autohide .ytp-chrome-controls {
  6968. 	position: absolute !important;
  6969. 	display: inline-block !important;
  6970. 	width: 99.8% !important;
  6971. 	z-index: 50000000 !important;
  6972. }
  6973. /* (new55) CONTROLS - AGANIST BUTTONS FLINKERING on HOVER - NOT EMBED - .html5-video-player:not(.ytp-embed)  */
  6974. .html5-video-player:not(.ytp-embed) .autoHiding.hidden,
  6975. .html5-video-player:not(.ytp-embed) .ytp-chrome-top .ytp-button:hover,
  6976. .html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button:hover:not([aria-disabled="true"]):not([disabled]):not(.ytp-chapter-title),
  6977. .html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button[aria-expanded="true"],
  6978. .html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button[aria-pressed="true"],
  6979. .html5-video-player:not(.ytp-embed) .ytp-replay-button:hover {
  6980. 	display: inline-block !important;
  6981. 	width: 48px;
  6982. 	height: 35px !important;
  6983. border: 1px solid red !important;
  6984. }
  6985.  
  6986. /* (new21) CONTROLS BAR - TIME */
  6987. .ytp-time-display.notranslate > span {
  6988. 	height: 100% !important;
  6989. 	min-height: 30px !important;
  6990. 	max-height: 30px !important;
  6991. 	line-height: 35px !important;
  6992. 	margin: 0px 0 0px 0 !important;
  6993. 	font-size: 20px !important;
  6994. }
  6995. .ytp-larger-tap-buttons .ytp-time-display {
  6996. 	display: inline-block;
  6997. 	vertical-align: top;
  6998. 	line-height: 27px !important;
  6999. 	padding: 0 5px;
  7000. 	font-size: 109%;
  7001. 	white-space: nowrap;
  7002. }
  7003.  
  7004. /* (new21) CONTROLS BAR - BUTTON ICONS / SPONSORBLOCK -  BUTTONS */
  7005. .playerButtonImage {
  7006. 	max-height: 100% !important;
  7007. }
  7008. #startSegmentButton .playerButtonImage {
  7009. 	max-height: 100% !important;
  7010. }
  7011.  
  7012. /* (new21) CONTROLS BAR - BUTTONS - TOOLTIPS */
  7013. .ytp-chrome-top .ytp-button,
  7014. .ytp-chrome-controls .ytp-button[aria-expanded="true"],
  7015. .ytp-chrome-controls .ytp-button[aria-pressed="true"],
  7016. .ytp-replay-button {
  7017. 	opacity: 1 !important;
  7018. 	transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
  7019. 	color: gold !important;
  7020. }
  7021.  
  7022. /* END ==== PROGRESSBAR VISIBLE ===== */
  7023. /* (new21) PLAYER SOUS TITRES + TRANSLATION - ALL */
  7024. .caption-window.ytp-caption-window-bottom .captions-text {
  7025. 	display: inline-block;
  7026. 	width: 100% !important;
  7027. 	left: 0 !important;
  7028. 	text-align: center !important;
  7029. }
  7030. .html5-video-player:not(.ytp-embed) .caption-visual-line .ytp-caption-segment {
  7031. 	background: transparent !important;
  7032. }
  7033.  
  7034. /* (new26) PLAYER - CAPTION - NOT HOVER - ALL */
  7035. .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup,
  7036. .caption-window.ytp-caption-window-bottom {
  7037. 	width: 100% !important;
  7038. 	left: 1px !important;
  7039. 	margin-left: 0 !important;
  7040. 	margin-bottom: -5px !important;
  7041. 	text-align: center !important;
  7042. 	overflow: hidden;
  7043. }
  7044. .caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup,
  7045. .caption-window.ytp-caption-window-bottom {
  7046. 	display: inline-block;
  7047. 	width: 100% !important;
  7048. 	left: 1px !important;
  7049. 	margin-bottom: 0px !important;
  7050. 	margin-left: 0!important;
  7051. }
  7052. /* (new26) */
  7053. .html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:first-child,
  7054. .html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:last-child {
  7055. 	min-width: 60% !important;
  7056. 	max-width: 60% !important;
  7057. 	text-align: center !important;
  7058. 	font-size: 20.6889px !important;
  7059. color: white !important;
  7060. background: rgba(0, 0, 0, 0.54) !important;
  7061. }
  7062.  
  7063. /* (new21) CAPTION - PLAYER - HOVER - ALL (NOT CHANNEL PLAYER) */
  7064. #player-container:not(.ytd-channel-video-player-renderer):hover .caption-window.ytp-caption-window-bottom {
  7065. 	left: 0 !important;
  7066. 	margin-bottom: 43px !important;
  7067. }
  7068. /* CAPTION - PLAYER + CAPTION - HOVER */
  7069. #player-container:not(.ytd-channel-video-player-renderer):hover .caption-window.ytp-caption-window-bottom:hover {
  7070. 	margin-bottom: 43px !important;
  7071. }
  7072.  
  7073. /* (new21) CAPTION - THEATER */
  7074. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) .caption-window.ytp-caption-window-bottom {
  7075. 	bottom: 8%;
  7076. 	left: 50%;
  7077. 	margin-left: -552.5px;
  7078. 	text-align: center;
  7079. 	touch-action: none;
  7080. 	width: 1105px;
  7081. 	min-height: 112px !important;
  7082. }
  7083. /* (new21) CAPTION - THEATER - PLAY */
  7084. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.ytp-hide-info-bar.playing-mode .caption-window.ytp-caption-window-bottom {
  7085. 	bottom: 7% !important;
  7086. 	left: 50%;
  7087. 	margin-left: -552.5px;
  7088. 	text-align: center;
  7089. 	touch-action: none;
  7090. 	width: 1105px;
  7091. 	min-height: 75px !important;
  7092. }
  7093. /* (new21) CAPTION - THEATER - PLAY + hover*/
  7094. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.playing-mode:hover .caption-window.ytp-caption-window-bottom {
  7095. 	min-height: 75px !important;
  7096. 	bottom: 5% !important;
  7097. }
  7098. /* (new21) CAPTION - THEATER - PAUSED */
  7099. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.paused-mode.ytp-hide-info-bar .caption-window.ytp-caption-window-bottom {
  7100. 	min-height: 75px !important;
  7101. 	bottom: 5% !important;
  7102. }
  7103. /* (new21) CAPTION - THEATER - PAUSED + HOVER */
  7104. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.paused-mode:hover .caption-window.ytp-caption-window-bottom {
  7105. 	min-height: 75px !important;
  7106. 	bottom: 5% !important;
  7107. }
  7108.  
  7109. /* (new21) CAPTION - THEATER */
  7110. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) .caption-window.ytp-caption-window-bottom .caption-visual-line .ytp-caption-segment:last-child {
  7111. 	height: auto !important;
  7112. 	min-width: 60% !important;
  7113. 	max-width: 60% !important;
  7114. 	text-align: center !important;
  7115. 	color: white !important;
  7116. background: rgba(0, 0, 0, 0.44) !important;
  7117. }
  7118.  
  7119. /* (new21) CAPTION - THEATER - HOVER */
  7120. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom:hover,
  7121. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom,
  7122. ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom {
  7123. 	left: 0 !important;
  7124. 	margin-bottom: 60px !important;
  7125. }
  7126.  
  7127. /* FULLSCREEN - CONTAINER FULL - ALL  */
  7128. .no-scroll > ytd-app[style^="--ytd-app-fullerscreen-scrollbar-width:12px;"][scrolling] {
  7129. 	right: 0 !important;
  7130. }
  7131. ytd-watch-flexy[fullscreen] .annotation.annotation-type-custom.iv-branding {
  7132. 	display: none !important;
  7133. }
  7134.  
  7135. /* (new42) - FULL - INDICATOR TO SEE MORE DETAILS (under player) - SUPP  */
  7136. .ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
  7137. 	position: absolute;
  7138. 	width: 40%;
  7139. 	left: 50% !important;
  7140. 	bottom: -2vh !important;
  7141. 	text-align: center;
  7142. 	transform: translateX(-50%) !important;
  7143. 	transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s;
  7144. }
  7145. .ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
  7146. 	display: none !important;
  7147. }
  7148.  
  7149.  
  7150. /* (new21) FULLSCREEN - CAPT - PLAY  - */
  7151. ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.playing-mode #caption-window-1 {
  7152. 	min-height: 136px !important;
  7153. 	width: 99.7vw !important;
  7154. 	left: 21.2%;
  7155. 	bottom: 7%;
  7156. 	text-align: left;
  7157. border: 1px solid red !important;
  7158. }
  7159. /* (new21) FULLSCREEN - CAPT - PLAY - HOVER */
  7160. ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.playing-mode.ytp-autohide #caption-window-1 {
  7161. 	border: 1px solid yellow !important;
  7162. }
  7163. /* (new21) FULLSCREEN - CAPT - PAUSED - */
  7164. ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.paused-mode #caption-window-1 {
  7165. 	min-height: 136px !important;
  7166. 	width: 99.7vw !important;
  7167. 	left: 21.2%;
  7168. 	bottom: 7%;
  7169. 	text-align: left;
  7170. border: 1px solid red !important;
  7171. }
  7172.  
  7173. /* (new56) INFOS UNDER PLAYER - NEW DESIGN - NOT TABVIEW  */
  7174. html:not([plugin-tabview-youtube]) #below ytd-watch-metadata #description.ytd-watch-metadata ,
  7175. html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata,
  7176. html:not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer {
  7177. 	position: fixed !important;
  7178. 	display: inline-block !important;
  7179. 	width: 39%;
  7180. 	min-height: 190px;
  7181. 	top: 85px;
  7182. 	left: 60% !important;
  7183. 	padding: 0 5px;
  7184. 	overflow: hidden;
  7185. 	border-radius: 0 0 5px 5px !important;
  7186. 	z-index: 500000 !important;
  7187. 	visibility: hidden !important;
  7188. border-bottom: 4px solid red;
  7189. border-right: 5px solid red;
  7190. border-left: 5px solid red;
  7191. background-color: #333 !important;
  7192. }
  7193. /* (new56) HOVER */
  7194. html:not([plugin-tabview-youtube]) #below ytd-watch-metadata #description.ytd-watch-metadata:hover ,
  7195. html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata:hover,
  7196. html:not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer:hover {
  7197. 	visibility: visible !important;
  7198. }
  7199.  
  7200. /* (new34) NO DARK */
  7201. html:not([dark]):not([dark="true"]):not(.style-scope):not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata,
  7202. html:not([dark]):not([dark="true"]):not(.style-scope):not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer {
  7203. 	border-top: 1px solid red !important;
  7204. 	background-color: white !important;
  7205. }
  7206.  
  7207. /*  (new49) */
  7208. /* ytd-rich-list-header-renderer[is-modern-sd] #title.ytd-rich-list-header-renderer  , */
  7209. .ytd-video-secondary-info-renderer.ytd-video-secondary-info-renderer[inline-structured-description] #items ytd-horizontal-card-list-renderer #header-container h2 ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer .title-row #title-text {
  7210. 	display: inline-block !important;
  7211. 	height: 3.5vh !important;
  7212. 	line-height: 0.5vh !important;
  7213. 	font-size: 1rem !important;
  7214. }
  7215. /* ytd-text-inline-expander ytd-structured-description-content-renderer ytd-horizontal-card-list-renderer  */
  7216. #shelf-container.ytd-horizontal-card-list-renderer {
  7217. 	height: 23vh !important;
  7218. }
  7219. #scroll-container.ytd-horizontal-card-list-renderer {
  7220. 	height: 23vh !important;
  7221. }
  7222.  
  7223. ytd-rich-list-header-renderer[is-modern-sd] #title.ytd-rich-list-header-renderer {
  7224. 	display: inline-block !important;
  7225. 	max-height: 2.5vh !important;
  7226. 	font-size: 1.7rem;
  7227. 	overflow: hidden;
  7228. }
  7229.  
  7230. /* (new36) INFOS OWNER cf [description-collapsed] - NO TABVIEW */
  7231. html:not([plugin-tabview-youtube]) ytd-watch-metadata[description-collapsed] #description-and-actions.ytd-watch-metadata,
  7232. html:not([plugin-tabview-youtube]) ytd-watch-metadata #description-and-actions.ytd-watch-metadata {
  7233. 	display: inline-block !important;
  7234. 	flex-flow: unset !important;
  7235. 	justify-content: unset !important;
  7236. }
  7237. html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata {
  7238. 	position: fixed !important;
  7239. 	display: inline-block !important;
  7240. 	flex: unset !important;
  7241. 	min-width: 39% !important;
  7242. 	width: 39% !important;
  7243. 	min-height: 190px;
  7244. 	top: 72px !important;
  7245. 	left: 60% !important;
  7246. 	padding: 0 5px !important;
  7247. 	overflow: hidden !important;
  7248. 	border-radius: 0 0 5px 5px !important;
  7249. 	z-index: 500 !important;
  7250. 	visibility: hidden;
  7251. border-bottom: 4px solid red;
  7252. border-right: 5px solid red;
  7253. border-left: 5px solid red;
  7254. background-color: #333;
  7255. }
  7256. /* (new49) INFOS OWNER cf [description-collapsed] - TABVIEW */
  7257. html[plugin-tabview-youtube] ytd-watch-metadata[description-collapsed] #description-and-actions.ytd-watch-metadata,
  7258. html[plugin-tabview-youtube] ytd-watch-metadata #description-and-actions.ytd-watch-metadata {
  7259. 	display: inline-block !important;
  7260. 	flex-flow: unset !important;
  7261. 	justify-content: unset !important;
  7262. }
  7263. /* (new49) UNDER PLAYER - BOTTOM INFOS - INFOS DESCRIPTION - TAB - TABVIEW  cf TAB DESCRIPTION - [tyt-tab] DISPLAY NONE*/
  7264. html[plugin-tabview-youtube] ytd-watch-flexy.ytd-page-manager[tyt-tab] #columns.ytd-watch-flexy #below ytd-watch-metadata.watch-active-metadata[flex-menu-enabled] #above-the-fold.ytd-watch-metadata #bottom-row.ytd-watch-metadata {
  7265. 	display: none !important
  7266. }
  7267. html[plugin-tabview-youtube] ytd-watch-flexy.ytd-page-manager[tyt-tab="#tab-info"] #columns.ytd-watch-flexy #below ytd-watch-metadata.watch-active-metadata[flex-menu-enabled] #above-the-fold.ytd-watch-metadata #bottom-row.ytd-watch-metadata {
  7268. 	position: fixed !important;
  7269. 	display: inline-block !important;
  7270. 	min-width: 40% !important;
  7271. 	width: 39.5% !important;
  7272. 	top: 8.9vh !important;
  7273. 	left: 60% !important;
  7274. 	padding: 0 0px !important;
  7275. 	overflow: hidden !important;
  7276. 	border-radius: 0 0 5px 5px !important;
  7277. 	z-index: 0 !important;
  7278. }
  7279.  
  7280. .yt-video-attribute-view-model__title {
  7281. 	color: silver !important;
  7282. }
  7283.  
  7284.  
  7285. /* NOT DARK */
  7286. html[plugin-tabview-youtube]:not([dark]):not([dark="true"]):not(.style-scope) #columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #bottom-row .ytd-watch-metadata#description-inner,
  7287. html[plugin-tabview-youtube]:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-metadata.watch-active-metadata #description.ytd-watch-metadata {
  7288. 	background-color: white !important;
  7289. }
  7290. /* DARK */
  7291. html[plugin-tabview-youtube]:not([dark]):not([dark="true"]) .yt-video-attribute-view-model__title {
  7292. 	color: black !important;
  7293. }
  7294.  
  7295. /* ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden */
  7296. html[plugin-tabview-youtube] ytd-watch-metadata #description.ytd-watch-metadata:before {
  7297. 	content: "🔻" !important;
  7298. 	position: fixed !important;
  7299. 	display: inline-block !important;
  7300. 	top: 6.5vh !important;
  7301. 	z-index: 5000000 !important;
  7302. 	visibility: visible !important;
  7303. }
  7304. /* html[plugin-tabview-youtube] ytd-watch-metadata #description.ytd-watch-metadata:hover {
  7305.     visibility: visible !important;
  7306. background: #111 !important;
  7307. } */
  7308. /* NO DARK */
  7309. html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer {
  7310. 	background-color: white !important;
  7311. }
  7312. /* (new25) */
  7313. ytd-watch-metadata #description.ytd-watch-metadata:hover,
  7314. #meta-contents #container.ytd-video-secondary-info-renderer:hover {
  7315. 	max-height: 90vh !important;
  7316. 	visibility: visible !important;
  7317. 	overflow-y: auto !important;
  7318. 	z-index: 5000000 !important;
  7319. /* border-top: 1px solid red !important; */
  7320. }
  7321. #top-row.ytd-video-secondary-info-renderer {
  7322. 	display: flex;
  7323. 	flex-direction: row;
  7324. 	margin-bottom: 5px;
  7325. 	padding-top: 5px;
  7326. 	border-radius: 5px !important;
  7327. /* background: aqua !important; */
  7328. }
  7329. ytd-text-inline-expander#description-inline-expander {
  7330. 	display: inline-block !important;
  7331. 	flex-direction: unset !important;
  7332. 	width: 100% !important;
  7333. 	min-width: 100% !important;
  7334. 	max-width: 100% !important;
  7335. 	height: 100% !important;
  7336. 	min-height: 180px !important;
  7337. 	max-height: 85vh !important;
  7338. 	margin-bottom: 5px;
  7339. 	top: 0 !important;
  7340. 	padding: 0 !important;
  7341. 	overflow: hidden !important;
  7342. 	overflow-y: auto !important;
  7343. /* background: #111 !important; */
  7344. }
  7345. ytd-text-inline-expander#description-inline-expander #snippet.ytd-text-inline-expander:not([hidden]) {
  7346. 	display: inline-block !important;
  7347. 	mask-image: unset !important;
  7348. 	max-height: 80vh !important;
  7349. 	overflow: hidden !important;
  7350. 	white-space: pre-wrap !important;
  7351. }
  7352. ytd-video-secondary-info-renderer {
  7353. 	border: none;
  7354. }
  7355. ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer {
  7356. 	display: inline-block;
  7357. 	width: 100%;
  7358. /* background: #111 none repeat scroll 0 0; */
  7359. }
  7360.  
  7361. /* (new56) SUMMARRY UNDER PLAYER */
  7362. #below #expandable-metadata.ytd-watch-flexy:not(:empty) {
  7363.     position: absolute !important;
  7364. 	margin: 6vh 0 0 0 !important;
  7365.     /*background: red !important;*/
  7366. }
  7367. #below #expandable-metadata.ytd-watch-flexy:not(:empty) [is-expanded] #menu {
  7368.     position: absolute !important;
  7369.     display: inline-block !important;
  7370.     right: 100px !important;
  7371. }
  7372. /* (new56) NOT DARK - SUMMARY EXPANDALE - OPEN */
  7373. html:not([dark]) #below #expandable-metadata.ytd-watch-flexy:not(:empty) [is-expanded] {
  7374.     margin: -6vh 0 0 0 !important;
  7375.     background: white !important;
  7376. }
  7377. html:not([dark]) #below #expandable-metadata.ytd-watch-flexy:not(:empty) .video-summary-content-view-model-wiz span {
  7378. 	color: #111 !important;
  7379. }
  7380.  
  7381. /* (new56) DARK - SUMMARY EXPANDALE - OPEN */
  7382. [dark] #below #expandable-metadata.ytd-watch-flexy:not(:empty) [is-expanded] {
  7383.     background: #222 !important;
  7384. }
  7385.  
  7386.  
  7387.  
  7388. /* NOT DARK - BUTTONS - ALL */
  7389. html:not([dark]) .yt-spec-touch-feedback-shape {
  7390.     color: red !important;
  7391. 	/*background-color: #D5D5D57A !important;*/
  7392.     background: transparent !important;
  7393.     border: 1px solid #C0C0C03D  !important;
  7394. }
  7395. html:not([dark]) ytd-watch-flexy #primary.ytd-watch-flexy #menu ytd-menu-renderer .smartimation__content .yt-spec-button-shape-next--size-m .yt-spec-button-shape-next__icon yt-icon-shape div {
  7396.     fill: #111 !important;
  7397.     /*background: #222 !important;*/
  7398. }
  7399. html:not([dark]) .yt-spec-button-shape-next__button-text-content ,
  7400. html:not([dark]) .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
  7401.   color: #111 !important;
  7402.   background-color: rgba(255,255,255,0.1);
  7403. }
  7404.  
  7405. html:not([dark]) yt-icon , 
  7406. html:not([dark]) .yt-icon-container.yt-icon  {
  7407.  
  7408.  
  7409. }
  7410. html:not([dark]) yt-icon div, 
  7411. html:not([dark]) .yt-icon-container.yt-icon div {
  7412. 	stroke: #111 !important;
  7413.     fill: #111 !important;
  7414. }
  7415.  
  7416.  
  7417.  
  7418. /* (new53) TXT COLOR FOR DARK */
  7419. html[dark] ytd-text-inline-expander#description-inline-expander #snippet.ytd-text-inline-expander:not([hidden]) .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap .yt-core-attributed-string--link-inherit-color,
  7420. html[dark] .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap .yt-core-attributed-string--link-inherit-color,
  7421. html[dark] .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap {
  7422. 	color: white !important;
  7423. }
  7424. html[dark] .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap .yt-core-attributed-string--link-inherit-color a {
  7425. 	color: peru !important;
  7426. }
  7427. html[dark] .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap .yt-core-attributed-string--link-inherit-color a:visited {
  7428. 	color: tomato !important;
  7429. }
  7430. /* (new53) */
  7431. html[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {
  7432. 	border-color: #333 !important;
  7433. 	color: peru !important;
  7434. background: #222 !important;
  7435. }
  7436.  
  7437.  
  7438. ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer #header.ytd-video-description-infocards-section-renderer #header-text #subtitle.ytd-video-description-infocards-section-renderer {
  7439. 	position: relative !important;
  7440. 	display: inline-block !important;
  7441. 	width: 100% !important;
  7442. 	height: 15px !important;
  7443. 	line-height: 5px !important;
  7444. 	top: -20px !important;
  7445. 	left: 0 !important;
  7446. 	margin: -20px 0 0 0 !important;
  7447. 	font-size: 12px !important;
  7448. 	text-align: left !important;
  7449. 	overflow: visible !important;
  7450. }
  7451. html[dark] ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer #header.ytd-video-description-infocards-section-renderer #header-text #subtitle.ytd-video-description-infocards-section-renderer {
  7452. 	color: white !important;
  7453. /* background: red !important; */
  7454. }
  7455.  
  7456.  
  7457. /* (new21) INFOS  - NEW DESIGN */
  7458. .content.ytd-video-secondary-info-renderer,
  7459. #above-the-fold.ytd-watch-metadata #description-and-actions.ytd-watch-metadata #snippet-text.ytd-text-inline-expander yt-formatted-string#formatted-snippet-text span.yt-formatted-string,
  7460. #above-the-fold.ytd-watch-metadata #description-and-actions #description.ytd-watch-metadata span.yt-formatted-string {
  7461. 	line-height: 15px !important;
  7462. 	font-size: 15px !important;
  7463. }
  7464. /* (new21) When EXPANDED */
  7465. #above-the-fold.ytd-watch-metadata #description-and-actions #description.ytd-watch-metadata span.yt-formatted-string:first-of-type {
  7466. 	color: gold !important;
  7467. }
  7468.  
  7469. /* NO DARK */
  7470. html:not([dark]):not([dark="true"]):not(.style-scope) #description .yt-simple-endpoint.yt-formatted-string,
  7471. html:not([dark]):not([dark="true"]):not(.style-scope) #description .yt-formatted-string[style="color: rgb(170, 170, 170);"] {
  7472. 	background-color: transparent !important;
  7473. }
  7474.  
  7475. /* (new56) - INFOS - NOT TABVIEW */
  7476. html:not([plugin-tabview-youtube]) #bottom-row ,
  7477. html:not([plugin-tabview-youtube]) #below #bottom-row.ytd-watch-metadata {
  7478. 	position: fixed;
  7479. 	display: inline-block;
  7480. /*    width: 60% !important;*/
  7481.     height: 0vh !important;
  7482.     top: 7.4vh !important;
  7483.     right: 0 !important;
  7484.     margin: 0 0 0 0 !important;
  7485.     /*overflow: hidden !important;*/
  7486.     z-index: 5000 !important;
  7487. /*background-color: red !important;*/
  7488. }
  7489. /*html:not([plugin-tabview-youtube]) #bottom-row:before ,*/
  7490. html:not([plugin-tabview-youtube]) #below ytd-watch-metadata #description.ytd-watch-metadata:before  ,
  7491. html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata:before,
  7492. html:not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer:before {
  7493. 	content: "Infos ▼";
  7494. 	position: fixed;
  7495. 	display: inline-block;
  7496. 	width: 100px;
  7497. 	height: 21px !important;
  7498. 	line-height: 21px;
  7499. 	margin: 0px 0 0 -7px !important;
  7500. 	top: 6.4vh !important;
  7501. 	padding: 1px 5px;
  7502. 	border-radius: 3px 3px 0 0;
  7503. 	text-align: center !important;
  7504. 	z-index: 5000 !important;
  7505. 	visibility: visible;
  7506. color: gray !important;
  7507. border-bottom: 1px solid #333 !important;
  7508. border-left: 5px solid #333 !important;
  7509. border-right: 5px solid #333 !important;
  7510. border-top: 1px solid #333 !important;
  7511. background-color: #222 !important;
  7512. }
  7513.  
  7514. /* (new17) NO DARK */
  7515. html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer:before {
  7516. 	border-top: 1px solid #E7E7E7 !important;
  7517. 	border-bottom: 1px solid #E7E7E7 !important;
  7518. 	border-right: 5px solid #E7E7E7 !important;
  7519. 	border-left: 5px solid #E7E7E7 !important;
  7520. 	background-color: white !important;
  7521. }
  7522.  
  7523. /* (new41) INFOS - NEW DESIGN */
  7524. ytd-watch-metadata #description.ytd-watch-metadata:hover:before,
  7525. #meta-contents #container.ytd-video-secondary-info-renderer:hover:before {
  7526. 	font-size: 15px !important;
  7527. 	text-align: center !important;
  7528. color: white !important;
  7529. border: none !important;
  7530. border-top: 3px solid transparent !important;
  7531. border-bottom: 1px solid red !important;
  7532. background-color: #333 !important;
  7533. }
  7534. /* (new21) NO DARK */
  7535. html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer:hover:before {
  7536. 	color: white !important;
  7537. border-bottom: 1px solid #999 !important;
  7538. border-top: 5px solid #999 !important;
  7539. border-left: 5px solid #999 !important;
  7540. border-right: 5px solid #999 !important;
  7541. background-color: #999 !important;
  7542. }
  7543. /* (new21) */
  7544. .ytd-video-secondary-info-renderer[style="--ytd-expander-collapsed-height:60px;"] {
  7545. 	display: inline-block !important;
  7546. 	width: 100% !important;
  7547. 	max-width: 98% !important;
  7548. 	height: auto !important;
  7549. 	max-height: 82vh !important;
  7550. 	margin-left: 0 !important;
  7551. 	padding: 5px !important;
  7552. 	border-radius: 5px;
  7553. 	overflow: hidden !important;
  7554. 	overflow-y: auto !important;
  7555. background-color: #222 !important;
  7556. }
  7557. .more-button.ytd-video-secondary-info-renderer,
  7558. .less-button.ytd-video-secondary-info-renderer {
  7559. 	display: inline-block;
  7560. 	line-height: 1.8rem;
  7561. 	margin: 8px 0 0 20px !important;
  7562. 	padding: 5px !important;
  7563. 	border-radius: 5px !important;
  7564. 	font-size: 1.2rem;
  7565. 	text-transform: uppercase;
  7566. 	opacity: 0.5 !important;
  7567. 	transition: opacity ease 0.7s !important;
  7568. }
  7569. .more-button.ytd-video-secondary-info-renderer:hover,
  7570. .less-button.ytd-video-secondary-info-renderer:hover {
  7571. 	transition: opacity ease 0.7s !important;
  7572. 	opacity: 1 !important;
  7573. }
  7574. .more-button.ytd-video-secondary-info-renderer {
  7575. 	background: green !important;
  7576. }
  7577. .less-button.ytd-video-secondary-info-renderer {
  7578. 	background: red !important;
  7579. }
  7580.  
  7581. /* (new36) INFOS - EXPANDER - MORE - :not([style="overflow: hidden; max-height: 6rem;"]) /  :not([hidden]) */
  7582. ytd-watch-metadata #description.ytd-watch-metadata:hover yt-formatted-string[split-lines] + #snippet + tp-yt-paper-button#expand:not([hidden]) {
  7583. 	position: fixed !important;
  7584. 	height: 100% !important;
  7585. 	min-height: 20px !important;
  7586. 	max-height: 20px !important;
  7587. 	line-height: 2rem;
  7588. 	width: 100% !important;
  7589. 	min-width: 135px !important;
  7590. 	max-width: 135px !important;
  7591. 	bottom: 88.5vh !important;
  7592. 	right: 0;
  7593. 	left: 91.5vw !important;
  7594. 	margin: 0;
  7595. 	padding: 0 4px;
  7596. 	text-transform: none;
  7597. 	white-space: pre;
  7598. 	visibility: visible !important;
  7599. 	z-index: 5000000 !important;
  7600. background: red !important;
  7601. }
  7602.  
  7603. /* (new36) BUTTON - LESS */
  7604. yt-formatted-string[split-lines] {
  7605. 	white-space: pre-wrap;
  7606. }
  7607. #description tp-yt-paper-button#collapse {
  7608. 	position: fixed !important;
  7609. 	line-height: 2rem;
  7610. 	height: 20px !important;
  7611. 	min-width: 45px !important;
  7612. 	bottom: 88.5vh !important;
  7613. 	right: 30px !important;
  7614. 	margin: 0;
  7615. 	padding: 0 4px;
  7616. 	text-transform: none;
  7617. 	white-space: pre;
  7618. background: green !important;
  7619. }
  7620. /* NO DARK */
  7621. html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-video-secondary-info-renderer[style="--ytd-expander-collapsed-height:60px;"] {
  7622. 	background-color: white !important;
  7623. }
  7624.  
  7625. /* (new58) MINI PLAYER ==== */
  7626. .miniplayer.ytd-miniplayer {
  7627.  
  7628.     padding: 2vh 5px 5px 5px !important;
  7629.     border-radius: 5px 5px !important;
  7630. background: green !important;
  7631. }
  7632. .ytp-miniplayer-ui {
  7633.     position:absolute;
  7634.     height:100%;
  7635.     width:100%;
  7636.     top:0;
  7637.     z-index:67;
  7638.  
  7639. }
  7640.  
  7641. /* (new58) PROGRESS BAR - MINI PLAYER */
  7642. #movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode .ytp-tooltip.ytp-bottom + .ytp-progress-bar-container {
  7643. 	position: absolute;
  7644. 	width: 100% !important;
  7645. 	height: 5px;
  7646. 	top: 322px!important;
  7647. 	opacity: 1 !important;
  7648. 	visibility: visible !important;
  7649. background: #333 !important;
  7650. }
  7651. #movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode.playing-mode .ytp-tooltip.ytp-bottom + .ytp-progress-bar-container{
  7652. 	position: absolute;
  7653. 	width: 100% !important;
  7654. 	height: 5px;
  7655. 	top: -1vh !important;
  7656. 	opacity: 1 !important;
  7657. 	visibility: visible !important;
  7658. background: red !important;
  7659. }
  7660. /* (new48) MINI PLAYER - TITLE*/
  7661. #info-bar.ytd-miniplayer .title.ytd-miniplayer a {
  7662. 	color: gold !important;
  7663. }
  7664. /* (new48) NO DARK */
  7665. html:not([dark]):not([dark="true"]):not(.style-scope) #info-bar.ytd-miniplayer .title.ytd-miniplayer a {
  7666. 	color: red !important;
  7667. }
  7668.  
  7669. /* ===== (new58) A VOIR ===== */
  7670. #vidprogress {
  7671. 	display: none !important;
  7672. }
  7673.  
  7674. /* CHANNEL PAGES */
  7675. /* CHANNEL PLAYER */
  7676. ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container {
  7677. 	height: 21vh !important;
  7678. border: 1px solid red !important;
  7679. }
  7680. ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container .html5-main-video.video-stream {
  7681. 	max-width: 99.6% !important;
  7682. 	min-width: 99.6% !important;
  7683. 	height: 20.8vh !important;
  7684. /* border: 1px solid aqua !important; */
  7685. }
  7686. ytd-channel-video-player-renderer #c4-player.html5-video-player .ytp-caption-window-container {
  7687. 	height: 82% !important;
  7688. 	pointer-events: none;
  7689. 	position: absolute;
  7690. 	top: 0;
  7691. 	width: 100%;
  7692. }
  7693.  
  7694. /* CHANNEL PAGES - HOME/ ACCUEIL */
  7695. .ytd-browse.grid.grid-6-columns {
  7696. 	min-width: 100%;
  7697. 	padding-left: 20px;
  7698. }
  7699. .ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer > .ytd-section-list-renderer#contents ytd-item-section-renderer {
  7700. 	width: 86%;
  7701. }
  7702. .ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #scroll-container.yt-horizontal-list-renderer {
  7703. 	width: 97.5% !important;
  7704. 	overflow: hidden !important;
  7705. border: 1px solid red !important;
  7706. }
  7707.  
  7708. .ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer) {
  7709. 	transform: translateX(-1289px) !important;
  7710. }
  7711. .ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer)[style="transform: translateX(0px);"] {
  7712. 	transform: translateX(100px) !important;
  7713. }
  7714. .ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer) ytd-grid-video-renderer {
  7715. 	margin-left: 15px !important;
  7716. 	border: 1px solid #222;
  7717. }
  7718. /* ARROWS */
  7719. yt-horizontal-list-renderer[at-start] #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
  7720. 	display: none !important;
  7721. 	opacity: 0 !important;
  7722. }
  7723. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow,
  7724. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow {
  7725. 	height: 30px !important;
  7726. }
  7727. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow {
  7728. 	width: 20px !important;
  7729. 	right: -6px !important;
  7730. 	top: 42px !important;
  7731. }
  7732. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow {
  7733. 	width: 20px !important;
  7734. 	right: -6px !important;
  7735. }
  7736. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
  7737. 	/*     border: 1px solid aqua; */
  7738. }
  7739.  
  7740. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow ytd-button-renderer {
  7741. 	border-radius: 50%;
  7742. 	border: 1px solid yellow;
  7743. }
  7744. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer[at-start=""] #left-arrow ytd-button-renderer {
  7745. 	border: 1px solid blue !important;
  7746. }
  7747. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer[at-end=""] #left-arrow ytd-button-renderer {
  7748. 	border: 1px solid green !important;
  7749. }
  7750.  
  7751. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer:not([at-start=""]) .yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
  7752. 	border: 1px dotted tan !important;
  7753. }
  7754. .ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer:not([at-end=""]) .arrow.yt-horizontal-list-renderer {
  7755. 	border: 1px solid tan !important;
  7756. }
  7757. /* .ytd-browse.grid.grid-6-columns ytd-button-renderer .arrow.yt-horizontal-list-renderer[has-no-text=""] , */
  7758. .ytd-browse.grid.grid-6-columns .arrow.yt-horizontal-list-renderer .yt-simple-endpoint .paper-ripple[style="opacity: 0;"] + #waves.paper-ripple,
  7759. .ytd-browse.grid.grid-6-columns .arrow.yt-horizontal-list-renderer .yt-simple-endpoint .paper-ripple[style="opacity: 0;"] {
  7760. 	display: none !important;
  7761. 	opacity: 0 !important;
  7762. 	visibility: hidden !important;
  7763. }
  7764.  
  7765. /* PLAYLIST */
  7766. ytd-two-column-browse-results-renderer.ytd-browse.grid.grid-6-columns #primary + #secondary.ytd-two-column-browse-results-renderer {
  7767. 	width: 13% !important;
  7768. border-left: 1px solid red;
  7769. }
  7770. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer.ytd-section-list-renderer.ytd-section-list-renderer > #contents ytd-shelf-renderer.ytd-item-section-renderer > #dismissable.ytd-shelf-renderer #contents.ytd-shelf-renderer yt-horizontal-list-renderer.ytd-shelf-renderer #scroll-container.yt-horizontal-list-renderer #items.yt-horizontal-list-renderer ytd-grid-playlist-renderer {
  7771. 	margin-left: 0.8% !important;
  7772. /* border-left: 1px solid red ; */
  7773. }
  7774. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer.ytd-section-list-renderer.ytd-section-list-renderer > #contents ytd-shelf-renderer.ytd-item-section-renderer > #dismissable.ytd-shelf-renderer #contents.ytd-shelf-renderer yt-horizontal-list-renderer.ytd-shelf-renderer #scroll-container.yt-horizontal-list-renderer #items.yt-horizontal-list-renderer ytd-grid-playlist-renderer:first-of-type {
  7775. 	margin-left: 0.63% !important;
  7776. }
  7777.  
  7778. /* CHANNEL - VIDEOS TAB */
  7779. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container.ytd-section-list-renderer {
  7780. 	width: 89%;
  7781. 	padding-left: 6%;
  7782. 	padding-right: 3%;
  7783. }
  7784.  
  7785. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents {
  7786. 	width: 99%;
  7787. 	min-height: 100% !important;
  7788. /* border: 1px solid yellow !important; */
  7789. }
  7790. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer {
  7791. 	width: 100%;
  7792. }
  7793. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer #items {
  7794. 	min-width: 100% !important;
  7795. 	margin-left: -95px;
  7796. }
  7797. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #items.ytd-grid-renderer:not(.ytd-vertical-channel-section-renderer) {
  7798. 	width: 96% !important;
  7799. 	overflow: hidden !important;
  7800. 	transform: translateX(100px) !important;
  7801. }
  7802. /* CHANNEL - COMMUNITY TAB */
  7803. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items {
  7804. 	display: inline-block !important;
  7805. 	max-width: 100%;
  7806. 	height: auto !important;
  7807. }
  7808. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer {
  7809. 	display: inline-block !important;
  7810. 	width: 45.5% !important;
  7811. 	min-height: 270px !important;
  7812. 	max-height: 270px !important;
  7813. 	margin-left: 1% !important;
  7814. 	margin-right: 1% !important;
  7815. 	margin-bottom: 20px !important;
  7816. 	border-radius: 3px;
  7817. border: 1px solid gray !important;
  7818. }
  7819. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer #expander + #content-attachment ytd-backstage-image-renderer.ytd-backstage-post-renderer {
  7820. 	min-width: 100% !important;
  7821. 	max-height: 124px;
  7822. border: 1px solid red;
  7823. }
  7824. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer #content-attachment.ytd-backstage-post-renderer {
  7825. 	margin-top: 4px;
  7826. 	text-align: center;
  7827. }
  7828. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer #img.yt-img-shadow {
  7829. 	max-height: 124px;
  7830. 	width: auto;
  7831. }
  7832.  
  7833. /* SONDAGE */
  7834. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer ytd-backstage-poll-renderer paper-listbox {
  7835. 	min-height: 105px;
  7836. 	max-height: 115px;
  7837. 	padding-top: 2px;
  7838. 	overflow: hidden;
  7839. 	overflow-y: auto !important;
  7840. border-bottom: 1px solid red !important;
  7841. }
  7842. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer ytd-backstage-poll-renderer paper-listbox #sign-in {
  7843. 	height: 20px;
  7844. 	line-height: 20px;
  7845. 	padding-bottom: 0;
  7846. }
  7847. .ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items .ytd-backstage-items > .ytd-item-section-renderer:not(#header):not(#continuations):not(#spinner-container) ytd-backstage-post-thread-renderer ytd-backstage-poll-renderer paper-listbox #sign-in paper-item.vote-choice {
  7848. 	display: inline-block !important;
  7849. 	min-height: 20px !important;
  7850. 	max-height: 20px !important;
  7851. 	line-height: 20px !important;
  7852. }
  7853. .choice-info.ytd-backstage-poll-renderer,
  7854. .check-icons.ytd-backstage-poll-renderer {
  7855. 	height: 20px !important;
  7856. 	line-height: 20px;
  7857. }
  7858. .check-icons.ytd-backstage-poll-renderer {
  7859. 	margin-top: -10px;
  7860. }
  7861. yt-icon.ytd-backstage-poll-renderer {
  7862. 	top: -6px;
  7863. 	padding: 0;
  7864. }
  7865. .choice-text.ytd-backstage-poll-renderer {
  7866. 	margin-top: -10px;
  7867. }
  7868.  
  7869. /* DIRECT pages */
  7870. ytd-two-column-browse-results-renderer.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-section-list-renderer.ytd-two-column-browse-results-renderer[page-subtype="channels"] #contents.ytd-section-list-renderer ytd-item-section-renderer.ytd-section-list-renderer #contents.ytd-item-section-renderer {
  7871. 	width: 99.5% !important;
  7872. 	overflow: hidden !important;
  7873. }
  7874. ytd-two-column-browse-results-renderer.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-section-list-renderer.ytd-two-column-browse-results-renderer[page-subtype="channels"] #contents.ytd-section-list-renderer ytd-item-section-renderer.ytd-section-list-renderer #contents.ytd-item-section-renderer ytd-shelf-renderer #contents.ytd-shelf-renderer yt-horizontal-list-renderer #scroll-container.yt-horizontal-list-renderer {
  7875. 	width: 98.1% !important;
  7876. }
  7877. ytd-two-column-browse-results-renderer.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-section-list-renderer.ytd-two-column-browse-results-renderer[page-subtype="channels"] #contents.ytd-section-list-renderer ytd-item-section-renderer.ytd-section-list-renderer #contents.ytd-item-section-renderer ytd-shelf-renderer #contents.ytd-shelf-renderer yt-horizontal-list-renderer #scroll-container.yt-horizontal-list-renderer #items.yt-horizontal-list-renderer[style="transform: translateX(0px);"] {
  7878. 	transform: translateX(95px) !important;
  7879. }
  7880.  
  7881. /* COLOR */
  7882. a.yt-simple-endpoint.yt-formatted-string,
  7883. a.linkifyplus {
  7884. 	color: peru;
  7885. }
  7886. a.yt-simple-endpoint.yt-formatted-string:visited,
  7887. a.linkifyplus:visited {
  7888. 	color: tan !important;
  7889. }
  7890.  
  7891. /*(new7)  VISITED */
  7892. a#thumbnail {
  7893. 	border: 1px solid #262626;
  7894. }
  7895. a.ytp-videowall-still.ytp-suggestion-set:visited,
  7896. a#thumbnail:visited {
  7897. 	border: 1px solid red !important;
  7898. }
  7899.  
  7900. /* === END ==== */
  7901. }
  7902.  
  7903. @-moz-document url-prefix("https://www.youtube.com/watch?") {
  7904. /* PLAYER VIDEO PAGE */
  7905.  
  7906. /* START - VIDEO WATCH ==== */
  7907. html {
  7908. 	overflow-y: hidden !important;
  7909. }
  7910. /* (new45) IN PLAYER - PREVIEW VIDEO THUMBNAIL + BUTTON TOOLTIPS + PREVIEW TIME  - NO THEATER - Cf TOOLTIPS */
  7911. ytd-watch-flexy[flexy]:not([theater]):not([fullscreen]):not(.ytp-embed) .ytp-tooltip.ytp-bottom .ytp-tooltip-text-wrapper .ytp-tooltip-text:not([style*="display: none;"]) {
  7912. 	position: fixed !important;
  7913. 	display: inline-block !important;
  7914. 	top: 69vh !important;
  7915. 	font-size: 118%;
  7916. 	font-weight: 500;
  7917. 	pointer-events: none;
  7918. 	z-index: 500000000 !important;
  7919. 	/* border: 1px solid pink !important; */
  7920. }
  7921.  
  7922.  
  7923. /* (new45) IN PLAYER - CONTAINER (For PREVIEW THUMB VIDEO vible on Right) */
  7924. ytd-watch-flexy[flexy] #player-container-outer.ytd-watch-flexy {
  7925. 	min-width: 59.5vw !important;
  7926. 	max-width: 59.5vw !important;
  7927. 	overflow: visible !important;
  7928. }
  7929. ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy {
  7930. 	bottom: 0;
  7931. 	left: 0;
  7932. 	position: absolute;
  7933. 	right: 0;
  7934. 	top: 0;
  7935. 	/* overflow: visible !important; */
  7936. }
  7937. ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy:hover {
  7938. 	z-index: 50000000 !important;
  7939. }
  7940. #previewbar.hovered,
  7941. #previewbar {
  7942. 	z-index: 50000 !important;
  7943. }
  7944.  
  7945. /* (new45) (not for priview video in SEARCH :not(.ytd-video-preview) - 
  7946. IN NORMAL PLAYER - CONTAINER (For PREVIEW THUMB VIDEO vible on Right)- PREVIEW PROGRESS BAR - 
  7947. For visibility - ytp-tooltip.ytp-preview:not(.ytp-text-detail)
  7948. === */
  7949. html[plugin-tabview-youtube] #columns.ytd-watch-flexy #primary,
  7950. #columns.ytd-watch-flexy #primary #primary-inner:not(.ytd-video-preview),
  7951. ytd-watch-flexy[flexy] #player-container-outer:not(.ytd-video-preview),
  7952. ytd-watch-flexy[flexy]:not([is-vertical-video_]) #player-container-inner:not(.ytd-video-preview),
  7953. ytd-watch-flexy[flexy] #player-container:not(.ytd-video-preview),
  7954. ytd-player:not(.ytd-video-preview),
  7955. #container.ytd-player:not(.ytd-video-preview) {
  7956.     display: inline-block !important;
  7957.     height: 100%;
  7958.     width: 100%;
  7959.     overflow: visible !important;
  7960.     z-index: 500000000 !important;
  7961. /* border: 1px solid aqua  !important; */
  7962. }
  7963. /* (new45) IN PLAYER - CONTAINER (For PREVIEW THUMB VIDEO vible on Right)- PROGRESS BAR - THUMBNAIL - FOR VISIBILITY RIGHT SIDE - NORMAL */
  7964. .ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  7965.     position: fixed !important;
  7966.     top: 62vh !important;
  7967.     z-index: 5000000 !important;
  7968. }
  7969. /* (new45) IN PLAYER - PREVIEW PROGRESS BAR - FOR VISIBILITY RIGHT SIDE - THEATER */
  7970. ytd-watch-flexy[flexy][theater] .ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  7971.     top: 72vh !important;
  7972. }
  7973.  
  7974. /* ==== END  ==== */
  7975.  
  7976. /* END === VIDEO WATCH === */
  7977. }
  7978.  
  7979. @-moz-document url-prefix("https://www.youtube.com/results?search_query="), url("https://www.youtube.com/") {
  7980. /* HOME + VIDEO SEARCH RESULTS (2 BY ROW ) ==== */
  7981.  
  7982.  
  7983. /* START - HOME/VIDEO SEARCH RESULTS - URL PREF ==== */
  7984.  
  7985.  
  7986. /* (new56) SEARCH - from SMALL TEST - (search-pyv-renderer - EMPTY ITEMS Deleted by UBLOCK) - SUPP */
  7987. #primary.ytd-two-column-search-results-renderer .ytd-item-section-renderer.ytd-item-section-renderer ytd-search-pyv-renderer.ytd-item-section-renderer {
  7988.   display: none !important;
  7989.   /*background: olive  !important;*/
  7990. }
  7991.  
  7992.  
  7993. /* (new56) RESULTS SEARCH - POPUP FILTER */
  7994. ytd-permission-role-bottom-bar-renderer.ytd-app + ytd-popup-container.ytd-app {
  7995.   position: fixed !important;
  7996.   top:0;
  7997.   min-width: 100% !important;
  7998.   z-index: 500000000 !important;
  7999. }
  8000.  
  8001. ytd-permission-role-bottom-bar-renderer.ytd-app + ytd-popup-container.ytd-app tp-yt-paper-dialog.ytd-popup-container:not([aria-hidden="true"]) {
  8002.   position: absolute !important;
  8003. 	display: inline-block !important;
  8004.   top:5vh !important;
  8005. 	left: 30% !important;
  8006.   width: 40% !important;
  8007.   z-index: 500000000 !important;
  8008. }
  8009.  
  8010. /* (new56) RESULTS SEARCH - CONTAINER */
  8011. ytd-app #content.ytd-app {
  8012. 	display: inline-block !important;
  8013. 	height: 100%!important;
  8014. 	min-height: 99vh !important;
  8015. 	max-height: 99vh !important;
  8016. 	width: 100% !important;
  8017. /*background: brown !important;*/
  8018. }
  8019.  
  8020. ytd-search[has-search-header] #container.ytd-search {
  8021. 	position: relative;
  8022. 	display: block;
  8023. 	flex: 0 0 auto;
  8024. 	width: 100%;
  8025. 	height: auto !important;
  8026. /* height: 96.3vh !important; */
  8027. 	overflow: hidden !important;
  8028. /*border: 1px solid yellow !important;*/
  8029. }
  8030.  
  8031. /* LEFT PANEL MENU - OPEN */
  8032. html[plugin-tabview-youtube] tp-yt-app-drawer#guide.ytd-app,
  8033. html[plugin-tabview-youtube] tp-yt-app-drawer#guide.ytd-app,
  8034. tp-yt-app-drawer#guide.ytd-app {
  8035. 	position: fixed;
  8036. 	height: 100vh;
  8037. 	max-height: 100vh;
  8038. 	left: 0;
  8039. 	bottom: 0;
  8040. 	top: 0;
  8041. 	transition-property: visibility;
  8042. 	z-index: 100 !important;
  8043. border: 1px solid red !important;
  8044. }
  8045. #contentContainer.tp-yt-app-drawer[opened] {
  8046. 	padding: 0vh 0 0 0 !important;
  8047. }
  8048. #contentContainer.tp-yt-app-drawer[opened] .ytd-guide-section-renderer > a.ytd-guide-entry-renderer.yt-simple-endpoint {
  8049.     position: relative !important;
  8050.     display: inline-block !important;
  8051.     flex-direction: unset !important;
  8052.     align-items: unset !important;
  8053.     min-height: 3vh !important;
  8054.     max-height: 3vh !important;
  8055.     line-height: 15px !important;
  8056.     margin: 0 0 0.4vh 0 !important;
  8057.     padding: 2px 0 2px 0 !important;
  8058.     font-size: 16px;
  8059. /* border: 1px solid aqua !important; */
  8060. }
  8061. #contentContainer.tp-yt-app-drawer[opened] .ytd-guide-section-renderer > a.ytd-guide-entry-renderer.yt-simple-endpoint > .ytd-guide-entry-renderer {
  8062.     position: relative !important;
  8063.     display: inline-block !important;
  8064.     flex-direction: unset !important;
  8065.     align-items: unset !important;
  8066.     min-height: 2.6vh !important;
  8067.     max-height: 2.6vh !important;
  8068.     line-height: 15px !important;
  8069.     width: 88% !important;
  8070.     font-size: 15px !important;
  8071. /* border: 1px solid red !important; */
  8072. }
  8073. #contentContainer.tp-yt-app-drawer[opened] .ytd-guide-section-renderer > a.ytd-guide-entry-renderer.yt-simple-endpoint > .ytd-guide-entry-renderer .title.ytd-guide-entry-renderer {
  8074.     display: inline-block !important;
  8075.     width: 95% !important;
  8076.     line-height: 2rem;
  8077.     margin: 0 0 0 -10% !important;
  8078.     font-size: 1.4rem;
  8079.     overflow: hidden;
  8080.     text-overflow: ellipsis;
  8081.     white-space: nowrap;
  8082. /* border: 1px solid pink !important; */
  8083. }
  8084.  
  8085. #contentContainer.tp-yt-app-drawer[opened] .ytd-guide-section-renderer > a.ytd-guide-entry-renderer.yt-simple-endpoint > .ytd-guide-entry-renderer .guide-icon.ytd-guide-entry-renderer {
  8086.     margin: -14px 17px 0 -12px !important;
  8087. }
  8088.  
  8089.  
  8090. /* (new56) ========== SEARCH RESULTS - BIG LEFT PANEL OPEN - MINI PANEL HIDDEN ======  */
  8091.  
  8092. /* LARGE PANEL OPEN - MINI GUIDE HIDDEN */
  8093.  
  8094. /* TOP SEARCH - NAVBAR - LEFT PANEL OPEN */
  8095. tp-yt-app-drawer#guide[swipe-open] + ytd-mini-guide-renderer.ytd-app[hidden] + ytd-page-manager.ytd-app #header.ytd-search,
  8096. ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
  8097.     position: fixed !important;
  8098.     margin: 0 0 0 0 !important;
  8099.     min-width: 87% !important;
  8100.     max-width: 87% !important;
  8101.     z-index: 5000 !important;
  8102. background: white !important;
  8103. }
  8104. /* (new56) DARK */
  8105. [dark] tp-yt-app-drawer#guide[swipe-open] + ytd-mini-guide-renderer.ytd-app[hidden] + ytd-page-manager.ytd-app #header.ytd-search,
  8106. [dark] ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
  8107.     background: #111 !important;
  8108. }
  8109.  
  8110. ytd-search-header-renderer[has-chip-bar] {
  8111.     height: 56px;
  8112.     max-width: 94% !important;
  8113.     padding: 0 0px 0 5% !important;
  8114. }
  8115. ytd-search-header-renderer {
  8116.     display: flex;
  8117.     align-items: center;
  8118.     max-width: 80% !important;
  8119. }
  8120. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app[hidden] + ytd-page-manager#page-manager.ytd-app {
  8121.     position: relative;
  8122.     width: 87.3% !important;
  8123.     height: 95.8vh !important;
  8124.     margin: 0vh 0 0 245px !important;
  8125.     top: 3vh !important;
  8126.     overflow: hidden !important;
  8127.     overflow-x: hidden !important;
  8128.     overflow-y: auto !important;
  8129. /*background: olive !important;*/
  8130. /*border: 1px dashed pink !important;*/
  8131. }
  8132.  
  8133. ytd-search.ytd-page-manager[has-bigger-thumbs][has-search-header]:not([hidden]),
  8134. ytd-search.ytd-page-manager[has-search-header]:not([hidden]),
  8135. ytd-search.ytd-page-manager[has-bigger-thumbs]:not([hidden]),
  8136. ytd-search.ytd-page-manager:not([hidden]),
  8137. ytd-search:not([hidden]) {
  8138.     position: relative;
  8139.     display: inline-block !important;
  8140.     height: auto !important;
  8141.     height: 96vh !important;
  8142.     width: 100% !important;
  8143.     top: 0vh !important;
  8144.     margin-top: 0vh !important;
  8145.     padding: 0 0 0 0 !important;
  8146.     overflow-y: auto !important;
  8147.     overflow-x: hidden !important;
  8148.     z-index: 0;
  8149. /*border: 1px solid aqua !important;*/
  8150. }
  8151.  
  8152. /* (new56) ========== SEARCH RESULTS - MINI PANEL VISIBLE ======  */
  8153.  
  8154. /* (new56) TOP SEARCH - MINI PANEL - NAVBAR - MINI GUIDE VISIBLE - BIG LEFT PANEL CLOSE  */
  8155. ytd-mini-guide-renderer.ytd-app[mini-guide-visible] + ytd-page-manager#page-manager ytd-search.ytd-page-manager #header.ytd-search,
  8156. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
  8157.     position: fixed !important;
  8158.     width: 100% !important;
  8159.     max-width: 100% !important;
  8160.     top: 3.6vh !important;
  8161.     margin: 0vh 0 0 0 !important;
  8162.     z-index: 5000 !important;
  8163. /*background: gold !important;*/
  8164. }
  8165. /* tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search + ytd-two-column-search-results-renderer.ytd-search[mini-guide-visible] , */
  8166. ytd-search[has-search-header] ytd-two-column-search-results-renderer.ytd-search {
  8167.     width: 100% !important;
  8168.     min-width: 100% !important;
  8169.     margin: 6.3vh 0 0 0 !important;
  8170. /*background: peru !important;*/
  8171. }
  8172.  
  8173. /* MEDIA QUERIES QUANTUM - MINI GUIDE VISIBLE */
  8174. #primary.ytd-two-column-search-results-renderer {
  8175.     width: 100% !important;
  8176.     min-width: 100% !important;
  8177. }
  8178. ytd-mini-guide-renderer[mini-guide-visible] + ytd-page-manager#page-manager.ytd-app #primary.ytd-two-column-search-results-renderer {
  8179.     width: 100% !important;
  8180.     min-width: 100% !important;
  8181.     padding: 0 0 0 20% !important;
  8182. }
  8183.  
  8184. /* ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush), html[plugin-tabview-youtube] ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush) , */
  8185. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app {
  8186.     height: 100vh;
  8187.     margin: 3vh 0 0 0 !important;
  8188.     max-height: 96.5vh !important;
  8189.     min-height: 96.5vh !important;
  8190.     padding: 0 0 0 0 !important;
  8191.     overflow: hidden !important;
  8192.     overflow-x: hidden !important;
  8193. /*background: green !important;*/
  8194. /*border: 1px dashed aquamarine !important;*/
  8195. }
  8196.  
  8197. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] {
  8198.     position: relative;
  8199.     display: inline-block !important;
  8200.     height: auto !important;
  8201.     height: 99.5vh !important;
  8202.     width: 100% !important;
  8203.     top: 0vh !important;
  8204.     margin-top: 0vh !important;
  8205.     padding: 0 0 0 0 !important;
  8206.     overflow: hidden !important;
  8207.     overflow-y: auto !important;
  8208.     overflow-x: hidden !important;
  8209.     z-index: 0;
  8210. /*border: 1px dashed pink !important;*/
  8211. }
  8212.  
  8213. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] > #container {
  8214.     position: relative;
  8215.     display: inline-block !important;
  8216.     flex: 0 0 auto;
  8217.     height: 99vh !important;
  8218.     width: 100%;
  8219.     overflow: hidden;
  8220. /*border: 1px dashed violet !important;*/
  8221. }
  8222.  
  8223. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search + ytd-two-column-search-results-renderer.ytd-search[mini-guide-visible] {
  8224.     position: relative;
  8225.     display: inline-block !important;
  8226.     height: auto !important;
  8227.     height: 95.5vh !important;
  8228.     width: 100% !important;
  8229.     top: 9.3vh !important;
  8230.     margin: -3vh 0 0 !important;
  8231.     padding: 0 0 0 0 !important;
  8232.     overflow-y: auto !important;
  8233.     overflow-x: hidden !important;
  8234.     z-index: 0;
  8235. /*border: 1px dashed aqua !important;*/
  8236. }
  8237.  
  8238. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search + ytd-two-column-search-results-renderer.ytd-search[mini-guide-visible] #contents.ytd-section-list-renderer {
  8239.     width: 100% !important;
  8240.     min-width: 100% !important;
  8241.     max-width: 100% !important;
  8242.     margin: 0vh 0 0 0 !important;
  8243.     padding: 0 0 0 0% !important;
  8244. /*background: orangered !important;*/
  8245. }
  8246. tp-yt-app-drawer#guide + ytd-mini-guide-renderer.ytd-app:not([hidden]) + ytd-page-manager#page-manager.ytd-app ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search + ytd-two-column-search-results-renderer.ytd-search[mini-guide-visible] #primary.ytd-two-column-search-results-renderer {
  8247.     display: inline-block !important;
  8248.     width: 100% !important;
  8249.     min-width: 100% !important;
  8250.     max-width: 100% !important;
  8251.     padding: 0 0 0 150px !important;
  8252. }
  8253.  
  8254. /* (new57) SEARCH RESULTS - ITEMS - from SMALL TEST :not(ytd-search-pyv-renderer) */
  8255. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer) {
  8256.     float: left  !important;
  8257.     height: 25vh !important;
  8258.     width: 100% !important;
  8259.     max-width: calc(800px + var(--ytd-rich-grid-item-margin)) !important;
  8260.     margin: 0 3px 4px 0 !important;
  8261.     border-radius: 5px  !important;
  8262.     overflow: visible !important;
  8263. /*background: brown !important;*/
  8264. border: 1px solid #333 !important;
  8265. }
  8266. /* NOT DARK */
  8267. html:not([dark]) #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer) {
  8268.     border: 1px solid silver !important;
  8269. }
  8270.  
  8271. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer)[modern-typography]:not(ytd-search-pyv-renderer) {
  8272.     display: flex !important;
  8273.     float: left !important;
  8274.     height: 30vh !important;
  8275.     width: 100% !important;
  8276.     max-width: calc(810px + var(--ytd-rich-grid-item-margin)) !important;
  8277.     margin: 0 1px !important;
  8278. /*background: GREEN !important;*/
  8279. /*border: 1px solid aqua !important;*/
  8280. }
  8281.  
  8282. /* (new57) */
  8283. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer[modern-typography] .grid-subheader + #contents  ytd-vertical-list-renderer.ytd-shelf-renderer #items.ytd-vertical-list-renderer ytd-video-renderer.ytd-vertical-list-renderer {
  8284.     float: left  !important;
  8285.     height: 25vh !important;
  8286.     width: 100% !important;
  8287.     max-width: calc(800px + var(--ytd-rich-grid-item-margin)) !important;
  8288.     margin: 0 3px 4px 0 !important;
  8289.     border-radius: 5px  !important;
  8290.     overflow: visible !important;
  8291.   /*pointer-events: none !important;*/
  8292. /*background: olive!important;*/
  8293. border: 1px solid #333 !important;
  8294. /*border: 1px solid aqua !important;*/
  8295. }
  8296.  
  8297. /* (new57) EXPANDABLE THUMBNAIL */
  8298. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer[modern-typography] .grid-subheader + #contents  ytd-vertical-list-renderer.ytd-shelf-renderer #items.ytd-vertical-list-renderer ytd-video-renderer.ytd-vertical-list-renderer  #expandable-metadata.ytd-video-renderer:not(:empty) ,
  8299.  
  8300. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer)  #expandable-metadata.ytd-video-renderer:not(:empty) {
  8301.     position: absolute !important;
  8302.     display: inline-block !important;
  8303.     width: 100% !important;
  8304.     min-width: 395px !important;
  8305.     max-width: 395px !important;
  8306.     bottom: -1.5vh !important;
  8307. /*border: 1px solid aqua  !important;*/
  8308. }
  8309. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer[modern-typography] .grid-subheader + #contents  ytd-vertical-list-renderer.ytd-shelf-renderer #items.ytd-vertical-list-renderer ytd-video-renderer.ytd-vertical-list-renderer  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors] ,
  8310.  
  8311. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer)  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors] {
  8312.     top: 0vh !important;
  8313. /*background: olive !important;*/
  8314. /*border: 1px solid aqua  !important;*/
  8315. }
  8316.  
  8317.  
  8318. /* (new57) WITH RIGHT PANEL - INFOS - .ytd-section-list-renderer */
  8319. ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]) {
  8320.     position: fixed  !important;
  8321. 	width: 20% !important;
  8322.     height: 89vh !important;
  8323.     margin:  0 0px 0 0 !important;
  8324.     right: -21% !important;
  8325.     padding: 0px 5px !important;
  8326.     overflow: hidden !important;
  8327.     transition: all ease 0.7s !important;
  8328.     z-index: 500000 !important;
  8329.     /*background: olive  !important;*/
  8330. border: 1px solid red !important;
  8331. }
  8332. /* HOVER */
  8333. ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]):hover {
  8334.     position: fixed  !important;
  8335. 	width: 20% !important;
  8336.     height: 89vh !important;
  8337.     margin:  0 0px 0 0 !important;
  8338.     right: 0% !important;
  8339.     padding: 0px 35px 0 5px !important;
  8340.     overflow: hidden !important;
  8341.     z-index: 5000 !important;
  8342.     transition: all ease 0.7s !important;
  8343. background: #111  !important;
  8344. /*background: aqua  !important;*/
  8345. border: 1px solid red !important;
  8346. }
  8347. ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]) #channel-name{
  8348.     position: fixed  !important;
  8349. 	width: 20% !important;
  8350.     height: 3vh !important;
  8351.     margin:  0 0px 0 0 !important;
  8352.     right: -9.5% !important;
  8353.     top: 30vh !important;
  8354.     padding: 0px 5px !important;
  8355.     border-radius: 0  0  5px 5px !important;
  8356.     overflow: hidden !important;
  8357.     transform: rotate(90deg) !important;
  8358. background: #111  !important;
  8359. /*background: aqua  !important;*/
  8360. border: 1px solid red !important;
  8361. }
  8362. ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]) #channel-name:after {
  8363.     content: "🔻" !important;    
  8364. /*border: 1px solid red !important;*/
  8365. }
  8366. /* (new57) */
  8367. ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden])  #sections.ytd-universal-watch-card-renderer  {
  8368.     height: 48vh !important;
  8369.     margin:  0 0px 0 0 !important;
  8370.     right: 0 !important;
  8371.     padding: 0px 5px !important;
  8372.     overflow: hidden !important;
  8373.     overflow-y: auto !important;
  8374. /*background: peru  !important;*/
  8375. border: 1px solid red !important;
  8376. }
  8377.  
  8378. /* (new57) NOT DARK */
  8379. html:not([dark]) ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]) #channel-name ,
  8380. html:not([dark]) ytd-secondary-search-container-renderer#secondary.ytd-two-column-search-results-renderer:not([hidden]) {
  8381.     background: white  !important;
  8382. }
  8383.  
  8384. html:not([dark]) #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer[modern-typography] .grid-subheader + #contents  ytd-vertical-list-renderer.ytd-shelf-renderer #items.ytd-vertical-list-renderer ytd-video-renderer.ytd-vertical-list-renderer  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors] ,
  8385.  
  8386. html:not([dark]) #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer)  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors] {
  8387.     color: red !important;
  8388.     background: white!important;
  8389.     border: 1px solid #333  !important;
  8390. }
  8391. /* (new57) NO DARK - EXPANDABLE - ICON */
  8392. html:not([dark]) #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer[modern-typography] .grid-subheader + #contents  ytd-vertical-list-renderer.ytd-shelf-renderer #items.ytd-vertical-list-renderer ytd-video-renderer.ytd-vertical-list-renderer  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors]  yt-icon div ,
  8393.  
  8394. html:not([dark]) #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]):not(ytd-search-pyv-renderer)  #expandable-metadata.ytd-video-renderer:not(:empty) ytd-expandable-metadata-renderer[use-custom-colors]  yt-icon div {
  8395.     fill: red !important;
  8396.     stroke: peru !important;
  8397. /*border: 1px solid green !important;*/
  8398. }
  8399.  
  8400.  
  8401. /* LARGE - SHORTS / WITH ARROWS - MINI VISIBLE */
  8402. /* #items.ytd-vertical-list-renderer > .ytd-vertical-list-renderer:not(.lockup) */
  8403. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:not(ytd-ad-slot-renderer)[modern-typography][thumbnail-style] {
  8404.     display: flex !important;
  8405.     float: left !important;
  8406.     height: auto !important;
  8407.     width: 100% !important;
  8408.     min-width: 85.95% !important;
  8409.     max-width: 85.95% !important;
  8410.     margin: 0 1px !important;
  8411. /*background: blue !important;*/
  8412. /*border: 1px solid aqua !important;*/
  8413. }
  8414. /* LARGE - SHORTS / WITH ARROWS - MINI HIDDEN - ytd-mini-guide-renderer.ytd-app[hidden] */
  8415. /* ytd-mini-guide-renderer.ytd-app[hidden] + ytd-page-manager #contents.ytd-rich-grid-renderer ytd-rich-section-renderer.ytd-rich-grid-renderer */
  8416. ytd-mini-guide-renderer.ytd-app[hidden] + ytd-page-manager #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:not(ytd-ad-slot-renderer)[modern-typography][thumbnail-style] {
  8417.     display: flex !important;
  8418.     float: left !important;
  8419.     height: auto !important;
  8420.     width: 100% !important;
  8421.     min-width: 99.2% !important;
  8422.     max-width: 99.2% !important;
  8423.     margin: 0 1px 4px 1px !important;
  8424. /*background: aqua !important;*/
  8425. /*border: 1px solid aqua !important;*/
  8426. }
  8427.  
  8428. #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:not(ytd-ad-slot-renderer)[modern-typography][thumbnail-style] .grid-subheader.ytd-shelf-renderer {
  8429.     position: absolute !important;
  8430.     margin: 0 0 0 0 !important;
  8431. }
  8432.  
  8433. /* (new56) SERACH - CONTAINER WITH MORE - , #all.ytd-vertical-list-renderer */
  8434.  
  8435. ytd-vertical-list-renderer #items.ytd-vertical-list-renderer > .ytd-vertical-list-renderer  {
  8436. /*display: flex; */
  8437.     display: inline-block !important;
  8438.     float: none !important;
  8439.     height: 25vh;
  8440.     width: 100%;
  8441.     min-width: calc(797px + var(--ytd-rich-grid-item-margin)) !important;
  8442.     max-width: calc(797px + var(--ytd-rich-grid-item-margin)) !important;
  8443.     margin: 0 3px 4px 0 !important;
  8444. 	border-radius: 5px  !important;
  8445. /*background: pink !important;*/
  8446. /*border: 1px solid aqua;*/
  8447. }
  8448.  
  8449. /* (new56) MORE - , #all.ytd-vertical-list-renderer */
  8450. #more.ytd-vertical-list-renderer {
  8451.     position: relative !important;
  8452.     width: 30% !important;
  8453.     margin: 2vh 0 0 34.5% !important;
  8454.     top: 0 !important;
  8455.     padding: 2px 10px !important;
  8456.     border-radius: 8px !important;
  8457. background: #222 !important;
  8458. border: 1px solid #333 !important;
  8459. }
  8460. #more.ytd-vertical-list-renderer span {
  8461.     color: peru !important;
  8462. }
  8463. /* NO DARK */
  8464. html:not([dark]) #more.ytd-vertical-list-renderer {
  8465. background: white !important;
  8466. border: 1px solid silver !important;
  8467. }
  8468. html:not([dark]) #more.ytd-vertical-list-renderer span {
  8469.     color: peru !important;
  8470. }
  8471.  
  8472. /* (new56) LARGE - SHORTS */
  8473. #contents.ytd-item-section-renderer > ytd-reel-shelf-renderer.ytd-item-section-renderer[modern-typography] {
  8474.     display: inline-block !important;
  8475.     height: 25vh !important;
  8476.     width: 100% !important;
  8477.     min-width: calc(800px + var(--ytd-rich-grid-item-margin)) !important;
  8478.     max-width: calc(800px + var(--ytd-rich-grid-item-margin)) !important;
  8479.     margin: 0 3px 4px 0 !important;
  8480. /* overflow: hidden !important; */
  8481. /*background: tan !important;*/
  8482. /*border: 1px solid aqua !important;*/
  8483. }
  8484.  
  8485. #contents.ytd-reel-shelf-renderer {
  8486.     margin-top: 25px !important;
  8487. }
  8488. #contents.ytd-item-section-renderer > ytd-reel-shelf-renderer.ytd-item-section-renderer[modern-typography] #title-container.ytd-reel-shelf-renderer {
  8489.     position: absolute !important;
  8490.     display: flex;
  8491.     align-items: center;
  8492.     flex-direction: row;
  8493.     height: 2rem;
  8494.     margin: 0 0 0 0 !important;
  8495. /*background: aqua !important;*/
  8496. }
  8497. yt-horizontal-list-renderer #scroll-outer-container #dismissible.ytd-reel-item-renderer ytd-thumbnail.ytd-reel-item-renderer {
  8498. 	height: 12vh !important;
  8499. }
  8500. yt-horizontal-list-renderer #scroll-outer-container #dismissible.ytd-reel-item-renderer ytd-thumbnail.ytd-reel-item-renderer a#thumbnail.ytd-thumbnail {
  8501.     background-color: rgba(0, 0, 0, 83) !important;
  8502.     height: 194px !important;
  8503.     padding: 5px !important;
  8504. }
  8505. yt-horizontal-list-renderer #scroll-outer-container #dismissible.ytd-reel-item-renderer ytd-thumbnail.ytd-reel-item-renderer a#thumbnail.ytd-thumbnail img {
  8506.     object-fit: contain !important;
  8507. background-color: rgba(0, 0, 0, 83) !important;
  8508. }
  8509.  
  8510. /* INTERACTION - ALL NORMAL */
  8511. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible {
  8512.     width: 100% !important;
  8513.     max-height: 25vh !important;
  8514.     pointer-events: auto !important;
  8515. /* border: 1px solid yellow !important; */
  8516. }
  8517.  
  8518. /* THUMBNAIL VIDEO WRAPER */
  8519. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > ytd-thumbnail.ytd-video-renderer[use-hovered-property][size="large"] {
  8520.     max-width: 500px;
  8521.     min-width: 240px;
  8522.     pointer-events: auto !important;
  8523. }
  8524.  
  8525. /* (new56) TEXT WRAPER */
  8526. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer {
  8527.     max-width: none;
  8528. /*pointer-events: none !important;*/
  8529. }
  8530.  
  8531. /* (new56) TEXT WRAPER - CHAPTER EXPANDABLE - OPEN */
  8532. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors][is-expanded] {
  8533.     position: relative !important;
  8534.     height: auto !important;
  8535.     margin: 0 15px 0 0px !important;
  8536.     bottom: 12vh !important;
  8537.     right: 10px !important;
  8538.     overflow: hidden !important;
  8539. }
  8540. /* (new56) TEXT WRAPER - CHAPTER EXPANDABLE - NOT OPEN */
  8541. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors]:not([is-expanded]) {
  8542.     position: relative !important;
  8543.     height: 4vh !important;
  8544.     margin: 0 0px 0 0px !important;
  8545.     bottom: -6vh !important;
  8546.     right: 10px !important;
  8547.     overflow: hidden !important;
  8548. }
  8549. /* DARK/ NOT DARK */
  8550. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors][is-expanded]  ,
  8551. #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors]:not([is-expanded]){
  8552.   background: #222 !important;
  8553.   border: none;
  8554. }
  8555. html:not([dark]) #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors][is-expanded]  ,
  8556. html:not([dark]) #contents.ytd-item-section-renderer > .ytd-item-section-renderer:not(ytd-ad-slot-renderer):not(ytd-reel-shelf-renderer):not(ytd-shelf-renderer):not([modern-typography]) #dismissible > .text-wrapper.ytd-video-renderer  #expandable-metadata.ytd-video-renderer:not(:empty)  ytd-expandable-metadata-renderer[use-custom-colors]:not([is-expanded]) {
  8557.   background: white !important;
  8558.   border: 1px solid silver !important;
  8559. }
  8560.  
  8561. /* (new56) PREVIEW VIDEO - SHORT */
  8562. #media-container.ytd-video-preview {
  8563.   overflow: visible !important;
  8564. }
  8565.  
  8566. a#media-container-link[href^="/shorts"] #player-container {
  8567.     position: fixed !important;
  8568.     display: inline-block !important;
  8569.     height: 100% !important;
  8570.     min-height: 23vh !important;
  8571.     max-height: 23vh !important;
  8572.     left: -10px !important;
  8573.     top: -0.5vh !important;
  8574.     margin: 0vh 0 0 0px !important;
  8575.     padding: 0px 0px 0px 0px !important;
  8576.     transform: scale(0.91) !important;
  8577.     object-fit: contain !important;
  8578.     z-index: 50000000 !important;
  8579. /*background-color: red!important;*/
  8580. /*background-color: yellowgreen !important;*/
  8581. /*border: 1px solid yellow !important;*/
  8582. }
  8583.  
  8584. /* PREVIEW CAPTION */
  8585. #video-preview #ytp-caption-window-container > * {
  8586.     bottom: -2.3vh !important;
  8587.     transform: scale(0.6) !important;
  8588.  background: rgba(0, 0, 0, 0.48) !important;
  8589. }
  8590.  
  8591.  
  8592. /* END === HOME + VIDEO RESULTS SEARCH === */
  8593. }
  8594.  
  8595. @-moz-document url-prefix("https://www.youtube.com/") {
  8596. /* HOME - YOUTUBE */
  8597.  ytd-two-column-browse-results-renderer.ytd-browse #contents.ytd-rich-grid-renderer {
  8598.     display: flex;
  8599.     flex-wrap: wrap;
  8600.     justify-content: flex-start;
  8601.     padding-top: 0 !important;
  8602.     width: 100%;
  8603. height: 87.5vh !important;
  8604. overflow: hidden !important;
  8605. overflow-y: auto !important;
  8606. border-top: 1px solid red  !important;
  8607. }
  8608.  
  8609. /* (new22) HOME - YOUTUBE - VIDEO PREVIEW on HOVER */
  8610. #preview ytd-video-preview[active]{
  8611.     background: rgba(28, 28, 28, 0.9) ;
  8612.     border: 1px solid red !important;
  8613. }
  8614. /* NO DARK */
  8615. html:not([dark]):not([dark="true"]):not(.style-scope) #preview ytd-video-preview[active]{
  8616.     background: rgba(28, 28, 28, 0.3) ;
  8617.     border: 1px solid red !important;
  8618. } 
  8619.  
  8620. /* (new41) YOUTUBE STUDIO */
  8621.  
  8622. /*  MISE EN LIGNES LIST */
  8623. #dialog.ytcp-multi-progress-monitor {
  8624.     position: fixed;
  8625.     max-height: 60vh !important;
  8626.     min-width: 20vw !important;
  8627.     bottom: 0;
  8628.     right: 0.5rem !important;
  8629.     margin: 0 0 0 0 !important;
  8630.     overflow: hidden;
  8631. border: 1px solid red !important;
  8632. }
  8633.  
  8634. #progress-list.ytcp-multi-progress-monitor {
  8635.     display: flex;
  8636.     flex: 1 1 0;
  8637.     flex-direction: column;
  8638.     min-height: 60vh !important;
  8639.     max-height: 60vh !important;
  8640.     overflow-x: hidden;
  8641.     overflow-y: auto;
  8642.     padding: 0;
  8643. /* color: gold !important; */
  8644. }
  8645. .row.ytcp-multi-progress-monitor {
  8646.     align-items: center;
  8647.     display: inline-block !important;
  8648.     padding: 0 8px;
  8649. }
  8650. .edit-button.ytcp-multi-progress-monitor {
  8651.     align-items: center;
  8652.     height: 55px !important;
  8653.     outline: medium none;
  8654.     overflow: hidden;
  8655.     width: 100%;
  8656. }
  8657. .row.ytcp-multi-progress-monitor .edit-button.ytcp-multi-progress-monitor .progress-title{
  8658.     display: inline-block !important;
  8659.         min-width: 85% !important;
  8660.     margin-right: auto;
  8661.     overflow: hidden;
  8662.     padding-left: 8px;
  8663.     text-align: start;
  8664.     text-overflow: ellipsis;
  8665.     white-space: nowrap;
  8666. color: gold !important;
  8667. /* border: 1px solid red !important; */
  8668. }
  8669. /* .row.ytcp-multi-progress-monitor .edit-button.ytcp-multi-progress-monitor:visited .progress-title{
  8670. color: red !important;
  8671. } */
  8672. .progress-status-text.ytcp-multi-progress-monitor {
  8673.     position: absolute !important;
  8674.     display: inline-block !important;
  8675.     max-width: 70% !important;
  8676.     margin: 4vh 0  0 45px;
  8677.     overflow: hidden;
  8678.     text-overflow: ellipsis;
  8679.     white-space: nowrap;
  8680. /* color: red !important; */
  8681. }
  8682. .progress-row-icon.ytcp-multi-progress-monitor {
  8683.     position: absolute !important;
  8684.     height: 15px !important;
  8685.     width: 15px !important;
  8686.     left: 3.4rem !important;
  8687.     margin: -3.8vh 0  0 0px;
  8688.     padding: 0 !important;
  8689. border-radius: 100% !important;
  8690. /* border: 1px solid red !important; */
  8691. }
  8692.  
  8693. /* HOVER */
  8694. #dialog.ytcp-multi-progress-monitor:hover {
  8695.     position: fixed;
  8696.     max-height: 60vh !important;
  8697.     min-width: 30vw !important;
  8698.     bottom: 0;
  8699.     right: 0.5rem !important;
  8700.     margin: 0 0 0 0 !important;
  8701.     overflow: hidden;
  8702. border: 1px solid red !important;
  8703. }
  8704. #dialog.ytcp-multi-progress-monitor:hover .progress-status-text.ytcp-multi-progress-monitor {
  8705.     text-align: right !important;
  8706.     display: inline-block;
  8707.     min-width: 80% !important;
  8708. }
  8709.  
  8710. /* (new22) HOME - YOUTUBE - in 2 Coumn - TOP HEADER - TAGS */
  8711. #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  8712.     z-index: 20000 !important;
  8713. }
  8714. #chips-wrapper.ytd-feed-filter-chip-bar-renderer  #scroll-container {
  8715.     position: relative;
  8716.     width: 100vw !important;
  8717.     overflow: hidden;
  8718.     white-space: nowrap;
  8719.     z-index: 100 !important;
  8720. }
  8721.  
  8722. /* (new22) HOME - YOUTUBE - in 2 Coumn - LEFT GUIDE */
  8723. #content #guide #guide-spacer {
  8724.     margin-top: 4vh !important;
  8725. }
  8726. }
  8727.  
  8728. @-moz-document domain("youtube.com") {
  8729. /* RESET - CHROME for TABVIEW */
  8730.  
  8731. @media screen and (-webkit-min-device-pixel-ratio:0) {
  8732.  
  8733. /* START - URL PREF - RESET CHROME/QUANTUM ONLY = for PLAY NEXT QUEUE + TABVIEW ==== */
  8734. /* (new51) RESET */
  8735. html[plugin-tabview-youtube] ytd-comment-thread-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
  8736. html[plugin-tabview-youtube] ytd-comment-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
  8737. html[plugin-tabview-youtube] ytd-comment-replies-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
  8738. html[plugin-tabview-youtube] ytd-compact-video-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
  8739.  
  8740. html[plugin-tabview-youtube] ytd-watch-flexy #player,
  8741. html[plugin-tabview-youtube] ytd-player#ytd-player,
  8742. html[plugin-tabview-youtube] ytd-masthead > #container .ytd-masthead,
  8743. html[plugin-tabview-youtube] ytd-masthead > #container,
  8744. html[plugin-tabview-youtube] #masthead-container,
  8745. html[plugin-tabview-youtube] ytd-masthead#masthead,
  8746. html[plugin-tabview-youtube] #tab-comments ytd-comments,
  8747. html[plugin-tabview-youtube] #tab-comments ytd-item-section-renderer,
  8748. html[plugin-tabview-youtube] #tab-comments #contents,
  8749. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos [placeholder-videos],
  8750. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos ytd-watch-next-secondary-results-renderer,
  8751. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos #items,
  8752. html[plugin-tabview-youtube] #secondary #secondary-inner #right-tabs #tab-videos.tab-content-cld:not(.tab-content-hidden),
  8753. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content-cld,
  8754. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content,
  8755. html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs,
  8756. html[plugin-tabview-youtube] ytd-watch-flexy[tabview-selection=""] #right-tabs .tab-content-cld {
  8757.     zoom: unset !important;
  8758. /* contain: unset !important; */
  8759.     contain: none !important;
  8760.     transition: none !important;
  8761.     transform: unset !important;
  8762.     animation: none !important;
  8763. }
  8764.  
  8765. /* CHROME - PB Zindex - COUNTER - TABVIEW - CHROME/QUANTUM ONLY  */
  8766.  
  8767. /* (new58) COR - A VOIR */
  8768. /* CHROME - VIDEO PLAYNEXT COUNTER - TABVIEW - CHROME/QUANTUM ONLY */
  8769. ytd-watch-flexy[is-two-columns_]:not([theater]) #tab-videos {
  8770.     
  8771.     }
  8772.  
  8773. html[plugin-tabview-youtube] #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:not(:empty) {
  8774.     counter-reset: myIndex 00 !important;
  8775. }
  8776. html[plugin-tabview-youtube] #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) .queue-item.ytd-item-section-renderer::before {
  8777. 		counter-increment: myIndex ! important;
  8778. 		content: counter(myIndex, decimal);
  8779. 		position: fixed !important;
  8780. 		display: inline-block !important;
  8781. 		width: auto;
  8782. 		line-height: 14px;
  8783. 		height: 15px;
  8784. 		min-width: 10px;
  8785. 		right: 2.8vw !important;
  8786. 		top: 6.7vh !important;
  8787. 		bottom: 0px !important;
  8788. 		padding: 1px 3px;
  8789. 		text-align: center;
  8790. 		border-radius: 0 10px 10px 0;
  8791. 		font-size: 10px;
  8792. 		z-index: 500000000 !important;
  8793. 		opacity: 1 !important;
  8794. color: tomato;
  8795. background: gold !important;
  8796. border: 1px solid red;
  8797. }
  8798.  
  8799. /* CHROME - PLAYLIST COUNTER - TABVIEW - CHROME/QUANTUM ONLY */
  8800. html[plugin-tabview-youtube] #columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list.tab-content-cld.tab-content-hidden ytd-playlist-panel-renderer#playlist {
  8801.     counter-reset: myIndex 00 !important;
  8802. }
  8803.  
  8804. html[plugin-tabview-youtube] #columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list.tab-content-cld.tab-content-hidden ytd-playlist-panel-renderer#playlist #container.ytd-playlist-panel-renderer .playlist-items.ytd-playlist-panel-renderer ytd-playlist-panel-video-renderer::before,
  8805.  
  8806. html[plugin-tabview-youtube] #columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list ytd-playlist-panel-renderer#playlist #container.ytd-playlist-panel-renderer .playlist-items.ytd-playlist-panel-renderer ytd-playlist-panel-video-renderer::before {
  8807.     counter-increment: myIndex ! important;
  8808.     content: counter(myIndex, decimal);
  8809.     position: fixed !important;
  8810.     display: inline-block !important;
  8811.     width: auto !important;
  8812.     min-width: 10px !important;
  8813.     height: 15px !important;
  8814.     line-height: 14px !important;
  8815.     right: 11.6vw !important;
  8816.     top: 6.5vh !important;
  8817.     bottom: 0px !important;
  8818.     padding: 1px 3px;
  8819.     text-align: center;
  8820.     border-radius: 0 10px 10px 0;
  8821.     font-size: 10px;
  8822.     z-index: 5000000 !important;
  8823.     opacity: 1 !important;
  8824.     visibility: visible !important;
  8825. color: tomato;
  8826. background: gold !important;
  8827. border: 1px solid red;
  8828. }
  8829.     
  8830. /* (new58) COR A VOIR */
  8831. /* HACK CHROME / QUANTUM */
  8832. @media screen and (-webkit-min-device-pixel-ratio:0) {
  8833.     #div {
  8834.         
  8835. }
  8836.     
  8837. }
  8838.     
  8839. }
  8840.  
  8841. /* ==== END ==== RESET CHROME/QUANTUM ONLY = for PLAY NEXT QUEUE + TABVIEW ====  */
  8842. }
  8843.  
  8844.  
  8845.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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