/* ==UserStyle==
@name Youtube WideScreen (New Design Polymer) v.27
@namespace youtube.com
@version 27.0.0
@author decembre
@description For a Wide Screen and the YouTube New Design
@license unlicense
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* ==== 0- YouTube WideScreen (New Design Polymer) v.27 (new27) - TEST TAbView (STABLE v. 1.8.51) ADAPT - FIX CY Fung FIX ==== */
/* NO DARK
html:not([dark]):not([dark="true"]):not(.style-scope)
BLACK background-color: rgba(17, 17, 17, 0.4) !important;
RED background-color: rgba(255, 0, 0, 0.19) !important;
==== */
/* NOT EMDED :
.html5-video-player:not(.ytp-embed)
==== */
/* NOT EMBED/ CAHNNEL PLAYER:
:not(.ytp-embed)not(#c4-player)
#player:not(.ytd-channel-video-player-renderer):hover .ytp-chrome-bottom
==== */
/* SKELETON ;
div[class*="skeleton"]
=== */
/* MAXIMIZE VIDEO:
#bodyToothbrush
==== */
/* THEATER:
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy
==== */
/* FULLSCREEN
ytd-watch-flexy[fullscreen]
==== */
/* MINI PLAYER :
#movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode
==== */
/* CHANNEL PLAYER :
ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container
=== */
/* CHAT :
.ytd-page-manager[should-stamp-chat]
=== */
/* GUIDE PERSISTENT / ALWAYS OPEN:
[guide-persistent-and-visible]
ytd-app:not([guide-persistent-and-visible])
=== */
/* GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
NORMAL PLAYER :
ytd-watch-flexy.yfms-userjs.ytd-page-manager
=== */
/* GM "TABVIEW" :
html[plugin-tabview-youtube] .ytd-page-manager[tabview-youtube-comments][tabview-selection]
=== */
/* GM "POPOUT" :
#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
/* GM "YouTube Player Controls" by Costas - WIDE PLAYER
[ytpc_cinema][ytpc_top]
=== */
/* GM "Youtube UI Fix (2020)":
body.yt-ui-fix
=== */
/* GM "Youtube subtitles under video frame"
ytd-watch-flexy.yfms-userjs.ytd-page-manager
=== */
/* 3 VERSIONS OF VIDEO PAGE:
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-298237
=== */
/* First Version - OWNER UNDER THE PLAYER :
ytd-watch-metadata > #above-the-fold
=== */
/* 2nd Version - OWNER in TABS
ytd-watch-metadata + .watch-active-metadata
OR
.watch-active-metadata
=== */
/*test OK FIX LAZY LOADING for QUEUE) TEST FRESH:
https://greasyfork.org/fr/scripts/28678-youtube-play-next-queue/discussions/82921
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
DEL position: fixed !important;
=== */
/* (new4) GM in USE (WORK WITH...):
== NO DARK :
html:not([dark]) ...
== DARK :
html[dark] ...
==== NEW TEST ====
OK - NEW in TEST - ADDON:
SPONSORBLOCK :
"SponsorBlock - Skip Sponsorships on YouTube"
https://addons.mozilla.org/en-US/firefox/addon/sponsorblock/
https://sponsor.ajay.
YouTube Clickbait-Busterapp/
NEW in TEST:
GM "Move Preferred YouTube Subtitle Auto-translate Language Options To Top" by jcunews - 2022:
https://greasyfork.org/fr/scripts/404054-move-preferred-youtube-subtitle-auto-translate-language-options-to-top
SETTINGS explanation:
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.
let menuTitle = ["Auto-translate", "Traduire automatiquement"];
let keepLanguage = ["English", "Français"];
GM "Youtube subtitles under video frame" by T1m_ - 2022 - PB THEATER:
https://greasyfork.org/fr/scripts/433440-youtube-subtitles-under-video-frame
GM "YouTube Player Controls" by Costas - 2022:
https://greasyfork.org/fr/scripts/16323-youtube-player-controls
GM "Add YouTube Video Progress" by jcunews - 2022:
Not working with Gresemonkey
https://greasyfork.org/fr/scripts/38090-add-youtube-video-progress
GM "YouTube Clickbait-Buster" by hjk789 - 2022:
https://greasyfork.org/en/scripts/439305-youtube-clickbait-buster
OK - GM "Nova YouTube" by raingart - (Not work Waterfox) (2022)
https://greasyfork.org/en/scripts/433360-nova-youtube
(Request Not work Waterfox):
https://greasyfork.org/en/scripts/433360-nova-youtube/discussions/128126
OK - GM "u-Youtube" by ok! (2022):
AUTO DARK mode + Choose Resolution
https://greasyfork.org/en/scripts/442317-u-youtube
==== OK ====
OK - GM "Maximize Video" by 冻猫 (2020):
https://greasyfork.org/fr/scripts/4870-maximize-video
OK - GM "Youtube HD" by adisib:
https://greasyfork.org/en/scripts/23661-youtube-hd
GM "Automatic Material Dark-Mode for YouTube" by SteveJobzniak (2018):
https://greasyfork.org/fr/scripts/32954-automatic-material-dark-mode-for-youtube
GM "Youtube - dismiss sign-in" / "Youtube - cacher "connectez-vous"" by Achernar (2022):
https://greasyfork.org/fr/scripts/412178-youtube-dismiss-sign-in
OK - GM "YouTube Popout Button [mashup]" by joeytwiddle (2022)
https://greasyfork.org/fr/scripts/401907-youtube-popout-button-mashup
GM "YouTube Permanent ProgressBar" by cccaaannn - Can Kurt (v.03 - 2022) voir Youtube Music - (2022) (BETTER?) :
https://greasyfork.org/en/scripts/426283-youtube-permanent-progressbar
OR
GM "YouTube Progressbar Updater" by Workgroups (2015)):
https://greasyfork.org/fr/scripts/11486-youtube-progressbar-updater
GM "Youtube Play Next Queue" by Cptmathix (2021) :
Works better than the official queue IMO (which doesn't persist between tabs and elongates video URLs, for example)
https://greasyfork.org/fr/scripts/28678-youtube-play-next-queue
OK - GM "Youtube - Search While Watching Video" by Cptmathix (2021):
https://greasyfork.org/fr/scripts/29451-youtube-search-while-watching-video
OK - GM "YouTube Links" by nhyone (2021);
https://greasyfork.org/en/scripts/5566-youtube-links
OK - GM "YouTube Time Remaining" by stinkrock (2021):
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining
YouTube Time Remaining OLD version Working 2022.05 - v.1.8.0 by stinkrock :
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-297235
OK - GM "Close YT Confirmations" by Felipe Marinho (2019):
Nedd Tweak YT MUSIC + INCLUDE
https://greasyfork.org/fr/scripts/386987-close-yt-confirmations
Alternative ,:
GM "Remove Youtube Activity Check" by TIFUByRedditting (2017):
https://greasyfork.org/fr/scripts/35157-remove-youtube-activity-check
OK - GM "Youtube Middle Click Search" by kufii (2022):
https://greasyfork.org/fr/scripts/6031-youtube-middle-click-search
OK - GM "Video Speed Buttons" by Braden Best (2020):
https://greasyfork.org/fr/scripts/30506-video-speed-buttons
==== Embedded Youtube ====
OK - GM "Allow full screen on embedded Youtube" by marwis (2021):
https://greasyfork.org/fr/scripts/398281-allow-full-screen-on-embedded-youtube
=================================================
GM "YT: not interested in one click": (seems have no effects... 2021.07)
Hover a thumbnail to see icons at the right: "Not interested" and "Don't recommend channel"
https://greasyfork.org/en/scripts/396936-yt-not-interested-in-one-click
==== GREAT but SEEMS NOT WORK WITH or need adaptation ====
OK - GM "Tabview Youtube": (now compaible with this userstyle)
https://greasyfork.org/fr/scripts/428651-tabview-youtube
Request about asupport "GM - Youtube Play Next Queue":
https://greasyfork.org/fr/scripts/428651-tabview-youtube/discussions/91612
==== SEEMS NOT WORK WITH or need adaptation ====
GM "Youtube Scrollable Suggestions" by TheAlienDrew (2022):
https://greasyfork.org/en/scripts/397344-youtube-scrollable-suggestions
==== SEEMS WORK WITH ====
GM "Youtube UI Fix" by Roy192 (2020)":
https://greasyfork.org/fr/scripts/11485-youtube-ui-fix
GM "Youtube Ad Cleaner(Include Non-Skippable Ads- works)" by dumb dumb (2021):
in test (add a Download Button)"
https://greasyfork.org/en/scripts/386925-youtube-ad-cleaner-include-non-skippable-ads-works
GM "Youtube - Fix channel links in sidebar recommendations" by 1N07 (2021):
https://greasyfork.org/en/scripts/376510-youtube-fix-channel-links-in-sidebar-recommendations
GM "Space-efficient Youtube" by 1N07 (2022):
https://greasyfork.org/fr/scripts/34388-space-efficient-youtube
GM "Youtube polymer engine fixes"
https://greasyfork.org/en/scripts/405614-youtube-polymer-engine-fixes
==== Note about: BYPASS VIDEOS Restricted ====
TEST LINK :
https://www.youtube.com/watch?v=DAsZjMizTJ0
https://www.youtube.com/watch?v=7t0SqerlBA0
EMBED :
https://forums.warframe.com/topic/1286241-thanks-for-watching-prime-time-292/#comment-12332841
OK - GM "Simple YouTube Age Restriction Bypass" by zerodytrash (2022):
Work perfecly!
Review:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/128220
OLD Request:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/93645
GhitHub:
https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass
USERSCRIPT vs EXTENSION:
https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass/issues/136
GM:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass
ADDON:
OLD SCRIPT [DEPRECATED] :
GM "YouTube: Age Verification Bypass [by u00F8)> v.1.6" (NOT WOTRK / DELETED):
https://greasyfork.org/en/scripts/375525-youtube-age-verification-bypass
MAYBE WRONG:
Youtube Age Verification Bypass Script – Best AI Content Generator Review 2022
https://www.learnsteps4profit.com/youtube-age-verification-bypass-script-best-ai-content-generator-review-2022/
ALTERNATIVE /FORKS ?:
GM "Bypass YouTube Age Verification 1.01.js" byXP1 (2001)
https://gist.github.com/XP1/1147490
GM "YouTube Age Bypass" by lawl (not work 2018)
https://greasyfork.org/fr/scripts/371261-youtube-age-bypass
Others Solutions:
BKLET - Bookmarklet :
BLET "Bypass YT login!" (watch a protected YouTube):
https://www.nsfwyoutube.com/
OR USE this ADDON:
XPI "Ageless for YouTube" :
https://addons.mozilla.org/en-US/firefox/addon/ageless/
==== Note about Waterfox Classic ====
Not Need now:
For use with Waterfox Classic and User Agent Switcher, choose:
Force for the domain (the first one)
Robot: Google Bot
NEED always for Youtube 360° and Nivida:
TOPIC:
https://github.com/MrAlex94/Waterfox/issues/1473#issuecomment-787830672
Install enhanced h264ify:
https://addons.mozilla.org/en-US/firefox/addon/enhanced-h264ify/
about:config:
Set media.windows-media-foundation.allow-d3d11-dxva:false
reset media.hardware-video-decoding.failed to false
=== OTHER ===
GM "Don't "fuck" with my scroll":
Maybe solve related video loading but PB for comments:
https://greasyfork.org/en/scripts/381674-don-t-with-my-scroll
==== */
/* (new5) SUPP ADDS */
ytd-app[disable-upgrade="true"] ,
.ytp-drawer-open-button ,
.ytp-drawer-content ,
iron-overlay-backdrop.opened ,
ytd-consent-bump-lightbox#consent-bump ,
.annotation-type-custom > div ,
.ytp-cards-teaser ,
#offer-module {
display: none !important;
}
/* (new21) ==== SKELETON - ALL ==== */
div[class*="skeleton"] {
/* border: 1px solid yellow !important; */
}
/* (new21) PLAYER SKELETON - DEFAULT / THEATER - */
#player.skeleton ,
#player.skeleton.theater {
height: calc(0.5625 * 100vw);
max-height: calc(100vh - 185px);
min-height: 480px;
min-width: 59.9% !important;
max-width: 59.9% !important;
left: -20% !important;
border: 1px solid red !important;
}
/* (new21) SKELETON - UNDER PLAYER - METAS */
#watch-page-skeleton.watch-skeleton #info-container {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
max-height: 18vh !important;
min-height: 18vh !important;
width: 100% !important;
min-width: 1156px !important;
max-width: 1156px !important;
margin: 0 !important;
bottom: 0vh !important;
left: 8px !important;
visibility: visible !important;
}
/* (new21) SKELETON - RELATED VID - RIGHT PLAYER */
#watch-page-skeleton.watch-skeleton #related {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 94vh !important;
max-height: 94vh !important;
width: 100% !important;
min-width: 37vw !important;
max-width: 37vw !important;
margin: 0 !important;
top: 5vh !important;
left: 62vw!important;
visibility: visible !important;
}
/* #related-skeleton.watch-skeleton.ytd-watch-flexy #related > div.hidden */
#watch-page-skeleton.watch-skeleton #related > div{
display: inline-block !important;
width: 35vw !important;
}
/* (new21) SKELETON - INFOS ON LOAD */
#watch-page-skeleton {
min-width: 1154px !important;
max-width: 1154px !important;
height: 100px !important;
left: -375px !important;
bottom: 0px !important;
}
/* (new21) SKELETON - PLAYER ON LOAD */
#player.skeleton.flexy:not([hidden=""]) {
min-width: 1154px !important;
height: 726px !important;
left: -374px !important;
top: -20px !important;
}
#player.skeleton.flexy:not([hidden=""]) #player-wrap {
width: 1144px !important;
height: 712px !important;
margin-left: -22px !important;
margin-top: -20px !important;
}
#player.skeleton.flexy:not([hidden=""]) #player-wrap #player-api{
width: 1142px !important;
height: 712px !important;
top: 0px !important;
}
/* (new22) HOME - YOUTUBE */
/* (new22) HOME - YOUTUBE - VIDEO PREVIEW on HOVER */
#preview ytd-video-preview[active]{
background: rgba(28, 28, 28, 0.9) ;
border: 1px solid red !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #preview ytd-video-preview[active]{
background: rgba(28, 28, 28, 0.3) ;
border: 1px solid red !important;
}
/* (new22) HOME - YOUTUBE - in 2 Coumn - TOP HEADER - TAGS */
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
z-index: 20000 !important;
}
#chips-wrapper.ytd-feed-filter-chip-bar-renderer #scroll-container {
position: relative;
width: 100vw !important;
overflow: hidden;
white-space: nowrap;
z-index: 100 !important;
}
/* (new22) HOME - YOUTUBE - in 2 Coumn - LEFT GUIDE */
#content #guide #guide-spacer {
margin-top: 4vh !important;
}
/* (new22) TEST - GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
=== */
/* NORMAL PLAYER - Subtitles under video frame */
ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen]):not(.parentToothbrush) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
position: absolute !important;
display: inline-block !important;
width: 99.5% !important;
height: 9vh !important;
top: calc(100% + 3vh) !important;
margin-bottom: 0;
margin-top: 0;
z-index: 500000 !important;
opacity: 1 !important;
visibility: visible !important;
/* border: 1px solid aqua !important; */
}
/* THEATER - Subtitles under video frame */
/* 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) , */
ytd-watch-flexy.yfms-userjs:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty)
{
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 76.4vh !important;
max-height: 76.4vh !important;
min-width: 99.9%;
max-width: 99.9%;
top: 9.3vh;
left: 0;
margin: 0;
padding-bottom: 0;
overflow: visible;
z-index: 2147483647;
/* background: red !important; */
/* border: 1px solid violet !important; */
}
/* html.tabview-normal-player[plugin-tabview-youtube]:not(#htmlToothbrush):not(.floater):not(.iri-always-visible) ytd-watch-flexy.yfms-userjs.ytd-page-manager[theater][theater-requested_] #player-theater-container .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream {
max-height: 89.9vh !important;
min-height: 89.9vh !important;
} */
/* html:not(#htmlToothbrush):not(.floater):not(.iri-always-visible) ytd-watch-flexy.yfms-userjs.ytd-page-manager[theater][theater-requested_] #player-theater-container .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream , */
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 ,
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 {
min-height: 76.4vh !important;
max-height: 76.4vh !important;
/* border: 1px solid yellow !important; */
}
/* MAXIMIZE - Subtitles under video frame */
ytd-watch-flexy.yfms-userjs.ytd-page-manager.parentToothbrush:not([fullscreen]) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
position: absolute !important;
display: inline-block !important;
width: 99.5% !important;
margin-bottom: 0;
margin-top: 0;
top: calc(100% - 10vh) !important;
z-index: 9999;
/* border: 1px solid green !important; */
}
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 {
font-size: 28px !important;
}
/* Subtitles under video frame - CURSER - UNSET */
ytd-watch-flexy.yfms-userjs.ytd-page-manager .caption-window {
cursor: unset !important;
}
/* (new22) TEST GM "YouTube Player Controls" - html[plugin-tabview-youtube] - [ytpc_cinema][ytpc_top] */
/* NO THEATER */
/* [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 , */
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 {
position: fixed !important;
display: flex;
display: inline-block !important;
/* display: none !important; */
flex-direction: column;
flex-grow: 1;
width: 59.5% !important;
top: 6.4vh !important;
z-index: 50000000 !important;
border: 1px solid aqua !important;
}
/* (new22) GM "YouTube Player Controls" - THEATER */
[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,
#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] {
bottom: 0;
height: 2.4vh !important;
margin: 0vh 0 0;
overflow-y: hidden !important;
border: 1px solid red !important;
}
[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 ,
#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 ,
[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 ,
#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 {
display: none !important;
}
/* (new23) THEATER */
#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 .time-remaining-renderer {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: 100vw !important;
max-width: 10vw !important;
min-width: 10vw !important;
/* bottom: 16.2vh !important; */
top: 6.6vh !important;
left: 45vw !important;
text-align: center;
visibility: visible;
border: 1px dashed #e91e63;
}
#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 {
display: none !important;
}
/* (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
#columns.ytd-watch-flexy #primary:not(:hover)
=== */
#content.ytd-app[ytpc_cinema]:not([ytpc_top]) ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary ,
#content.ytd-app[ytpc_top][ytpc_cinema] ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary {
display: inline-block !important;
z-index: 2147483647 !important;
}
/* (new22) GM "YouTube Player Controls" - OK TOP SEARCH */
#content.ytd-app[ytpc_cinema][ytpc_top] #masthead-container.ytd-app{
z-index: 2147483647 !important;
}
/* (new22) GM "YouTube Player Controls" - TOP SEARCH */
#content.ytd-app[ytpc_cinema]:not([ytpc_top]) #masthead-container.ytd-app{
z-index: 100 !important;
}
/* (new23) GM "YouTube Player Controls" - BUTTON SETTINGS (OWNER INFOS UNDER PLAYER )*/
span#ytpc_title_container {
position: fixed !important;
display: inline-block !important;
/* left: -0.3vw !important; */
right: 20vw !important;
top: 1vh !important;
z-index: 500000000 !important;
}
span#ytpc_title_container::after {
position: fixed;
display: inline-block;
content: "Y-Ct";
top: 1px;
padding: 2px;
border-radius: 100%;
font-size: 7px;
z-index: 500000000;
opacity: 0.3 !important;
color: white !important;
background: red !important;
}
span#ytpc_title_container:hover::after {
position: fixed;
display: inline-block;
content: "YouTube Player Controls";
top: 1px;
padding: 2px;
border-radius: 5px !important;
font-size: 7px;
z-index: 500000000;
opacity: 1 !important;
color: gold !important;
background: green !important;
}
#ytpc_options_popup {
position: fixed !important;
width: 235px;
right: 33vh;
top: 10px;
z-index: 5000000 !important;
}
/* (new22) TEST GM "YouTube Player Controls" - GUIDE PANEL - PLAYER PAGE */
#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 {
z-index: 0 !important;
}
/* TEST - GM "Add YouTube Video Progress" */
#vidprogress {
position: fixed !important;
line-height: normal;
min-width: 29ex !important;
max-width: 49ex !important;
left: 22vw !important;
bottom: 12vh !important;
margin: 0 !important;
padding: 2px;
border-radius: 4px;
font-size: 9pt;
text-align: center;
vertical-align: top;
white-space: nowrap;
}
/* 2nd PROGRESSBAR adde by the script - Move to cover the Original */
.ytp-chrome-bottom + #vidprogress2 {
position: absolute;
bottom: 4px !important;
width: 100%;
z-index: 2000000000;
}
/* (new21) TEST - GM "u-Youtube" */
#masthead-container.ytd-app {
z-index: 500000000 !important;
}
#end.ytd-masthead {
padding-right: 15px !important;
}
.dropdown-hover {
position: fixed !important;
display: inline-block !important;
right: -15px !important;
}
.dropdown-hover:after {
content: "u-Y" !important;
display: inline-block;
position: fixed;
right: 2px;
top: 1px !important;
padding: 2px !important;
border-radius: 100% !important;
font-size: 7px !important;
z-index: 500000000;
background: red !important;
}
.dropdown-hover:hover:after {
content: "u-Youtube" !important;
display: inline-block;
position: fixed;
right: 2px;
top: 1px !important;
padding: 3px !important;
border-radius: 5px !important;
font-size: 10px !important;
z-index: 500000000 !important;
background: green !important;
}
.dropdown-box .item {
position: fixed !important;
display: inline-block !important;
right: 114px;
top: -20px !important;
color: #aaa !important;
background: #202020 !important;
}
/* NO DARK */
html:not([dark="true"]) .dropdown-box .item {
color: #111 !important;
background: white !important;
}
/* (new21) ADDON GM "SPONSORBLOCK" ICONS */
.playerButtonImage {
bottom: 0;
display: block;
max-height: 40% !important;
margin: auto;
top: 0;
}
/* (new21) ADDON GM "SPONSORBLOCK" POPUP */
#sponsorBlockPopupContainer {
position: fixed !important;
margin: 0 !important;
top: 3.9vh !important;
right: 0 !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
/* TEST INDICATOR for INFOS UNDER PLAYER - TAB INFOS - TABVIEW - ytd-watch-flexy[is-two-columns_] */
.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 {
padding: 5px 5px 0 5px ;
border: 1px solid red !important;
}
ytd-watch-flexy[is-two-columns_] #tab-info ytd-expander {
margin: 0;
padding: 0;
}
ytd-watch-flexy[is-two-columns_] #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer {
display: block;
max-width: 100%;
margin-top: -4.8vh !important;
}
/* (new21) GM "POPOUT VIDEO body.site-as-giant-card */
/* (new21) GM POPOUT - SUPP ICON BRANDING */
#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{
display: none !important;
}
/* (new21) GM POPOUT PLAYER */
#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 {
width: 100% !important;
height: 99.4vh !important;
left: 0 !important;
top: 0 !important;
object-fit: contain !important;
}
/* (new21) GM POPOUT - PROGRESSBAR */
#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"]) {
margin-top: 0;
opacity: 1;
top: 0.5vh !important;
}
/* (new21)POPOUT - .ytp-iv-drawer-enabled PAUSED */
#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"]) {
margin-top: 0;
opacity: 1;
top: 3.7vh !important;
}
/* (new21)POPOUT - PREVIEW - .ytp-iv-drawer-enabled / .paused-mode */
#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 {
top: 76vh !important;
}
/* (new21) OK - GM "Maximize Video" */
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush {
position: fixed !important;
display: inline-block !important;
max-height: 100vh !important;
min-height: 100vh !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin: 0 !important;
z-index: 500000000 !important;
}
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #ujs-hdr-links-div ,
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #columns {
display: none !important;
}
#htmlToothbrush ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy {
position: fixed !important;
display: inline-block !important;
max-height: 99vh !important;
min-height: 99vh !important;
margin-top: 0 !important;
overflow: visible;
transform: none;
transform-style: flat;
transition: none 0s ease 0s ;
z-index: auto;
}
#htmlToothbrush #bodyToothbrush .playerToothbrush {
position: fixed;
max-height: 99vh !important;
min-height: 99vh !important;
width: 100vw;
margin-top: 0 !important;
top: 0 !important;
transform: none;
z-index: 2147483646 !important;
}
#htmlToothbrush #bodyToothbrush .parentToothbrush .html5-video-player.ytp-large-width-mode video ,
#htmlToothbrush #bodyToothbrush .parentToothbrush video {
min-width: 100vw !important;
left: 0 !important;
object-fit: contain;
}
#leftFullStackButton:not([style=""]) ,
#rightFullStackButton:not([style=""]) {
position: fixed;
height: 95vh !important;
width: 30px !important;
top: 0;
z-index: 2147483647;
cursor: w-resize !important;
transition: all ease 0.7s !important;
background: transparent !important;
}
#leftFullStackButton:not([style=""]):hover ,
#rightFullStackButton:not([style=""]):hover {
transition: all ease 0.7s !important;
background: #333 !important;
}
.parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode .ytp-chrome-bottom{
position: absolute !important;
display: inline-block;
top: 100vh !important;
width: 100%;
opacity: 1;
visibility: visible;
}
/* GM "Maximize Video" HOVER */
.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{
position: absolute !important;
display: inline-block;
top: -6vh !important;
min-width: 100% !important;
opacity: 1;
visibility: visible;
}
.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 ,
.parentToothbrush #movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide .ytp-progress-bar-container,
.parentToothbrush .ytp-hide-info-bar .ytp-progress-bar-container {
position: fixed !important;
display: inline-block !important;
width: 100%;
top: 99.1vh !important;
opacity: 1;
visibility: visible;
z-index: 5000000 !important;
}
.parentToothbrush .annotation.annotation-type-custom.iv-branding {
display: none !important;
}
.parentToothbrush .ytp-tooltip.ytp-preview:not(.ytp-text-detail):not([style*="display: none;"]) {
position: fixed !important;
display: inline-block !important;
top: 72vh !important;
margin-top: 0vh !important;
z-index: 500000000 !important;
border: 1px solid green !important;
}
/* (new21) GM "Maximize Video" : #bodyToothbrush - EMBED - BOTTOM CONTROL */
#bodyToothbrush #player:hover .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom,
#bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
height: 3px;
top: 95% !important;
}
/* (new21) GM "Maximize Video" : #bodyToothbrush - EMBED - CONTROL */
#bodyToothbrush .ytp-exp-bottom-control-flexbox .ytp-chrome-controls ,
#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 ,
#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 {
min-width: 100% !important;
max-width: 100% !important;
left: 0px !important;
right: 0 !important;
vertical-align: top;
}
/* (new21) POPUP YOUTUBE FIXED - ON PLAYER */
.ytp-popup.ytp-contextmenu:not([style$="display: none;"]) {
position: fixed !important;
display: inline-block !important;
top: 32% !important;
left: 55% !important;
z-index: 5000000000 !important;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
background: rgba(28, 28, 28, 0.9) ;
border: 1px solid red !important;
}
/* (new21) GUIDE PANEL - PLAYER PAGE */
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) {
z-index: 500000000 !important;
}
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer {
position: absolute !important;
top: -36px;
}
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer #header.ytd-app {
margin-top: -35px;
}
/* (new21) GUIDE PANEL - PLAYER PAGE - TABVIEW */
html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) ,
html[plugin-tabview-youtube] tp-yt-app-drawer {
position: fixed !important;
display: inline-block !important;
height: 100vh !important;
max-height: 100vh !important;
min-height: 100vh !important;
right: 0;
top: 0 !important;
bottom: 0 !important;
left: 0;
transition-property: visibility;
z-index: 5000000000 !important;
}
html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened] {
visibility: visible !important;
}
/* (new21) POPUP - ALL - SETTINGS / BOTOM PLAYER / etc */
.ytd-app > .ytd-popup-container {
z-index: 50000000 !important;
}
/* (new21) TEST - POPUP CHANNEL MESSAGE */
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"] {
display: none !important;
}
/* (new21) VIDEO BRANDING */
.annotation.annotation-type-custom.iv-branding {
position: fixed !important;
height: 40px !important;
right: 41vw !important;
top: 80vh !important;
}
/* (new21) VIDEO BRANDING - EMBED - SUPP */
#movie_player.html5-video-player.html5-video-player .annotation.annotation-type-custom.iv-branding {
display: none !important;
}
/* (new21) NOT THEATER - BRANDING - PAUSED */
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 {
top: 80vh !important;
}
/* THEATER - BRANDING - PLAYING */
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 {
top: 87vh !important;
}
/* TEST - ADD INDICATOR FO BUTTON ADDED BY GM "Youtube Ad Cleaner */
.myButton:before {
content: "Provided \A by Youtube \A Add Cleaner" !important;
position: absolute !important;
display: inline-block !important;
vertical-align: middle;
right: 150px !important;
height: auto ;
line-height: 8px ;
width: auto !important;
top: 16px;
padding: 2px 5px;
color: white;
font-size: 10px;
text-align: center;
white-space: pre !important;
border-radius: 2px;
opacity: 0 !important;
border: 1px solid transparent;
background-color: green;
}
.myButton:hover:before {
content: "Provided \A by Youtube \A Add Cleaner" !important;
right: 231px !important;
opacity: 1 !important;
transition: all ease 0.7s !important;
background-color: red;
}
.myButton {
cursor: pointer !important;
}
/* test QUANTUM VIDEO UNSTARTED */
.html5-video-player.unstarted-mode {
}
.html5-video-player.unstarted-mode .ytp-cued-thumbnail-overlay{
z-index: 5000000 !important ;
}
.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden="true"]){
z-index: 5000000 !important ;
}
/* (new22) Update PLAY NEXT QUEUE v.3*/
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy {
position: fixed !important;
display: inline-block !important;
width: 40%!important;
height: auto !important;
top: 9.3vh !important;
right: 0 !important;
padding: 0 0 0 0 !important;
resize: unset !important;
overflow: hidden !important;
z-index: 5 !important;
visibility: visible !important;
transition: height ease 0.7s !important;
border-left: 0.2rem solid #222 !important;
border-right: none !important;
border-bottom: 4px solid #222 !important;
background: rgba(17, 17, 17, 0.41) !important;
}
/* NO DARK */
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 ,
html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy{
border-left: 0.2rem solid #E7E7E7 !important;
border-bottom: 4px solid #E7E7E7 !important;
background: transparent !important;
}
/* (new22) */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
display: inline-block !important;
width: 100% !important;
height: 13.1vh !important;
min-height: 13.1vh !important;
margin-top: 0vh !important;
right: 0 !important;
padding: 0.2rem 0 0 0rem !important;
overflow: hidden !important;
z-index: 5 !important;
visibility: visible !important;
transition: height ease 0.7s !important;
background: #111 !important;
border-left: 0.2rem solid green !important;
}
/* NO DARK */
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) {
background-color: rgba(17, 17, 17, 0.4) !important;
}
/* EMPTY QUEUE */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty {
position: fixed !important;
display: inline-block !important;
width: 39% !important;
height: 125px !important;
min-height: 125px !important;
top: 9.5vh !important;
right: 6px !important;
padding: 7px 5px 0 5px !important;
overflow: hidden !important;
z-index: -1 !important;
visibility: visible !important;
transition: height ease 0.7s !important;
pointer-events: none !important;
border-left: 4px solid #333 !important;
background: #111 !important;
}
/* (new21) PLAY NEXT EMPTY - NO DARK */
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 {
border-left: 4px solid #E7E7E7 !important;
border-bottom: 4px solid #E7E7E7 ;
color: gray !important;
background: white !important;
}
/* (new21) PLAY NEXT EMPTY - INDICATOR */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:after {
content: "No Videos In Queue ... " ;
display: inline-block !important;
width: 100% !important;
height: 115px !important;
line-height: 115px !important;
padding: 5px !important;
font-size: 20px ;
text-align: center ;
z-index: -1 !important;
border-bottom: none !important;
background: transparent !important;
}
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:hover:after ,
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:empty:after {
color: gold !important;
background: #222 !important;
}
/* (new24) PLAY NEXT - TAB */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:before{
content: "Yt Next Queue " ;
position: fixed !important;
display: inline-block !important;
width: 6.5rem !important;
height: 2rem!important;
line-height: 2rem;
margin: 0 0 0 0 !important;
top: 6.4vh !important;
right: 3vw !important;
padding: 0.2rem 0.5rem !important;
text-align: left;
visibility: visible;
z-index: 5000000 !important;
transition: all ease 0.7s !important;
border-radius: 3px 3px 0 0 !important;
border-top: 1px solid #333 ;
border-bottom: 2px solid #333 ;
border-right: 0.2rem solid #333 ;
border-left: 0.2rem solid #333 ;
color: gray !important;
background-color: #222 ;
}
/* NO DARK */
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 {
border-top: 1px solid gray !important;
border-bottom: 2px solid gray!important;
border-right: none !important;
border-left: 0.2rem solid gray !important;
color: gray !important;
background-color: white !important;
}
/* (new22) HOVER */
/* NO DARK */
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 ,
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover:before{
transition: all ease 0.7s !important;
color: gold !important;
background: green !important;
}
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty) ,
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:not(:empty) {
height: 708px !important;
min-height: 708px !important;
top: 9vh !important;
padding: 7px 0px 0 0 !important;
overflow-y: auto !important;
transition: height ease 0.7s !important;
background: rgba(17, 17, 17, 0.9) !important;
border-left: 0.2rem solid green !important;
}
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty) {
/* background: green !important; */
}
#related-skeleton + div a ,
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer{
float: left;
clear: none;
width: 100%;
max-width: 31.3%;
min-width: 31.3%;
height: auto;
margin-right: 0.2rem ;
margin-left: 0.2rem ;
margin-bottom: 0.2rem;
border-radius: 3px !important;
padding: 3px !important;
background-color: black;
border: 1px solid gray !important;
}
#tab-videos ytd-compact-video-renderer .metadata .secondary-metadata {
display: inline-block !important;
width: 100% !important;
}
#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 {
position: relative !important;
display: inline-block !important;
width: 100% !important;
top: -11px !important;
text-align: center !important;
}
#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 {
display: inline-block !important;
width: 44% !important;
line-height: 13px !important;
text-align: center !important;
}
/* (new21) NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #related-skeleton + div a ,
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 {
border: 1px solid #E7E7E7 !important;
background-color: white !important;
}
/* (new21) TEST - PLAY NEXT - COUNTER - start at 01 */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
content: counter(myIndex, decimal);
counter-increment: myIndex 00 !important;
}
#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 {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal);
position: fixed;
display: inline-block !important;
width: auto;
line-height: 14px;
height: 15px;
min-width: 10px;
right: 2.7vw !important;
top: 6.6vh ;
bottom: 0px !important;
padding: 1px 3px ;
text-align: center;
border-radius:0 10px 10px 0 !important;
font-size: 10px;
z-index: 50000000 !important;
opacity: 1 !important;
color: tomato;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
background: gold;
border: 1px solid red ;
}
/* (new23) RELATED VIDEO - PLAY NEXT + TABVIEW - VISIBLE ON HOVER - VOIR THEATER HOVER*/
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 ,
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 ,
ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover {
position: fixed !important;
display: inline-block !important;
width: 39.4% !important;
height: 100% !important;
min-height: 89vh !important;
max-height: 89vh !important;
right: 0px !important;
top: 9vh;
padding: 7px 5px 0 0;
resize: unset;
overflow: hidden;
overflow-y: auto !important;
transition: height 0.7s ease 0s;
visibility: visible !important;
z-index: 500000000 !important;
background: rgba(17, 17, 17, 1) !important;
border-bottom: 4px solid red !important;
border-left: 4px solid red !important;
border-right: 4px solid red !important;
}
/* NO DARK */
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 ,
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 {
background: white !important;
}
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) ,
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) {
display: inline-block !important;
min-height: 88.5vh !important;
max-height: 88.5vh !important;;
overflow-y: auto;
padding: 7px 0 0 5px;
transition: height 0.7s ease 0s;
visibility: visible !important;
z-index: 50000000 !important;
}
/* (new23) PLAY NEXT - THEATER - TABVIEW */
/* ytd-watch-flexy[is-two-columns_][tabview-selection=""] #right-tabs .tab-content , */
ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs .tab-content {
display: inline-block !important;
}
/* (new21) GM "YOUTUBE LINKS" */
ytd-watch-flexy[fullscreen] #ujs-hdr-links-div {
display: none !important;
}
ytd-thumbnail .ujs-links-cls.ujs-quality {
opacity: 0.2;
}
ytd-thumbnail:hover .ujs-links-cls.ujs-quality {
opacity: 0.8;
}
#ujs-hdr-links-div {
position: fixed !important;
display: inline-block !important;
max-width: 39.4vw !important;
min-width: 39.4vw !important;
top: 8.6vh;
right: 0 !important;
padding: 5px 0 !important;
z-index: 500 !important;
visibility: hidden ;
}
#ujs-hdr-links-div:hover {
visibility: visible ;
z-index: 5000000000 !important;
border: 1px solid yellow !important;
}
#ujs-hdr-links-div:after {
content: "👁 " ;
position: absolute ;
height: 21px;
line-height: 21px;
top: -23px ;
right: 20px ;
font-size: 25px ;
border-radius: 5px 5px 0 0 ;
background-color: red;
visibility: visible ;
}
#ujs-hdr-links-div:hover:after {
content: "👁 YouTube Links" ;
position: absolute ;
height: 22px;
line-height: 22px;
top: -25px ;
right: 10px ;
padding: 0 3px !important;
font-size: 17px ;
border-radius: 5px 5px 0 0 ;
visibility: visible ;
background-color: gold;
}
#ujs-hdr-links-div .ujs-group {
border-radius: 3px;
display: inline-block;
margin: 1px 1px 1px 2px;
}
div.ujs-links-cls .ujs-video {
display: inline-block;
text-align: center;
width: 2.5em !important;
}
/* (new21) GM "YOUTUBE LINKS" */
.ujs-group>a{
pointer-events: auto !important;
}
.ujs-group>a:hover{
border: 1px dashed lime !important;
}
/* (new13) TEST */
#content.ytd-app {
height: 0px !important;
}
/* YOUTUBE MUSIC */
.content.ytmusic-player-page {
padding-top: 0 !important;
}
/* TEST 360° / GAME :
https://www.youtube.com/watch?v=I-Y14gm8C6o
=== */
.webgl>canvas ,
.webgl {
display: block;
position: absolute;
width: 100% !important;
z-index: 11;
}
.ytp-webgl-spherical .ytp-progress-bar-container {
bottom: -2px !important;
display: inline-block;
opacity: 1;
position: absolute;
visibility: visible;
width: 100%;
}
/* (new7) TEST VIDEO RESTRICTED:
GM "YouTube: Age Verification Bypass
=== */
/* ADD NOTE ON THE RESTICTED PLAYER about Solution */
.ytd-page-manager.hide-skeleton[player-unavailable=""] #player #button.yt-player-error-message-renderer yt-button-renderer a.yt-simple-endpoint:before {
content: "Video Restricted \A use addon:\A Ageless for YouTube" ;
position: fixed ;
display: inline-block !important;
width: 57% ;
height: 15% ;
top: 65px ;
left: 1.9% ;
font-size: 30px ;
white-space: pre;
text-align: center ;
z-index: 50000 ;
visibility: visible !important;
color: gold !important;
background: rgba(255, 0, 0, 0.1);
}
/* (new21) TEST AGAINST EMBED YOUTUBE in OTHERS SITES cf REDDIT
.html5-video-player.ytp-embed .html5-main-video.video-stream
:not(ytd-channel-video-player-renderer)
=== */
/* NOT EMBED/ CAHNNEL PLAYER :not(.ytp-embed)not(#c4-player) */
html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream {
height: 100% !important;
max-height: 100% !important;
min-height: 100% !important;
}
/* (new21) TEST YOUTUBE EMBED (for REDDIT) PLAYER/POSTER COVER SIZE */
/* EMBED - PREVIEW VIDEO */
/* 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;"]) {
margin-top: 70px !important;
} */
/* (new22)EMBED - PREVIEW VIDEO THUMBNAIL */
#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 {
margin-top: -15vh !important;
}
/* (new22)EMBED - PLAY BUTTON - when PLAYing - SUPP */
#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 {
display: none !important;
}
/* (new22)EMBED - BRANDING ICON */
#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 {
display: none !important;
}
/* EMBED - END SCREEN NONE */
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 {
display: none !important;
}
#movie_player.ytp-embed .html5-video-player .video-click-tracking {
display: inline-block !important;
height: calc(100% - 2px) !important;
max-height: 128px !important;
min-height: 128px !important;
position: absolute;
width: 99.7% !important;
border: 1px solid #111 !important;
}
#movie_player.ytp-embed .html5-video-player .ytp-cued-thumbnail-overlay-image {
position: absolute;
width: 100% !important;
background-position: center center;
background-repeat: no-repeat;
background-size: contain !important;
height: 100%;
object-fit: contain;
border: 3px solid red !important;
}
/* (new22)EMBED - PROGRESSBAR - HOVER */
#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"]) {
margin-top: 0;
opacity: 1;
top: -1vh !important;
}
/* (new22)EMBED - PROGRESSBAR - PAUSED */
#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"]) {
margin-top: 0;
opacity: 1;
top: 9.9vh !important;
}
/* TEST EMBED YOUTUBE FULLSCREEN - TEST BYPASS AGE RESTRICTION BY ADDING:
/embed/
In place of:
/watch?v=
TEST LINK VID RESTRICTED NORMAL:
https://www.youtube.com/watch?v=YgT3e4CMMD4
TEST LINK VID RESTRICTED URL TWEAKED:
https://www.youtube.com/embed/YgT3e4CMMD4
LINK TIPS:
https://www.wikihow.com/Bypass-Age-Restrictions-on-YouTube-Videos
TEST LINK :
https://ryanseddon.com/css/pointer-events-60fps/
==== */
/* (new21)NOT EMDED - .html5-video-player:not(.ytp-embed) - NOT POPOUT:not(.ytp-iv-drawer-enabled) */
#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) .ytp-chrome-bottom ,
.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 {
width: 100% !important;
height: 3px;
left: 0px !important;
top: 88% !important;
opacity: 1;
}
.ytp-exp-bigger-button .ytp-chrome-controls {
height: 40px;
line-height: 40px;
}
/* (new21) TEST EMBED YOUTUBE - NOT FULLSCREEN - PLAY/PAUSE */
.html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom{
width: 100%;
height: 3px;
left: 0;
top: 99% !important;
opacity: 1;
}
/* (new26) TEST EMBED YOUTUBE FULLSCREEN - PLAY HOVER */
/* Cf GM "Maximize Video" : #bodyToothbrush */
.html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom{
top: 99% !important;
background-color: transparent!important;
}
.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 {
vertical-align: top;
height: 35px;
line-height: 28px;
margin-top: -48px !important;
background: rgba(0, 0, 0, 0.44) !important;
}
/* (new21) TEST EMBED YOUTUBE FULLSCREEN - ENDED */
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom ,
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
min-width: 100% !important;
max-width: 100% !important;
top: 98% !important;
left: 0px !important;
right: 0 !important;
background-color: green !important;
}
.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 ,
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chrome-controls {
min-width: 100% !important;
max-width: 100% !important;
height: 35px;
line-height: 28px;
margin-top: -45px !important;
left: -5px !important;
right: 0 !important;
vertical-align: top;
}
/* SOLVED touch MENU PARAMETERS TOP RIGHT - TEST - 3 DOTTS - SECONDARY - TRANSRCIPTION / REAPORT (#panels) */
#info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer ytd-menu-renderer #top-level-buttons + .top-level-buttons + .dropdown-trigger {
position: fixed !important;
display: inline-block !important;
left: 1870px !important;
height: 20px !important;
max-height: 20px !important;
top: 7.3vh !important;
width: 35px !important;
}
/* PANELS - CHAPTERS */
#secondary-inner #panels {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 510px !important;
max-width: 510px !important;
top: 90px !important;
right: 0 !important;
left: 1408px !important;
z-index: 5000000 !important;
}
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"] {
max-height: 70vh !important;
min-height: 70vh !important;
}
#content.ytd-engagement-panel-section-list-renderer {
display: inline-block;
flex: unset;
flex-direction: column;
height: auto;
max-height: 72vh;
min-height: 67vh;
overflow-x: hidden;
overflow-y: auto;
}
/* PLAYER - CHAPTER INDICATOR - OPEN LEFT PANEL */
.ytp-chapter-title.ytp-button,
.ytp-chapter-container .ytp-chapter-title-prefix {
height: 25px !important;
line-height: 26px !important;
}
.ytp-chapter-container .ytp-chapter-title.ytp-button .ytp-chapter-title-content {
height: 0px !important;
line-height: 0px !important;
padding: 0 3px !important;
border-radius: 5px !important;
background: red !important;
}
/* (new21) SECONDARY - TEST LIVE CHAT :
CABVIEW: Live chat and Stream from the Bergen Line in Norway
https://www.youtube.com/watch?v=ZHgXfhiDIIM
=== */
ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy ,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
position: absolute;
display: inline-block;
height: 28px;
height: 100% !important;
min-height: 92.9vh !important;
max-height: 92.9vh !important;
min-width: 40%;
right: 0% !important;
padding: 0;
}
ytd-live-chat-frame {
display: inline-block;
height: 840px;
left: 60%;
max-width: 39.9%;
min-width: 39.9%;
overflow: hidden;
padding: 0 10px;
position: fixed;
top: 85px;
visibility: hidden;
z-index: 50000;
background: #111 !important;
}
ytd-live-chat-frame:hover {
max-height: 90vh !important;
min-height: 90vh !important;
visibility: visible;
border-left: 1px solid #e7e7e7 !important;
border-right: 1px solid #e7e7e7 !important;
border-top: 1px solid #4C4BB5 !important;
border-bottom: 4px solid #4C4BB5 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-live-chat-frame:hover {
max-height: 90vh !important;
min-height: 90vh !important;
visibility: visible;
border-left: 1px solid #e7e7e7 !important;
border-right: 1px solid #e7e7e7 !important;
border-top: 1px solid #4C4BB5 !important;
border-bottom: 4px solid #4C4BB5 !important;
background: white !important;
}
/* (new24) */
ytd-live-chat-frame::before {
content: "Live Chat ▼";
position: fixed;
display: inline-block;
width: 3vw;
height: 22px;
line-height: 21px;
top: 6.4vh;
right: 7.5vw !important;
margin: 0 0 0 0 !important;
padding: 1px 5px;
border-radius: 3px 3px 0 0;
text-align: center;
color: gray;
visibility: visible ;
z-index: 5000000;
border-bottom: 1px solid #333 !important;
border-left: 5px solid #333 !important;
border-right: 5px solid #333 !important;
border-top: 1px solid #333 !important;
background-color: #222 !important;
}
ytd-live-chat-frame:hover::before {
border-bottom: 1px solid #4C4BB5 !important;
color: white !important;
background-color: #333 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-live-chat-frame::before {
border-bottom: 1px solid #e7e7e7 !important;
border-left: 5px solid #e7e7e7 !important;
border-right: 5px solid #e7e7e7 !important;
border-top: 1px solid #e7e7e7 !important;
background-color: white !important;
}
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-live-chat-frame:hover::before {
color: white !important;
border-bottom: 1px solid #999 !important;
border-left: 5px solid #999 !important;
border-right: 5px solid #999 !important;
border-top: 1px solid #999 !important;
background-color: #999 !important;
cursor: pointer !important;
}
iframe.ytd-live-chat-frame {
flex: 1 1 1e-9px;
width: 100%;
min-height: 90vh !important;
}
/* CHAT SHOW HIDD BUT */
ytd-live-chat-frame #show-hide-button{
position: absolute;
top: 7px;
right: 0;
border: 1px solid red;
}
#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
font-size: 9px;
}
/* CHAT BANNER - SUPP */
yt-live-chat-banner-manager.yt-live-chat-item-list-renderer {
display: none;
}
/* CHAT MESGE */
ytd-live-chat-frame #message.ytd-message-renderer {
display: inline-block;
position: absolute;
top: 12px;
visibility: hidden !important;
}
ytd-live-chat-frame:hover #message.ytd-message-renderer {
visibility: visible !important;
}
ytd-live-chat-frame #message.ytd-message-renderer:before {
content: "⛔" ;
display: inline-block;
position: fixed;
width: 15px !important;
height: 13px !important;
line-height: 13px ;
top: 60px;
right: 20% ;
border-radius: 50% ;
font-size: 10px ;
text-align: center ;
opacity: 0.5 ;
visibility: visible;
z-index: 5000000 !important;
background: black !important;
}
/* (new7) COMMENT DISABLE
https://www.youtube.com/watch?v=SA0RlGtOCmE
=== */
ytd-comments #message.ytd-message-renderer:before {
content: "⛔" ;
display: inline-block;
position: fixed;
width: 15px !important;
height: 13px !important;
line-height: 13px ;
top: 60px;
right: 26.9% ;
border-radius: 50% ;
font-size: 10px ;
text-align: center ;
opacity: 0.5 ;
visibility: visible;
z-index: 5000000 !important;
background: black !important;
}
/* CHANNEL - PLAYER TOP HEADER */
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-video-player.ytp-small-mode .video-stream.html5-main-video ,
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer #c4-player.html5-video-player.ytp-small-mode .video-stream.html5-main-video {
top: 0 !important;
}
/* CHANNEL - SUBSRIBE CARD */
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-endscreen.ytp-player-content.subscribecard-endscreen {
cursor: default;
overflow: hidden;
z-index: 34;
transform: scale(0.6);
border: 1px solid blue;
outline: 1px solid red !important;
}
/* (new6) CHANNEL - SUPP PLAYER SUBSCIBE OVERLAY */
ytd-channel-video-player-renderer .ytd-channel-video-player-renderer .ended-mode .html5-video-container ,
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 {
display: none;
}
/* YouTube - Hide End Cards (unless hovering):
https://greasyfork.org/fr/scripts/408725-youtube-hide-end-cards-unless-hovering
=== */
div[class*="video-player"]:not(:hover) div[class^="ytp-ce"],
div[class*="ytp-autohide"] div[class^="ytp-ce"] {
display: none !important;
}
/* YouTube - Watch Later and Share Buttons Return
https://greasyfork.org/fr/scripts/408875-youtube-watch-later-and-share-buttons-return
=== */
.ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-watch-later-button,
.ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-share-button {
display: inline-block !important;
}
/* GM "Youtube UI Fix (2020)" - INDICATOR :
go to https://www.youtube.com/ui_fix_options
=== */
body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:before {
content: "Youtube UI Fix" ;
position: fixed ;
display: inline-block ;
top: 0px ;
left: 100px ;
padding: 0 5px ;
font-size: 7px ;
opacity: 0.5 ;
z-index: 5000000 !important;
background: red ;
}
body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:hover:before {
content: "Youtube UI Fix Options: go to https://www.youtube.com/ui_fix_options (need to be loged)" ;
position: fixed ;
display: inline-block ;
opacity: 1 ;
background: green ;
}
/* GM "Youtube UI Fix (2020)" - CENTER VIDEO VERTICALY:
https://greasyfork.org/fr/scripts/11485-youtube-ui-fix/discussions/64241
https://www.youtube.com/watch?v=yUif6C_uJgk
*/
/* FOR :not(.playerToothbrush) ??:
https://www.youtube.com/watch?v=PVUZ8Nvr1ic
==== */
/* #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 , */
#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) {
display: inline-block !important;
max-width: 100% !important;
}
#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 {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
}
.html5-video-player:not(.ytp-fullscreen):not(.ytp-embed) .ytp-endscreen-content {
height: 100% !important;
}
/* NO DARK */
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) {
background-color: white !important;
}
/* (new21) object-fit: contain */
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 {
min-width: 100% !important;
max-width: 100% !important;
height: calc(100% - 35px) !important;
top: 0 !important;
left: 0 !important;
object-fit: contain !important;
}
/* FULL :
.ytp-fullscreen.ytp-big-mode
.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
NOT FULL:
ytd-app:not([scrolling_])
===*/
ytd-app[scrolling_] {
right: 0 !important;
}
.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
width: 40% !important;
}
/* FULLSCREEN - FOR QUANTUM */
.no-scroll #columns{
display: none !important;
}
.no-scroll > ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #columns.ytd-watch-flexy {
display: none;
}
/* FULLSCREEN - NO ACTION - PROGRESS BAR ALWAYS VISIBLE */
#movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.ytp-autohide .ytp-chrome-bottom{
bottom: -5vh !important;
}
/* (new22) INFOS UNDER PLAYER */
ytd-watch-metadata.ytd-watch-flexy[hidden ]+ .watch-active-metadata.ytd-watch-flexy > #info {
position: fixed !important;
width: 59.5% !important;
z-index: 50000 !important;
}
.watch-active-metadata #info #info-contents {
height: 21.5vh !important;
}
ytd-video-primary-info-renderer {
display: block;
height: 20vh !important;
padding: 5px 0 5px !important;
}
.watch-active-metadata #info #info-contents #container {
height: 20.4vh !important;
margin-top: 0vh !important;
/* border: 1px solid aqua !important; */
}
/* (new25) PLAYER INFOS - THEATER - TABVIEW */
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info.ytd-watch-flexy {
position: fixed;
width: 59.5%;
height: 2.4vh !important;
top: 6.4vh !important;
margin-top: 0 !important;
overflow: hidden !important;
/* border: 1px solid red !important; */
}
/* (new25) THEATER - GM VIDEO SPEED / TABVIEW */
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 {
margin-top: 0vh !important;
}
/* html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container, html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy */
/* (new25) THEATER - GM Time Remaining / TABVIEW */
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info .time-remaining-renderer {
position: fixed;
min-width: 15vw !important;
max-width: 15vw !important;
top: 6.6vh !important;
z-index: 5000 !important;
background: #111 !important;
/* border: 1px dashed aqua !important; */
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta {
position: fixed;
min-height: 21px !important;
max-height: 21px !important;
max-width: 20vw !important;
top: 6.6vh !important;
left: 39.5vw !important;
margin: 0;
overflow: hidden !important;
/* border: 1px dashed aqua !important; */
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater] #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover {
min-height: 65px !important;
max-height: 65px !important;
}
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) {
min-height: 21px !important;
max-height: 21px !important;
width: 100%;
margin: 0;
overflow: hidden;
}
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{
/* max-height: 21px !important; */
/* min-height: 21px !important; */
top: 0px !important;
}
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 {
min-height: 21px !important;
max-height: 21px !important;
}
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 {
min-height: 65px !important;
max-height: 65px !important;
}
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 {
min-height: 60px !important;
max-height: 60px !important;
}
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 {
min-height: 21px !important;
max-height: 21px !important;
}
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 {
min-height: 60px !important;
max-height: 60px !important;
line-height: 1.5rem !important;
overflow-y: hidden !important;
}
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 {
min-height: 21px !important;
max-height: 21px !important;
padding: 0 !important;
}
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 {
min-height: 50px !important;
max-height: 50px !important;
margin: 0 !important;
padding: 10px 0 0 0 !important;
}
ytd-video-owner-renderer[watch-metadata-refresh] #channel-name.ytd-video-owner-renderer ,
#channel-name.ytd-video-owner-renderer {
font-size: 1.4rem;
font-weight: 500;
line-height: 2rem;
}
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 {
margin-top: -26px !important;
}
/* (new21) GM "Video Speed Buttons" - For GM "Youtube UI Fix (2020)" ??:
body.yt-ui-fix
===
*/
.vsb-container {
margin-bottom: 0;
margin-top: -17px;
padding: 0;
text-align: center !important;
border-bottom: none !important;
}
body:not(.yt-ui-fix) .vsb-container {
margin-top: 6vh !important;
}
/* (new21) GM "Video Speed Buttons" - ADAPTATION for INFOS HIDDEN - #info-contents[hidden] */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] {
display: inline-block !important;
height: 0 !important;
overflow: hidden !important;
}
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] #info.ytd-video-primary-info-renderer {
display: none !important;
height: 0 !important;
overflow: hidden !important;
}
/* TEST - DESC UNDER PLAYER */
.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 {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 29.7vw !important;
max-width: 29.7vw !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
bottom: 16vh !important;
margin: 0 0 0 15vw !important;
padding: 0 !important;
border-bottom: none !important;
border-radius: 5px !important;
text-align: center !important;
visibility: visible !important;
opacity: 1 !important;
background: #111 !important;
}
/* NO DARK */
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 {
background-color: rgba(17, 17, 17, 0.1) !important;
}
/* THEATER - UNDER THE FOLD - VIDEO SPEED */
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{
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 29.7vw !important;
max-width: 29.7vw !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
top: 6.3vh !important;
margin: 0 0 0 0vw !important;
padding: 0 !important;
border-bottom: none !important;
border-radius: 5px !important;
text-align: center !important;
visibility: visible !important;
opacity: 1 !important;
/*background: red !important;*/
}
.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) {
display: inline-block !important;
width: 100% !important;
min-width: 15px !important;
max-width: 40px !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
padding: 0 !important;
margin-left: 5px !important;
margin-right: 5px !important;
opacity: 0.2 !important;
font-size: 14px !important;
pointer-events: auto !important;
color: gold !important;
}
/* NO DARK */
.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) {
text-shadow: 1px 1px 4px#000 !important;
opacity: 1 !important;
}
/* NORMAL SPEED - GREEN BUTON */
.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)"] {
color: green !important;
text-shadow: 1px 1px 4px white !important;
}
/* NO DARK */
.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)"] {
opacity: 1 !important;
text-shadow: none !important;
}
/* TOP HEADER */
#masthead-container ,
#masthead ,
#masthead-container #interstitial +#container {
height: 3.8vh !important;
}
#buttons.ytd-masthead > .ytd-masthead {
height: 3.4vh !important;
margin-top: -0.5rem !important;
color: gray;
border: none;
}
#buttons.ytd-masthead > .ytd-masthead.style-suggestive {
height: 3.4vh !important;
margin: 0 !important;
}
#buttons.ytd-masthead > .ytd-masthead.style-suggestive #button{
border: none;
}
/* (new20) TOP HEADER - SEARCH */
#search-icon-legacy.ytd-searchbox ,
#content #masthead-container #container #center #search-form.ytd-searchbox {
height: 3.4vh !important;
}
/* (new21) VIDEO TITLE */
ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata ,
ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer ,
.title.ytd-video-primary-info-renderer {
position: fixed !important;
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
max-width: 57.98vw !important;
min-width: 57.98vw !important;
left: 0 !important;
top: 3.8vh !important;
padding-left: 30px !important;
z-index: 0 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata ,
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer ,
html:not([dark]):not([dark="true"]):not(.style-scope) .title.ytd-video-primary-info-renderer {
background: white !important;
}
/* (new21) For Sub TITILE :
https://www.youtube.com/watch?v=XjNyeL_zP_4
==== */
.super-title.ytd-video-primary-info-renderer{
position: fixed;
max-width: 57.98vw !important;
min-width: 57.98vw !important;
left: 0;
top: 6.4vh !important;
padding-left: 30px ;
z-index: 5000 !important;
}
/* BOTTOM PLAYER - VIDEO INFOS */
ytd-app:not([scrolling_]) #info.ytd-video-primary-info-renderer {
position: absolute;
bottom: 3vh !important;
left: 10vw !important;
}
/* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - NOT TABVIEW */
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 {
position: absolute;
bottom: 3vh !important;
}
/* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - TABVIEW */
html[plugin-tabview-youtube] tp-yt-app-drawer {
position: fixed;
height: 100vh !important;
max-height: 100vh !important;
right: 0;
top: 0 !important;
bottom: 0 !important;
left: 0;
transition-property: visibility;
visibility: hidden;
z-index: 50000000 !important;
}
/* (new21) CONTAINER UNDER - TOP HEADER - NORMALIZE HEIGHT - with/without TABVIEW */
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) {
height: 100vh !important;
min-height: 96vh !important;
max-height: 96vh !important;
margin-top: 3.8vh !important;
overflow-x: auto;
}
/* (new21) INFO BAR - SMALLER - with/without TABVIEW */
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata #info.ytd-watch-flexy #info.ytd-video-primary-info-renderer {
position: fixed !important;
height: 2rem !important;
bottom: 2vh !important;
left: 0.5vw !important;
/* border: 1px solid violet !important; */
}
#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 ,
#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 ,
#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 ,
#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 ,
#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 {
max-height: 2rem;
line-height: 1rem !important;
top: 0 !important;
margin: 0 0.5vw 0 0 !important;
font-size: 1rem !important;
}
.top-level-buttons.ytd-menu-renderer yt-icon-button ,
#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 ,
#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 ,
#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 {
min-height: 2rem !important;
max-height: 2rem !important;
line-height: 1.2rem !important;
padding: 0 !important;
font-size: 1rem !important;
}
#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 {
min-height: 2rem !important;
max-height:2rem !important;
line-height: 1rem !important;
top: 0 !important;
font-size: 1rem !important;
}
#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 ,
#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 ,
#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 ,
#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 ,
.ytd-menu-renderer.force-icon-button > a.ytd-button-renderer.yt-simple-endpoint{
min-height: 2rem !important;
max-height: 2rem !important;
line-height: 1rem !important;
top: 0 !important;
font-size: 1rem !important;
}
/* (new23) UNDER PLAYER - OWNER - not THEATER - TABVIEW */
html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta {
position: fixed !important;
width: 23vw !important;
bottom: 1vh !important;
left: 36.5vw !important;
margin: 0 !important;
z-index: 50000 !important;
}
/* html[plugin-tabview-youtube] #primary #info ~ #meta #meta-contents:hover , */
html[plugin-tabview-youtube] #primary #info ~ #meta #meta-contents:not(:hover) {
width: 100% !important;
margin: 0 !important;
overflow: hidden;
}
html[plugin-tabview-youtube] #primary #info ~ #meta #meta-contents:hover {
width: 100% !important;
right: -19px;
}
html[plugin-tabview-youtube] ytd-watch-flexy #primary #info ~ #meta #meta-contents:hover ytd-video-secondary-info-renderer {
padding: 2px !important;
}
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 ,
html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default {
height: 11px !important;
line-height: 11px !important;
margin-top: -14px !important;
}
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 ,
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 {
height: 11px !important;
line-height: 11px !important;
}
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{
min-height: 11px !important;
max-height: 11px !important;
line-height: 11px !important;
padding: 0 !important;
}
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 ,
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 {
height: 11px !important;
padding: 10px 0;
}
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 {
line-height: 10px !important;
margin-top: -10px !important;
font-size: 10px !important;
}
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 {
line-height: 10px !important;
margin-top: 0px !important;
font-size: 10px !important;
}
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 ,
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 {
height: 11px !important;
}
/* (new21) OWNER - ADDON SKIP ADD */
html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #removed_ess {
bottom: -16px;
position: absolute;
right: 0;
text-align: center;
font-size: 10px !important;
}
html[plugin-tabview-youtube] ytd-watch-flexy[flexy] #primary #info ~ #meta #removed_ess h2 {
font-size: 12px !important;
}
/* (new21) SOURCE INFO */
#clarify-box:not(:empty) {
position: fixed !important;
top: 4.1vh !important;
left: 34vw !important;
visibility: hidden ;
z-index: 500000 !important;
}
#clarify-box:not(:empty):hover {
position: fixed !important;
top: 4.1vh !important;
left: 34vw !important;
visibility: visible ;
}
#clarify-box:not(:empty):before {
content: "©" ;
position: absolute ;
width: 20px ;
height: 20px ;
line-height: 18px ;
right: 0 ;
padding: 0 ;
font-size: 20px ;
text-align: center ;
border-radius: 50% ;
visibility: visible ;
color: red ;
background: #333 ;
}
#clarify-box:not(:empty):hover:before {
background: green ;
}
/* DISMISS CONNECTION - PB TEST disble NEW DISMISS - TOUCHE OTHER POPUP: tree dots popup */
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] .style-scope.yt-upsell-dialog-renderer.no-transition ,
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #upsell-dialog-text ,
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #icon-container {
display: none;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] {
left: 7%;
max-height: 845px;
max-width: 1840px;
outline: medium none;
position: fixed;
top: -48px;
transform: scale(0.5);
z-index: 2202;
background: green !important;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] yt-upsell-dialog-renderer[dialog][dialog][dialog]{
margin: 0 !important;
padding: 0 !important;
background: transparent;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #content.yt-upsell-dialog-renderer {
flex-direction: row !important;
height: 20px;
padding: 4px 4px 0;
margin-bottom: -47px;
}
/* FIXED POSITION - ALL */
html{
overflow: auto !important;
}
ytd-app[is-watch-page=""] ,
ytd-app[is-watch-page=""] app-drawer {
height: 1049px !important;
overflow: hidden !important;
}
/* (new21) PLAYLIST */
/* (new21) TEST - PLAYLIST (Watch LATER Original) + TABVIEW */
#columns ytd-playlist-panel-renderer#playlist:not(:hover):not(hidden):not([data-dom-changed-by-tabview-youtube]) {
position: fixed;
display: inline-block;
height: 90vh;
left: 60%;
max-width: 38.8%;
min-width: 38.8%;
top: 85px;
padding: 0 10px;
overflow-x: hidden;
overflow-y: auto;
z-index: 500000;
visibility: hidden !important;
background: black !important;
}
#columns ytd-playlist-panel-renderer#playlist:hover:not([hidden]):not([data-dom-changed-by-tabview-youtube]) {
position: fixed;
display: inline-block;
height: 90vh;
min-width: 38.8%;
max-width: 38.8%;
padding: 0 10px;
left: 60%;
top: 9.3vh !important;
visibility: visible;
z-index: 500000;
border-bottom: 4px solid gray;
border-top: 1px solid yellow !important;
background: #111 !important;
}
/* PLAYLIST TAB */
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube])::before {
content: "PlayList ▼";
position: fixed;
display: inline-block;
width: 100px;
height: 21px;
line-height: 21px;
top: 6.4vh;
margin: 0 0 0 260px !important;
padding: 1px 5px;
text-align: center;
visibility: visible !important;
z-index: 5000000;
border-color: #333;
border-radius: 3px 3px 0 0;
border-style: solid;
border-width: 1px 5px;
color: gray;
background-color: #222;
}
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube]):hover::before {
font-size: 15px !important;
text-align: center !important;
color: white !important;
border: none !important;
border-bottom: 1px solid yellow !important;
border-top: 2px solid transparent !important;
background-color: #333 !important;
}
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube]) #meta.ytd-playlist-panel-video-renderer {
min-width: 70% !important;
max-width: 70% !important;
padding: 3px 8px !important;
text-align: left !important;
overflow: hidden !important;
border: 1px solid #333 !important;
}
/* SELECTED */
#columns ytd-playlist-panel-renderer#playlist #playlist-items[selected] #meta.ytd-playlist-panel-video-renderer{
min-width: 74% !important;
max-width: 74% !important;
left: -0.5vw !important;
border: 1px solid red !important;
}
#columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer {
height: 100%;
line-height: 2rem !important;
margin-bottom: 2px !important;
padding: 3px 0 0 0 !important;
text-transform: unset !important;
border-bottom: 1px solid red;
}
#columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer::first-letter {
display: inline-block !important;
text-transform: unset !important;
color: red !important;
}
#columns ytd-playlist-panel-renderer#playlist #reorder {
cursor: move !important;
}
#columns ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer {
height: 25px;
padding: 5px;
border-bottom: 1px solid red !important;
}
#columns #header-top-row.ytd-playlist-panel-renderer {
width: 73%;
}
ytd-playlist-panel-renderer[collapsible] #header-description h3 {
width: 65%;
float: right;
font-size: 15px;
}
ytd-playlist-panel-renderer[collapsible] #publisher-container {
float: left;
margin-top: 0px !important;
font-size: 15px;
}
.ytd-playlist-panel-renderer h3 yt-formatted-string a.yt-simple-endpoint.yt-formatted-string {
float: left;
font-size: 10px;
}
#columns .ytd-playlist-panel-renderer #publisher-container > yt-formatted-string {
font-size: 15px;
}
.ytd-playlist-panel-renderer #header-description #publisher-container > yt-formatted-string.publisher {
float: left;
font-size: 15px;
}
#columns #playlist-actions {
float: right;
height: 30px;
line-height: 30px;
width: 20%;
margin-top: -22px !important;
}
/* PLAY LIST */
#columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]{
position: fixed;
width: 39.5% !important;
min-height: 14.6vh !important;
max-height: 14.6vh !important;
top: 83px ;
left: 60% !important;
padding-top: 0px;
padding-bottom: 0px !important;
overflow: hidden;
overflow-y: hidden;
z-index: 50 !important;
border-right: 5px solid #333;
border-left: 5px solid #333;
border-bottom: 1px solid red;
background-color: #333 !important;
}
#columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]:hover{
min-height: 89.8vh !important;
max-height: 89.8vh !important;
background-color: red !important;
}
#columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]:hover #items{
min-height: 89.5vh !important;
max-height: 89.5vh !important;
overflow: hidden;
overflow-y: auto;
}
/* LEFT COLUMN - RELATED - GENERAL (AQUA) === */
#related.ytd-watch-flexy ytd-watch-next-secondary-results-renderer {
position: fixed;
display: inline-block;
width: 39.5% ;
height: 89.8vh !important;
top: 85px ;
left: 60% !important;
overflow: hidden;
overflow-y: auto;
border-bottom: 1px solid red;
border-right: 5px solid #222;
border-left: 5px solid #222;
}
/* (new21) RIGHT COLUMN - RELATED - RESULTS ITEMS - GENERAL */
ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy #secondary.ytd-watch-flexy #channel-name.ytd-video-meta-block,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy #channel-name.ytd-video-meta-block {
position: absolute !important;
width: 98% !important;
bottom: 0px;
left: 0 !important;
padding: 0 0 0 0.2rem !important;
z-index: 300;
color: peru !important;
}
/* (new21) RELATED ITEMS - TIMES - ALL */
#related ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
display: inline-block !important;
line-height: 2rem;
min-height: 2rem !important;
max-height: 2rem !important;
font-size: 1.2rem !important;
margin-bottom: 11px !important;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
/* (new21) RELATED ITEMS - TIMES -GM PLAY NEXT */
#related #youtube-play-next-queue-renderer ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block{
display: inline-block !important;
line-height: 2rem;
min-height: 1.8rem !important;
max-height: 1.8rem !important;
margin-bottom: 9px !important;
font-size: 1.2rem !important;
overflow: hidden;
/* border: 1px solid yellow !important; */
}
/* (new21) BAGDGES CONTAINER */
ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer {
position: absolute;
display: inline-block;
width: 100%;
left: 0;
top: 0;
background: transparent !important;
}
/* LIVE BADGE DIRECT */
ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer .badge.badge-style-type-live-now.ytd-badge-supported-renderer{
position: absolute;
display: inline-block;
width: 44%;
left: 0;
top: 0;
font-size: 9px !important;
color: white !important;
border: none !important;
background: rgba(0, 0, 0, 0.30) !important;
}
/* (new21) BADGE NEW */
ytd-watch-next-secondary-results-renderer .yt-simple-endpoint .badges.ytd-compact-video-renderer .badge.badge-style-type-simple.ytd-badge-supported-renderer {
position: absolute;
display: inline-block;
width: 21% !important;
left: -0.9vw !important;
top: 6.7vh !important;
padding: 0 4px !important;
font-size: 9px !important;
transform: rotate(90deg) !important;
background: rgba(255, 211, 0, 0.32) !important;
}
/* ICONS ON HOVER */
ytd-thumbnail-overlay-toggle-button-renderer {
border-radius: 100% !important;
background-color: rgba(255, 0, 0, 0.19) !important;
}
#hover-overlays #icon {
border-radius: 100% !important;
border: 1px solid red !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-thumbnail-overlay-toggle-button-renderer {
border-radius: 100% !important;
background-color: rgba(17, 17, 17, 0.4) !important;
}
/* (new22) RIGHT COLUMN - WITH NOQUEUE TOP (BLUE) - NO normal SEARCH INPUT / NO LECT AUTO + RESTRICTED :
https://www.youtube.com/watch?v=C8XGd7Lg5GM
=== */
#related-skeleton + div:not(ytd-macro-markers-list-item-renderer) ,
.ujs-pos-rel:not(ytd-macro-markers-list-item-renderer) ,
#related ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer {
position: fixed !important;
display: inline-block !important;
width: 39.5% ;
height: 89.5vh !important;
top: 9.2vh ;
left: 60% !important;
overflow: hidden;
overflow-y: auto;
border-top: 1px dashed red;
border-bottom: 1px solid red;
border-right: 5px solid #222;
border-left: 5px solid #222;
}
yt-page-navigation-progress.ytd-app {
display: inline-block !important;
}
/* (new22) WITH TOP QUEUE (And Work RESTRICTED */
#related-skeleton + div ,
.null.ujs-pos-rel ,
.ujs-pos-rel:not(ytd-macro-markers-list-item-renderer) ,
/* TEST CHROME*/
#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) ,
#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) ,
#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) {
position: fixed !important;
display: inline-block !important;
width: 39.7% !important;
height: 75.2vh !important;
top: 23.5vh !important;
left: 60% !important;
right: 0 !important;
overflow: hidden;
overflow-y: auto;
border-top: 1px dashed red;
border-bottom: 1px dashed red;
border-right: none !important;
border-left: 0.2rem solid red !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]) #related-skeleton + div ,
html:not([dark]):not([dark="true"]) .null.ujs-pos-rel ,
html:not([dark]):not([dark="true"]) .ujs-pos-rel:not(ytd-macro-markers-list-item-renderer) ,
/* TEST CHROME*/
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) ,
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) ,
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) {
border-left: 0.2rem solid gray !important;
background-color: white !important;
}
/* + RESTRICTED CONT */
.ujs-pos-rel:not(ytd-macro-markers-list-item-renderer) {
height: 87.2vh !important;
top: -35px !important;
}
/* (new22) PLAY LIST WITH GM ENABLE - with SEACH INPUT */
#related #suggestions-search.playlist-or-live + ytd-watch-next-secondary-results-renderer {
position: fixed;
display: inline-block !important;
width: 39.7% ;
height: 89.3vh !important;
top: 9.3vh !important;
left: 60% !important;
right: 0 !important;
overflow: hidden;
border-top: 1px solid red !important;
border-bottom: 1px solid red;
border-right: none !important;
border-left: 1px solid #222;
}
#related #suggestions-search.playlist-or-live + ytd-watch-next-secondary-results-renderer #items {
height: 75vh !important;
top: 218px !important;
overflow: hidden;
overflow-y: auto;
}
/* (new21) TABVIEW - VIDEO ENDSCREEN */
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 {
height: 100% !important;
min-width: 100% !important;
background: #111 !important;
}
/* (new26) TEST - ADAPT GM "TABVIEW" - RELATED VIDEO ALWAY VISIBLE */
#right-tabs {
position: fixed;
width: 40% !important;
right: 0vw !important;
top: 6.4vh !important;
}
#right-tabs .tab-content {
height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important;
border: none !important;
/* background: aqua !important; */
}
#right-tabs>header {
height: 2.8vh !important;
width: 27.5vw !important;
}
#right-tabs #material-tabs {
position: relative;
display: flex;
height: 2.3vh !important;
padding: 0;
}
ytd-watch-flexy #right-tabs .tab-btn[userscript-tab-content] ,
ytd-watch-flexy #right-tabs .tab-btn.active[userscript-tab-content] {
height: 2vh !important;
line-height: 19px !important;
padding: 0px 0px 1px !important;
}
ytd-watch-flexy #right-tabs .tab-btn.active[userscript-tab-content] {
outline: 1px solid red !important;
}
/* TAB ALL */
ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) {
display: inline-block !important;
height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important;
z-index: 5000000 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) {
background: white !important;
}
ytd-watch-flexy #right-tabs .tab-content-cld:not(.tab-content-hidden) ytd-playlist-panel-renderer #container.ytd-playlist-panel-renderer {
height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important;
z-index: 5000000 !important;
background: #111 !important;
}
/* TAB INFOS*/
ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) {
display: inline-block !important;
z-index: 5000000 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) {
background: white !important;
}
ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer {
display: block;
max-width: 100% !important;
}
#tab-info ytd-expander,
#tab-info ytd-expander .content.ytd-metadata-row-header-renderer,
#tab-info ytd-expander #title.ytd-metadata-row-renderer,
#tab-info ytd-expander .ytd-metadata-row-renderer,
#tab-info ytd-expander ytd-metadata-row-renderer ,
#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 ,
ytd-watch-flexy #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer span.yt-formatted-string{
line-height: 15px !important;
font-size: 15px !important;
white-space: pre-wrap;
}
ytd-metadata-row-header-renderer {
align-items: center;
display: flex;
flex-direction: row;
height: 20px;
line-height: 20px;
padding-top: 2px !important;
}
.yt-simple-endpoint.yt-formatted-string[href="/premium"] {
display: none !important;
}
ytd-metadata-row-container-renderer #collapsible.ytd-metadata-row-container-renderer .ytd-metadata-row-container-renderer:nth-child(odd) {
background: #222 !important;
}
ytd-metadata-row-container-renderer #collapsible.ytd-metadata-row-container-renderer .ytd-metadata-row-container-renderer h4 {
align-items: center;
display: flex;
flex-direction: row;
height: auto !important;
line-height: 20px;
padding-top: 2px !important;
}
ytd-metadata-row-renderer.ytd-metadata-row-container-renderer[has-divider-line] {
opacity: 0.2 !important;
}
ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer {
display: inline-block !important;
width: 100%;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-expander.ytd-video-secondary-info-renderer #description .content.ytd-video-secondary-info-renderer {
background: white !important;
}
/* COMMENTS - #tab-btn3 */
ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld:not(.tab-content-hidden) {
display: inline-block !important;
z-index: 5000000 !important;
border: 1px solid aqua !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld:not(.tab-content-hidden) {
background: white !important;
}
/* VID */
ytd-watch-flexy #right-tabs #tab-videos.tab-content-cld.tab-content-hidden {
display: inline-block !important;
}
/* PLAY LIST-:not(.tab-content-hidden) */
ytd-watch-flexy #right-tabs[data-dom-created-by-tabview-youtube]:not(.tab-content-hidden) #tab-list:not(.tab-content-hidden) {
display: inline-block !important;
height: auto !important;
background: red !important;
}
/* #columns #right-tabs[data-dom-created-by-tabview-youtube] #ytd-userscript-playlist ytd-playlist-panel-renderer#playlist[data-dom-changed-by-tabview-youtube]:not(:hover) */
#columns #right-tabs[data-dom-created-by-tabview-youtube] #ytd-userscript-playlist {
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 90vh !important;
z-index: 500000000 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #columns #right-tabs[data-dom-created-by-tabview-youtube] #ytd-userscript-playlist {
background: white !important;
}
#columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list ytd-playlist-panel-renderer#playlist #container.ytd-playlist-panel-renderer {
padding-left: 3px !important;
border-top: 4px solid blue !important;
border-right: 1px solid blue !important;
border-left: 3px solid blue !important;
border-bottom: 1px solid blue !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list ytd-playlist-panel-renderer#playlist #container.ytd-playlist-panel-renderer {
background: white !important;
}
#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 {
max-height: 85vh !important;
overflow-y: auto;
border-bottom: 1px solid red !important;
}
/* (new21) TEST - TABVIEW - PLAYLIST - COUNTER - start at 01 */
#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 ,
#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 {
content: counter(myIndex, decimal);
counter-increment: myIndex 00 !important;
}
#columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list.tab-content-cld.tab-content-hidden ,
#columns #right-tabs[data-dom-created-by-tabview-youtube] #tab-list {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
}
#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 ,
#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 {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal);
position: fixed;
display: inline-block !important;
width: auto !important;
min-width: 10px !important;
height: 15px !important;
line-height: 14px !important;
right: 11.5vw !important;
top: 6.6vh ;
bottom: 0px !important;
padding: 1px 3px ;
text-align: center;
border-radius:0 10px 10px 0 !important;
font-size: 10px;
z-index: 500000 !important;
opacity: 1 !important;
visibility: visible !important;
color: tomato;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
background: gold;
border: 1px solid red ;
}
/* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PLAYER WIDTH 100%
:not([fullscreen]) / :not(.ytp-fullscreen):not(.ytp-big-mode)
:not(.parentToothbrush)
=== */
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) {
position: fixed!important;
display: inline-block !important;
left: 0;
margin: 0 !important;
top: 9.3vh !important;
min-height: 88.4vh !important;
max-height: 88.4vh !important;
max-width: 99.9% !important;
min-width: 99.9% !important;
padding-bottom: 0px !important;
overflow: visible !important;
z-index: 50000000000 !important;
background: #111 !important;
}
/* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PLAYER WIDTH 100% - PROGRESS BAR - PAUSED */
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 {
top: 0.5vh !important;
}
/* (new21) VIDEO SPEED - THEATER */
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 ,
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{
position: fixed;
max-width: 21vw;
min-width: 21vw;
left: 24vw;
margin-top: 0.5vh !important;
margin-bottom: 0vh !important;
padding-bottom: 0 !important;
z-index: 1000;
}
/* (new21) TABVIEW - NO TABS VISIBLE - THEATER - PROGRESSBAR */
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 ,
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 {
position: fixed !important;
display: inline-block;
width: 100%;
top: 99.1vh !important;
visibility: visible;
opacity: 1;
z-index: 5000000000 !important;
background: #333 none repeat scroll 0 0;
}
/* (new21) TABVIEW / MAXIMIZE - NO TABS VISIBLE - THEATER - CAPTIONS */
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 {
margin: 0 0 -1vh 0 !important;
overflow: hidden;
text-align: left;
}
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 {
margin: 0 0 6vh 0 !important;
text-align: left;
}
/* (new21) TABVIEW - NO TABS VISIBLE - THEATER - GM "VIDEO SPEED" */
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) .vsb-container {
position: fixed !important;
max-width: 21vw;
min-width: 21vw;
margin-top: 3vh !important;
left: 24vw !important;
z-index: 1000 !important;
}
/* (new21) TEST BIG / FULLSCREEN - CONTAINER */
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) {
position: sticky !important;
left: 0;
margin: 0 !important;
min-height: 100vh !important;
max-height: 100vh !important;
max-width: 100vw !important;
min-width: 100vw !important;
padding: 0px !important;
overflow: hidden !important;
z-index: 50000000000 !important;
background: #111 !important;
}
/* (new21) TEST BIG / FULLSCREEN - PLAYER */
.html5-video-player.ytp-big-mode ,
.html5-video-player.ytp-fullscreen {
display: inline-block !important;
height: 100% !important;
min-height: 98.9% !important;
max-height: 98.9% !important;
max-width: 99.9% !important;
background-color: red !important;
}
.html5-video-player.ytp-big-mode .ytp-player-content {
bottom: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
}
/* YOUTUBE LINKS / BRANDING */
/* 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 , */
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 {
display: none !important;
}
/* RIGHT COLUMN - PLAYLIST PRESENT (YELLOW) :
https://www.youtube.com/watch?v=YqL6stzNsqE&list=RDnHqKu5ofUbY&index=9
=== */
ytd-playlist-panel-renderer#playlist[playlist-type_="RDnH"] ~ #related ytd-watch-next-secondary-results-renderer.ytd-watch-flexy #items {
position: fixed;
display: inline-block;
width: 39.5% ;
max-height: 68.7vh !important;
top: 273px !important;
left: 60% !important;
padding-top: 5px !important;
overflow: hidden;
overflow-y: auto;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-right: 5px solid #222;
border-left: 5px solid #222;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #items.ytd-watch-next-secondary-results-renderer {
border-left: 5px solid #E7E7E7 !important;
background-color: white !important;
}
/* (new21) PLAY LIST - THUMBNAIL */
#thumbnail-container.ytd-playlist-panel-video-renderer {
height: 10vh !important;
width: 7vw !important;
}
#thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer .ytd-thumbnail.no-transition ,
#thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer {
height: 9vh !important;
}
#thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer .ytd-thumbnail.no-transition img.yt-img-shadow {
width: 100% !important;
min-height: 9vh !important;
max-height: 9vh !important;
margin: 0 !important;
}
/* PLAY LIST - VIDEO IN PLAY */
ytd-playlist-panel-video-renderer[selected][watch-color-update] {
border-left: 5px solid red !important;
}
/* PLAYLIST - TOGGLE ARROW - Change to BAKGROUND color CHANGE */
#columns ytd-playlist-panel-renderer[collapsible][collapsed] .playlist-items.ytd-playlist-panel-renderer {
display: inline-block !important;
background-color: black !important;
}
#columns ytd-playlist-panel-renderer[collapsible][collapsed] #playlist-actions.ytd-playlist-panel-renderer {
display: inline-block !important;
margin-top: -30px !important;
}
/* RIGHT COLUMN - NO QUEUE / NO PLAY LIST MODE (TAN) :
https://www.youtube.com/watch?v=SA0RlGtOCmE
=== */
#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 {
position: fixed;
display: inline-block;
height: 88.5vh !important;
top: 9.3vh !important;
left: 60%;
padding-top: 5px !important;
overflow-x: hidden;
overflow-y: auto;
border-left: 5px solid #222;
border-right: 5px solid #222;
border-top: 1px solid red;
border-bottom: 1px solid red;
}
/* RIGHT COLUMN - TOP PANEL - NO normal SEARCH INPUT / NO LECT AUTO:*/
#related #items ytd-compact-autoplay-renderer ,
#related #items ytd-compact-autoplay-renderer {
position: fixed;
clear: none ;
width: 39%;
height: 122px !important;
top: 85px !important;
margin-bottom: 0 ;
padding: 5px !important;
overflow: hidden !important;
z-index: 5000000 !important;
background-color: #333;
border-bottom: 5px solid #333 ;
}
#related #items ytd-compact-autoplay-renderer #contents {
height: 175px !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #related #items ytd-compact-autoplay-renderer ,
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-compact-autoplay-renderer {
background-color: white;
border-bottom: 5px solid gray ;
}
#related #items ytd-compact-autoplay-renderer #contents {
position: fixed;
clear: none ;
height: 120px !important;
width: 39.6%;
margin-left: -5px;
overflow: hidden !important;
overflow-y: auto !important;
transition: ease all 0.7s !important;
background-color: rgba(0, 0, 0, 0.72) !important;
border-bottom: 5px solid red ;
}
#related #items ytd-compact-autoplay-renderer:hover #contents {
height: auto !important;
height: 767px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: ease all 0.7s !important;
background-color: black ;
border-bottom: 5px solid red ;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #related #items ytd-compact-autoplay-renderer #contents {
background-color: rgba(0, 0, 0, 0.72) !important;
border-bottom: 5px solid gray ;
}
/* POSITION LIST UNDER */
#head + #contents ytd-compact-video-renderer {
float: left;
clear: none ;
width: 100% !important;
max-width: 363px !important;
min-width: 363px !important;
height: 108px !important;
margin-right: 5px ;
background-color: black !important;
}
/* SEARCH - QUEUE */
#contents + #suggestions-search {
position: fixed;
width: 18%;
top: 44px ;
right: 5px !important;
z-index: 500 !important;
border: 1px solid tomato !important;
}
/* AUTO PLAY BUTTON */
#head.ytd-compact-autoplay-renderer {
position: fixed !important;
display: inline-block !important;
vertical-align: top;
align-items: center;
flex-direction: unset !important;
height: 21px !important;
line-height: 21px !important;
width: 345px !important;
margin-bottom: 0;
right: 24% !important;
top: 35px !important;
padding: 2px 5px ;
border-radius: 3px !important;
transform: scale(0.7) !important;
z-index: 6000000 !important;
background: #111 !important;
border: 1px solid #333 ;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #head.ytd-compact-autoplay-renderer {
background: white !important;
border: 1px solid white ;
}
#upnext {
float: right !important;
clear: none;
height: 20px;
line-height: 20px;
width: 77px;
}
#autoplay {
float: left !important;
height: 20px;
line-height: 20px;
width: 163px;
}
paper-toggle-button.ytd-compact-autoplay-renderer{
float: left;
height: 20px;
line-height: 20px;
width: 44px;
margin: -0.5px 0 0 0 !important;
border-radius: 20px ;
background: #111 !important;
border: 1px solid #333 ;
}
/* SEARCH TOP/RIGHT FORM (Not Matched by GM) - NO QUEUE */
#related #suggestions-search.playlist-or-live {
position: fixed ;
top: 3.9vh !important;
right: 0 !important;
width: 40vw ;
margin: 0 !important;
padding: 1px 2px ;
z-index: 500 ;
border: 1px solid #333 !important;
border-left: 4px solid #333 !important;
border-right: 4px solid #333 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #related #suggestions-search.playlist-or-live {
border-bottom: 1px solid #E7E7E7 !important;
border-right: 5px solid #E7E7E7 !important;
border-left: 5px solid #E7E7E7 !important;
}
/* INPUT TXT COLOR FOR DARK */
html[dark] #related #suggestions-search.playlist-or-live {
color: white ;
}
/* INPUT PLACEHOLDER COLOR FOR DARK */
/* Standard one last! */
html[dark] :placeholder-shown {
opacity: 1;
color: gray !important;
}
/* AUTO COMPLETE SUG */
.autocomplete-suggestions {
z-index: 500000 !important;
}
/* DARK */
html[dark] .autocomplete-suggestions {
background: #111 !important;
}
.autocomplete-suggestion {
color: gray;
font-size: 1.22em;
line-height: 23px;
overflow: hidden;
padding: 0 0.6em;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
/* DARK */
html[dark] .autocomplete-suggestion {
color: gray;
}
/* QUEUE */
#head + #contents ytd-compact-video-renderer {
display: inline-block !important;
float: left;
clear: none ;
width: 100% !important;
max-width: 358px !important;
min-width: 358px !important;
height: 108px !important;
margin-left: 5px !important;
margin-right: 5px !important;
background-color: black !important;
border: 1px solid gray;
}
#head + #contents ytd-compact-video-renderer:after {
content: "Queue" ;
color: white ;
background-color: black !important;
border: 1px solid gray;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #head + #contents ytd-compact-video-renderer {
background-color: white !important;
}
/* RELATED PANEL - with PARTIAL TWEAK SHOW THE when VIDEO RESTRICTED :
GM "YouTube: Age Verification Bypass v.1.4r"
=== */
.ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer #items.ytd-watch-next-secondary-results-renderer {
height: 89.2vh !important;
padding-top: 0px !important;
}
.ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer + #related-skeleton + div {
position: fixed;
display: inline-block;
width: 39.5%;
height: 89.2vh;
top: 87px;
left: 60%;
padding-top: 5px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* (new22) NEXT QUEUE (taked for UPDATE v.3) + ITEMS RESTRICTED */
.null.ujs-pos-rel.ujs-pos-rel.ujs-pos-rel>a ,
.ytd-page-manager.hide-skeleton[player-unavailable=""] #related ytd-watch-next-secondary-results-renderer + #related-skeleton + div a ,
#items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer):not(yt-related-chip-cloud-renderer) ,
.ytd-watch-next-secondary-results-renderer.suggestion-tag {
float: left;
clear: none ;
width: 100% !important;
max-width: 31.8% !important;
min-width: 31.8% !important;
height: auto !important;
margin-right: 0rem ;
margin-left: 0.5rem ;
margin-bottom: 0.2rem;
border-radius: 3px !important;
padding: 0.2rem !important;
background-color: black !important;
border: 1px solid #333 !important;
}
#dismissible.ytd-compact-video-renderer {
display: inline-block !important;
}
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
display: inline-block !important;
height: 94px;
margin-right: 8px;
width: 100% !important;
}
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer {
display: inline-block !important;
width: 100% !important;
padding-right: 0 !important;
}
h3.ytd-compact-video-renderer {
padding: 3px !important;
color: gray !important;
}
span#video-title {
display: inline-block !important;
width: 100%;
height: 100%;
line-height: 14px !important;
min-height: 5vh !important;
max-height: 5vh !important;
margin-bottom: -7px !important;
overflow: hidden !important;
overflow-y: auto !important;
text-transform: lowercase !important;
border-bottom: 1px solid red !important;
}
span#video-title:first-letter {
display: inline-block !important;
text-transform: capitalize !important;
color: red !important;
}
/* NO DARK */
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 ,
html:not([dark]):not([dark="true"]):not(.style-scope) #items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer) ,
html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-watch-next-secondary-results-renderer.suggestion-tag {
border: 1px solid #E7E7E7 !important;
background-color: white !important;
}
a.yt-simple-endpoint.ytd-compact-video-renderer ,
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer ytd-video-meta-block,
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) .metadata.ytd-compact-video-renderer .ytd-video-meta-block[meta-block] {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
/* (new26) RELATED PANEL - when CONNECTED */
#items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer {
position: sticky;
display: inline-block !important;
width: 100% !important;
min-width: 99.9% !important;
max-width: 99.9% !important;
top: 0 !important;
padding-left: 1rem !important;
z-index: 500 !important;
background: #111 !important;
border-top: 1px solid yellow !important;
border-bottom: 1px solid yellow !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer {
background: white !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
#items yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer {
float: left;
clear: none ;
width: 100% !important;
max-width: 98% !important;
min-width: 98% !important;
height: auto !important;
margin-right: 0rem ;
margin-left: 0.5rem ;
margin-bottom: 0.2rem;
border-radius: 3px !important;
padding: 0.2rem !important;
/* background-color: black !important; */
/* border: 1px solid aqua !important; */
}
#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 {
clear: none !important;
float: left !important;
width: 100% !important;
max-width: 31.8% !important;
min-width: 31.8% !important;
height: auto !important;
margin-bottom: 0.2rem !important;
margin-left: 0.5rem !important;
margin-right: 0rem !important;
padding: 0.2rem !important;
border-radius: 3px;
/* background-color: red !important; */
border: 1px solid grey !important;
}
/* (new21) PLAYLIST ITEMS */
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer {
float: left !important;
clear: none ;
width: 100% !important;
max-width: 31.3% !important;
min-width: 31.3% !important;
height: auto !important;
min-height: 177px !important;
margin-right: 0.2rem ;
margin-left: 0.2rem ;
margin-bottom: 0.2rem;
border-radius: 3px !important;
padding: 3px !important;
background-color: black !important;
border: 1px solid #333 !important;
border: 1px solid green !important;
}
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer ytd-playlist-thumbnail.ytd-compact-playlist-renderer {
display: inline-block;
height: 94px;
margin: 0 !important;
width: 100%;
}
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible {
display: inline-block !important;
min-width: 100% !important;
width: 100%;
}
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .details.ytd-compact-playlist-renderer {
min-width: 100% !important;
width: 100%;
}
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .metadata.ytd-compact-playlist-renderer {
display: inline-block !important;
min-width: 0;
padding-right: 0px;
width: 100%;
}
#related #items ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #dismissible .metadata.ytd-compact-playlist-renderer #title.ytd-compact-playlist-renderer {
width: 100%;
}
/* (new21) PLAY QUEUE - BUTTONS */
.badge.queue-button.ytd-badge-supported-renderer {
margin-bottom: 0 !important;
margin-top: 0px !important;
padding: 0 !important;
}
/* (new21) SEARCH GENERATED for GM "Youtube - Search While Watching Video" */
.yt-search-generated:before{
content: "🔎" ;
position: absolute;
display: inline-block ;
min-width: 15px ;
height: 12px ;
bottom: 0 !important;
right: 0 !important;
text-align: center ;
border-radius: 5px 0 0 0 !important;
z-index: 500 ;
opacity: 0.5 ;
color: red ;
border: 1px solid green !important;
background: gold ;
}
#items .ytd-watch-next-secondary-results-renderer:not(ytd-compact-autoplay-renderer).yt-search-generated {
border: 1px solid blue !important;
}
/* (new21) NEW DESIGN - COMMENTS TEASER */
.ytd-page-manager:not([should-stamp-chat]) #comment-teaser.ytd-watch-metadata {
display: none !important;
border: 1px solid green !important;
}
/* (new21) COMMENTS - FIXED - MOVE RIGHT */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]) {
position: fixed !important;
display: inline-block !important;
min-width: 38.8% !important;
max-width: 38.8% !important;
height: 90vh;
left: 60% !important;
top: 85px ;
padding: 0 10px ;
overflow: hidden;
overflow-y: auto !important;
z-index: 500000 !important;
background: black ;
}
/* CY Fung FIX */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:hover):not(:empty):not([hidden]) {
visibility: collapse !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments {
background-color: white !important;
}
/* (new21) COMMENTS - HOVER */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:hover:not(:empty):not([hidden]) {
position: fixed !important;
display: inline-block !important;
min-width: 38.8% !important;
max-width: 38.8% !important;
height: 90vh;
left: 60% !important;
top: 9vh ;
padding: 0 10px ;
z-index: 500000 !important;
visibility: visible !important;
background: black ;
border-top: 1px solid green !important;
border-bottom: 4px solid gray !important;
}
/* NO DARK */
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 {
background-color: white !important;
}
/* (new21) */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) ytd-item-section-renderer {
display: inline-block !important;
min-height: 100% !important;
width: 100% !important;
margin-top: 0px ;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments ytd-item-section-renderer ytd-comments-header-renderer {
margin-bottom: 5px ;
margin-top: 25px ;
}
#title.ytd-comments-header-renderer {
margin-bottom: 5px;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents {
display: inline-block !important;
width: 98% ;
top: -35px ;
padding: 5px 10px ;
overflow: hidden;
overflow-y: auto;
background: #333 ;
}
/* CY Fung FIX */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]) #contents{
height: 77vh !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) ytd-comments #contents {
background-color: white !important;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not(:empty):not([hidden]):before {
content: "Comments ▼" ;
position: fixed;
display: inline-block;
width: 100px ;
height: 21px !important;
line-height: 21px;
margin: 0px 0 0 125px !important;
top: 6.4vh !important;
padding: 1px 5px ;
border-radius: 3px 3px 0 0 ;
text-align: center !important;
z-index: 5000000 !important;
visibility: visible ;
color: gray !important;
border-top: 1px solid #333 ;
border-bottom: 1px solid #333 ;
border-right: 5px solid #333 ;
border-left: 5px solid #333 ;
background-color: #222 ;
}
/* TEST - CHAT - COMMENTS */
#secondary ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-comments-section"][visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"] ytd-comments:before {
display: none !important;
}
/* NO DARK */
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 {
border-top: 1px solid #E7E7E7 !important;
border-bottom: 1px solid #E7E7E7 !important;
border-right: 5px solid #E7E7E7 ;
border-left: 5px solid #E7E7E7 ;
background-color: white !important;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments:not([hidden]):hover:before {
font-size: 15px !important;
text-align: center !important;
color: white !important;
border: none !important;
border-bottom: 1px solid green !important;
border-top: 2px solid transparent !important;
background-color: #333 !important;
}
/* NO DARK */
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 {
color: white !important;
border-bottom: 1px solid #E7E7E7 ;
border-top: 5px solid #999 ;
border-left: 5px solid #999 ;
border-right: 5px solid #999 ;
background-color: #999 !important;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments #contents ytd-comment-thread-renderer {
display: block;
margin-bottom: 5px !important;
padding: 5px ;
border-radius: 5px ;
background-color: #222 ;
border: 1px solid #333 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-page-manager:not([should-stamp-chat]) ytd-comments #contents ytd-comment-thread-renderer {
background-color: white !important;
}
/* COMMENTS COUNTER - start at 01 */
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments:not(:empty):not([hidden]) {
content: counter(myIndex, decimal);
counter-increment: myIndex 0 !important;
}
.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 {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal)"\A Comments";
position: fixed;
width: auto;
line-height: 15px;
min-width: 17px;
right: 5px !important;
top: 3.95vh !important;
padding: 1px 5px ;
text-align: center;
border-radius: 3px;
font-size: 15px;
z-index: 100;
visibility: visible !important;
opacity: 1 !important;
color: tomato;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
background: rgba(62, 59, 59, 0.6) none repeat scroll 0 0;
background: black !important;
}
.ytd-page-manager:not([should-stamp-chat]) #columns.ytd-watch-flexy #primary-inner ytd-comments#comments ytd-comment-thread-renderer:hover::before {
opacity: 1 !important;
}
/* NO DARK */
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 {
background-color: white !important;
}
/* (new21) TEST -PLAYER - CONTAINER (For PREVIEW THUMB VIDEO vible on Right) */
ytd-watch-flexy[flexy] #player-container-outer.ytd-watch-flexy {
min-width: 59.5vw !important;
max-width: 59.5vw !important;
overflow: visible !important;
}
ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy:hover {
z-index: 50000000 !important;
}
#previewbar.hovered ,
#previewbar {
z-index: 50000 !important;
}
/* WIDE THEATER - TABVIEW - :not(.parentToothbrush) */
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_]:not(.parentToothbrush) {
position: fixed !important;
left: 0;
right: 0;
bottom: 0 !important;
z-index: 50000000 !important;
}
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] #columns.ytd-watch-flexy #primary {
z-index: 0 !important;
}
/* (new21) WIDE THEATER - TIME REMAINING - TABVIEW */
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata #info #info-contents .ytd-video-primary-info-renderer .time-remaining-renderer ,
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .time-remaining-renderer {
top: 6.7vh !important;
left: 45vw !important;
}
/* WIDE THEATER - SUPP ELEMENTS UNDER PALYER - TABVIEW */
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-youtube-comments][flexy][theater][theater-requested_][flexy-large-window_] .watch-active-metadata.ytd-watch-flexy > #meta ,
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 ,
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{
display: none !important;
}
/* (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) */
/* (new21) NOT EMBED .html5-video-player:not(.ytp-embed) */
.html5-video-player:not(.ytp-embed).ytp-inline-preview-ui ,
.html5-video-player:not(.ytp-embed) .ytp-inline-preview-scrim {
/* height: 407px; */
/* border: 1px solid aqua !important; */
}
/* (new21) PREVIEW VIDEO THUMBNAIL + BUTTON TOOLTIPS + PREVIEW TIME - NO THEATER - Cf TOOLTIPS */
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;"]) {
position: fixed !important;
display: inline-block !important;
top: 70vh !important;
font-size: 118%;
font-weight: 500;
pointer-events: none;
z-index: 500000000 !important;
}
/* (new21) PREVIEW VIDEO THUMBNAIL + BUTTON TOOLTIPS - THEATER - Cf TOOLTIPS */
ytd-watch-flexy[flexy]:not([theater-requested_=""]):not([fullscreen]):not(.ytp-embed) .ytp-tooltip.ytp-bottom.ytp-preview:not([style*="display: none;"]) {
position: fixed !important;
display: inline-block !important;
margin-top: 3vh !important;
font-size: 118%;
font-weight: 500;
pointer-events: none;
z-index: 500000000 !important;
}
/* (new21) TOOLTIPS - THEATER */
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 {
margin-top: -60px !important;
}
/* (new21) TEST - PREVIEW VIDEO THUMBNAIL + BUTTON TOOLTIPS - THEATER */
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy .ytp-tooltip.ytp-bottom.ytp-preview:not([style*="display: none;"]) {
position: fixed !important;
display: inline-block !important;
margin-top: 8.5vh !important;
pointer-events: none;
z-index: 500000000 !important;
}
/* (new21) TOOLTIPS - THEATER */
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{
margin-top: -20px !important;
}
/* (new21) TOOLTIP TITLE */
.html5-video-player:not(#c4-player) .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
position: relative;
display: block;
height: 16px;
width: 200%;
top: 2.7vh !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border: 0 none;
color: white !important;
}
.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
position: relative;
display: block;
width: 200%;
height: 16px;
top: 45px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
border: 0 none;
color: red !important;
}
/* (new21) TOTAL CONTAINER - PLAYER + RIGHT PANEL - COLUMN FLEXY */
#columns.ytd-watch-flexy {
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 95.9vh !important;
max-height: 95.9vh !important;
margin-left: 0 !important;
overflow: hidden !important;
}
/* (new21) Z-INDEX FOR PREVIEW */
#columns.ytd-watch-flexy #primary {
position: absolute !important;
min-width: 59.5% !important;
max-width: 59.5% !important;
height: 100% !important;
min-height: 93.4vh !important;
max-height: 93.4vh !important;
margin-left: 0 !important;
left: 0.3rem !important;
padding-top: 2.5vh !important;
overflow: visible !important;
}
#columns.ytd-watch-flexy #primary:hover {
z-index: 5000000000 !important;
}
/* (new21) Z-INDEX FOR PREVIEW TABVIEW - PB HIDE SEARCH BAR on HOVER :
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
=== */
html[plugin-tabview-youtube] #columns.ytd-watch-flexy #primary {
z-index: 0 !important;
z-index: 500000000 !important;
}
html[plugin-tabview-youtube] #columns.ytd-watch-flexy #primary:hover {
display: inline-block !important;
z-index: 5000000000 !important;
}
/* (new23) PRIMARY INNER - PLAYER + INFOW UNDER THE FOLD */
#columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy {
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 92.8vh !important;
max-height: 92.8vh !important;
margin-left: 0 !important;
overflow: hidden !important;
/* border: 1px solid aqua !important; */
}
/* (new23) INFOS ACTIVE UNDER THE FOLD */
#columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy{
display: inline-block !important;
height: 5.2vh !important;
margin: 0 !important;
overflow: hidden !important;
/* border: 1px solid yellow !important; */
}
#columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold {
height: 5.5vh !important;
margin: 0 !important;
/* overflow: hidden !important; */
/* border: 1px solid red !important; */
}
/* (new27) */
#top-row.ytd-watch-metadata {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 40px;
}
#columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #top-row + #bottom-row {
position: fixed;
display: inline-block;
min-width: 59% !important;
max-width: 59% !important;
margin: 0 !important;
bottom: 8vh !important;
/* border: 1px solid green !important; */
}
/* (new23) THEATER - INFOS UNDER THE FOLD */
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #columns #primary #primary-inner{
position: fixed;
display: inline-block;
width: 100% !important;
min-width: 60% !important;
max-width: 60% !important;
height: 100%;
min-height: 5vh !important;
max-height: 5vh !important;
margin-left: 0;
left: 0 !important;
overflow: hidden !important;
/* background: green !important; */
/* border: 1px dashed aqua !important; */
}
/* (new23) INFOS ACTIVE UNDER THE FOLD - ACTION BAR */
#columns.ytd-watch-flexy #primary #primary-inner.ytd-watch-flexy .watch-active-metadata.ytd-watch-flexy #above-the-fold #actions {
position: fixed;
display: inline-block;
height: 40px !important;
line-height: 30px !important;
min-width: 59% !important;
max-width: 59% !important;
margin-top: 8px;
bottom: 2vh !important;
/* border: 1px solid green !important; */
}
/* (new21) NOT EMBED - :not(.ytp-embed):not(.ytp-big-mode):not(.ytp-embed):not(#c4-player):not(#inline-preview-player) */
.html5-video-player:not(.ytp-big-mode):not(.ytp-embed):not(#c4-player):not(#inline-preview-player) {
/* height: 74vh !important; */
}
/* PLAYER - THEATER MOD - BOTTOM CONTAINER */
ytd-watch-flexy[flexy-large-window_=""] #player-theater-container:not(:empty) + #ujs-hdr-links-div + #columns #primary.ytd-watch-flexy {
margin-left: 333px !important;
}
ytd-watch-flexy[flexy_][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy, ytd-watch-flexy[flexy_][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy {
padding-top: 0;
}
/* (new23) THEATER MODE (not FULLSCREEN) Width 1148px - , ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy - :not(.parentToothbrush) */
ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container ,
ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy {
position: relative !important;
position: fixed !important;
min-width: 99.92% !important;
max-width: 99.92% !important;
min-height: calc(100vh - 9.5vh) !important;
max-height: calc(100vh - 9.5vh) !important;
left: 0px !important;
bottom: 0 !important;
margin: 3vh 0 0 0 !important;
overflow: visible !important;
background: transparent !important;
z-index: 50000 !important;
background: red !important;
/* border: 1px solid aqua !important; */
}
/* (new23) THEATER - TABVIEW */
html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container ,
html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy {
position: fixed !important;
min-width: 99.92% !important;
max-width: 99.92% !important;
min-height: calc(100vh - 9.5vh) !important;
max-height: calc(100vh - 9.5vh) !important;
left: 0px !important;
top: 9vh !important;
margin: 0 0 0 0 !important;
overflow: visible !important;
background: transparent !important;
z-index: 50000 !important;
background: #111 !important;
/* border: 1px solid aqua !important; */
}
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 {
max-height: 88vh !important;
min-height: 88vh !important;
/* border: 1px solid red !important; */
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy {
background: transparent !important;
}
/* (new21) THEATER */
ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container {
width: 100%;
}
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 {
display: inline-block;
width: 99.7% !important;
margin-left: 0;
bottom: 7% !important;
height: 72px;
left: 21.2%;
overflow: hidden;
text-align: center !important;
}
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 {
bottom: -1% !important;
}
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 {
bottom: 7.5% !important;
}
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 {
bottom: 4.5% !important;
}
/* (new23) THEATER */
ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns {
position: absolute !important;
display: inline-block !important;;
min-width: 59.5% !important;
max-width: 59.5% !important;
height: 100% !important;
min-height: 5vh !important;
max-height: 5vh !important;
overflow: hidden !important;
}
ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy ~ #columns #primary{
min-height: 10vh !important;
max-height: 10vh !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
overflow: hidden !important;
}
/* (new23) THEATER - display NONE ? */
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 {
position: fixed;
display: inline-block;
display: none !important;
min-height: 7vh !important;
max-height: 7vh !important;
max-width: 18% !important;
min-width: 18% !important;
top: 9.2vh !important;
right: 0!important;
margin: 0;
background: blue !important;
border: 1px solid green;
}
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 {
position: fixed;
display: inline-block;
display: none !important;
min-height: 7vh !important;
max-height: 7vh !important;
max-width: 21.9% !important;
min-width: 21.9% !important;
top: 9vh !important;
right: 18vw!important;
margin: 0;
background: yellow !important;
border: 1px solid green;
}
ytd-watch-flexy[theater] .annotation.annotation-type-custom.iv-branding {
display: none !important;
}
/* (new21) TEST - UNDER PLAYER - DESCRIPTION + OWNER TEASER */
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] {
position: absolute !important;
height: 8vh !important;
width: 99.7% !important;
margin: 0vh 0 0 0 !important;
bottom: 0 !important;
z-index: 50000000 !important;
}
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold {
height: 8vh !important;
}
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #description-and-actions.ytd-watch-metadata {
float: left !important;
height: 7vh !important;
margin: -1vh 0 0 0 !important;
}
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #owner-and-teaser.ytd-watch-metadata {
float: right !important;
width: 32vw !important;
height: 8vh !important;
margin: -2vh 0 0 0 !important;
}
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold h1 + ytd-badge-supported-renderer {
float: left !important;
}
/* (new21) TEST - UNDER PLAYER - TITTLE etc.. */
/* ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold > #title > .ytd-watch-metadata yt-formatted-string.ytd-watch-metadata , */
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .ytd-watch-metadata ,
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 {
display: inline-block !important;
height: 100% !important;
min-height: 0 !important;
max-height: 0 !important;
visibility: hidden !important;
}
/* (new21) TEST - UNDER PLAYER - TIME INDIC - GM "YouTube Time Remaining" */
/* #container>div[style="display: flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99);"] ,
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
#container> .ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin-right: 1rem; min-width: 12rem;"] ,
#container>div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin-right: 1rem; min-width: 12rem;"] , */
.watch-active-metadata #info #info-contents .ytd-video-primary-info-renderer .time-remaining-renderer ,
.time-remaining-renderer{
position: fixed !important;
display: inline-block !important;
line-height: 2rem;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: 100vw !important;
min-width: 10vw !important;
max-width: 10vw !important;
bottom: 16.2vh !important;
left: 1vw !important;
font-size: 1.6rem;
text-align: center !important;
visibility: visible !important;
color: #e91e63;
border: 1px solid #333 !important;
border: 1px dashed #e91e63 !important;
}
/* TIMEREMAINING - OLD VERSION - TABVIEW */
/* OLD VERSION */
html[plugin-tabview-youtube]:not([theater]) #container>div[style="display: flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99);"] ,
html[plugin-tabview-youtube]:not([theater]) ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
#container> .ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
html[plugin-tabview-youtube]:not([theater]) ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin-right: 1rem; min-width: 12rem;"] ,
html[plugin-tabview-youtube]:not([theater]) #container>div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin- right: 1rem; min-width: 12rem;"]{
position: fixed !important;
min-width: 12rem !important;
max-width: 30rem !important;
bottom: 16.5vh !important;
left: 1vw !important;
border: 1px dashed aqua !important;
}
/* TIMEREMAINING - OLD VERSION - THEATER - TABVIEW */
/* OLD VERSION */
html[plugin-tabview-youtube] ytd-watch-flexy[theater] div[style="display: flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99);"] ,
html[plugin-tabview-youtube] ytd-watch-flexy[theater] #container>div[style="display: flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99);"] ,
/* NEW VERSION - .time-remaining-renderer */
html[plugin-tabview-youtube] ytd-watch-flexy[theater] ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
html[plugin-tabview-youtube] ytd-watch-flexy[theater] #container> .ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 .time-remaining-renderer ,
html[plugin-tabview-youtube] ytd-watch-flexy[theater] ytd-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] #above-the-fold #title.ytd-watch-metadata h1 div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin-right: 1rem; min-width: 12rem;"] ,
html[plugin-tabview-youtube] ytd-watch-flexy[theater] #container>div[style="display: inline-flex; font-size: 1.6rem; font-weight: 400; line-height: 2rem; color: rgb(233, 30, 99); margin-right: 1rem; min-width: 12rem;"]{
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
max-width: 12rem !important;
max-width: 30rem !important;
bottom: 91vh !important;
/* bottom: unset !important; */
left: 45vw !important;
border: 1px dashed red !important;
}
/* (new2) FULLSCREEN */
ytd-app[is-watch-page=""] app-drawer.ytd-app#guide ~ #page-manager.ytd-app[class="style-scope ytd-app"] {
position: fixed ;
display: flex;
width: 59.8% ;
height: 100% ;
height: 874px !important;
overflow-x: hidden;
overflow-y: hidden;
}
/* (new2) FULLSCREEN */
.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #page-manager.ytd-app {
position: fixed ;
display: flex;
min-width: 100% !important;
min-height: 100% !important;
z-index: 500000000 !important;
}
.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] .video-stream.html5-main-video {
width: 100% !important;
left: 0;
}
.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] .html5-endscreen {
height: 100vh !important;
}
.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] .ytp-endscreen-content{
height: 80vh !important;
max-width: 100%;
min-width: 100%;
width: 100%;
margin-left: -49.8% !important;
margin-top: -15% !important;
}
.no-scroll>ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #columns.ytd-watch-flexy {
display: none !important;
}
/* (new21) END SCREEN - ALL */
/* (new21) NOT EMBED */
#movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen {
height: 70vh !important;
overflow: hidden;
z-index: 34;
}
#movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content {
display: table !important;
position: absolute;
width: 59.3vw !important;
height: 63.2vh !important;
top: 0% !important;
left: 0% !important;
margin: 0 0 0 0 !important;
padding-top: 6.5vh !important;
/* border: 1px solid red !important; */
}
/* (new21) NOT EMBED */
#movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content .ytp-videowall-still {
position: unset !important;
display: inline-block !important;
width: 100% !important;
min-width: 23.8% !important;
max-width: 23.8% !important;
height: 100% !important;
min-height: 170px !important;
max-height: 170px !important;
margin: 3px -5px 5px 12px !important;
overflow: hidden;
border-radius: 5px !important;
transform: scale(1) !important;
border: 1px solid red !important;
}
#movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-endscreen-content .ytp-videowall-still .ytp-videowall-still-image {
background-size: contain !important;
background-color: #111 !important;
}
.ytp-videowall-still-info-content {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
padding: 18px 5px 5px 5px !important;
opacity: 0.2 !important;
transition: opacity 0.3s ease 0s;
color: #fff;
background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.8) 0px, transparent 100px);
}
.ytp-videowall-still-info-content:hover {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
padding: 18px 5px 5px 5px !important;
opacity: 1 !important;
transition: opacity 0.3s ease 0s;
color: #fff;
background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.8) 0px, transparent 100px);
}
/* NO DARK */
/* (new21) END SCREEN - ALL - NOT EMBED */
html:not([dark]):not([dark="true"]):not(.style-scope) #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen:not(.subscribecard-endscreen) {
background-color: white !important;
}
html:not([dark]):not([dark="true"]):not(.style-scope) #movie_player:not(.ytp-embed):not(.ytp-mweb-player) .html5-endscreen:not(.subscribecard-endscreen):hover {
z-index: 50 !important;
}
/* (new21) END SCREEN SUGGESTION */
/* NOT EMBED ? */
#movie_player:not(.ytp-embed):not(.ytp-mweb-player) .ytp-ce-element.ytp-ce-element-show ,
#movie_player:not(.ytp-embed).html5-endscreen + .ytp-ce-shadow + .ytp-ce-element.ytp-ce-element-show {
height: 320px;
width: 569px;
left: 35% !important;
top: 93px;
border: 1px solid red !important;
}
/* PLAYER */
#primary.ytd-watch-flexy {
min-width: 97% !important;
max-width: 97% !important;
padding: 0;
}
/* (new21) THEATER - INFOS BOTTOM */
ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy +#columns #primary.ytd-watch-flexy {
height: 72px !important;
min-width: 99% !important;
max-width: 99% !important;
margin-left: 29% !important;
padding: 0;
}
#player-container-inner {
padding-top: 72vh !important;
}
.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
max-width: 415px;
opacity: 1;
transition: opacity 0.165s cubic-bezier(0, 0, 0.2, 1) 0.415s;
}
#movie_player:not(.ytp-embed) .html5-video-player:not(.ytp-embed) .video-stream.html5-main-video {
width: 99% !important;
}
.ytp-iv-video-content {
width: 100% !important;
top: 55px;
}
/* (new21) VIDEO PLAYER center MOVIE for - NOT EMBED
https://www.youtube.com/watch?v=_DsyLuxfu64
=== */
#movie_player:not(.ytp-embed) .html5-video-player:not(.ytp-embed) .video-stream.html5-main-video {
left: 0 !important;
}
/* (new20) START ==== PROGRESSBAR VISIBLE ===== */
/* (new21) CONTROL - NOT EMBED .html5-video-player:not(.ytp-embed] */
#player .html5-video-player:not(.ytp-embed).ytp-chrome-bottom {
width: 100% !important;
height: 3px !important;
left: 0px !important;
top: 67.8vh !important;
opacity: 1 !important;
}
/* (new20) ACTIVE HOVER on #player:hover */
#player:not(.ytd-channel-video-player-renderer):hover .ytp-chrome-bottom {
width: 100% !important;
height: 48px !important;
left: 5px !important;
opacity: 1 !important;
}
#player:hover .ytp-hide-info-bar .ytp-progress-bar-container {
bottom: 39px;
display: inline-flex !important;
position: absolute;
visibility: visible;
width: 99.4%;
}
/* (new20) NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #player:hover .ytp-chrome-bottom {
background-color: transparent !important;
background-image: none !important;
}
/* (new20) PROGRESSBAR VISIBLE - CHROME BOTTOM - ALL */
.ytp-hide-info-bar .ytp-chrome-bottom {
opacity: 1 !important;
visibility: visible !important;
}
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 {
opacity: 1 !important;
visibility: visible !important;
}
/* (new17) NO DARK */
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 {
background: transparent !important;
}
/* (new21) CHROME BOTTOM - ALL */
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 {
position: absolute;
display: inline-block !important;
width: 100% !important;
height: 5px !important;
bottom: 5px !important;
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
background: transparent !important;
}
/* (new21) CHROME BOTTOM - ALL - HOVER*/
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 {
position: absolute;
display: inline-block !important;
height: 45px !important;
line-height: 20px !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
left: 0px !important;
right: 0px !important;
padding: 0 !important;
bottom: 15px !important;
opacity: 1 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
}
/* (new21) TEST PAUSED - NOT THEATER */
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 {
vertical-align: top;
height: 35px !important;
line-height: 28px;
max-width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
left: 0px !important;
right: 0px !important;
padding: 0 !important;
}
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 {
vertical-align: top;
height: 35px;
line-height: 28px;
max-width: 99.7% !important;
min-width: 99.7% !important;
margin-top: 10px !important;
left: 0px !important;
right: 0 !important;
}
/* (new21) PROGRESSBAR VISIBLE - TEST CHAPTER CONTAINER */
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 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
/* (new21) PROGRESSBAR VISIBLE - CHAPTERS CONT - NOT THEATER - HOVER */
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 ,
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 {
display: inline-flex !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 100%;
top: -6px !important;
left: 0px;
z-index: 32;
}
.ytp-chapter-container button.ytp-chapter-title.ytp-button {
margin-top: 8px !important;
}
/* CHAPTER-HOVER-CONTAINER - ALL */
.ytp-chapters-container .ytp-chapter-hover-container {
max-width: 100% !important;
height: 100%;
left: 0;
z-index: 32;
}
/* CHAPTER-HOVER-CONTAINER - ALL */
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 {
height: 100%;
left: 0;
z-index: 32;
}
/* CHAPTER-HOVER-CONTAINER - HOVER - ALL */
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 ,
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 {
height: 100%;
left: 0;
z-index: 32;
}
/* CHAPTER-HOVER-CONTAINER - last CHAPTER - ALL */
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 {
/* outline: 1px solid green !important; */
}
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{
/* outline: 1px solid yellow !important; */
}
/* CHAPTER-HOVER-CONTAINER - LAST - ALL */
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 {
/* outline: 1px solid red !important; */
}
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{
max-width: 100% !important;
min-width: 100% !important;
height: 100%;
left: 0;
z-index: 32;
}
/* CHAPTER-HOVER-CONTAINER - PROGRESS-BER-PADDING - ALL */
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 {
top: 0 !important;
height: 5px !important;
}
.ytp-progress-list {
position: relative;
height: 100%;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1) 0s;
z-index: 39;
background: rgba(255, 255, 255, 0.2);
}
/* (new21) CONTROLS - OPACITY */
.ytp-hide-info-bar.ytp-autohide .ytp-chrome-controls {
opacity: 0 !important;
}
/* (new21) PROGRESS BAR - ALL */
#movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide .ytp-progress-bar-container ,
.ytp-hide-info-bar .ytp-progress-bar-container {
position: absolute;
display: inline-block !important;
width: 100% !important;
height: 5px;
top: -18px !important;
opacity: 1 !important;
visibility: visible !important;
background: #333 !important;
}
/* (new21) PROGRESSBAR VISIBLE - PROGRES - NOT THEATER */
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 {
top: 4px !important;
/* border: 1px solid tan !important; */
}
/* (new21) PROGRESSBAR VISIBLE - PROGRES - NOT THEATER - HOVER */
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 {
top: 49px !important;
}
/* (new21) PROGRESSBAR VISIBLE - SCRUBBER - ALL */
/* NOT OK - Not Perfect for NOT THEATER buttoo at RIGT of Progressbar */
/* OK FOR THEATER */
.ytp-chrome-bottom .ytp-scrubber-container {
position: absolute;
top: -5px;
z-index: 43;
}
/* (new21) PROGRESSBAR VISIBLE - CHROME BOTTOM - THEATER */
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 {
left: 0px !important;
margin-left: 0 !important;
bottom: 0!important;
}
/* (new21) PROGRESSBAR VISIBLE - CHROME BOTTOM - THEATER - HOVER */
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 {
max-width: 99.8% !important;
min-width: 99.8% !important;
margin-top: 0 !important;
bottom: 0.7vh !important;
left: 0px !important;
}
/* TABVIEW - NO TABS VISIBLE - CHROME BOTTOM */
/* 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 */
/* (new21) PROGRESSBAR VISIBLE - PROGRESS BAR - THEATER - not HOVER */
ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container .ytp-progress-bar-container ,
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 {
max-width: 99.8% !important;
min-width: 99.8% !important;
margin-top: 0px !important;
top: 0.6vh !important;
left: 0px !important;
}
/* (new21) PROGRESSBAR VISIBLE - PROGRESS - THEATER - HOVER */
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 {
max-width: 99.8% !important;
min-width: 99.8% !important;
margin-top: 0px !important;
top: 42px !important;
left: 0px !important;
}
/* (new2) CHAPTER-CONTAINER-DISABLED - PB WITH CHAPTER :
https://www.youtube.com/watch?v=RIgBsz1MduI
=== */
.ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,
.ytp-chapter-title.ytp-button.ytp-chapter-container-disabled {
display: none !important;
}
#player .ytp-progress-bar-container:not([aria-disabled="true"]) {
height: 5px;
margin-top: 0;
top: 0px;
opacity: 1 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #player .ytp-progress-bar-container:not([aria-disabled="true"]) {
background-color: #DCDADA;
}
/* (new21) CONTROLS BAR - ALL BUTTONS - ALL (VOIR THEATER */
.ytp-exp-bottom-control-flexbox .ytp-chrome-controls {
vertical-align: top !important;
max-width: 1155px !important;
height: 35px !important;
line-height: 28px !important;
margin-top: 5px !important;
/* border: 1px solid aqua !important; */
}
.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button {
padding: 0 !important;
}
/* (new21) CONTROLS - OPACITY? - AGAINST BUTTONS FLINKERING on HOVER */
.ytp-chrome-controls ,
.ytp-hide-info-bar.ytp-autohide .ytp-chrome-controls {
position: absolute !important;
display: inline-block !important;
/* opacity: 0 !important; */
width: 99.8% !important;
z-index: 50000000 !important;
/* border: 1px solid violet !important; */
}
/* (new26) CONTROLS - AGANIST BUTTONS FLINKERING on HOVER - NOT EMBED - .html5-video-player:not(.ytp-embed) */
.html5-video-player:not(.ytp-embed) .autoHiding.hidden ,
.html5-video-player:not(.ytp-embed) .ytp-chrome-top .ytp-button:hover,
.html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button:hover:not([aria-disabled="true"]):not([disabled]),
.html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button[aria-expanded="true"],
.html5-video-player:not(.ytp-embed) .ytp-chrome-controls .ytp-button[aria-pressed="true"],
.html5-video-player:not(.ytp-embed) .ytp-replay-button:hover {
display: inline-block !important;
width: 48px;
height: 35px !important;
border: 1px solid red !important;
}
ul#previewbar.hovered ,
ul#previewbar {
/* border: 1px solid yellow !important; */
}
/* (new21) CONTROLS BAR - TIME */
.ytp-time-display.notranslate>span {
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 35px !important;
margin: 0px 0 0px 0 !important;
font-size: 20px !important;
}
.ytp-larger-tap-buttons .ytp-time-display {
display: inline-block;
vertical-align: top;
line-height: 27px !important;
padding: 0 5px;
font-size: 109%;
white-space: nowrap;
}
/* (new21) CONTROLS BAR - BUTTON ICONS / SPONSORBLOCK - BUTTONS */
.playerButtonImage {
max-height: 100% !important;
}
#startSegmentButton .playerButtonImage {
max-height: 100% !important;
}
/* (new21) CONTROLS BAR - BUTTONS - TOOLTIPS */
.ytp-chrome-top .ytp-button,
/* .ytp-chrome-controls .ytp-button:hover:not([aria-disabled="true"]):not([disabled]), */
.ytp-chrome-controls .ytp-button[aria-expanded="true"],
.ytp-chrome-controls .ytp-button[aria-pressed="true"],
.ytp-replay-button {
opacity: 1 !important;
transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
color: gold !important;
}
/* END ==== PROGRESSBAR VISIBLE ===== */
/* (new21) PLAYER SOUS TITRES + TRANSLATION - ALL */
.caption-window.ytp-caption-window-bottom .captions-text{
display: inline-block;
width: 100% !important;
left: 0 !important;
text-align: center !important;
}
.html5-video-player:not(.ytp-embed) .caption-visual-line .ytp-caption-segment{
background: transparent !important;
}
/* (new26) PLAYER - CAPTION - NOT HOVER - ALL */
.caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup ,
.caption-window.ytp-caption-window-bottom {
width: 100% !important;
left: 1px !important;
margin-left: 0 !important;
margin-bottom: -5px !important;
text-align: center !important;
overflow: hidden;
}
.caption-window.ytp-caption-window-bottom.ytp-caption-window-rollup ,
.caption-window.ytp-caption-window-bottom {
display: inline-block;
width: 100% !important;
left: 1px !important;
margin-bottom: 0px !important;
margin-left: 0!important;
}
/* (new26) */
.html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:first-child ,
.html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:last-child {
min-width: 60% !important;
max-width: 60% !important;
/* text-align: left !important; */
text-align: center !important;
/* color: gold !important; */
/* fill: rgb(0, 255, 255); */
color: white !important;
/* fill: gold !important; */
background: rgba(0, 0, 0, 0.54) !important;
}
.html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:first-child {
/* color: red !important; */
/* fill: gold !important; */
/* background: blue !important; */
}
.html5-video-player .ytp-caption-window-container .caption-visual-line .ytp-caption-segment:last-child {
/* color: yellow !important; */
/* fill: gold !important; */
/* background: green !important; */
}
/* (new26) CAPTION - 3 DOTS */
/* .html5-video-player .ytp-caption-window-container .caption-window.ytp-caption-window-bottom:not(#caption-window-_11) .caption-visual-line:first-child .ytp-caption-segment {
min-width: 3.5% !important;
max-width: 3.5% !important;
color: pink !important;
background: red !important;
} */
/* (new21) CAPTION - PLAYER - HOVER - ALL (NOT CHANNEL PLAYER) */
#player-container:not(.ytd-channel-video-player-renderer):hover .caption-window.ytp-caption-window-bottom {
left: 0 !important;
margin-bottom: 43px !important;
}
/* CAPTION - PLAYER + CAPTION - HOVER */
#player-container:not(.ytd-channel-video-player-renderer):hover .caption-window.ytp-caption-window-bottom:hover {
margin-bottom: 43px !important;
}
/* (new21) CAPTION - THEATER */
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) .caption-window.ytp-caption-window-bottom {
bottom: 8%;
left: 50%;
margin-left: -552.5px;
text-align: center;
touch-action: none;
width: 1105px;
min-height: 112px !important;
}
/* (new21) CAPTION - THEATER - PLAY */
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 {
bottom: 7% !important;
left: 50%;
margin-left: -552.5px;
text-align: center;
touch-action: none;
width: 1105px;
min-height: 75px !important;
}
/* (new21) CAPTION - THEATER - PLAY + hover*/
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.playing-mode:hover .caption-window.ytp-caption-window-bottom {
min-height: 75px !important;
bottom: 5% !important;
}
/* (new21) CAPTION - THEATER - PAUSED */
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 {
min-height: 75px !important;
bottom: 5% !important;
}
/* (new21) CAPTION - THEATER - PAUSED + HOVER */
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #movie_player.html5-video-player.paused-mode:hover .caption-window.ytp-caption-window-bottom {
min-height: 75px !important;
bottom: 5% !important;
}
/* (new21) CAPTION - THEATER */
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) .caption-window.ytp-caption-window-bottom .caption-visual-line .ytp-caption-segment:last-child {
height: auto !important;
min-width: 60% !important;
max-width: 60% !important;
text-align: center !important;
color: white !important;
/* color: gold !important; */
/* fill: gold !important; */
background: rgba(0, 0, 0, 0.44) !important;
}
/* (new21) CAPTION - THEATER - HOVER */
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom:hover ,
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom ,
ytd-watch-flexy[theater]:not([fullscreen]):not(.ytp-embed) #player-container:hover .caption-window.ytp-caption-window-bottom {
left: 0 !important;
margin-bottom: 60px !important;
}
/* FULLSCREEN - CONTAINER FULL - ALL */
.no-scroll>ytd-app[style^="--ytd-app-fullerscreen-scrollbar-width:12px;"][scrolling] {
right: 0 !important;
}
ytd-watch-flexy[fullscreen] .annotation.annotation-type-custom.iv-branding {
display: none !important;
}
.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
position: absolute;
width: 40%;
left: 80% !important;
text-align: center;
transform: translateX(-50%);
transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0s;
}
/* (new21) FULLSCREEN - CAPT - PLAY - */
ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.playing-mode #caption-window-1{
min-height: 136px !important;
width: 99.7vw !important;
left: 21.2%;
bottom: 7%;
text-align: left;
border: 1px solid red !important;
}
/* (new21) FULLSCREEN - CAPT - PLAY - HOVER */
ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.playing-mode.ytp-autohide #caption-window-1{
border: 1px solid yellow !important;
}
/* (new21) FULLSCREEN - CAPT - PAUSED - */
ytd-watch-flexy[fullscreen]:not(.ytp-embed) #movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.paused-mode #caption-window-1 {
min-height: 136px !important;
width: 99.7vw !important;
left: 21.2%;
bottom: 7%;
text-align: left;
border: 1px solid red !important;
}
/* (new21) INFOS UNDER PLAYER - NEW DESIGN - NOT TABVIEW */
html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata ,
html:not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer {
position: fixed;
display: inline-block;
width: 39% ;
min-height: 190px;
top: 85px ;
left: 60% !important;
padding: 0 5px ;
overflow: hidden;
border-radius: 0 0 5px 5px !important;
z-index: 500 !important;
visibility: hidden ;
border-bottom: 4px solid red;
border-right: 5px solid red;
border-left: 5px solid red;
background-color: #333 ;
}
/* (new21) INFOS OWNER cf [description-collapsed] - NEW DESIGN */
ytd-watch-metadata[description-collapsed] #description-and-actions.ytd-watch-metadata ,
ytd-watch-metadata #description-and-actions.ytd-watch-metadata {
display: inline-block !important;
flex-flow: unset !important;
justify-content: unset !important;
}
ytd-watch-metadata #description.ytd-watch-metadata {
position: fixed !important;
display: inline-block !important;
flex: unset !important;
min-width: 39% !important;
width: 39% !important;
min-height: 190px;
top: 72px !important;
left: 60% !important;
padding: 0 5px !important;
overflow: hidden !important;
border-radius: 0 0 5px 5px !important;
z-index: 500 !important;
visibility: hidden ;
border-bottom: 4px solid red;
border-right: 5px solid red;
border-left: 5px solid red;
background-color: #333 ;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer {
background-color: white !important;
}
/* (new25) */
ytd-watch-metadata #description.ytd-watch-metadata:hover ,
#meta-contents #container.ytd-video-secondary-info-renderer:hover {
max-height: 90vh !important;
visibility: visible !important;
overflow-y: auto !important;
z-index: 5000000 !important;
/* border-top: 1px solid red !important; */
}
#top-row.ytd-video-secondary-info-renderer {
display: flex;
flex-direction: row;
margin-bottom: 5px;
padding-top: 5px;
border-radius: 5px !important;
}
ytd-text-inline-expander#description-inline-expander {
display: inline-block !important;
flex-direction: unset !important;
width: 100% !important;
height: 100% !important;
min-height: 180px !important;
margin-bottom: 5px;
padding-top: 5px;
}
ytd-text-inline-expander#description-inline-expander #snippet.ytd-text-inline-expander:not([hidden]) {
display: inline-block !important;
mask-image: unset !important;
max-height: 80vh !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
ytd-video-secondary-info-renderer {
border: none;
}
/* (new21) INFOS - NEW DESIGN */
.content.ytd-video-secondary-info-renderer ,
#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 ,
#above-the-fold.ytd-watch-metadata #description-and-actions #description.ytd-watch-metadata span.yt-formatted-string {
line-height: 15px !important;
font-size: 15px !important;
}
/* (new21) When EXPANDED */
#above-the-fold.ytd-watch-metadata #description-and-actions #description.ytd-watch-metadata span.yt-formatted-string:first-of-type {
color: gold !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #description .yt-simple-endpoint.yt-formatted-string ,
html:not([dark]):not([dark="true"]):not(.style-scope) #description .yt-formatted-string[style="color: rgb(170, 170, 170);"] {
background-color: transparent !important;
}
/* (new21) - INFOS - NOT TABVIEW */
html:not([plugin-tabview-youtube]) ytd-watch-metadata #description.ytd-watch-metadata:before ,
html:not([plugin-tabview-youtube]) #meta-contents #container.ytd-video-secondary-info-renderer:before {
content: "Infos ▼" ;
position: fixed;
display: inline-block;
width: 100px ;
height: 21px !important;
line-height: 21px;
margin: 0px 0 0 -7px !important;
top: 6.4vh !important;
padding: 1px 5px ;
border-radius: 3px 3px 0 0 ;
text-align: center !important;
z-index: 500 !important;
visibility: visible ;
color: gray !important;
border-bottom: 1px solid #333 !important;
border-left: 5px solid #333 !important;
border-right: 5px solid #333 !important;
border-top: 1px solid #333 !important;
background-color: #222 !important;
}
/* (new17) NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer:before {
border-top: 1px solid #E7E7E7 !important;
border-bottom: 1px solid #E7E7E7 !important;
border-right: 5px solid #E7E7E7 !important;
border-left: 5px solid #E7E7E7 !important;
background-color: white !important;
}
/* (new21) INFOS - NEW DESIGN */
ytd-watch-metadata #description.ytd-watch-metadata:hover:before ,
#meta-contents #container.ytd-video-secondary-info-renderer:hover:before {
font-size: 15px !important;
text-align: center !important;
color: white !important;
border: none !important;
border-top: 3px solid transparent !important;
border-bottom: 1px solid red !important;
background-color: #333 !important;
}
/* (new21) NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #meta-contents #container.ytd-video-secondary-info-renderer:hover:before {
color: white !important;
border-bottom: 1px solid #999 !important;
border-top: 5px solid #999 !important;
border-left: 5px solid #999 !important;
border-right: 5px solid #999 !important;
background-color: #999 !important;
}
/* (new21) */
.ytd-video-secondary-info-renderer[style="--ytd-expander-collapsed-height:60px;"] {
display: inline-block !important;
width: 100% !important;
max-width: 98% !important;
height: auto !important;
max-height: 82vh !important;
margin-left: 0 !important;
padding: 5px !important;
border-radius: 5px ;
overflow: hidden !important;
overflow-y: auto !important;
background-color: #222 !important;
}
.more-button.ytd-video-secondary-info-renderer,
.less-button.ytd-video-secondary-info-renderer {
display: inline-block;
line-height: 1.8rem;
margin: 8px 0 0 20px !important;
padding: 5px !important;
border-radius: 5px !important;
font-size: 1.2rem;
text-transform: uppercase;
opacity: 0.5 !important;
transition: opacity ease 0.7s !important;
}
.more-button.ytd-video-secondary-info-renderer:hover ,
.less-button.ytd-video-secondary-info-renderer:hover {
transition: opacity ease 0.7s !important;
opacity: 1 !important;
}
.more-button.ytd-video-secondary-info-renderer {
background: green !important;
}
.less-button.ytd-video-secondary-info-renderer {
background: red !important;
}
/* (new21) INFOS - EXPANDER - MORE */
#expand.ytd-text-inline-expander {
position: absolute !important;
line-height: 2rem;
height: 20px !important;
margin: 0;
min-width: 45px !important;
padding: 0 4px;
text-transform: none;
white-space: pre;
background: red !important;
}
/* (new21) BUTTON - LESS */
#description tp-yt-paper-button#collapse {
position: absolute !important;
line-height: 2rem;
height: 20px !important;
min-width: 45px !important;
bottom: 0 !important;
right: 0 !important;
margin: 0;
padding: 0 4px;
text-transform: none;
white-space: pre;
background: green !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) .ytd-video-secondary-info-renderer[style="--ytd-expander-collapsed-height:60px;"] {
background-color: white !important;
}
/* (new21) MINI PLAYER */
/* (new21) PROGRESS BAR - MINI PLAYER */
#movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode .ytp-tooltip.ytp-bottom + .ytp-progress-bar-container{
position: absolute;
display: inline-block !important;
width: 100% !important;
height: 5px;
top: 222px!important;
opacity: 1 !important;
visibility: visible !important;
background: #333 !important;
}
/* MINI PLAYER - TITLE*/
#info-bar.ytd-miniplayer .title.ytd-miniplayer a {
color: gold !important;;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #info-bar.ytd-miniplayer .title.ytd-miniplayer a {
color: red !important;;
}
/* ================ */
#vidprogress {
display: none !important;
}
/* CHANNEL PAGES */
/* CHANNEL PLAYER */
ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container {
height: 21vh !important;
border: 1px solid red !important;
}
ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container .html5-main-video.video-stream {
max-width: 99.6% !important;
min-width: 99.6% !important;
height: 20.8vh !important;
border: 1px solid aqua !important;
}
ytd-channel-video-player-renderer #c4-player.html5-video-player .ytp-caption-window-container {
height: 82% !important;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
/* CHANNEL PAGES - HOME/ ACCUEIL */
.ytd-browse.grid.grid-6-columns {
min-width: 100%;
padding-left: 20px;
}
.ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer > .ytd-section-list-renderer#contents ytd-item-section-renderer {
width: 86%;
}
.ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #scroll-container.yt-horizontal-list-renderer {
width: 97.5% !important;
overflow: hidden !important;
border: 1px solid red !important;
}
.ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer) {
transform: translateX(-1289px) !important;
}
.ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer)[style="transform: translateX(0px);"] {
transform: translateX(100px) !important;
}
.ytd-browse.grid.grid-6-columns .ytd-two-column-browse-results-renderer #items:not(.ytd-vertical-channel-section-renderer) ytd-grid-video-renderer {
margin-left: 15px !important;
border: 1px solid #222 ;
}
/* ARROWS */
yt-horizontal-list-renderer[at-start] #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
display: none !important;
opacity: 0 !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow ,
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow {
height: 30px !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow {
width: 20px !important;
right: -6px !important;
top: 42px !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow {
width: 20px !important;
right: -6px !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #right-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
border: 1px solid aqua;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer #left-arrow ytd-button-renderer {
border-radius: 50%;
border: 1px solid yellow;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer[at-start=""] #left-arrow ytd-button-renderer {
border: 1px solid blue !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer[at-end=""] #left-arrow ytd-button-renderer {
border: 1px solid green !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer:not([at-start=""]) .yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer {
border: 1px dotted tan !important;
}
.ytd-browse.grid.grid-6-columns yt-horizontal-list-renderer:not([at-end=""]) .arrow.yt-horizontal-list-renderer {
border: 1px solid tan !important;
}
/* .ytd-browse.grid.grid-6-columns ytd-button-renderer .arrow.yt-horizontal-list-renderer[has-no-text=""] , */
.ytd-browse.grid.grid-6-columns .arrow.yt-horizontal-list-renderer .yt-simple-endpoint .paper-ripple[style="opacity: 0;"] + #waves.paper-ripple ,
.ytd-browse.grid.grid-6-columns .arrow.yt-horizontal-list-renderer .yt-simple-endpoint .paper-ripple[style="opacity: 0;"] {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* PLAYLIST */
ytd-two-column-browse-results-renderer.ytd-browse.grid.grid-6-columns #primary + #secondary.ytd-two-column-browse-results-renderer {
width: 13% !important;
border-left: 1px solid red ;
}
.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 {
margin-left: 0.8% !important;
/* border-left: 1px solid red ; */
}
.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 {
margin-left: 0.63% !important;
}
/* CHANNEL - VIDEOS TAB */
.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container.ytd-section-list-renderer {
width: 89%;
padding-left: 6%;
padding-right: 3%;
}
.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents {
width: 99%;
min-height: 100% !important;
/* border: 1px solid yellow !important; */
}
.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer {
width: 100%;
}
.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer #header-container + #contents ytd-item-section-renderer #items {
min-width: 100% !important;
margin-left: -95px;
}
.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) {
width: 96% !important;
overflow: hidden !important;
transform: translateX(100px) !important;
}
/* CHANNEL - COMMUNITY TAB */
.ytd-browse.grid.grid-6-columns[page-subtype="channels"] #primary.ytd-two-column-browse-results-renderer ytd-backstage-items {
display: inline-block !important;
max-width: 100%;
height: auto !important;
}
.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 {
display: inline-block !important;
width: 45.5% !important;
min-height: 270px !important;
max-height: 270px !important;
margin-left: 1% !important;
margin-right: 1% !important;
margin-bottom: 20px !important;
border-radius: 3px ;
border: 1px solid gray !important;
}
.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 {
min-width: 100% !important;
max-height: 124px ;
border: 1px solid red ;
}
.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 {
margin-top: 4px;
text-align: center;
}
.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{
max-height: 124px;
width: auto;
}
/* SONDAGE */
.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 {
min-height: 105px;
max-height: 115px;
padding-top: 2px;
overflow: hidden;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
.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 {
height: 20px;
line-height: 20px;
padding-bottom: 0;
}
.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 {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
}
.choice-info.ytd-backstage-poll-renderer ,
.check-icons.ytd-backstage-poll-renderer {
height: 20px !important;
line-height: 20px;
}
.check-icons.ytd-backstage-poll-renderer {
margin-top: -10px;
}
yt-icon.ytd-backstage-poll-renderer {
top: -6px;
padding: 0;
}
.choice-text.ytd-backstage-poll-renderer {
margin-top: -10px;
}
/* DIRECT pages */
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 {
width: 99.5% !important;
overflow: hidden !important;
}
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 {
width: 98.1% !important;
}
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);"] {
transform: translateX(95px) !important;
}
/* COLOR */
a.yt-simple-endpoint.yt-formatted-string ,
a.linkifyplus{
color: peru;
}
a.yt-simple-endpoint.yt-formatted-string:visited ,
a.linkifyplus:visited {
color: tan !important;
}
/*(new7) VISITED */
a#thumbnail {
border: 1px solid #262626;
}
a.ytp-videowall-still.ytp-suggestion-set:visited ,
a#thumbnail:visited {
border: 1px solid red !important;
}
/* === END ==== */
}
@-moz-document url-prefix("https://www.youtube.com/watch?") {
/* START - URL PREF - VIDEO WATCH ==== */
html{
overflow-y: hidden !important;
}
/* END URL PREF - VIDEO WATCH === */
}
@-moz-document domain("youtube.com") {
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* RESET */
html[plugin-tabview-youtube] ytd-comment-thread-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
html[plugin-tabview-youtube] ytd-comment-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
html[plugin-tabview-youtube] ytd-comment-replies-renderer:not([can-reorder]):not([touch-persistent-drag-handle]),
html[plugin-tabview-youtube] ytd-compact-video-renderer:not([can-reorder]):not([touch-persistent-drag-handle]) ,
html[plugin-tabview-youtube] ytd-watch-flexy #player,
html[plugin-tabview-youtube] ytd-player#ytd-player ,
html[plugin-tabview-youtube] ytd-masthead > #container .ytd-masthead ,
html[plugin-tabview-youtube] ytd-masthead > #container ,
html[plugin-tabview-youtube] #masthead-container,
html[plugin-tabview-youtube] ytd-masthead#masthead ,
html[plugin-tabview-youtube] #tab-comments ytd-comments,
html[plugin-tabview-youtube] #tab-comments ytd-item-section-renderer,
html[plugin-tabview-youtube] #tab-comments #contents,
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos [placeholder-videos],
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos ytd-watch-next-secondary-results-renderer,
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #tab-videos #items ,
html[plugin-tabview-youtube] #secondary #secondary-inner #right-tabs #tab-videos.tab-content-cld:not(.tab-content-hidden) ,
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content-cld ,
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content ,
html[plugin-tabview-youtube] ytd-watch-flexy[is-two-columns_] #right-tabs ,
html[plugin-tabview-youtube] ytd-watch-flexy[tabview-selection=""] #right-tabs .tab-content-cld {
zoom: unset !important;
contain: unset !important;
transition: none !important;
transform: unset !important;
animation: none !important;
}
/* CHROME - PB Zindex - COUNTER - TABVIEW - CHROME/QUANTUM ONLY */
/* CHROME - VIDEO PLAYNEXT COUNTER - TABVIEW - CHROME/QUANTUM ONLY */
ytd-watch-flexy[is-two-columns_]:not([theater]) #tab-videos {
}
html[plugin-tabview-youtube] #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:not(:empty) {
counter-reset: myIndex 00 !important;
}
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 {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal);
position: fixed !important;
display: inline-block !important;
width: auto;
line-height: 14px;
height: 15px;
min-width: 10px;
right: 2.8vw !important;
top: 6.7vh !important;
bottom: 0px !important;
padding: 1px 3px;
text-align: center;
border-radius:0 10px 10px 0;
font-size: 10px;
z-index: 500000000 !important;
opacity: 1 !important;
color: tomato;
/* box-shadow: 0 0 2px rgb(162 160 160 / 60%) inset; */
background: gold !important;
border: 1px solid red;
}
/* CHROME - PLAYLIST COUNTER - TABVIEW - CHROME/QUANTUM ONLY */
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 {
counter-reset: myIndex 00 !important;
}
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,
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 {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal);
position: fixed !important;
display: inline-block !important;
width: auto !important;
min-width: 10px !important;
height: 15px !important;
line-height: 14px !important;
right: 11.6vw !important;
top: 6.5vh !important;
bottom: 0px !important;
padding: 1px 3px;
text-align: center;
border-radius:0 10px 10px 0;
font-size: 10px;
z-index: 5000000 !important;
opacity: 1 !important;
visibility: visible !important;
color: tomato;
/* box-shadow: 0 0 2px rgb(162 160 160 / 60%) inset; */
background: gold !important;
border: 1px solid red;
}
/* END - (new21) PLAY NEXT QUEUE + TABVIEW - CHROME/QUANTUM ONLY */
}
}
