/* ==UserStyle==
@name CompactTube (White)
@namespace https://vk.com/jakill
@homepageURL https://userstyles.world/style/285/
@version 1.7.0
@description ideological continuation of the classic YouTube layout
@author Jakill02 / based on the Style by (Funny)
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* CompactTube (White) v1.7.0 */
/* Main Style Page: https://userstyles.world/style/285/ */
/* 1.5.8+(17)EVO Style Page: https://userstyles.world/style/312/*/
/* ENG: here you can install a helper script to automatically hide the Left Menu(Guide Menu)
RU: тут вы можете установить вспомогательный скрипт автоматически скрывающий Левое Меню(Гид Меню)
https://greasyfork.org/ru/scripts/427241
https://openuserjs.org/scripts/Jakill02/H_i_d_e_Y_T_B_g_u_i_d_e_M_e_n_u
(Manual installation / Установка вручную)
https://disk.yandex.ru/d/PjQuthfxh9MVqQ
https://vk.com/doc135428081_598064848 */
}
@-moz-document domain("youtube.com") {
/* ОТКЛЮЧАЕМЫЕ ЭЛЕМЕНТЫ / DISCONNECTABLE ELEMENTS */
/* Watched Videos Mark / Отметка просмотренных Видео (V) /
/ ENG: to disable, delete " x " symbol before the line.
RU: для отключения, сотрите символ " х " перед строкой. */
x ytd-thumbnail-overlay-resume-playback-renderer:after {display: none !important;}
/* ENG: Remove Filter-Bar of video on the Main page: - "none" - remove: "flow" - show */
/* RU: Убрать Фильтр-Бар видео на Главной странице: - "none" - убрать: "flow"- показать */
-o-ytd-feed-filter-chip-bar-renderer {display: flow;}
/* ENG: Disable Chip(Tags) Filter-Bar on the Video tab: - "none" - turn off: "flow" - do not turn off */
/* RU: Отключить Фильтр-Бар Чипов(тегов) на вкладке с Видео: - "none" - отключить: "flow" - не отключать */
-o-#chips.yt-chip-cloud-renderer {display: flow;}
/* ##> ENG: Use Classic fonts (excludes the problematic "Roboto" font).
to disable, add "x" before the line. to enable, erase "x".
example: " x body * {font-family: Arial, Tahoma, sans-serif! important;} "
——————————————————————————————————————————————————————————————————
RU: Задействовать Классические шрифты (исключает проблемный шрифт "Roboto").
для отключения допишите "x" перед строкой, для включения, сотрите "x".
пример: " x body * {font-family: Arial, Tahoma, sans-serif! !important;} " */
body * {font-family: Arial, Tahoma, sans-serif !important;} /* "Chrome: font" ver.*/
x body * {font-family: Tahoma, Arial, sans-serif !important;} /* "Opera: font" ver. /
/ note/заметка:
ENG: Opera uses "Tahoma" as the main font, while Chrome uses "Arial".
choose the one you want by disabling the other one.
—————————————————————————————————————————————————————————
RU: Опера использует "Tahoma" как основной шрифт, в то время как Хром использует "Arial".
выберите нужный вам, отключив другой. <## */
/*интервалы между буквами*/
body * {letter-spacing: 0px !important;}
/* (RU) убать верхние Алерты на главной странице / (ENG) remove the top Alerts on the main page */
[page-subtype=home] #content-wrapper.yt-alert-with-actions-renderer {display: none}
/* убрать новую рекламу на главной странице 2021 ноябрь */
ytd-rich-section-renderer[align-within-rich-grid] #content.ytd-rich-section-renderer {display: none}
/* RU: убрать отключаемые новости об акциях - типа COVID-19: - "none" - убрать: "flow"- показать /
/ ENG: remove switchable news about promotions - like COVID-19: - "none" - remove: "flow" - show */
ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissable.ytd-compact-promoted-item-renderer {display: none;}
ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissible.ytd-compact-promoted-item-renderer {display: none;}
/* RU: убрать неотключаемые РАЗЪЯСНЕНИЯ YouTube о COVID-19 и тд. (под Видео): - "none" - убрать: "flow"- показать /
/ ENG: remove non-switchable YouTube EXPLANATIONS about COVID-19, etc. (under Video): - "none" - remove: "flow" - show */
#clarify-box.ytd-watch-flexy {display: none;}
/* RU: убрать новости YouTube: - "none" - убрать: "flow"- показать /
/ ENG: remove YouTube news: - "none" - remove: "flow" - show */
ytd-rich-section-renderer {display: none;}
/* RU: убрать рекламный баннер YouTube - Премиум, Музыка и тд. : - "none" - убрать: "flow"- показать /
/ ENG: remove YouTube banner ad - Premium, Music, etc. : - "none" - remove: "flow" - show */
ytd-banner-promo-renderer {display: none;}
/* RU: убрать предложение "YouTube Premium" на вкладке с Видео (N) */
/* ENG: remove the "YouTube Premium" sentence on the Video tab (N) */
ytd-mealbar-promo-renderer {display: none;}
/* RU: Убрать рекламный баннер предлагающий разные Товары "masthead-ad" : - "none" - убрать: "flow"- показать /
/ ENG: Remove advertising banner offering different Products "masthead-ad": - "none" - remove: "flow" - show */
#masthead-ad.ytd-rich-grid-renderer {display: none;}
/* RU: убрать партнёрскую рекламу на вкладке с Видео /
/ ENG: remove affiliate ads on the Video tab */
.ytd-companion-slot-renderer {display: none;}
ytd-promoted-sparkles-web-renderer {display: none !important;}
/* RU: отключить Опросы YouTube : - "none" - отключить: "flow"- не отключать /
/ ENG: disable YouTube Polls: - "none" - disable: "flow" - do not disable */
ytd-checkbox-survey-renderer[dialog][dialog][dialog] {display: none;}
/* RU: Оповещения Снизу экрана (paper-toast): - •• ОТКЛЮЧЕНИЕ НЕ ЖЕЛАТЕЛЬНО! •• так как пропадут
и оповещения о добавлении в плейлисты, НО, если YouTube будет сильно задалбывать, можно отключить. /
/ ENG: Alerts Bottom of the screen (paper-toast): - •• TURNING OFF IS NOT DESIRABLE! •• since notifications about
adding to playlists will disappear along with them, BUT, if YouTube is very annoying, you can turn it off. /
/ RU: : none - отключить ; flow - не отключать /
/ ENG: : none - disable; flow - do not disable */
#toast {display: flow;}
/* RU: Отключить? ОПЛАЧЕННЫЕ Видеоролики(на правах рекламы) от пользователей и каналов на вкладке с Видео */
/* ENG: Disable? PAID Videos (as advertising) from users and channels on the Video tab * /
/* RU: none : - отключить / flow : - не отключать */
/* ENG: none: - disable / flow: - do not disable */
ytd-compact-promoted-video-renderer {display: none;}
/* RU: убрать бесконечную подгрузку предлагаемых видео на вкладке "c Видео": - "none" - убрать: "flow"- показать /
/ ENG: remove endless loading of offered videos on the "Video" tab: - "none" - remove: "flow" - show /
ytd-continuation-item-renderer.ytd-watch-next-secondary-results-renderer {display: none;} / RU: zone /
#secondary ytd-continuation-item-renderer.ytd-item-section-renderer:not(#comments),
#related ytd-continuation-item-renderer.ytd-item-section-renderer:not(#comments) {display: none;}/ ENG: zone /
yt-next-continuation.ytd-watch-next-secondary-results-renderer {display: none;} / Old ver. */
/* RU: убрать ярлык "прокрутите экран вниз" в полноэкранном режиме Видео: - "none" - убрать: "flow"- показать /
/ ENG: remove the "scroll down" shortcut in full screen Video mode: - "none" - remove: "flow" - show */
.ytp-fullerscreen-edu-button.ytp-button {display: none;}
/* Убрать секцию главного Меню "Ваши Фильмы": - "none" - убрать: "flow"- показать */
ytd-guide-entry-renderer.ytd-guide-collapsible-section-entry-renderer:nth-child(3) {display: flow;}
/* RU: Отключить рекламный обзор Роликов в плеере "Карусели" в разделах Игры(Gaming), Музыка(Music) и тд.
(останутся только Превью картинки) : - "none" - отключить: "flow"- не отключать */
/* ENG: Disable advertising review of Videos in the "Carousel" player in the sections (Gaming), (Music), etc.
(only the Preview picture will remain): - "none" - disable: "flow" - do not disable */
ytd-default-promo-panel-renderer-inline-playback-renderer {display: flow;}
/* RU: блокировать Рекламу в выкладке на Главной Странице (блокирует но оставляет пустое место)
ENG: block Ads in the layout on the Main Page (blocks but leaves empty space)
RU: "none" - убрать: "flow"- показать.
ENG: "none" - remove: "flow" - show. */
.ytd-display-ad-renderer {display: none;}
/* RU: либо можно удалять каждый первый результат в Выкладке на Главной Странице
ENG: or you can delete every first result in the Layout on the Main Page
RU: "none" - убрать: "flow"- показать.
ENG: "none" - remove: "flow" - show. */
ytd-rich-item-renderer.ytd-rich-grid-renderer.style-scope:nth-of-type(1) {display: flow;}
/* RU: Отключить Рекламный оверлэй в плеере на Паузе (N) /
/ ENG: Disable Advertising overlay in the player on Pause (N) */
.ytp-ad-overlay-container {display: none;}
/* RU: Отключить Предлагаемые Видео в Видеоплеере на Паузе: на СТОРОННИХ сайтах (vk.com и тд.)
ENG: Disable Suggested Videos in Video Player on Pause: on THIRD PARTY sites (vk.com, etc.)
RU: "none" - Отключить: "flow" - Показать
ENG: "none" - Disable: "flow" - Show */
.ytp-expand-pause-overlay .ytp-pause-overlay {display: none;}
/* правая колонка Видео (купить/взять на прокат) - отключить предложение */
#offer-module.ytd-watch-next-secondary-results-renderer {display: none !important}
/* RU: Расширенный Лоток Эмоджи для Удобства выбора Эмоджи в ЛайвЧате (для включения, сотрите символ 'x' перед сторокой) /
/ ENG: Extended Emoji Tray for Convenient Emoji selection in Live Chat (to enable, erase the 'x' symbol before the line) */
x yt-emoji-picker-renderer.yt-live-chat-message-input-renderer {
min-height: 280px; /def: 130px/ max-height: 280px; /def: 220px/ margin: 16px -24px 0;}
/* RU: отключить окошко ЛайвЧат'а - под Видео: - "none" - отключить: "flow"- показать /
/ ENG: disable the LiveChat window - under Video: - "none" - disable: "flow" - show */
ytd-live-chat-frame {display: flow;}
}
/* Глобальные ОТКЛЮЧАЕМЫЕ ЭЛЕМЕНТЫ / Global DISCONNECTABLE ELEMENTS /
/ i really want this to be global */
/* RU: Отключить Предлагаемые Видео в Видеоплеере на Паузе: на ВСЕХ СТОРОННИХ сайтах
ENG: Disable Suggested Videos in Video Player on Pause: on ALL THIRD PARTY sites
RU: "none" - Отключить: "flow" - Показать
ENG: "none" - Disable: "flow" - Show */
.ytp-pause-overlay.ytp-scroll-min {display: none;}
@-moz-document domain("youtube.com") {
/* Экспериментальные возможности */
}
@-moz-document domain("youtube.com") {
/* TEST */
/* # недоступное видео скрыто. - цвет надписи в плэйлисте /
#submessage.ytd-message-renderer {
color: #aaa; / #606060 */
text-align: var(--yt-message-renderer-text-align, initial);
font-size: var(--ytd-user-comment_-font-size);
font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);}
/* позиционирование Бэйджа : (Комментарий Открыт по Ссылке) */
#linked-comment-badge.ytd-comment-renderer {margin-bottom: 8px; margin-left: 10px;}
/Размер Шрифта у Поделиться,Сохранить,...(RU)/
:lang(ru)[is-icon-button] yt-formatted-string#text.ytd-button-renderer.style-default.size-default {
margin-left: -5px; margin-top: -2px;
font-size: 1.14rem; letter-spacing: 0.0px !important;
font-family: 'Tahoma',sans-serif !important;}
/Размер Шрифта у Лайков, Дизлайков (Нравится не Нравится)(RU)/
:lang(ru) ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer
{margin-left: -2px; margin-top: -2px;
font-size: 1.14rem; letter-spacing: 0.0px !important;
font-family: 'Tahoma',sans-serif !important;} /Не нажатое состояние/
:lang(ru) #text.style-default-active.ytd-toggle-button-renderer {
margin-left: -2px; margin-top: -1px;
cursor: pointer; font-size: 1.14rem; letter-spacing: 0.0px !important;
font-family: 'Tahoma',sans-serif !important;} /* Нажатое состояние */
/запасной размер Иконок лайков и Тд./
#actions.ytd-watch-metadata {--yt-button-icon-size: 36px;}
/new to you - чип фильтр/
-o-.ytd-feed-nudge-renderer {display: none !important}
#header-container.ytd-feed-nudge-renderer {margin-top: 0px;}
#title-container.ytd-feed-nudge-renderer {margin-bottom: 0px; font-size: 1.1rem; line-height: 2.0rem;}
#subtitle-container.ytd-feed-nudge-renderer {font-size: 1.3rem; line-height: 1.6rem;}
#text-container.ytd-feed-nudge-renderer {margin: 0px 0 10px;}
yt-chip-cloud-chip-renderer.ytd-feed-nudge-renderer {margin: -7px 0 6px 0 !important;}
/*цвет выбранного Чипа - под Видео */
yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background-color: var(--yt-spec-grey-4) !important; /ytb shit --yt-spec-text-primary/
color: var(--yt-spec-text-primary-inverse);}
[dark] yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background-color: var(--yt-spec-icon-active-other) !important;
color: var(--yt-spec-text-primary-inverse);}
/*цвет выбранного Чипа - на Главной странице */
yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background-color: var(--yt-spec-grey-4) !important; /ytb shit --yt-spec-text-primary/
color: var(--yt-spec-text-primary-inverse);}
[dark] yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background-color: var(--yt-spec-icon-active-other) !important;
color: var(--yt-spec-text-primary-inverse);}
/* правая колонка Видео (купить/взять на прокат) */
ytd-movie-offer-module-renderer.ytd-watch-next-secondary-results-renderer {margin: -9px 0 0px 0 !important;}
/*убрать загрузку через "Televzr" */
-o-a.sf-menu-item:nth-of-type(1) {display: none !important;}
/_______________________________________________________________/
/_________________________________________________________________________________/
/баннер Карусель плеера/
ytd-carousel-header-renderer.ytd-browse {
-o---ytd-rich-grid-max-width: 1488px !important;
margin-left: 0px;
position: relative; left: 0px;
width: auto !important;
height: auto !important;
margin-top: 0px !important;}
/*
#header.ytd-browse > .ytd-browse {
width: 100%;
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
/
/_________________________________________________________________________________/
/* ++++++++++ БАННЕР КАНАЛА - при гид меню и без ++++++++++++++ Old ver./ /
-o-ytd-c4-tabbed-header-renderer {
--yt-lightsource-section1-color: var(--yt-spec-general-background-a);
--yt-lightsource-primary-title-color: var(--yt-spec-text-primary);
--yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary);
display: block;
-o-padding-left: 20px;}
/* Настройка Баннера канала при НЕ открытом Гид Меню / /
[mini-guide-visible] ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) {
margin-left: 0px;
width: auto !important;
height: auto !important;
margin-top: 2px !important;}
/* Настройка Баннера канала при ОТКРЫТОМ Гид Меню / /
[guide-persistent-and-visible] ytd-c4-tabbed-header-renderer {-o-margin-left: 18px !important; margin-top: 2px !important;}
/* Настройка Баннера канала - БЕЗ Гид Меню и БЕЗ Мини Гид Меню / /
ytd-c4-tabbed-header-renderer {margin-top: 2px !important;}
/* отступ от Баннера канала сверху вниз - При НЕ открытом Гид Меню / /
[mini-guide-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) {
padding-top: 0.35em;}
/* отступ от Баннера канала сверху вниз - При открытом Гид Меню / /
[guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer {
padding-top: 0.69em;}
/* отступ от Баннера канала сверху вниз - При открытом Гид Меню с Тень - и БЕЗ Мини Гид Меню*/ /*
.banner-visible-area.ytd-c4-tabbed-header-renderer {padding-top: 0.4em;} */
}
@-moz-document domain("youtube.com") {
/* Фиксы / Fixes */
/* ++++++++++ БАННЕР КАНАЛА - при гид меню и без ++++++++++++++ - Временный Фикс */
/* Настройка Баннера канала при НЕ открытом Гид Меню /
[mini-guide-visible] ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]):not([page-subtype=trending]) {
margin-left: 0px;
width: auto !important;
height: auto !important;
-o-padding-bottom: 35px !important; / FIX !/
margin-top: 2px;}
/ v2 /
[mini-guide-visible] #header.ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) {
will-change: auto !important;
margin-left: 8px;
position: fixed; left: 0 !important; top: 0 !important;
-o-width: auto !important;
-o-height: auto !important;
/ margin-top: var(--ytd-toolbar-offset); /
-o-margin-top: 5.64em !important;
-o-z-index: 1;}
/ для Трендов /
[page-subtype=trending][mini-guide-visible] ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) {
margin-left: 0px;
width: auto !important;
height: auto !important;
padding-bottom: 0px !important; / FIX !*/
margin-top: 2px;}
/* Настройка Баннера канала при ОТКРЫТОМ Гид Меню /
[guide-persistent-and-visible] ytd-c4-tabbed-header-renderer {-o-margin-left: 18px !important; margin-top: 2px;}
/ v2 /
[guide-persistent-and-visible] #header.ytd-c4-tabbed-header-renderer:not([mini-guide-visible]) {
-o-margin-top: 56px !important; position: fixed; left: 240px !important; top: 0 !important;}
/ Настройка Баннера канала - БЕЗ Гид Меню и БЕЗ Мини Гид Меню */
ytd-c4-tabbed-header-renderer:not([mini-guide-visible]):not([guide-persistent-and-visible]) {margin-top: 2px;}
/* отступ от Баннера канала сверху вниз - При НЕ открытом Гид Меню /
[mini-guide-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) {
padding-top: 0.35em;}
/ отступ от Баннера канала сверху вниз - При открытом Гид Меню /
[guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer:not([mini-guide-visible]) {
padding-top: 0.69em;}
/ отступ от Баннера канала сверху вниз - При открытом Гид Меню с Тень - и БЕЗ Мини Гид Меню*/
.banner-visible-area.ytd-c4-tabbed-header-renderer {padding-top: 0.4em;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Высота поля Поиска и Кнопки Поиска */
#search > .ytd-searchbox, #search-icon-legacy {height: 26px !important;}
/* цвет поля поиска - КНОПКА (подсвеченная) */
#search-icon-legacy:hover {background-color: rgba(187, 187, 187, .19) !important; transition: 2ms linear 0.0s !important;}
/* ====== Фикс Панели с кнопками Плеера ====== ( .ytp-exp-bigger-button-like-mobile -> .ytp-larger-tap-buttons )/
/ Размер Кнопок управления плеера /
.ytp-larger-tap-buttons .ytp-chrome-controls {
height: 40px !important;
margin: 0 0px !important;
line-height: 40px !important;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-controls {
height: 48px !important;
margin: -3px 0px !important;
line-height: 48px !important;}
/ мини плеер Канала /
#c4-player .ytp-chrome-controls {
height: 38px !important;
margin: 3px 0px !important;
line-height: 40px !important;}
/ мини плеер Канала - полный экран */
.ytp-big-mode#c4-player .ytp-chrome-controls {
height: 48px !important;
margin: -3px 0px !important;
line-height: 48px !important;}
/* Размер Кнопки Управления плеера - "Динамик" */
.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button.ytp-mute-button {
padding: 0px !important;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button.ytp-mute-button {
padding: 0px !important;}
/* Позиционирование дисплея таймкода плеера*/
.ytp-larger-tap-buttons .ytp-time-display {
line-height: 40px !important;}
[fullscreen] .ytp-larger-tap-buttons .ytp-time-display {
line-height: 48px !important;}
/* мини плеер Канала - полный экран */
.ytp-big-mode#c4-player .ytp-time-display {line-height: 48px !important;}
/* интервалы нижней части панели кнопок управления Плеера /
.ytp-larger-tap-buttons .ytp-chrome-bottom {
bottom: -8px !important;
height: 48px !important;
padding-top: 3px !important;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-bottom {
bottom: 0px !important;
height: 48px !important;
padding-top: 3px !important;}
/ мини плеер Канала /
#c4-player .ytp-chrome-bottom {
bottom: -8px !important;
height: 48px !important;
padding-top: 3px !important;}
/ мини плеер Канала - полный экран */
.ytp-big-mode#c4-player .ytp-chrome-bottom {
bottom: 0px !important;
height: 48px !important;
padding-top: 3px !important;}
/* интервалы между кнопками управления Плеера */
.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button {
width: 40px;
padding: 0px 0px !important;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button {
width: 48px;
padding: 0px 0px !important;}
/* ширина Бэйджа (В ЭФИРЕ) */
.ytp-button.ytp-live-badge {width: auto !important;}
[fullscreen] .ytp-button.ytp-live-badge {width: auto !important;}
/* Ширина названия Глав */
.ytp-button.ytp-chapter-title {width: auto !important;}
.ytp-chapter-title-content {width: auto !important;}
/* Положение шкалы регулятора громкости */
.ytp-volume-slider {top: 0px;}
.ytp-big-mode .ytp-volume-slider {top: -4px;}
-o-[fullscreen] .ytp-volume-slider {top: -4px;}
/* Иконка HD */
.ytp-settings-button.ytp-hd-quality-badge:after {
content: ""; position: absolute; top: 10px; right: 5px;
height: 9px; width: 13px; background-color: #f00;
border-radius: 1px; line-height: normal;}
[fullscreen] .ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after {
top: 12px; right: 2px; padding: 2px;
font-family: Verdana,sans-serif; font-size: 10px;
font-weight: bold; color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,0.6);
background-image: none; border-radius: 1.5px; height: auto; width: auto;}
/* подчёркивание - Включить Субтитры /
.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
width: 22px; left: 12px;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
width: 24px; left: 12px;}
.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed]:after {
height: 3px; border-radius: 3px;
left: 9px; bottom: 6px;}
[fullscreen] .ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed]:after {
height: 3px; border-radius: 3px;
left: 12px; bottom: 6px;}
/ мини плеер Канала */
#c4-player.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
width: 18px/22px/; left: 12px;}
.ytp-big-mode#c4-player.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
width: 22px/22px/; left: 12px;}
#c4-player.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed]:after {
height: 3px; border-radius: 3px;
left: 9px; bottom: 6px;}
.ytp-big-mode#c4-player.ytp-larger-tap-buttons .ytp-chrome-controls .ytp-button[aria-pressed]:after {
height: 3px; border-radius: 3px;
left: 9px; bottom: 6px;}
/* ======================================== */
/* свежие (^ UP)*/
/____________________________________________________________________/
/фикс назв.Каналов Иероглифами/
#byline-container {font-size: 1.199rem !important;}
/* кривой Фикс для Очень уменьшенного Окна для Плейлиста (внутри плейлиста) */
ytd-browse[page-subtype=playlist][has-sidebar_]:not([mini-guide-visible]):not([guide-persistent-and-visible]) ytd-two-column-browse-results-renderer.ytd-browse {
padding-left: 30px; padding-right: 30px; margin-top: 10%; position: relative; top: 49em; padding-bottom: 500px;}
/* позиция подсказок названий Каналов */
tp-yt-paper-tooltip.ytd-channel-name:not([fullscreen]) {margin-top: 0px !important;/14px/}
[fullscreen] tp-yt-paper-tooltip.ytd-channel-name {margin-top: -48px !important; top: auto !important;}
/*позиция подсказок меню Упорядочить */
[fullscreen] #sort-menu .tp-yt-paper-tooltip {position: fixed; margin-top: -10px !important;}
/* всплывающее меню: "Смотреть позже" "Добавить в очередь" на Миниатюрах на Главной странице и на Каналах - Размер Шрифта */
ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label.ytd-thumbnail-overlay-toggle-button-renderer
{font-size: 1.1rem; margin: 0px 0px 0px 0px;}
/* всплывающее меню: "Смотреть позже" "Добавить в очередь" на Миниатюрах справа на Вкладке с Видео (исправление косяков YouTube) /
/ Отступы и Размер Шрифта */
#tooltip.paper-tooltip {padding: 4px 4px 6px 4px; margin-right: 0px; font-size: 1.3rem;}
/* Исправление бага со смещение Ответов в Колокольчике */
ytd-comments.ytd-multi-page-menu-renderer {margin: 0px 0px 0px 0px;}
/* решение проблемы невлезающих информационных заголовков о количестве ответов в Колокольчике /
#button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer {
margin-left: var(--yt-string-icon-padding, 8px); white-space: normal; overflow-wrap: anywhere; text-align: left / test! */;}
/* решение проблемы невлезающих ссылок на сайты в ответах в Колокольчике */
a.yt-simple-endpoint.yt-formatted-string {white-space: normal; overflow-wrap: anywhere;} /Test!/
/* Исправление Ширины меню Ответов в Колокольчике */
ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments]
#sections.ytd-multi-page-menu-renderer > ytd-comments.ytd-multi-page-menu-renderer
{padding: 16px 0px 16px 0px; width: 100%;}
/* Высота и Ширина Информационного Меню Колокольчика */
ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments]
{height: 641px; width: 100%;}
/* отступ Шестерёнки в меню Колокольчика (исправление бага горизонтального скроллбара) /было замечено из за вмешательства Гугла/ */
#buttons.ytd-simple-menu-header-renderer {position: absolute !important; left: 431px !important; margin-right: 1.2em !important;} /*24px,12px, 8px(def.) /
/ Размер Шестерёнки в меню Колокольчика */
ytd-button-renderer.ytd-simple-menu-header-renderer.style-default.size-default {-o-pointer-events: auto; /none/
display: block; width: 44px !important;/def. 100%/ /v2. 40px/ height: 4.1rem !important;}/def. 100%//v2. 40px/
/* временный Фикс кнопки Плей ([>) для некоторых Браузеров, которую испортил YouTube /
/ Temporary Fix for Play button ([>) for some Browsers, which broked by YouTube /
-o-.ytp-chrome-controls .ytp-play-button svg {display: flex; flex-direction: column; width: 100%; height: 2.961em;
-o-margin-top: -38px; / for testing / -o-background-color: #f73384; / for testing */} /*другой вариант: width: 3.8em; height: 3em; */
/* исправление бага с полем Поиска ДО наведения Мыши /
#search-input.ytd-searchbox-spt input {
background-color: transparent; border: none; box-shadow: none; color: inherit;
-o-font-family: 'Roboto','Noto',sans-serif; font-size: 16px; font-weight: 400;
line-height: 22px; / 24px / margin-left: 0px; / 4px / max-width: 100%;
outline: none; text-align: inherit; width: 100%; flex: 1; flex-basis: .000000001px; padding-left: 0px;}
/ исправление бага с полем Поиска ПОСЛЕ наведения Мыши */
input#search.gsfi.ytd-searchbox {-o-background-color: #02ff35/test/; position: relative; top: 1px; left: 0px;}
/* Исправление Размера Миниатюр при просмотре Комментариев в ТВОРЧЕСКОЙ СТУДИИ */
#video-thumbnail.ytcp-comment-video-thumbnail {--yt-img-border-radius: var(--ytcp-thumbnails-border-radius);
margin-right: 16px; width: 120px; height: 68px;} /дописал высоту, без неё изображения растягивались/
/* Решение проблемы с Размером аватарок у Избранных каналов и Размером Превью в Плейлистах - v2 */
img#img {min-height: 100% ; min-width: 100%; max-height: 100%; max-width: 100%;}
}
@-moz-document domain("youtube.com") {
/* Новые УГ Иконки Ютуба */
-o-ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: var(--yt-spec-brand-icon-active);
}
/новые иконки серчбара v1.5.8+(1)/
#voice-search-button.ytd-masthead .ytd-masthead[is-icon-button] svg,
-o-#buttons.ytd-masthead .ytd-masthead[is-icon-button]/эту часть не врубать/ {
stroke :#808080 !important;stroke-width: 0.5;
-o-filter: drop-shadow(0.0px 0.0px 0.3px #808080) drop-shadow(0.5px 0.5px 0.5px #808080);}
/* новые иконки Загрузки Видео, Сервисов, Оповещений*/
#end > .ytd-masthead button.yt-icon-button > yt-icon svg {;
fill: #9F9F9F !important;
fill-rule: nonzero !important;/evenodd, nonzero/
stroke :#9F9F9F !important;
stroke-width: 0.1;
stroke-linecap: square;
color: #9F9F9F !important;
width: var(--yt-icon-button-icon-width, 96%) !important;
height: var(--yt-icon-button-icon-height, 90.9%) !important;
filter: drop-shadow(0.0px 0.0px 0.0px #808080) drop-shadow(0.0px 0.0px 0.0px #808080);}
/* обводка иконки ГИД меню "=" */
#guide-icon svg {
color: #989898 !important;
fill :#989898 !important;
height: 24px !important; /def. 24px/
width: 24px !important; /def. 24px/
filter: drop-shadow(0px 1px 0.0px);}
/новые иконки меню пользователя/
#content-icon yt-icon.ytd-compact-link-renderer svg, yt-icon.ytd-toggle-theme-compact-link-renderer svg {
height: 22px !important; /def. 24px/
width: 22px !important; /def. 24px/
stroke: #5b5b5b /var(--yt-compact-link-icon-color, var(--yt-spec-icon-inactive))/;
stroke-width: 0.5;
stroke-linecap: round;
color: #5b5b5b !important;}
[dark] /новые иконки меню пользователя/
#content-icon yt-icon.ytd-compact-link-renderer svg, [dark] yt-icon.ytd-toggle-theme-compact-link-renderer svg {
stroke: #b5b5b5 /var(--yt-compact-link-icon-color, var(--yt-spec-icon-inactive))/;
stroke-width: 0.5;
stroke-linecap: round;
color: #b5b5b5 !important;}
/удаление обводки из последней секции Приложений Ютуба/
yt-multi-page-menu-section-renderer.ytd-multi-page-menu-renderer:nth-of-type(3).style-scope svg
{stroke: inherit !important;}
/правка кривого положения иконки цвета Темы/
.ytd-toggle-theme-compact-link-renderer.style-scope.content-icon >
.ytd-toggle-theme-compact-link-renderer.style-scope {margin-left: -3px; padding-right: 3px;}
/* Исключения для старых Иконок Творческой Студии */
ytcp-popup-container.ytcp-app #sections #content-icon yt-icon.ytd-compact-link-renderer svg,
ytcp-popup-container.ytcp-app #sections yt-icon.ytd-toggle-theme-compact-link-renderer svg {
height: 24px !important; /*def. 24px*/
width: 24px !important; /*def. 24px*/
stroke: #5b5b5b00 /*var(--yt-compact-link-icon-color, var(--yt-spec-icon-inactive))*/;
stroke-width: 0.0;
stroke-linecap: round;
color: inherit !important;}
/* Исключение правки кривого положения иконки цвета Темы для старой Иконки Творческой Студии */
ytcp-popup-container.ytcp-app #sections .ytd-toggle-theme-compact-link-renderer.style-scope.content-icon >
.ytd-toggle-theme-compact-link-renderer.style-scope {margin-left: 0px; padding-right: 0px;}
/новые иконки Гид меню/
.guide-icon.ytd-guide-entry-renderer {
--iron-icon-height: 22px !important; /def. 24px/
--iron-icon-width: 22px !important; /def. 24px/
stroke: #464646 /var(--yt-spec-brand-icon-inactive)/;
stroke-width: 0.6;
stroke-linecap: round;
color: #464646 !important /var(--yt-spec-brand-icon-inactive)/;}
[dark] .guide-icon.ytd-guide-entry-renderer {
stroke: #a6a6a6 /var(--yt-spec-brand-icon-inactive)/;
stroke-width: 0.6;
stroke-linecap: round;
color: #909090 !important /var(--yt-spec-brand-icon-inactive)/;}
/новые иконки МиниГид Меню/
.guide-icon.ytd-mini-guide-entry-renderer {
--iron-icon-height: 22px; /def. 24px/
--iron-icon-width: 22px; /def. 24px/
stroke: #343434 !important;
stroke-width: 0.5 !important;
stroke-linecap: butt;
color: #343434;
margin-bottom: 6px;}
[dark] .guide-icon.ytd-mini-guide-entry-renderer {
--iron-icon-height: 22px; /def. 24px/
--iron-icon-width: 22px; /def. 24px/
stroke: #ACACAC !important;
stroke-width: 0.5;
stroke-linecap: butt;
color: #ACACAC !important;
margin-bottom: 6px;}
/* Цвет нажатого лайка под видео /
ytd-toggle-button-renderer.ytd-menu-renderer.force-icon-button.style-default-active {color: #065FD4 /#065FD4*/;}
[dark] ytd-toggle-button-renderer.ytd-menu-renderer.force-icon-button.style-default-active {color: #3EA6FF;}
/* Цвет нажатого лайка в Комментах под видео /
yt-icon-button#button.ytd-toggle-button-renderer.style-default-active.size-default {color: #065FD4 /#065FD4*/;}
[dark] yt-icon-button#button.ytd-toggle-button-renderer.style-default-active.size-default {color: #3EA6FF;}
/* Шкала Лайков - не активный /
#like-bar.ytd-sentiment-bar-renderer {
margin-top: -1px;
background: #ACACAC;
height: 2px;
transition: width 0.3s;}
/ Шкала Лайков - активный */
ytd-sentiment-bar-renderer[activated][system-icons] #like-bar.ytd-sentiment-bar-renderer {
background-color: #065FD4;}
[dark] ytd-sentiment-bar-renderer[activated][system-icons] #like-bar.ytd-sentiment-bar-renderer {
background-color: #3EA6FF;}
/* Шкала Лайков - соотношение */
#container.ytd-sentiment-bar-renderer {
height: 2px;
background-color: #DADADA;}
[dark] #container.ytd-sentiment-bar-renderer {
height: 2px;
background-color: #606060;}
/* Цвет НЕ нажатого лайка под видео /
yt-icon-button#button.ytd-toggle-button-renderer.style-text svg {
/ color: #909090; fill: #909090 !important; fill-rule: evenodd !important; */
stroke: #909090 !important; stroke-width: 0.7; stroke-linecap: round !important;}
/* НОВАЯ иконка Лупы в поле поиска /
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
width: 17px;
height: 17px;
color: var(--yt-spec-text-primary);
stroke: #919191;
stroke-width: 1.4;}
-o-yt-icon.ytd-searchbox {
transform: scale(0.85);
stroke: #919191;
stroke-width: 1.4;}
/ НОВАЯ иконка Лупы в поле поиска МИНИ ОКНО /
#search-button-narrow.ytd-masthead svg {
width: 20px !important;
height: 20px !important;
-o-color: red;
stroke: #919191;
stroke-width: 1.4;}
/ НОВАЯ иконка Лупы в поле поиска НА КАНАЛЕ /
yt-icon.ytd-expandable-tab-renderer {
width: 20px !important;
height: 20px !important;
color: var(--yt-spec-text-primary);
stroke: #919191;
stroke-width: 1.0;}
/ НОВАЯ иконка Лупы в поле поиска в Истории */
.tp-yt-paper-input-container.style-scope.prefix svg {
width: 20px !important;
height: 20px !important;
color: var(--yt-spec-text-primary);
stroke: #919191;
stroke-width: 1.0;}
/* обводка новой Иконки НАЗАД (<—) в Минимальном после поиска */
yt-icon-button#back-button .ytd-masthead {
height: 24px; /def. 24px/
width: 24px; /def. 24px/
stroke: #989898 !important;
stroke-width: 1.0;
stroke-linecap: round;}
/* Новая иконка - Упорядочить */
#label-icon.yt-dropdown-menu {
flex-shrink: 0;
margin-right: var(--ytd-margin-2x);
color: var(--yt-spec-text-secondary);
filter: drop-shadow(0px -1px 0.0px #909090);
-o-transform: scale(1.0, 0.8);}
/* Новая иконка - Колокольчика Подписки /
ytd-subscription-notification-toggle-button-renderer
#button.ytd-subscription-notification-toggle-button-renderer svg {
filter: drop-shadow(0px 0px 0.1px) drop-shadow(0px 0px 0.1px);
transform: scale(0.95, 0.95);
color: #969696 !important / #969696 /;
stroke: #858585/ #858585 */;
stroke-width: 0.05 !important;
stroke-linecap: round;
background-color: transparent;
text-transform: var(--yt-button-text-transform, inherit);}
/размер Новой Иконки (|>) воспроизвести всё/
.ytd-shelf-renderer ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
filter: drop-shadow(0px 1.0px 0.0px) drop-shadow(0px -1.0px 0.0px)
drop-shadow(1.0px 0px 0.0px) drop-shadow(-0.5px 0px 0.0px);
stroke: var(--yt-spec-text-secondary);
stroke-width: 4.0 !important;
stroke-linecap: round;
--iron-icon-height: 13px; /def. 24px, 20px/
--iron-icon-width: 12px; /def. 24px, 20px/}
/размер Новой Иконки (|>) воспроизвести всё - прочие иконки на которые это действовало -TEST-/
ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
--iron-icon-height: 20px; /def. 24px, 20px/
--iron-icon-width: 20px; /def. 24px, 20px/}
/* Новые Иконки Бэйджей */
ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer {
stroke: var(--yt-spec-text-secondary) ;
stroke-width: 0.3 !important;
width: 13px; /16px/
height: 13px; /16px/
margin-top: -3px;}
/* новые Иконки - Смотреть позже, добавить в очередь */
yt-icon#icon.ytd-thumbnail-overlay-toggle-button-renderer svg {
fill: #fff;
color: #fff;
stroke: #fff ;
stroke-width: 1.0 !important;
width: 20px !important; /16px/
height: 20px !important; /16px/}
/* Новая Иконка - Воспроизвести на Миниатюре видео. ан вкладке с Видео /
#play.ytd-moving-thumbnail-renderer {
height: 28px;
width: 28px;
margin: auto;
fill: var(--yt-spec-static-brand-white);
position: absolute;
top: 0; right: 0;bottom: 0; left: 0;}
/ цвет текста - Поделиться, Клип, Сохранить /
yt-formatted-string#text.ytd-button-renderer.style-default.size-default {color: var(--yt-spec-text-secondary) !important;}
/ цвет текста - Лайк, Дизлайк*/
yt-formatted-string#text.ytd-toggle-button-renderer.style-text {color: var(--yt-spec-text-secondary) !important;}
/* Новые Иконки - - Поделиться, Клип, Сохранить */
ytd-button-renderer.size-default.style-default.force-icon-button.ytd-menu-renderer svg {
color: var(--yt-spec-text-secondary); stroke: var(--yt-spec-text-secondary) !important;
stroke-width: 0.3 !important; stroke-linecap: round;}
/* мини иконки при добавлении в плейлист */
yt-icon.ytd-playlist-add-to-option-renderer {
margin-left: 4px;
color: var(--yt-spec-text-secondary);
height: 15px;
width: 15px;
padding-top: 3px;
stroke: var(--yt-spec-text-secondary) !important;
stroke-width: 1.0 !important; stroke-linecap: round;}
/* Выделение троеточия (. . .) */
yt-icon.ytd-menu-renderer svg {
stroke: var(--yt-spec-text-secondary) !important;
fill: var(--yt-spec-icon-active-other) !important;
stroke-width: 0.7 !important; stroke-linecap: round;
color: var(--yt-spec-text-secondary);
width: var(--yt-icon-button-icon-width, 79%);
height: var(--yt-icon-button-icon-height, 79%);}
yt-icon.ytd-menu-renderer:hover svg {
stroke: var(--yt-spec-icon-active-other) !important;
stroke-width: 0.7 !important; stroke-linecap: round;
color: var(--yt-spec-icon-active-other);}
/* Выделение троеточия (. . .) и Корзины - в Чёрно Мплейлисте */
#menu.ytd-playlist-panel-video-renderer svg {
stroke: #808080 !important;
fill: #b3b3b3 !important;
stroke-width: 1.0 !important; stroke-linecap: round;
color: #b3b3b3 !important;
width: var(--yt-icon-button-icon-width, 79%);
height: var(--yt-icon-button-icon-height, 79%);}
/Эпизоды - Цвет и обводка иконки Поделиться/
ytd-macro-markers-list-item-renderer.ytd-macro-markers-list-renderer
#share-button svg.yt-icon {
stroke: #808080 !important;
fill: #b3b3b3 !important;
color: #b3b3b3 !important;
stroke-width: 1.0 !important; stroke-linecap: round;}
/* Иконки сервисных меню по троеточию (. . .) /
yt-icon.ytd-menu-service-item-renderer svg {
margin-top: 2px !important;
fill: #606060 ;
height: 20px !important; /def. 24px/
width: 20px !important; /def. 24px/
stroke: #454545 /var(--yt-spec-brand-icon-inactive)/;
stroke-width: 0.6;
stroke-linecap: round;}
[dark] yt-icon.ytd-menu-service-item-renderer svg {
fill: #dadada ;
stroke: #c6c6c6;}
/ Иконки сервисных меню по троеточию (. . .) - Редактирование Постов*/
yt-icon.ytd-menu-navigation-item-renderer svg {
margin-top: 2px !important;
fill: #606060 ;
height: 20px !important; /def. 24px/
width: 20px !important; /def. 24px/
stroke: #454545 /var(--yt-spec-brand-icon-inactive)/;
stroke-width: 0.6;
stroke-linecap: round;}
[dark] yt-icon.ytd-menu-navigation-item-renderer svg {
fill: #dadada ;
stroke: #c6c6c6;}
/* новые Иконки "Перемешать", "Поделиться" /
.ytd-playlist-sidebar-primary-info-renderer .ytd-menu-renderer.top-level-buttons svg {
fill: var(--yt-spec-text-secondary) ;
height: 20px !important;
width: 20px !important;
stroke: var(--yt-spec-text-secondary);
stroke-width: 0.6;
stroke-linecap: round;}
/ новые Иконки "Редактировать Описание" /
#edit-button .ytd-button-renderer.yt-simple-endpoint svg {
fill: var(--yt-spec-text-secondary) ;
height: 20px !important;
width: 20px !important;
stroke: var(--yt-spec-text-secondary);
stroke-width: 0.6;
stroke-linecap: round;}
/ новая Иконка "v" /
#dropdown-trigger tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light.style-scope svg {
fill: var(--yt-spec-text-secondary) ;
height: 20px !important;
width: 20px !important;
stroke: var(--yt-spec-text-secondary);
stroke-width: 1.0;
stroke-linecap: round;}
/ новые Иконки Доступа "Публичный" "по Ссылке" "Приватный" */
.ytd-dropdown-renderer.dropdown-content #dropdown-icon svg {
fill: #606060 ;
height: 20px !important;
width: 20px !important;
stroke: #454545;
stroke-width: 0.6;
stroke-linecap: round;}
[dark] .ytd-dropdown-renderer.dropdown-content #dropdown-icon svg {
fill: #dadada ;
stroke: #c6c6c6;}
/* Иконки в Библиотеке - Просмотренной истории /
ytd-button-renderer.ytd-browse-feed-actions-renderer svg {
fill: var(--yt-spec-text-secondary) !important;
stroke: var(--yt-spec-text-secondary) !important;
stroke-width: 1.0;
stroke-linecap: round;}
/ Крестик (X) в Истории */
.size-default.style-opacity.ytd-menu-renderer.style-scope svg {
width: 20px !important;
height: 20px !important;
color: var(--yt-spec-text-primary);
stroke: #919191;
stroke-width: 2.0;}
.size-default.style-opacity.ytd-menu-renderer.style-scope:hover svg {
filter: brightness(50%);}
[dark] .size-default.style-opacity.ytd-menu-renderer.style-scope:hover svg {
filter: brightness(150%);}
/* Сервис Иконки (Сетка/Список)) в Подписках /
/ (Сетка) /
[page-subtype=subscriptions] ytd-button-renderer.size-default.style-opacity.ytd-menu-renderer.style-scope:nth-of-type(1) svg {
width: 24px !important;
height: 24px !important;
color: #919191;
stroke: #919191;
stroke-linecap: square;
stroke-width: 0.0;}
/ (Список) /
[page-subtype=subscriptions] ytd-button-renderer.size-default.style-opacity.ytd-menu-renderer.style-scope:nth-of-type(2) svg {
filter: drop-shadow(0px 1px 0.0px);
width: 24px !important;
height: 24px !important;
fill: #919191;
color: #919191;
stroke: #919191;
stroke-linecap: square !important;
stroke-width: 0.0;}
/ (нужно) */
[page-subtype=subscriptions] .size-default.style-opacity.ytd-menu-renderer.style-scope:hover svg {
filter: brightness(100%);}
/* Новая Иконка - Крестика (X)/
#dismiss-button svg {
margin-top: 0px !important;
fill: #606060 ;
height: 20px !important;
width: 20px !important;
stroke: #454545;
stroke-width: 1.0;
stroke-linecap: round;}
[dark] #dismiss-button svg {
fill: #dadada ;
stroke: #c6c6c6;}
/ Новая Иконка - Крестика (X) в Меню "Поделиться" /
#close-button #button .ytd-unified-share-panel-renderer svg {
margin-top: 0px !important;
fill: #606060 ;
height: 20px !important;
width: 20px !important;
stroke: #454545;
stroke-width: 1.0;
stroke-linecap: round;}
[dark] #close-button #button .ytd-unified-share-panel-renderer svg {
fill: #dadada ;
stroke: #fff;}
/ Новая Иконка - Крестика (X) в Меню "Добавить в... (плейлист)" */
#close-button #button .ytd-add-to-playlist-renderer svg {
margin-top: 0px !important;
fill: #606060 ;
height: 20px !important;
width: 20px !important;
stroke: #454545;
stroke-width: 1.0;
stroke-linecap: round;}
[dark] #close-button #button .ytd-add-to-playlist-renderer svg {
fill: #dadada ;
stroke: #fff;}
/* Новая Иконка - "=" перетаскивание в Плейлисте /
.ytd-playlist-video-renderer.playlist-drag-handle #reorder svg {
fill: var(--yt-spec-text-secondary) ;
height: 20px !important;
width: 20px !important;
stroke: var(--yt-spec-text-secondary) /var(--yt-spec-brand-icon-inactive)/;
stroke-width: 0.6;
stroke-linecap: round;}
/ Новая Иконка - "=" перетаскивание в Чёрном Плейлисте /
ytd-playlist-panel-video-renderer[can-reorder]:hover #reorder.ytd-playlist-panel-video-renderer svg {
fill: #dadada;
height: 16px !important;
width: 16px !important;
stroke: #c6c6c6;
stroke-width: 0.6;
stroke-linecap: round;}
/ Новые Иконки - "Повтор" и "Перемешать" в Чёрном Плейлисте */
#playlist-action-menu .ytd-playlist-panel-renderer .ytd-menu-renderer.top-level-buttons svg {
height: 18px !important;
width: 18px !important;
stroke: #747474;
stroke-width: 1.0;
stroke-linecap: round;}
/* Новая Иконка - Свернуть, Развернуть Плейлист в Чёрном плейлисте*/
[collapsible] #expand-button .ytd-playlist-panel-renderer svg {
height: 17px !important;
width: 17px !important;
stroke: #fff;
stroke-width: 2.0;
stroke-linecap: round;}
[dark] [collapsible][collapsed] #expand-button .ytd-playlist-panel-renderer svg {
height: 17px !important;
width: 17px !important;
stroke: #fff;
stroke-width: 2.0;
stroke-linecap: round;}
[collapsible][collapsed] #expand-button .ytd-playlist-panel-renderer svg {
height: 18px !important;
width: 18px !important;
stroke: #747474;
stroke-width: 2.0;
stroke-linecap: round;}
/* Позицианирование ИКОНОК перед названием "разделов" + новые УГ Иконки Ютуба - в разделе раздел: БИБЛИОТЕКА(История) */
/* Размер Иконок : "Лайк" и "Дизлайк" NEW - в разделе ЦЕНТРОВКА ЭЛЕМЕНТОВ ОФОРМЛЕНИЯ и ОФОРМЛЕНИЕ*
/--yt-spec-brand-background-solid: #fff !important; /фон микрофона МИНИ ОКНО/
/--yt-spec-brand-background-solid: #202020 !important; /фон микрофона МИНИ ОКНО/
/* элемент ГЕОЛОКАЦИЯ: под названием видео - обводка */
.super-title-icon.ytd-video-primary-info-renderer {
stroke :var(--yt-spec-call-to-action) !important;
stroke-width: 1.0;
stroke-linecap: round;}
/* Иконки Трансляции на Видео /
ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer {
stroke: var(--yt-spec-static-brand-red) !important;
fill: var(--yt-spec-static-brand-red);
stroke-width: 0.5;
stroke-linecap: round;
margin-right: 4px;}
/ Иконки Трансляциив в Гид Меню */
.guide-entry-badge.ytd-guide-entry-renderer {
width: 18px !important;
height: 18px !important;
color: var(--yt-spec-static-brand-red);
display: none;
fill: var(--yt-spec-static-brand-red);
stroke: var(--yt-spec-static-brand-red) !important;
stroke-width: 0.8;
stroke-linecap: round;}
/* Новая Иконка Закреплённого поста Автором */
yt-icon.ytd-pinned-comment-badge-renderer {
filter: drop-shadow(0.0px 1px 0.0px var(--yt-spec-text-secondary))
drop-shadow(0.5px 0px 0.0px var(--yt-spec-text-secondary))
drop-shadow(-0.5px 0px 0.0px var(--yt-spec-text-secondary));
--iron-icon-height: 12px;
--iron-icon-width: 12px;
margin-right: 4px;
margin-bottom: 1px;
fill: var(--yt-spec-text-secondary) !important; /var(--yt-spec-icon-active-other)/}
/* Новая Иконка - Настройка внешнего вида Канала (Камера) */
yt-icon.ytd-channel-banner-editor-renderer svg {
fill: #909090 !important;
stroke: #a6a6a6 !important;
stroke-width: 1.0;
stroke-linecap: round;}
/* тест иконки колокольчика */
-o-yt-icon.ytd-notification-topbar-button-renderer svg {
background-repeat: no-repeat;
background-image: url(https://i114.fastpic.ru/big/2021/0108/b7/ff7667cbdf8431b2fc852cddd02bb3b7.png)!important;
background-position-x: 2.4px !important;
background-position-y: -50px !important;
background-size: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
width: var(--yt-icon-button-icon-width, 120%);
height: var(--yt-icon-button-icon-height, 120%);}
/* Настройка фонов Оплаченных комментов /
-o-#comment.ytd-comment-thread-renderer {
--ytd-comment-paid-background-color: rgba(214,61,101,0.102);
--ytd-decorated-comment-background-offset-left: 8px;
margin: -8px 0px 0px -8px;
--ytd-decorated-comment-background-offset-top: 8px;
}
/ Позиционирование Оплаченных комментов
https://www.youtube.com/watch?v=TCDHcsmSKzs&lc=UgwcsQeJt2S8xsj5n6R4AaABAg /
#paid-comment-images.ytd-comment-renderer {
overflow: hidden;
position: absolute;
height: calc( 100% - var(--ytd-decorated-comment-background-offset-top, 0px) - var(--ytd-decorated-comment-reply-box-height-offset, 0px) );
width: calc(100% - 16px); /width: calc(100% - var(--ytd-decorated-comment-background-offset-top, 0px));/
margin-bottom: var(--ytd-decorated-comment-background-offset-top, 0px);
background-color: var(--ytd-comment-paid-background-color);
border-radius: 4px;
margin-top: -8px; / calc( -1 * var(--ytd-decorated-comment-background-offset-top, 0px) ) /
margin-left: 0px; / calc( 0 * var(--ytd-decorated-comment-background-offset-left, 0px) ) */
padding-top: var(--ytd-decorated-comment-background-offset-top, 0px);
padding-left: var(--ytd-decorated-comment-background-offset-left, 0px);
}
/* Иконка Фитров в Поиске */
#filter-menu yt-icon.ytd-toggle-button-renderer.style-scope {filter: drop-shadow(0px 1px 0.0px) drop-shadow(1px 0px 0.0px);}
}
@-moz-document domain("youtube.com") {
/* раздел: " ГЛАВНАЯ " / Главная страница */
/* #### Количество Видео в Сетке на Главной странице #### */
/сетка на 6 миниатюр Главной страницы - modern Chrome (варианты: ":root * ", "[style] * ")/
-o-:root * {
--ytd-rich-grid-items-per-row: 6 !important; /6;/ /* Количество Видео в ряд на главной странице./
--ytd-rich-grid-posts-per-row: 4; /4;/
--ytd-rich-grid-movies-per-row: 8;} /8;/
/ [style] * {
--ytd-rich-grid-items-per-row: 6 !important; /6;/ /* Количество Видео в ряд на главной странице./
/ --ytd-rich-grid-posts-per-row: 4; /4;/
/* --ytd-rich-grid-movies-per-row: 8;} /8;/
/* ######### ГОВНОСЕТКА 2021 - Ноябрь 26'е ######### /
/ настройка ГОВНОсетки /
ytd-rich-grid-row[mini-mode] #contents.ytd-rich-grid-row {
--ytd-rich-grid-items-per-row: 2 !important;
width: 100% !important;
flex-wrap: nowrap;
/ max-width: calc( var(--ytd-rich-grid-items-per-row) * ( var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin) ) ); /}
ytd-rich-grid-row #contents.ytd-rich-grid-row {
--ytd-rich-grid-items-per-row: 6 !important;
--ytd-rich-grid-item-margin: 14px;
width: 100% !important;
/ max-width: calc( var(--ytd-rich-grid-items-per-row) * ( var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin) ) ); */
margin: 0 0.3em 0 -0.3em; /margin: 0 16px;/
flex-wrap: nowrap;
display: flex;
justify-content: center;
flex: 1;}
-o-ytd-rich-grid-renderer {
position: relative;
display: flex;
flex-direction: column;
align-items: center; }
/* настройка сетки призрака /
ytd-ghost-grid-renderer[full-bleed] .ghost-grid.ytd-ghost-grid-renderer {
/ max-width: calc( var(--ytd-rich-grid-items-per-row) * ( var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin) ) ); /
--ytd-rich-grid-items-per-row: 4 !important;
--ytd-rich-grid-item-max-width: 100%;
--ytd-rich-grid-item-margin: 10px;
margin: 0 0 0 0px; /margin: 0 16px;/}
.ghost-grid.ytd-ghost-grid-renderer {
display: flex;
flex-wrap: wrap; / wrap? nowrap(test) /
width: 66.6%;}
ytd-ghost-grid-renderer {
display: flex;
justify-content: center;}
/ ################################################ */
/**************************************************************************************/
/* размер Миниатюр Видео на главной страницы - дефолт 89% /
/ 93% после обновления и отцентровки в феврале 2021 */
#contents.ytd-rich-grid-renderer, #grid-title.ytd-rich-grid-renderer {width: 93%;}
/**************************************************************************************/
/*сетка на 6 миниатюр Главной страницы для старых браузеров*/
/* ## ВАЖНО: при изменении размера окна браузера, обновите страницу чтобы миниатюры ПРАВИЛЬНО просчитались заново ## /
.ytd-rich-item-renderer-2 {width: calc( 100% / 6 - 17px - 0.01px );}
.ytd-rich-item-renderer-3 {width: calc( 100% / 6 - 17px - 0.01px );}
/ =========== исправление положения иконок в Главном меню для старых браузеров ==============/
.ytd-mini-guide-entry-renderer-1 .guide-icon.ytd-mini-guide-entry-renderer {
margin-bottom: 6px;
margin-left: 14px;}
.ytd-mini-guide-entry-renderer-1 .yt-simple-endpoint.ytd-mini-guide-entry-renderer {
margin-bottom: 0px;
margin-left: 12px;}
/============================================================================================*/
/* ™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™ */
/* раздел: " ГЛАВНАЯ " */
/* Отключить Аватары каналов на Главной странице v2 - NEW */
#avatar-link.ytd-rich-grid-media {height: 36px; margin-top: 12px; margin-right: 12px; display: none;}
/* Метаблок (НАЗВАНИЯ Видео) - Видимость текста - отступ справа*/
#meta.ytd-rich-grid-media {overflow-x: hidden;
padding-right: 0px;} /24px;/ /* Видимость текста - отступ справа */
/* Весь Метаблок под Видео на Главной Странице - позиционирование */
#details.ytd-rich-grid-media {position: relative; cursor: pointer;
margin-top: 0px; -o-margin-right: 12px; margin-bottom: 0px; margin-left: -5px;
display: flex; flex-direction: row;}
/* Контур Видео на Главной Странице */
ytd-thumbnail.ytd-rich-grid-media:before {box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/**************************************************************/
/******* « перенесено в раздел » "Миниатюры" *******/
/*расстояние между Видео на главной странице - Макси Мод*/
/*расстояние между Видео на главной странице - Мини Мод*/
/* Отступы для решётки Миниатюр Спраа и слева */
/******* « перенесено в раздел » "Миниатюры" *******/
/========== + ===========/
/* Главная*/
/* цвет блока, затенение(рамка), позиционирование */
#contents.ytd-rich-grid-renderer {background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: 10px;
margin-left: 2px; /2px/
padding: 32px 0px 0px 0px; /32px 0px 0px 9px;/
-o-position: relative; bottom: 0px; left: 0px;}
/* Центровка ВИДЕО на ГЛАВНОЙ странице - NEW */
ytd-rich-grid-media {
--yt-button-compact-background-color: var(--yt-spec-10-percent-layer);
--yt-button-compact-text-color: var(--yt-spec-text-secondary);
width: 100%;
margin-top: 0px;
margin-right: -9px;
margin-bottom: 0px;
margin-left: 0px;
display: block;
max-width: var(--ytd-rich-grid-item-max-width);}
/* Центровка ВИДЕО на ГЛАВНОЙ странице (старый вариант, неработает послео бновления Ютуба) */
ytd-thumbnail.ytd-rich-grid-video-renderer {
width: 100%;
position: relative; /relative;/
margin-left: 5.5px;}
/* Центровка Названий ВИДЕО на ГЛАВНОЙ странице + Ращзмер Шрифта - NEW /
#video-title.ytd-rich-grid-media {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
letter-spacing: normal; /normal/
margin-left: 5px;
-o-margin-right: -8px; /test/
margin-top: -7px;
font-size: 1.3rem;/1.4rem/
font-weight: 500;
line-height: 1.6rem;
max-height: 3.2rem;}
/ Названия ВИДЕО на ГЛАВНОЙ странице - Ращзмер Шрифта в уменьшенном состоянии Миниатюр - NEW /
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
font-size: 1.1rem; / 1.1rem /
margin-top: 10px; /? Компенсация совпадания ячеек по вертикали при сокращёнии меню (к основной сетке) ?/
margin-bottom: -12px;/ 10px / /? Компенсация совпадания ячеек по вертикали при сокращёнии меню (к основной сетке) ?/
-o-margin-right: -6px; /test/
-o-line-height: 1.7rem;
padding-left: 1px; / 2021 test */
line-height: 1.6rem;
max-height: 3.4rem;
-o-letter-spacing: 0.29px; /0.29px;/
position: relative; top: -8px;}
/? Размер НАЗВАНИЯ Каналов ТОЛЬКО на Главной странице и позиционирование ? {font-size: 1.199rem !important;}/
ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block,
ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
font-size: 1.299rem !important;/1.3rem/
font-weight: 400 !important;
line-height: 1.8rem !important;
-o-margin-top: 0px;
-o-position: relative; -o-top: -3px;} /* НЕ включать, убивает подсказку названия Канала */
/* Центровка ВСЕХ надписей под Плейлистами и под Видео на ГЛАВНОЙ странице */
ytd-video-meta-block.grid, ytd-video-meta-block.compact .ytd-video-meta-block[meta-block]
.grid.ytd-video-meta-block .ytd-video-meta-block[meta-block].compact.ytd-video-meta-block
{margin-left: 5.0px; margin-top: -1.5px;}
/* Метаданные (Размер Шрифта и Цвет) - под видео на Главной странице, Под Плейлистами, сбоку Видео на странице с Видео, в Трендах /
/ Ютуб может на ГЛАВНОЙ странице показывать в метаданных когда ождается трансляция, но эта возможность скрыта из за нехватки места до нижнего блока*/
#metadata-line.ytd-video-meta-block span.ytd-video-meta-block {display: inline-block; font-weight: 400;
font-size: 1.2rem; /1.1rem тестовый образец/ line-height: 1.8rem; /1.4rem тестовый образец/ color: #767676 ! important;
margin-top: 1px; /-1.3px тестовый образец/}
/* Название Каналов [ВЕЗДЕ](использовалось для центровки вместе с Метаданными при их изменениях)- тестовый образец* /
/ Ютуб может на ГЛАВНОЙ странице показывать в метаданных когда ождается трансляция, но эта возможность скрыта из за нехватки места до нижнего блока*/
-o-#channel-name.ytd-video-meta-block {-o-font-size: 1.3rem ! important; max-width: 100%;
display: flex; flex-direction: row; align-items: center; -o-margin-top: -3px;}
/* Центровка Названий Каналов под Плейлистами и под Видео на ГЛАВНОЙ странице (X) не использую за ненадобностью */
-o-ytd-video-meta-block.grid #channel-name.ytd-video-meta-block, .ytd-video-meta-block[meta-block]
.grid.ytd-video-meta-block #channel-name.ytd-video-meta-block {-o-margin-left: 5.5px;}
}
@-moz-document domain("youtube.com") {
/Раздел: Навигатор/
/размер блока иконки/
#destination-icon.ytd-destination-button-renderer {
justify-content: center !important;
margin: 4px auto 4px auto;}
/высота внутри каждого блока/
#destination-label-wrapper.ytd-destination-button-renderer {
margin: 0 auto 2px auto;
height: 28px; /48px/
max-height: 28px; /48px/
display: flex;
align-items: center;}
/размер каждого блока/
#destination-buttons.ytd-destination-shelf-renderer > *.ytd-destination-shelf-renderer {
margin-left: 2px;
margin-right: 2px;
margin-bottom: 4px;
max-width: 120px;}
/центровка элементов внутри блока/
#destination-buttons {padding: 3px 0 0 3px;}
.grid-2-columns #destination-buttons {margin: 4px auto !important;}
.grid-3-columns #destination-buttons {margin: 4px auto !important;}
.grid-4-columns #destination-buttons {justify-content: center !important; margin: 4px auto !important;}
.grid-5-columns #destination-buttons {justify-content: center !important; margin: 4px auto !important;}
.grid-6-columns #destination-buttons {justify-content: center !important; margin: 4px auto !important;}
/размер шрифта элементов/
#destination-label.ytd-destination-button-renderer {font-size: 1.4rem;}
#show-more-button.ytd-destination-shelf-renderer {-o-visibility: hidden; opacity: 0;}
#show-more-button.ytd-destination-shelf-renderer:hover {background-color: var(--yt-spec-black-pure-alpha-5); opacity: 1}
[dark] #show-more-button.ytd-destination-shelf-renderer:hover {background-color: var(--yt-spec-white-1-alpha-10); opacity: 1}
/*смещение блока - показать ещё "v" */
ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer {
bottom: 1px;
display: flex;
align-items: center;
justify-content: center;}
/*размер и положение блока - показать ещё "v" */
#show-more-button.ytd-destination-shelf-renderer {
display: none;
margin: 0px 0;
cursor: pointer;
width: fit-content; /def.100%/
max-height: 16px;
padding-top: 0px;
padding-bottom: 0px;
position: absolute;
z-index: 200;}
}
@-moz-document domain("youtube.com") {
/* раздел: " в ТРЕНДЕ " */
/размер Аватара Раздела/
[page-subtype=trending] #avatar .yt-img-shadow {position: relative; left: 12px; transform: scale(0.6);}
/* # Блок иконок в Трендах (Музыка) (Видеоигры) (Новости) (Фильмы) # */
/Размер иконок, позиционирование/
yt-img-shadow.ytd-channel-list-sub-menu-avatar-renderer {width: 30px; /def: 80/
height: 30px; /def: 80/ --yt-img-border-radius: 2px; position: relative; top: 5px;} /def:140/
/*Размер Шрифта под иконоками*/
/* позиционирование */
#title.ytd-channel-list-sub-menu-avatar-renderer {
margin-top:8px; position: relative; top: 0px;/-5px/ display: block; max-height: var(--yt-link-line-height, 1.6rem);
white-space: nowrap; overflow: hidden; font-size: var(--yt-link-font-size, 1.4rem); font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem); letter-spacing: var(--yt-link-letter-spacing, normal); }
/* Отступ сверху, справа, снизу */
/* цвет блока, затенение(рамка), позиционирование */
ytd-channel-list-sub-menu-renderer.ytd-section-list-renderer {
display: block; padding: 6px 25%; /умолчания: 16px 0;/ border-bottom: 0px solid var(--yt-spec-10-percent-layer);
position: relative; top: 1px; background: var(--yt-spec-brand-background-primary); box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: 7px;}
/*интервал между Иконками (справа)*/
/* позиционирование */
#contents.ytd-channel-list-sub-menu-renderer {
max-width: 360px; /def: max-width: var(--ytd-channel-list-sub-menu-max-width, 560px)/
display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto!important;}
}
@-moz-document domain("youtube.com") {
/* раздел: ПОДПИСКИ */
/* УПРАВЛЕНИЕ ПОДПИСКАМИ: - ПОЗИЦИАНИРОВАНИЕ АВАТАРОВ (youtube.com/feed/channels) */
yt-img-shadow.ytd-channel-renderer {margin-right: -16px;} /* не работает после обновления YouTube */
/* УПРАВЛЕНИЕ ПОДПИСКАМИ: (youtube.com/feed/channels) - ПОЗИЦИАНИРОВАНИЕ АВАТАРОВ, смещение к левому краю */
ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer .channel-link.ytd-channel-renderer {
justify-content: left; margin-left: 1px;}
/* УПРАВЛЕНИЕ ПОДПИСКАМИ: (youtube.com/feed/channels) - ПОЗИЦИАНИРОВАНИЕ Описания Каналов */
ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer {
margin-right:16px;
max-width: 90px; /ytb-def: 360px/
min-width: 90px; /ytb-def: 240/
flex: 1; flex-basis: 1e-9px;}
}
@-moz-document domain("youtube.com") {
/* раздел: БИБЛИОТЕКА(История) */
/Библиотека(История) - Блок Статистики/
/* цвет блока, затенение(рамка), позиционирование ($)/
ytd-profile-column-renderer {margin-left: 36px /32px/; background: var(--yt-spec-brand-background-primary); position: relative; top: 8px; left: 0px;
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/Библиотека(История) - Блок Статистики - Центровка Текста/
/ позиционирование */
#items.ytd-profile-column-stats-renderer > *.ytd-profile-column-stats-renderer {padding-left: 6px; padding-right: 6px;}
/надпись [ПОСМОТРЕТЬ ВЕСЬ ПЛЕЙЛИСТ] - позиционирование, размер текста, цвета - под миниптюрой плейлиста на ВКЛАДКЕ Библиотека(История)/
#view-more.ytd-grid-playlist-renderer {
display: block;
margin-left: 5px;
margin-top: 4px;
--yt-endpoint-color: var(--yt-spec-text-secondary);
--yt-endpoint-visited-color: var(--yt-spec-text-secondary);
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.007px;
text-transform: uppercase;}
/* Позицианирование ИКОНОК перед названием "разделов" + новые УГ Иконки Ютуба /
#icon.ytd-shelf-renderer {
stroke: var(--yt-spec-text-secondary);
stroke-width: 0.6;
stroke-linecap: round;
--iron-icon-height: 20px; /def. 24px/
--iron-icon-width: 20px; /def. 24px/
margin-right: 10px; / DEF: 16px;*/
color: var(--yt-spec-text-secondary);
margin-left: 6px;
margin-top: -2px;}
/* История (ЕЩЁ) - дополнительная вкладка - Позиционирование Текста Заголовков */
ytd-item-section-header-renderer[title-style=ITEM_SECTION_HEADER_TITLE_STYLE_HISTORY] #title.ytd-item-section-header-renderer {
padding-top: 16px; font-size: var(--ytd-subheadline_-font-size);
font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height);
letter-spacing: var(--ytd-subheadline-_letter-spacing); margin-left: 0px;/*6px - в разделе "НАСТРОЙКИ" - (отступы перед Заголовами) */}
/* История просмотра: - Размер Блока, Позиционирование Текста, Цвет Фона, Тень. ($) */
ytd-text-header-renderer[header-style=text-header-renderer-style-bold] {
margin-top: 24px; /24px/
margin-bottom: -7px;
color: var(--yt-spec-text-primary);
font-size: 1.6em;
line-height: 1.4em;
font-weight: 500;
-margin-left: 6px;
padding: 10px 0px 10px 6px;
background-color: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/* ХЗ, про запас /
-o-#contents.ytd-browse-feed-actions-renderer {
display: flex;
flex-direction: column;
}
/ Меню в Истории поиска */
ytd-two-column-browse-results-renderer[page-subtype=history] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer {
padding: 0px 28px 5px 0px;
margin-top: 23px; /8px/
margin-right: 0px;
-o-margin-bottom: 50px;
background-color: var(--yt-spec-brand-background-primary);
box-shadow: inset 0px 0px 1.5px 1px var(--ytd-searchbox-legacy-button-border-color);
border-radius: 8px;}
/* История поиска - позиционирование текста /
ytd-search-history-query-renderer {
display: block;
margin: 24px 0 0 9px;
font-size: var(--ytd-subheadline-link_-font-size);
font-weight: var(--ytd-subheadline-link-font-weight);
line-height: var(--ytd-subheadline-link-line-height);
letter-spacing: var(--ytd-subheadline-link-_letter-spacing);}
/ История - Комментарии; Записи Сообщества; - позиционирование текста */
ytd-comment-history-entry-renderer {
margin: 24px 40px 32px 9px;
display: flex;
flex-direction: row;}
/* Библиотека(История) - вкладка "ЕЩЁ" : пункт: Посмотреть историю на странице "Мои действия" (размер шрифта) */
yt-formatted-string#text.ytd-button-renderer.style-text.size-default
{text-transform: none; font-size: 1.3rem; margin-top: -1px /test!/;}
/* Информация - как попасть в ныне недоступные разделы в Истории */
-o-#contents.style-scope.ytd-browse-feed-actions-renderer:after
{display: block; width: 370px; height: 54px; padding: 6px 0px 10px 16px; content:
url(https://vk.com/emoji/e/e284b9.png)" Search history:" " youtube.com/feed/history/search_history" " "
url(https://vk.com/emoji/e/e284b9.png)" Comment history:" " youtube.com/feed/history/comment_history" ""
url(https://vk.com/emoji/e/e284b9.png)" LiveChat history:" " youtube.com/feed/history/live_chat_history" "";
font: 1.2rem Tahoma, sans-serif; color: var(--yt-spec-text-secondary); cursor: help;}
/* ============== ВЫДЕЛИТЕЛИ ================ /
/ Выделение Болдом шрифта в Комментариях "в Истории" /
.bold.yt-formatted-string {
font-weight: bold;}/ var(--yt-formatted-string-bold-font-weight, 500) */
/* Выделение Цветом просмотренного "в Истории"/
a.yt-simple-endpoint.yt-formatted-string:visited {
color: #008BEC ;} / color: var(--yt-endpoint-visited-color, var(--yt-spec-call-to-action)); */
/* Выделение Болдом Названий Стримов в Коммекнтариях Чата "в Истории" */
#title.ytd-live-chat-history-entry-renderer {--yt-endpoint-color: var(--yt-spec-text-primary);
letter-spacing: var(--ytd-user-comment_-_letter-spacing); font-size: var(--yt-link-font-size, 1.4rem);
line-height: var(--ytd-link-line-height, 1.6rem); font-weight: bold;} /500;/
/* Выделение Болдом тем Истории Поиска "в Истории"/
.ytd-search-history-query-renderer {font-weight: bold;}
/ ============================================ */
}
@-moz-document domain("youtube.com") {
/* раздел: " ПОИСК " */
/* белый фон Основного блока и контур */
ytd-section-list-renderer.ytd-two-column-search-results-renderer {
min-width: 0;
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/* белый фон Дополнительного блока (Справа) и контур /
-o-ytd-two-column-search-results-renderer.ytd-search {
min-width: 0;
background: rgb(255, 255, 255);
box-shadow: 0px 0px 0px 1px rgb(226, 226, 226);
-o-max-height: 100%;} / Добавлено мной - тестировать как появится возможность*/
/* белый фон Дополнительного блока (Справа) и контур - v2 - запасной */
-o-ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search {
flex: 1;
flex-basis: 1e-9px;
background: rgb(255, 255, 255);}
/* Надпись: " ФИЛЬТРЫ " Элемен: Фильтры поиска (позиционирование) /
ytd-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) {
margin-left: -8px;} /-16px*/
/* элемент: Фильтры поиска (центровка надписей) */
#collapse.ytd-search-sub-menu-renderer { overflow: hidden; padding-left: 10px; padding-right: 0px;}
/* элемент: Фильтры поиска (центровка надписей) - запасной */
-o-iron-collapse { display: block; overflow: visible; transition-duration: var(--iron-collapse-transition-duration, 300ms);
padding-left: 10px; padding-right: 10px;}
/* Результаты поиска по запросу ~ [коррекция поиска] (Позицианирование) */
yt-search-query-correction { display: block; margin-top: var(--yt-search-correction_-_margin-top);
margin-left: 5px;}
/* элемент: Запросы, похожие на... (Центровка) /
ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child) {
padding: 4px 6px 24px 6px; / 4px 0 24px /
margin-bottom: 8px;} / 24px!? */
/* элемент: Запросы, похожие на... [Дополнительный] (Центровка)
после активации необходима КОМПЕНСАЦИЯ сдвига элементов в разделе: ВИДЕОИГРЫ(Gaming) */
ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child {
padding: 0px 6px 0px 6px;}
/* Кнопки промотки Элемента: Запросы, похожие на... в разделе: ПОИСК */
.arrow.ytd-horizontal-card-list-renderer{width: 32px; height: 55px; border-radius: 24px; margin-top: 0px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 1px rgba(227, 227, 227, .1);}
/* отступы снизу Заголовков и снизу Раскрывающего элемента: +Ещё 8 */
ytd-vertical-list-renderer {
display: block;
padding-bottom: 14px; /24px;/
padding-top: 2px;}
/* отступ Сверху Раскрывающего элемента: +Ещё 8 */
#more.ytd-vertical-list-renderer {padding-top: 22px/24px/; display: flex; flex-direction: row; justify-content: center;}
/* кнопка [ПОДПИСАТЬСЯ] и [ВЫ ПОДПИСАНЫ] - в рездеое ПОИСК: и разделе УПРАВЛЕНИЕ ПОДПИСКАМИ: (позицианирование) */
#subscribe-button.ytd-channel-renderer {padding-bottom: 16px; margin-right: 5px;}
/* NEW */
/* Квадратные Аватары каналов в поиске */
yt-img-shadow.ytd-video-renderer { border-radius: 0%; background-color: transparent;overflow: hidden; margin-left: 1px; -o-display: none;}
/* Отступы от названия Каналов в Вверх и Вниз в Поиске */
ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer {padding: 2px 0px 3px 0px;}
/* Расстояние от Аватара Канала до Названия Канала в Поиске */
#channel-name.ytd-video-renderer { padding-left: 6px; /8px/
--yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary);
align-self: center; max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem);
overflow: hidden; font-size: var(--ytd-thumbnail-attribution_-font-size);
font-weight: var(--ytd-thumbnail-attribution-font-weight); line-height: var(--ytd-thumbnail-attribution-line-height);
letter-spacing: var(--ytd-thumbnail-attribution-letter-spacing); text-transform: var(--ytd-thumbnail-attribution-_text-transform);
display: flex; flex-direction: row;}
/* Интервалы межды Видео в Поиске на вкладке " Ещё " */
#items.ytd-vertical-list-renderer > *.ytd-vertical-list-renderer {padding-top: 10px;}
/* Размер поля Поиска и позицианирование (new ver.) */
ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search {
flex: 1; flex-basis: 1e-9px; -o-width: 855px; min-width: 478px;
max-width: 843px/855px/; padding-left: 18.05%; margin-left: -80px; margin-right: auto;}
/* Размер поля Поиска и позицианирование (old ver.) */
-o-ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search {
flex: 1; flex-basis: 1e-9px;
max-width: 855px; padding-left: 18.05%; margin-left: -100px; margin-right: auto;}
/* Размер Превью Видео в Поиске - и Позицианирование /
ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer {
margin-right: 12px;
max-width: 246px; /360px/
min-width: 246px; /240/
max-height: 138px; /138/
flex: 1;
flex-basis: 1e-9px;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);
-o-overflow: auto;}
/ Отступ Текста справа в блоке Превью Видео в Поиске */
ytd-video-renderer[use-prominent-thumbs] .text-wrapper.ytd-video-renderer {
max-width: none; margin-right: 4px;}
/* Размер Превью Плейлистов в Поиске - и Позицианирование /
ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
margin-right: 12px;
margin-left: 6px;
margin-top: -5px; /test/
margin-bottom:5px; /test/
max-width: 246px; /360px/
min-width: 246px; /240/
max-height: 138px; /138/
flex: 1;
flex-basis: 1e-9px;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ Отступ Текста Справа и Сверху в блоке Превью Плейлиста в Поиске */
#content.ytd-playlist-renderer {overflow: hidden; max-width: 600px; flex: 1;
flex-basis: 1e-9px; margin-right: 4px; margin-top: -5px; /test/}
/* Размер Превью Микс'ов в Поиске - и Позицианирование /
ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer {
margin-right: 12px;
margin-left: 6px;
margin-top: -5px; /test/
margin-bottom:5px; /test/
max-width: 246px; /360px/
min-width: 246px; /240/
max-height: 138px; /138/
flex: 1;
flex-basis: 1e-9px;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ Отступ Текста Справа и Сверху в блоке Превью Микс'ов в Поиске /
#content.ytd-radio-renderer { overflow: hidden; max-width: 600px; flex: 1;
flex-basis: 1e-9px; margin-right: 4px; margin-top: -5px; /test/}
/ Цвет Заголовка Микс'ов в Поиске */
#video-title.ytd-radio-renderer { display: block;
max-height: 2.4rem; /calc(2 * var(--yt-navbar-title-line-height, 2.4rem));/
overflow: hidden; font-size: 1.4rem; font-weight: 400; color: #167AC6;
line-height: var(--yt-navbar-title-line-height, 2.4rem);}
[dark] #video-title.ytd-radio-renderer {color: #3ea6ff;}
/* Позицианирование Фона Блока с Фильмом и стилизация блока - в Разделе " Поиск " /
ytd-movie-renderer.ytd-item-section-renderer {margin-top: var(--ytd-item-section-item-margin, 6px)/ 16px */;
padding: 10px 0px 0px 0px; background-color: var(--yt-playlist-background-item, #f7f6f6); box-shadow: inset 0px 0px 1px 0.1px var(--yt-spec-grey-2, #e1e1e1);}
/* Кнопка [ КУПИТЬ ИЛИ ВЗЯТЬ НАПРОКАТ ] в Разделе " Поиск " - настройка /
ytd-button-renderer.ytd-movie-renderer.style-primary.size-large {
background-color: #065fd4; / var(--yt-spec-call-to-action); /
color: #fff; / var(--yt-spec-text-primary-inverse); */
-o-font-size: 1.2rem;
border-radius: 3px;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;}
/* Размер Обложек Фильмов в Разделе " Поиск " - и Позицианирование /
ytd-movie-renderer[use-prominent-thumbs] .thumbnail-container.ytd-movie-renderer {
margin-right: 12px;
margin-left: 6px;
margin-top: -5px; /test/
margin-bottom: 5px; /test/
max-width: 156px; /156px/
min-width: 156px; /156/
max-height: 224px; /224/
height: 224px;
flex: 1;
flex-basis: 1e-9px;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ Отступ Текста справа и Сверху в блоке Обложек Фильмов в Разделе " Поиск " */
ytd-movie-renderer[use-prominent-thumbs] .text-wrapper.ytd-movie-renderer {
max-width: none; margin-right: 4px; margin-top: -5px; /test/}
/* Нижний (самый последний) Блок видео в Поиске - отступ снизу */
ytd-video-renderer.ytd-item-section-renderer:last-child {margin-bottom: var(--ytd-item-section-item-margin, 9px);}
/* высота Секции Каналов в Поиске (и высота секций Каналов в управлении Подписками " youtube.com/feed/channels " ) */
#content-section.ytd-channel-renderer {display: flex; flex-direction: row; height: 90px; padding-bottom: 8px;}
/* Метадата Описания Каналов и Высота Строки в Поиске (и в управлении Подписками " youtube.com/feed/channels " ) /
#metadata.ytd-channel-renderer {margin-bottom: 0px; margin-top: -6px; /-8px*/ line-height: 1.8rem;}
/* Высота Строки и Позицианирование Описания Каналов в Поиске (и в управлении Подписками " youtube.com/feed/channels " ) /
#description.ytd-channel-renderer {color: var(--yt-spec-text-secondary); word-break: break-word;
display: block; max-height: 3.6rem; /calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem))/
overflow: hidden; font-size: var(--ytd-thumbnail-attribution_-font-size);
font-weight: var(--ytd-thumbnail-attribution-font-weight);
letter-spacing: var(--ytd-thumbnail-attribution-letter-spacing);
text-transform: var(--ytd-thumbnail-attribution-text-transform);
position: relative; top: 4px; line-height: 1.8rem;} /*var(--ytd-thumbnail-attribution-_line-height);/
/* Высота строки Названия Каналов в Поиске, Под Видео (и в управлении Подписками " youtube.com/feed/channels " ) */
#text.ytd-channel-name {display: var(--ytd-channel-name-text-display);
font-size: var(--ytd-channel-name-text_-font-size); font-weight: var(--ytd-channel-name-text-_font-weight);
line-height: 1.8rem;}
/* ПРАВЫЙ РЕКЛАМНЫЙ БЛОК Поиска */
/* Размер поля Карточки предлагаемой Темы */
ytd-watch-card-rich-header-renderer {
display: block; width: 286px;
background-color: var(--yt-spec-general-background-b);
padding-bottom: 16px;}
/* Настройка Правого Рекламного блока в Поиске */
ytd-two-column-search-results-renderer[center-results] #secondary.ytd-two-column-search-results-renderer {
flex: none; width: 285px; flex-direction: column;
margin-left: auto; margin-right: -35.4%;
padding-left: 2%; max-width: 285px; -o-overflow: auto;}
/* Размер Превью в Левой половине "collage-hero" */
#section-left.ytd-collage-hero-image-renderer {
width: 159px; /214px;/ height: 159px; /214px;/
background-position: center center; background-repeat: no-repeat;
background-size: cover; overflow: hidden; margin-right: 4px;}
/* Расположение Кнопки [ МИКС YOUTUBE ] /
#overlay-button.ytd-call-to-action-button-renderer {
color: var(--yt-spec-static-overlay-text-primary);
margin: 0; display: flex; flex-direction: row;
align-items: center; margin-left: -13.0px; margin-bottom: -10px;}
/ Настройка Текста Кнопки [ МИКС YOUTUBE ] */
#overlay-text.ytd-call-to-action-button-renderer {
padding: 0 10px 0 4px; font-size: 1.3rem; font-weight: 500;
letter-spacing: 0.007px; text-transform: uppercase;}
/* Максимальный размер Карточки по высоте */
#hero-image > .ytd-watch-card-hero-video-renderer {max-height: 286px;}
/* Одиночное Видео в Поиске - Справа /
/ Картинка Одиночного Видео*/
ytd-single-hero-image-renderer {
max-width: 286px; /386px;/
position: relative;
margin-left: auto;
margin-right: auto;
overflow: hidden;
display: block;
height: 158px; /216px;/
width: 286px;} /386px;/
/* Затенение Одиночного Видео*/
.title-fade.ytd-watch-card-hero-video-renderer {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
bottom: 0;
box-sizing: border-box;
padding:50px 11px 2px; /100px 16px 16px;/
position: inherit;
width: inherit;
color: var(--yt-spec-static-overlay-text-primary);
max-height: 158px;}
/* Размеры шрифта Заголовка и информации Одиночного Видео /
#watch-card-title.ytd-watch-card-hero-video-renderer {font-size: 1.4rem !important;} / заголовок /
#watch-card-subtitle.ytd-watch-card-hero-video-renderer {font-size: 1.1rem !important;} / информация /
/ Счётчик времени на Одиночном Видео */
ytd-thumbnail-overlay-time-status-renderer[overlay-type=WATCH_CARD_HERO] {
margin: 6px; padding: 6px; z-index: 1;}
/* Общий размер Шрифтов для всей колонки Карточек (Названия Видео и Каналов) [в Поиске - Справа] /
.metadata.ytd-watch-card-compact-video-renderer * {font-size: 1.2rem;}
/ Отсткпы в колонке Карточек [в Поиске - Справа] /
.metadata.ytd-watch-card-compact-video-renderer {
padding: 0 0px 0 0px; /0 16px 0 8px;/
cursor: pointer;
display: flex;
flex-direction: column;}
/ параметры строки Названия Каналов в колонке Карточек [в Поиске - Справа] /
.subtitle.ytd-watch-card-compact-video-renderer {
color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary));
font-size: var(--ytd-thumbnail-attribution_-_font-size);
font-weight: bold; / var(--ytd-thumbnail-attribution_-font-weight) */
line-height: var(--ytd-thumbnail-attribution-line-height);
letter-spacing: var(--ytd-thumbnail-attribution-letter-spacing);
text-transform: var(--ytd-thumbnail-attribution-text-transform);}
/* параметры строки Количества Просмотров и Даты публикации в колонке Карточек [в Поиске - Справа] /
ytd-watch-card-compact-video-renderer[is-condensed] .subtitle.ytd-watch-card-compact-video-renderer {
--yt-endpoint-color: var(--yt-spec-text-secondary);
color: var(--yt-spec-text-secondary);
font-size: 1.2rem; / var(--ytd-thumbnail-attribution-font-size) */
font-weight: var(--ytd-thumbnail-attribution-font-weight);
line-height: var(--ytd-thumbnail-attribution-line-height);
letter-spacing: var(--ytd-thumbnail-attribution-letter-spacing);
text-transform: var(--ytd-thumbnail-attribution-_text-transform);}
/* "Показать все" - настройка: в колонке Карточек [в Поиске - Справа] /
#view-all-endpoint.yt-simple-endpoint.ytd-vertical-watch-card-list-renderer {
padding: 16px 0;
border-bottom: 1px solid var(--yt-spec-10-percent-layer);
text-transform: none; / uppercase /
max-height: var(--yt-link-line-height, 1.6rem);
white-space: nowrap;
overflow: hidden;
font-size: var(--yt-link-font-size, 1.4rem) !important; / var(--yt-link-font-size, 1.4rem)*/
font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem);
letter-spacing: var(--yt-link-letter-spacing, normal);
display: flex;
flex-direction: row;
align-items: center;
}
/* Размер Превью в Правой половине "collage-hero" */
yt-img-shadow.ytd-collage-hero-image-renderer.no-transition {height: 77.5px; width: 123px;}
/* Ширина блока для Альбомов */
ytd-horizontal-card-list-renderer.ytd-watch-card-section-sequence-renderer {width: 286px; -o-overflow: auto;}
/* Позицианирование Кнопки [НАПОМНИТЬ] в разделе "Поиск" /
#buttons.ytd-video-renderer {margin-left: -6.5px;} / div#buttons.ytd-video-renderer */
}
@-moz-document domain("youtube.com") {
/* раздел: " ВИДЕОИГРЫ(Gaming) " */
/* Кнопки промотки контента в разделах: Gaming*/
.ytd-horizontal-card-list-renderer[arrow] {
cursor: pointer;
width: 34px;
height: 50px;
-o-font-size: 2.5rem ! important;
border-radius: 24px;
background-color: var(--yt-spec-brand-background-solid);
color: var(--yt-spec-icon-inactive);
margin: 9px 0px 0px 0px;
padding: 11px 0px 0px 0px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 1px rgba(227, 227, 227, .1);}
/* КОМПЕНСАТОР: сдвига элементов возникающий из за стилизации элемента: "Запросы, похожие на... [Дополнительный]" */
ytd-grid-video-renderer.ytd-horizontal-card-list-renderer {
padding-right: 4px; /old: 10px/
vertical-align: top;
display: inline-block;
width: 210px; /def: 210px/
position: relative; left: -6px;
-o-margin-left: -6px; /old/
margin-bottom: 24px;}
/* Заголовки в разделе: Gaming - позицианированипе /
#header.ytd-horizontal-card-list-renderer {
flex: 1;
flex-basis: 1e-9px;
padding: 0px 0px 0px 0.0px;} / 6.5px */
/* Отступ сверху Заголовков в разделе: Gaming */
ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child {
padding-top: 0px;}
/* Заголовки (Рекомендации) в разделе: Gaming - позицианированипе */
#headings.ytd-sort-filter-header-renderer {
flex: 1;
flex-basis: 1e-9px;
padding: 15px 0px 4px 6px;}
/* Размер Постеров в разделе: Gaming */
yt-img-shadow.ytd-game-details-renderer {
width: 200px; /*def: 207; */
height: 276px; /*def: 286px; */
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* Подгонка постеров по заполнению рамки в разделе: Gaming /
yt-img-shadow[object-fit="COVER"] img.yt-img-shadow {
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover; / cover; - Def: Подогнать под контур сохраняя пропорции и обрезав лишее*/
-o-object-fit: scale-down; /* Уменьшить по одной из сторон до размеров контура сохраняя пропорции /
-o-object-fit: contain; / Пазместить внутри контура сохраняя пропорции /
-o-object-fit: fill;} / Растянуть заполнив контур */
/* Центровка ВСЕЙ колонки Постеров в разделе: Gaming /
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF][has-game-card] #items.ytd-horizontal-card-list-renderer {
display: inline-flex;
margin-left: -6px; /-5.5px*/
padding: 0px 0px 0px 0px;}
/* Расстояние между Постерами по горизонтали и отсупом снизу названия в разделе: Gaming /
ytd-game-card-renderer.ytd-horizontal-card-list-renderer {
padding-right: 14.00px;
width: 200px; / 207; длжен быть равным width: в yt-img-shadow.ytd-game-details-renderer */
margin-bottom: 24px;}
/* Вкладка "ещё" в разделе: Gaming - Отступ Постеров Слева и Сверху */
.yt-simple-endpoint.ytd-game-details-renderer {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
top: 8px;
margin-left: 7px;}
/* Вкладка "ещё" в разделе: Gaming - Темы в Сетке Игр */
ytd-grid-channel-renderer.ytd-grid-renderer {margin-top: 8px;}
/* ¶™™™™™™™™™™™™™ Стилизация Верхнего МЕНЮ информации об игре: ™™™™™™™™™™™™™™¶
¶ Главная, В Эфире, Недавние, Обзор, Летсплеи, Официальные Видео, Об Игре ¶ */
/* Цвет выделителей, Параметры Шрифтов и Отступы в МЕНЮ */
/* новое 2021 */
tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer {
text-transform: none; --paper-tabs-selection-bar-color: #f00;
--paper-tabs-selection-bar_-_border-bottom-width: 3px;
position: relative; box-sizing: border-box; height: 48px; margin: auto;
max-width: 100%; padding-bottom: 1px; color: var(--yt-spec-text-secondary);
font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight);
letter-spacing: var(--ytd-tab-system_-_letter-spacing);}
/* Компановка Элементов МЕНЮ */
tp-yt-paper-tab.ytd-interactive-tabbed-header-renderer {padding: 0 11px;vertical-align: middle;} /* новое 2021 */
paper-tab.ytd-interactive-tabbed-header-renderer {padding: 0 11px; vertical-align: middle;}
/* Скрытие элементов Прокрутки Верхнего МЕНЮ информации об игре */
.ytd-interactive-tabbed-header-renderer paper-icon-button.paper-tabs {-o-visibility: hidden; opacity: 0;} /*старое*/
/* Скрытие элементов Прокрутки Верхнего МЕНЮ информации об игре - отображать скрытые (если они есть) при наведении курсора */
.ytd-interactive-tabbed-header-renderer paper-icon-button.paper-tabs:hover {-o-visibility: hidden; opacity: 0.5;} /*старое*/
/* бордюр под Красным меню в Играх на странице Игры */
#tabs-inner-container.ytd-interactive-tabbed-header-renderer {
-o-background-color: var(--yt-spec-general-background-a);
box-shadow: 0px 1px 3px -1.5px var(--ytd-searchbox-legacy-button-border-color);
border-bottom: 1px solid var(--yt-spec-10-percent-layer);}
/* Позицианирование МЕНЮ (про запас) */
#tabsContainer.paper-tabs {padding: 0px 0px 0px 0px; position: relative; height: 100%; white-space: nowrap;
overflow: hidden; overflow-x: hidden; overflow-y: hidden; -o-flex: var(--layout-flex-auto_-_flex)/*держать выключенным*/;}
/flex: var(--layout-flex-auto_-_flex - влияет на отображение Меню Настройки страницы Канала в творческой студии/
/* ¶ ¶
™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™ */
}
@-moz-document domain("youtube.com") {
/* раздел: " Фильмы и шоу " */
/* Размер Постеров Фильмов в разделе: Фильмы и шоу */
ytd-thumbnail.ytd-grid-movie-renderer {
height: 290px; /def: 302px/
width: 202px; /def: 210px/
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* Ширина Сетки Фильмов и её смещение Вправо и Вниз в разделе: Фильмы и шоу */
ytd-grid-movie-renderer {
display: inline-block;
width: 210px; /210px/
position: relative;
left: 6px;
top: 3px;}
/* Оформление Бэйджа - "Купить или взять в Аренду" */
.badge-style-type-ypc.ytd-badge-supported-renderer {
background: var(--yt-spec-badge-chip-background);
color: var(--yt-spec-themed-green);
box-shadow: 0px 0px 3px 0px rgb(85, 102, 136);}
}
@-moz-document domain("youtube.com") {
/* раздел: " Yutube Music " - youtube.com/music */
/* центровка горизонтального списка "Радиостанций" */
.flex-container.ytd-compact-station-renderer {
background-color: var(--yt-playlist-background-item);
margin-left: 5px;
width: 312px; /def 317px; , 312px моё/
display: flex; flex-direction: row;
-o-border: 1px solid #eaeaea;
-o-box-shadow: inset 0px 0px 0px 1px #eaeaea;}
/* дополнительные ограничители (отступы) между контентом по бокам в горизонтальных списках Видео
(или Музыки) на каналах и в Разделе "Музыка" */
[page-subtype=channels] .ytd-item-section-renderer .ytd-shelf-renderer:after {
display: block; content:""; position: absolute; top: 0; right: 0; height: 100%; width: 5px;
background: var(--yt-spec-brand-background-primary) /var(--yt-spec-brand-background-primary)/; z-index: 1;}
[page-subtype=channels] .ytd-item-section-renderer .ytd-shelf-renderer:before {
display: block; content:""; position: absolute; top: 0; left: 0; height: 100%; width: 5px;
background: var(--yt-spec-brand-background-primary) /var(--yt-spec-brand-background-primary)/; z-index: 1;}
/* Верхнее Меню Размела "Музыка" доп. параметры /
/ новое 2021 /
tp-yt-paper-tab.ytd-topic-channel-details-renderer {
padding: 0 11px;
vertical-align: middle;
font-size: 1.3rem;
text-transform: none;}
/ Верхнее Меню Размела "Музыка" доп. параметры /
/ новое 2021 */
tp-yt-paper-tabs.ytd-topic-channel-details-renderer {
--paper-tabs-selection-bar-color: #f00; /var(--yt-spec-text-secondary)/
--paper-tabs-selection-bar_-_border-bottom-width: 3px;}
/* Скрытие элементов прокрутки меню Размела "Музыка" /
paper-icon-button.paper-tabs {
width: 48px;
height: 48px;
padding: 12px;
margin: 0 4px;
opacity: 0;}
/ Скрытие элементов прокрутки меню Размела "Музыка" - отображать скрытые (если они есть) при наведении курсора */
paper-icon-button.paper-tabs:hover {
width: 48px;
height: 48px;
padding: 12px;
margin: 0 4px;
opacity: 0.8;}
/* Центровка Плейлистов "Yutube Music" - на Странице с Видео - зона: RU /
ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer {
margin-top: 16px; margin-left: 10px; margin-bottom: 0px; -o-padding-bottom: 0px;}
/ Центровка Плейлистов "Yutube Music" - на Странице с Видео - зона: ENG */
ytd-compact-playlist-renderer.ytd-item-section-renderer {margin-top: 16px; margin-left: 10px; padding-bottom: 0px;}
/* Контур - Плейлистов "Yutube Music" - на Странице с Видео /
ytd-compact-playlist-renderer:not([watch-feed-big-thumbs]) ytd-playlist-thumbnail.ytd-compact-playlist-renderer {
margin-right: 8px; height: 94px; width: 168px; box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ подгонка Обложек Плейлистов "Yutube Music" - на Странице с Видео (при сильном увеличении значения влияет на прочие изображения) ([]) */
yt-img-shadow.ytd-playlist-custom-thumbnail-renderer.no-transition:after {margin-left: 94.3px /98.5px/; content: " ";}
}
@-moz-document domain("youtube.com") {
/* раздел: " YouTube(premium) */
/* компенсация Сдвига рекламных элементов: "YouTube Music Premium" /
yt-music-pass-small-feature-info-renderer.ytd-grid-renderer {
margin-top: 63px; / Отступ от ВСЕХ элементов Сверху 64*/
margin-bottom: 59px; /* Отступ от ВСЕХ элементов Снизу 64*/
margin-left: 0px;} /* Сдвиг ПРАВОГО элемента 150*/
/* компенсация Сдвига рекламных элементов: "Нет рекламы/фоновый режим", "Офлайн-режим", "YouTube Music Premium" /
yt-music-pass-small-feature-info-renderer.ytd-grid-renderer:not(:last-child) {
margin-right: 24px; / Сдвиг СРЕДНЕГО элемента + сдвиг всей линии! -126*/
margin-left: 0px;} /* Сдвиг ЛЕВОГО элемента + сдвиг всей линии 150*/
/* Специальные предложения YouTube: youtube.com/paid_memberships?ybp=mAEK /
/ Специальные предложения YouTube - Заголовок */
yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_14"]{margin-top: var(--ytd-margin-14x); margin-left: 6px;}
/* Специальные предложения YouTube - Итемы */
yt-offer-item-renderer {margin-left: 6px; /test/
display: inline-block; max-width: 221px;
margin-right: 12px; /18px/ vertical-align: top;
margin-bottom: var(--ytd-margin-3x);}
}
@-moz-document domain("youtube.com") {
/* изменение ЦВЕТА */
/* цвет шапки /
/ -o-#container.ytd-masthead {background-color: #fff ; -o-border-right: 1px solid var(--yt-spec-10-percent-layer);} */
/* цвет иконки Меню '=' /
#guide-icon {color: #989898 !important;}
/ цвет иконки Загрузки видео и Сервисов */
#button.ytd-topbar-menu-button-renderer {color: #989898 !important;} /MODERN-Chrome/
.yt-icon-button-4, .yt-icon-button-2 button.yt-icon-button {color: #989898 !important;} /OLD-Chrome/
#voice-search-button.ytd-masthead .ytd-masthead[is-icon-button] {color: #989898 !important;} /OLD-FF/
-o-ytd-button-renderer[is-icon-button][has-no-text] {color: #989898 !important;} /OLD-FF v2/
#voice-search-button.ytd-masthead .ytd-masthead[is-icon-button], #buttons.ytd-masthead .ytd-masthead[is-icon-button] {color: #989898;} /OLD-FF v3/
/* цвет иконки колокольчика */
#button.ytd-notification-topbar-button-renderer {color: #808080 !important;}
/* варианты поиска - цвет верхнего контура ".gstl_50.sbdd_a" + отступ сверху */
.sbsb_a {box-shadow: inset 0 1px 0 0 rgb(204, 204, 204)!important; margin-top: 1px;}
[dark] .sbsb_a {box-shadow: inset 0 1px 0 0 rgb(204, 204, 204) !important; margin-top: 1px;}
/* цвет поля поиска /
-o-#container.ytd-searchbox {-o-background-color: rgba(255, 255, 255, .06) !important; border-color: rgba(111, 110, 110, .4) !important;
-o-border: 1px solid #1c62b9; box-shadow: inset 0px 0px 0px 0px var(--ytd-searchbox-legacy-border-shadow-color);}
/ background-color: #fff !important; border-color: #CCCCCC !important; */
/* цвет поля поиска - КНОПКА /
-o-#search-icon-legacy.ytd-searchbox {border-color: rgba(110, 110, 110, .3) !important; background-color: rgba(204, 204, 204, .15) !important;}
/ border-color: #CCCCCC !important; background-color: #F8F8F8 !important; */
/* цвет поля поиска - КНОПКА (подсвеченная)
[v1: border-color: rgba(110, 110, 110, .51) background-color: rgba(204, 204, 204, .26)] */
-o-#search-icon-legacy.ytd-searchbox:hover {border-color: rgba(110, 110, 110, .43) !important; background-color: rgba(187, 187, 187, .19) !important;}
/* Цвет вводимого текста в поле поиска (NEW) */
#container.ytd-searchbox input.ytd-searchbox {color: rgb(100, 100, 100);}
/* Цвет выделения текста и выделенного текста (NEW)/
-o-#container.ytd-searchbox input.ytd-searchbox::selection {
background: rgb(51, 144, 255);/ Цвет фона /
color: #fff;} / Цвет текста */
/* Цвет вводимого текста в АКТИВНОМ Поле Поиска (NEW)*/
#container.ytd-searchbox input[type=text].ytd-searchbox:focus {display: block; content: "";
background-color: rgba(255, 255, 255, 0);
-o-box-shadow: inset 0px 0px 10px 3px rgba(255, 255, 255, .122);
color: #000;}
/* Поле поиска с фокусом (NEW)*/
ytd-searchbox[has-focus] #container.ytd-searchbox {
border: 1px solid #1c62b9 !important;
-o-background: rgba(208, 104, 104, .671) !important;
padding: 0px 3px 0px 4px;
box-shadow: inset 0 1.5px 1px #D4D4D4 /внутренняя тень-контур/, inset 570px 0px 0px 0px rgba(255, 255, 255, .82);} /*534px , 536px */
/* Цвет вводимого текста в поле поиска - старые варианты /
-o-input.ytd-searchbox {color: rgb(145, 145, 145)!important; -o-filter: invert(25%);} / V */
-o-input {color: var(--google-grey-500) !important; -o-filter: invert(0%);}
-o-#container.ytd-searchbox input.ytd-searchbox {color: rgb(128, 128, 128) !important; -o-filter: invert(0%);}
/* цвет иконки Лупы в поле поиска */
yt-icon.ytd-searchbox {fill: #919191 !important; transition-duration: 2ms; transition-timing-function: linear; transition-delay: 0s !important;}
-o-yt-icon.ytd-searchbox {
transform: scale(0.85);
stroke: #919191;
stroke-width: 1.4;}
/* цвет Иконки Лупы в Минимальном после поиска */
yt-icon-button#search-button .ytd-masthead {fill: #989898 !important;}
/* цвет Иконки НАЗАД (<—) в Минимальном после поиска */
yt-icon-button#back-button .ytd-masthead {fill: #989898 !important;}
/* ======= цвет логотипа YouTube ==================== */
/YouTube logo - Красное/
#logo-icon-container > svg > g > g:nth-child(1) > path {fill: #f00 !important;}
/*YouTube - текст в Логотипе [оригинальные Чёрный: var(--yt-spec-static-brand-black) и Белый: var(--yt-spec-wordmark-text)] #212121 /
/ -o-#logo-icon-container.ytd-topbar-logo-renderer #youtube-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer {fill: #212121 ;
-o-stroke: #000000a6; stroke-width: 0.2rem; -o-stroke-linecap: square; -o-stroke-linejoin: miter;} */
/* Цвет Кода Страны (com, ru и тд) /
/ -o-#country-code.ytd-topbar-logo-renderer {color: #606060 !important; /var(--yt-spec-text-secondary)/
/* margin: 0 0 0 2px; -o-filter: invert(30%);} */
/* Цвет Клавиатуры в поле поиска /
ytd-masthead[dark] .gsst_e {filter: invert(60%);} /80%/
/ Цвет Клавиатуры в поле поиска (сокращённый плеер) /
.gsok_a {display: inline-block; height: 11px; line-height: 0; width: 19px; filter: invert(60%);}
/ высота пространства Иконки калвиатуры под высоту Поле поиска */
a.gsst_a {line-height: 22px; margin: 0px 0px 0px 0px; -o-margin: 20px 0px -4px 0px;}
/цвет ников в комментах/
#author-text.yt-simple-endpoint.ytd-comment-renderer {color: #128EE9 !important;}
/* цвет Бэйджа комментария Автора канала */
ytd-author-comment-badge-renderer[creator] {
padding-right: 6px; padding-left: 6px; background-color: #008BEC;}
/* Старый Вариант - отключено*/
/* НОВИНКА - Цвет: СУБТИТРЫ, а также надпись [Ограниченный доступ] у плейлистов в Библиотеке(Истории) + размер и позиционирование */
-o-.badge-style-type-simple.ytd-badge-supported-renderer {color: #676767 !important; background: #f7f6f6 /*#E8E8E8*/ !important;
box-shadow: 0px 0px 0px 1px rgb(204, 204, 204) ; text-transform: uppercase;
padding: 2px 4px 2px 4px; font-size: 1.1rem; margin-left: 5px;}
/* Оформление Бэйджей: [НОВИНКА], [СУБТИТРЫ], [ОГРАНИЧЕННЫЙ ДОСТУП] и тд. /
.badge-style-type-simple.ytd-badge-supported-renderer {color: var(--yt-spec-text-secondary, #676767) !important; background: var(--yt-spec-badge-chip-background, #f7f6f6) /#E8E8E8*/ !important;
box-shadow: 0px 0px 0px 1px rgba(112, 112, 112, .55) /rgb(204, 204, 204)/ ; text-transform: uppercase; padding: 2px 4px 2px 4px; font-size: 1.1rem;}
/* Позиционирование Бэйджей: [СУБТИТРЫ] под видео /
#video-badges.ytd-grid-video-renderer {
margin-top: 4px;
margin-left: 0px;}
/ Позиционирование Бэйджей: [ОГРАНИЧЕННЫЙ ДОСТУП], [НОВИНКА]*/
ytd-badge-supported-renderer.ytd-grid-playlist-renderer {
margin-top: 4px;
margin-left: 5.5px;} /6.5px/
/* Общие параметрый Бэйджа [Сейчас в прямом Эфире] /
.badge.ytd-badge-supported-renderer {
border-radius: 2px;
display: var(--ytd-badge-display, block);
padding: 2px 3px; / 3px 4px; /
white-space: var(--ytd-badge-white-space, inherit);
/ font-size: var(--yt-badge-font-size, 1.0rem); /
font-weight: 500;
line-height: var(--yt-badge-line-height-size, 1.2rem);}
/ Цвет Бэйджа и Размер Шрифта - [Сейчас в прямом Эфире] /
.badge-style-type-live-now.ytd-badge-supported-renderer {
background: transparent;
font-size: 1.0rem;
color: var(--yt-spec-brand-link-text); /var(--yt-spec-brand-link-text);/
border: 1px solid var(--yt-spec-brand-link-text);
-o-box-shadow: inset 0px 0px 0px 1px rgb(255, 0, 0);}
/ отдельное ПОЗИЦИОНИРОВАНИЕ Бэйджа [Сейчас в прямом Эфире] на ГЛАВНОЙ странице /
ytd-badge-supported-renderer.ytd-rich-grid-video-renderer {margin: 3px -6px 0 5.5px;}
/ отдельное ПОЗИЦИОНИРОВАНИЕ Бэйджа [Сейчас в прямом Эфире][360°] на ГЛАВНОЙ странице - NEW /
ytd-badge-supported-renderer.ytd-rich-grid-media {margin: 2px 4px 1px 5.5px;} / X /
.video-badge.ytd-rich-grid-media {margin: 3px 0px 1px 5.5px;} / 4px 4px 0 0; */
/* отдельное ПОЗИЦИОНИРОВАНИЕ Бэйджа [Сейчас в прямом Эфире] в Разделе ПОДПИСКИ (отступ Сверху) */
#video-badges.ytd-grid-video-renderer {margin-top: 4px; -o-margin-left: 0px;}
/* Бэйдж - [НОВИНКА] в правой колонке Видео на вкладке с Видео (позицианирование) */
ytd-badge-supported-renderer.badges.ytd-compact-video-renderer {position: relative; top: 2px;}
/* отдельное ПОЗИЦИОНИРОВАНИЕ Бэйджа [Сейчас в прямом Эфире] в Разделе ПОДПИСКИ (запасной вариант - Отключаю) */
-o-ytd-badge-supported-renderer.ytd-grid-video-renderer {margin-right: 8px;}
/* кнопка [НАПОМНИТЬ] /
ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {
background-color: var(--yt-button-compact-background-color, var(--yt-opalescence-soft-grey));
color: var(--yt-button-compact-text-color, var(--yt-luna-black-opacity-lighten-2));
margin-left: 5.5px;
padding: 0px 0px 0px 0px;
font-size: 1.1rem ; / 1.2rem */
text-transform: uppercase;
box-shadow: inset 0px 0px 0px 1px rgba(154, 154, 154, .4);} /rgb(204, 204, 204)/
[mini-mode] ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {
background-color: var(--yt-button-compact-background-color, var(--yt-opalescence-soft-grey));
color: var(--yt-button-compact-text-color, var(--yt-luna-black-opacity-lighten-2));
margin-left: 5.5px;
padding: 0px 0px 0px 0px;
font-size: 1.0rem ;
text-transform: uppercase;
box-shadow: inset 0px 0px 0px 1px rgba(154, 154, 154, .4);} /rgb(204, 204, 204)/
/* кнопка [НАПОМНИТЬ] сырой вариант - ОТКЛЮЧЕНО */
-o-ytd-toggle-button-renderer {
padding: 0px 0px 0px 0px;
font-size: 1.2rem ;
box-shadow: inset 0px 0px 0px 1px rgb(204, 204, 204); /*rgb(204, 204, 204)*/
text-transform: uppercase;
vertical-align: middle;}
/*цвет названия видео - Главная - NEW */
#video-title.ytd-rich-grid-media {color: #167AC6 !important;}
[dark] #video-title.ytd-rich-grid-media {color: #3ea6ff !important;}
/цвет названия видео - Главная (Старый - перестало работать после обновления Ютуба)/
#video-title.ytd-rich-grid-video-renderer {color: #167AC6 !important;}
[dark] #video-title.ytd-rich-grid-video-renderer {color: #3ea6ff !important;}
/* цвет названия видео - подписки и каналы /
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer {color: #167AC6 !important;}
[dark] ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer {color: #3ea6ff !important;}
/ цвет названия видео - в тренде*/
#video-title.ytd-video-renderer {color: #167AC6 !important;}
[dark] #video-title.ytd-video-renderer {color: #3ea6ff !important;}
/* цвет названия Плейлистов */
#video-title.ytd-grid-playlist-renderer {color: #167AC6 !important;}
[dark] #video-title.ytd-grid-playlist-renderer {color: #3ea6ff !important;}
/* ЦВЕТ названия Плейлиста и параметры Шрифта в разделе; ПОИСК /
#video-title.ytd-playlist-renderer {
font-size: 1.4rem; /(--yt-navbar-title-font-size, 1.8rem);*/
font-weight: 400;color: #167AC6;}
[dark] #video-title.ytd-playlist-renderer {color: #3ea6ff;}
/* ТОЛЬКО ЦВЕТ названия Плейлиста в разделе; ПОИСК */
-o-h3.ytd-playlist-renderer {color: #c62525;}
/Старые браузеры - этот канал интересен тем, кто смотрит: - Прозрачность/
.ytd-thumbnail-overlay-endorsement-renderer-1 {background-color: rgba(0, 0, 0, .39); color: rgb(255, 255, 255); padding: 0px 3px 4px 3px; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000 !important; font-size: 1.1rem;}
/Новые браузеры - этот канал интересен тем, кто смотрит: - Прозрачность/
ytd-thumbnail-overlay-endorsement-renderer {background-color: rgba(0, 0, 0, .39); color: rgb(255, 255, 255); padding: 0px 3px 4px 3px; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000 !important; font-size: 1.1rem;}
/цвет Бэкграунда на каналах/
ytd-browse[page-subtype=channels] {
background: var(--yt-spec-general-background-b , #F1F1F1) !important;}
/цвет Бэкграунда в Тренадах, Подписках, Библиотеке(Истории), на Главной странице/
ytd-browse {background: var(--yt-spec-general-background-b , #F1F1F1) !important;}
/цвет Бэкграунда вообще ВЕЗДЕ - тестовый цвет!!!/
-o-ytd-page-manager > *.ytd-page-manager {background: #60bbc1 !important;}
/Цвет Бэкграунда на Страницас с Видео - столб посередине/
-o-ytd-watch-flexy[flexy_][is-two-columns_] #columns.ytd-watch-flexy {background: #998383 !important;}
/Цвет Бэкграунда на Страницас с Видео v2 - всё пространство/
ytd-page-manager > *.ytd-page-manager {background: var(--yt-spec-general-background-b , #F1F1F1) !important;}
/* Дополнительный Цвет Бэкграунда в разных меню (Снизу) */
ytd-app {background: var(--yt-spec-general-background-b , #F1F1F1) !important;}
}
@-moz-document domain("youtube.com") {
/* ОБЩЕЕ */
/* Размер Логотипа YouTube /
/ 100px 30px; - дефолт в Старом Дизайне YouTube */
-o-#logo-icon-container.ytd-topbar-logo-renderer {
width: 100px; /def: 80/
height: 30px; /def: 24/
flex: none;}
/* Перенести Аватар ВАШЕГО канала вверх */
-o-a.yt-simple-endpoint.style-scope.ytd-channel-avatar-editor
{padding:0px 0px 0px 76px !important; z-index: 1; position: fixed; top: 0px !important; left: 0px !important;}
/* __
| |
===== |^v| Скроллбар для всего Ютуба (Тёмная и Светлая темы) ==================================
|__| /
/ Установка Самого Скроллбара (13px в итоге дают 11px)*/
::-webkit-scrollbar {width: 11px; height: 11px;} /1.3em, 13px/
body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar {width: 11px;}
/* Ползунок Скроллбара /
::-webkit-scrollbar-thumb {background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 0.3px rgba(45, 45, 45, .11);}
body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar-thumb {background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 0px rgba(45, 45, 45, .11); border-radius: 0px !important;}
/ Путь Скроллбара*/
::-webkit-scrollbar-track {background: rgba(138, 138, 138, .16); -o-box-shadow: inset 0 0 0 0.3px rgba(164, 163, 163, .41);}
/* стрелки промотки вверх и вниз Скроллбара */
-o-::-webkit-scrollbar-button {height: 14px; background: var(--yt-opalescence-grey-opacity-lighten-3);
border: 1px solid var(--yt-opalescence-grey-opacity-lighten-4);}
/* Скроллбара плейлиста */
ytd-playlist-sidebar-renderer[standardized-themed-scrollbar]::-webkit-scrollbar {width: 10px;}
ytd-playlist-sidebar-renderer[standardized-themed-scrollbar]::-webkit-scrollbar-thumb {background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 0px rgba(45, 45, 45, .11); border-radius: 0px !important; overflow-y: auto;}
/* точка пересечения Скроллбаров */
::-webkit-scrollbar-corner {width: 13px; height: 13px; background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 1px rgba(26, 26, 26, .11);}
/* Подсвечивание Ползука при наведении курсора Мыши */
::-webkit-scrollbar-thumb:hover {background: rgba(155, 155, 155, .58);}
body:not(.style-scope)[themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar-thumb:hover
{background: rgba(155, 155, 155, .58);}
body:not(.style-scope)[standardized-themed-scrollbar]:not(.style-scope):not([no-y-overflow]):not(.style-scope)::-webkit-scrollbar-thumb:hover
{background: rgba(155, 155, 155, .58);}
/размер Скроллбара в Гид Меню/
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar {width: 8px;
box-shadow: inset -0.5px 0 0 0px rgba(45, 45, 45, .18)}
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar:hover {width: 8px;}
/скроллбар Гид меню не подсвеченный/
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar-thumb {
background: rgba(155, 155, 155, .15); box-shadow: inset 0px 0px 0px 0.3px rgba(45, 45, 45, .11);
border-radius: 0px !important; -o-opacity: 0;}
/скроллбар Гид меню подсвеченный/
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:hover {
background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 0px rgba(45, 45, 45, .11);
border-radius: 0px !important;}
/скроллбар Гид меню подсвеченный - активное меню/
ytd-app[standardized-themed-scrollbar] #guide-inner-content.ytd-app:hover::-webkit-scrollbar-thumb{
background: rgba(155, 155, 155, .34); box-shadow: inset 0 0 0 0px rgba(45, 45, 45, .11);
border-radius: 0px !important;}
/* =============================================================================================== */
/* V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/* Отметки просмотренных Видео (V) /
/ обычное состояние (V) /
ytd-thumbnail-overlay-resume-playback-renderer:after {
content: url("https://vk.com/emoji/e/e29c94.png");
filter: contrast(350%);
border-radius: 0px 0px 60% 0px / 0px 0px 100% 0px;
position: absolute;
top: 0;
left: 0;
margin-top: -55.005%;
margin-right: 0px;
color: var(--yt-spec-static-brand-white); /var(--yt-spec-static-brand-white)/
background-color: rgba(0, 0, 0, .7); /var(--yt-spec-static-overlay-background-heavy)/
-o-padding: 0.2em 0.15em 0.03em 0.01em;
padding: 3.7px 1% 2.3px 0.1%;
height: auto;
max-height: 17px;
letter-spacing: 0.6px/0.5px/;
font-size: 1.1rem;
font-weight: var(--ytd-badge_-font-weight);
line-height: var(--ytd-badge-_line-height);
flex-direction: row;
align-items: center;
text-align: center; / Выравнивание по центру */
display: block;
width: 14%;
min-width: 16px;
-o-overflow: hidden;
-o-height: 100%;
text-transform: lowercase;
transition: opacity 0.3s;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;}
/* подсвеченное состояние (V) */
ytd-thumbnail-overlay-resume-playback-renderer:hover:after {
content: url("https://vk.com/emoji/e/e29c94.png");
filter: contrast(350%);
opacity: 0;
border-radius: 0px 0px 60% 0px / 0px 0px 100% 0px;
position: absolute;
top: 0;
left: 0;
margin-top: -55.005%;
margin-right: 0px;
color: var(--yt-spec-static-brand-white); /var(--yt-spec-static-brand-white)/
background-color: rgba(0, 0, 0, .7); /var(--yt-spec-static-overlay-background-heavy)/
-o-padding: 0.2em 0.15em 0.03em 0.01em;
padding: 3.7px 1% 2.3px 0.1%;
height: auto;
max-height: 17px;
letter-spacing: 0.6px/0.5px/;
font-size: 1.1rem;
font-weight: var(--ytd-badge_-font-weight);
line-height: var(--ytd-badge-_line-height);
flex-direction: row;
display: block;
width: 14%;
min-width: 16px;}
/* V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® /
/ ™™™™™™™ Настройка Меню: - "Сохранить в... " ™™™™™™™ /
/ Ширина Скроллбара в Меню: - "Сохранить в... " */
#playlists.ytd-add-to-playlist-renderer.scrollable::-webkit-scrollbar {width: 14px !important;}
.ytd-add-to-playlist-renderer::-webkit-scrollbar {width: 14px !important;}
/* Ширана Меню: - "Сохранить в... " /
#playlists.ytd-add-to-playlist-renderer {max-height: 300px; max-width: 600px; width: 286px;} / Ширина Меню /
/ ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* #™™™™™™™™™™™™™™™™™™ Следующее Видео ™™™™™™™™™™™™™™™™™™# /
/ v1 url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png)
v2 url(https://i114.fastpic.ru/big/2020/1229/f6/adc9217d94819e25855a2f9484fc6af6.png)
/
/ Пометка "Следующее Видео" (Next —>) /
/ arrow-right-f09f949-!!! /
/ Зона RU /
ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Next " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);
/ -o-filter: invert(0.5) brightness(80%); /
filter: invert(0.0) brightness(80%);
margin: 0px 0px 0px 0px;
position: relative; left: 10px; top: -2px;
display: block;
color: rgb(128, 128, 128); / var(--yt-spec-text-secondary) */
font-size: 1.3rem;
font-weight: 400 !important;
padding: 0px 0px 7px 0px !important;
height: 26px;
width: auto;}
/* Доп Настройка зона РУ-ЕНГ */
.ytd-watch-next-secondary-results-renderer:first-child
{ -o-background-color: red;
display: block;
padding-top: 8px;
padding-bottom: 17px;
-o-border-bottom: 1px solid var(--yt-spec-10-percent-layer);
margin-bottom: 0px;}
/* ENG - Первое Видео в правой колонке - бордюр внизу первог овидео /
ytd-compact-video-renderer.ytd-item-section-renderer.style-scope:nth-of-type(1)
{border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding-bottom: 15px;}
/ RU - Первое Видео в правой колонке - бордюр внизу первог овидео */
ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:nth-of-type(1)
{border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding-bottom: 15px;}
/* Зона ENG /
ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before
{content: "Next " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);
/ -o-filter: invert(0.5) brightness(80%); /
filter: invert(0.0) brightness(80%);
margin: 0px 0px 0px 0px;
position: relative; left: 10px; top: 7px;
display: block;
color: rgb(128, 128, 128); / var(--yt-spec-text-secondary) */
font-size: 1.3rem;
font-weight: 400 !important;
padding: 0px 0px 0px 0px !important;
height: 26px;
width: auto;}
/* Локализация зона RU /
:lang(ru) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Следующее " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /русский/
:lang(uk) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Наступне " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /украинский/
:lang(be) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Наступнае " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /белорусский/
:lang(en) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Up next " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /английский/
:lang(de) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Folgende " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /германский/
:lang(el) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "ЕПОМЕNО " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /греческий/
:lang(fr) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "Suivant " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /французский/
:lang(ja) ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not(:nth-child(2)):nth-of-type(1):before
{content: "\4EE5 \4E0B " url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} /японский/
/ https://r12a.github.io/app-conversion/ */
/* Локализация зона ENG /
:lang(ru) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Следующее " /русский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(uk) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Наступне " /украинский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(be) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Наступнае " /белорусский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(en) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Up next " /английский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(de) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Folgende " /германский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(el) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "ЕПОМЕNО " /греческий/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(fr) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "Suivant " /французский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);}
:lang(ja) ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer:before {content: "\4EE5 \4E0B " /японский/ url(https://i114.fastpic.ru/big/2020/1217/84/1706b50a545778f90a56296079637784.png);} / https://r12a.github.io/app-conversion/ */
/* # # /
/ ™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™ */
/* Название Канала (Ник Автора) под Видео на вкладке с Видео (позицианирование) /
ytd-channel-name#channel-name.ytd-video-owner-renderer {margin-top: -10px;/-16px*/
font-size: 1.399rem /test/;}
/* толщина шрифта названия каналов */
#container.ytd-channel-name {display: var(--ytd-channel-name-container-display, inline-block); overflow: hidden; font-weight: bold;}
/размер Толстого шрифта/
-o-#text .yt-formatted-string.yt-simple-endpoint {font-size: 14px; -o-color: #c7c7c7; -o-font-family: 'Arial',sans-serif !important;}
-o-[page-subtype=home] #text .yt-formatted-string.yt-simple-endpoint {font-size: 13px;} /на главной/
-o-[page-subtype=home] [mini-mode] #text .yt-formatted-string.yt-simple-endpoint {font-size: 12px;} /на главной МИНИ мод/
/* толщина шрифта счётчика просмотров + размер*/
span.ytd-video-view-count-renderer {color: rgb(102, 102, 102); font-weight: bold !important ; font-size: 1.2rem;}
/* размер Шрифта - даты публикации ролика */
#date.ytd-video-primary-info-renderer { font-size: 1.2rem; color: var(--yt-spec-text-secondary);
font-weight: var(--ytd-user-comment_-font-weight); line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);}
/* Квадратная иконка Количества видео по оповещениям на Колокольчике и Цвет иконки /
#notification-count.ytd-notification-topbar-button-renderer {position: absolute; top: 3px; right: 0px;
border: 0px solid / var(--yt-spec-brand-background-primary)*/ !important; color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0); width: 16px !important;/18px/ height: 16px !important;/18px/
/2021+/ min-width: 16px; max-width: 16px; left: 24px; padding: 0 0px !important;
border-radius: 2%; line-height: 16px/18px/; font-size: 11px/10px/;
text-align: center; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .75),
-1.5px 1.5px 1.5px 0px rgba(32, 32, 32, .4), 0px 0px 0px 2px rgba(32, 32, 32, .15) !important;}
/квадратные аватары в комментах/
#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {border-radius: 0% !important;}
/квадратные аватары Автора'ов/
#author-thumbnail {border-radius: 0% !important;}
#avatar {border-radius: 0% !important;}
/* Квадратный Аватар Автора канала во вкладке Сообщество */
#author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer {
width: 40px; height: 40px; margin-right: 16px; background-color: transparent; overflow: hidden;
border-radius: 0%;}
/квадратный аватар Личного Канала/
yt-img-shadow.ytd-channel-avatar-editor {border-radius: 0% !important;}
/квадратные иконки подписок - mini/
yt-img-shadow.ytd-guide-entry-renderer {border-radius: 0% !important;}
/квадратные иконки подписок - maxi/
yt-img-shadow.ytd-grid-channel-renderer {border-radius: 0% !important;}
/квадратные иконки подписок - www.youtube.com/feed/channels/
yt-img-shadow.ytd-channel-renderer {border-radius: 0% !important;}
/квадратные иконки - Интересные Каналы "избранное канала" - mini/
yt-img-shadow.ytd-mini-channel-renderer {border-radius: 0% !important;}
/* Квадратные Иконки - Лайк Автора*/
#hearted-thumbnail.ytd-creator-heart-renderer {width: 14px; height: 14px; margin: 10px; flex: none;
border-radius: 0%; background-color: transparent; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12);}
/* Квадратные Аватары в ЛайвЧате */
#author-photo.yt-live-chat-text-message-renderer {display: block; margin-right: 16px; overflow: hidden; border-radius: 0%;}
/* сКВАДРАченные Аватары Донатеров в ЛайвЧате (пусть немного отличаются) */
#author-photo.yt-live-chat-paid-message-renderer {
display: block; -o-margin-left: -10px; margin-right: 16px; overflow: hidden; border-radius: 10%;
flex: var(--layout-flex-none_-_flex); width: 40px; height: 40px;}
/* информация */
#copyright:before {background-color: var(--yt-spec-brand-background-primary); display: block; position:
relative; top: 19px; font-size: 1.2rem; content: "Compact Tube (White) by Jakill02 based on style by Funny.";}
/* БОРДЮР между блоками: - убрать все Нижние Бордюры /
/ -o-ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype=history]):not([page-subtype=memberships-and-purchases]):not([page-subtype=ypc-offers]) #contents.ytd-section-list-renderer > *.ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer {border-bottom:0px solid var(--yt-spec-10-percent-layer);} */
/раскрывающий элемент "Ещё" - на Каналах/
yt-formatted-string.ytd-expanded-shelf-contents-renderer
{display: block; margin-top: 10px; margin-bottom: -10px; margin-left: 45%; margin-right: auto;
font-size: 1.3rem; font-weight: 500; letter-spacing: 0.007px; text-transform: capitalize;}
/*раскрывающий элемент "ЕЩЁ" - под Видео - (Old ver.) */
-o-.more-button.ytd-video-secondary-info-renderer, -o-.less-button.ytd-video-secondary-info-renderer
{display: inline-block; margin-top: 5px; position: relative; top: 11px; margin-left: 160px; width: 17.2em /100%/; font-size: 1.1rem;
font-weight: 500; letter-spacing: 0.007px; text-transform: uppercase;
border-top: 1px solid var(--ytd-searchbox-legacy-button-border-color); color: var(--yt-spec-text-secondary) !important;}
/* Общие настройки раскрывающего элемент "ЕЩЁ" - под Видео (New ver.) - [раскрыть][свернуть] /
.more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer
{font-size: 1.1rem; font-weight: 500; letter-spacing: 0.007px; text-transform: uppercase;
position: relative; top: 17px; margin-top: 0px !important;
text-align: center !important;
word-break: keep-all;
box-shadow: inset 0 1px 0 0 var(--yt-spec-10-percent-layer);
/-o-margin-left: var(--ytd-expander-button-margin, -14.3em); /
/-o-width: 29.2em;*/
width: 99.8%;
height: 21px;
display: inline-block;
padding: 4px 0em 4px 0em; /4px 2em 4px 0em;/
align-self: flex-start; color: var(--yt-spec-text-secondary) !important;}
/* additional customization options for "more/less" button by "YouTube Redux" author("the_omnipotent")
https://www.reddit.com/user/_the_omnipotent_/ : - my respect bro. */
#meta.ytd-watch-flexy tp-yt-paper-button#more, #meta.ytd-watch-flexy tp-yt-paper-button#less
{width: 100% !important;}
/* Позицианирование раскрывающего элемент "ЕЩЁ" - под Видео (New ver.) */
-o-ytd-expander.ytd-video-secondary-info-renderer {
-o-box-shadow: inset 0 -1px 0 0 var(--yt-spec-10-percent-layer);
-o-border-bottom: 1px solid var(--yt-spec-10-percent-layer);
margin-left: 10px !important; -o-margin-right: 10px !important;
margin-bottom: 0px;} /11px/
/* Отступ слева до середины Панель для раскрывающего элемент "ЕЩЁ" - под Видео (New ver.) */
-o-tp-yt-paper-button.ytd-expander {
margin: var(--ytd-expander-button-margin, 0);
margin-left: var(--ytd-expander-button-margin, 45.6%); /35%/
text-align: center !important;
padding: 0;
align-self: flex-start;}
/* Центровка надписи "ПОДРОБНЕЕ..." под превью видео на канале в виде Гостя: - v2 */
-o-.ytd-channel-video-player-renderer.more-button > -o-.yt-formatted-string.yt-simple-endpoint
{-o-position: absolute; left: -14em !important; top: 0px !important; bottom: auto !important;
display: block !important;
overflow: hidden !important;
text-align: left !important;
justify-content: left !important;
height: 17px;
width: auto;
margin: -0.0rem auto -2px -92px !important;
-o-border-top: 2.5px solid transparent;
-o-z-index: -1 !important;
-o-background-color: #555;}
/* Раскрывающий элемент : Читать дальше / Свернуть - под Видео - (цвет шрифта) /
-o-.more-button.ytd-comment-renderer, -o-.less-button.ytd-comment-renderer {
text-transform: none;
color: #167AC6; / var(--yt-spec-text-secondary) */
font-size: var(--yt-link-font-size, 1.4rem);
font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem);
letter-spacing: var(--yt-link-letter-spacing, normal);}
-o-[dark] .more-button.ytd-comment-renderer, -o-.less-button.ytd-comment-renderer {color: #3ea6ff;}
/раскрывающий элемент "ЕЩЁ" - в Библиотеке (ИСТОРИИ)/
#show-more-button.ytd-grid-renderer
{margin-bottom: 3px; /DEF: 16px;/ margin-top: -10px; align-self: flex-start;
margin-left: 45%; margin-right: auto; font-size: 1.3rem !important; text-transform: capitalize;}
/******************************** КНОПКИ УПРАВЛЕНИЯ ***********************************/
/* кнопки [НАСТРОИТЬ ВИД КАНАЛА] и [ТВОРЧЕСКАЯ СТУДИЯ]/
/ Размер Шрифта: /
/(применять с осторожностью, много нежелательных побочных эффектов повсюду) /
/ tp-yt-paper-button.ytd-button-renderer - полная строка действует на ВСЁ, это недопустимо*/
ytd-button-renderer {font-size: 1.2rem;} /* var(--yt-paper-button-font-size, inherit); */
/* размер КНОПКИ: /
/(применять с осторожностью, много нежелательных побочных эффектов повсюду) /
/ tp-yt-paper-button.ytd-button-renderer - полная строка действует на ВСЁ, это недопустимо*/
tp-yt-paper-button.ytd-button-renderer {padding: 0.5em 1.2em 0.5em 1.2em;} /var(--yt-button-padding, 0.7em 0.57em);/
/=========================================================================================================/
/* Автовоспроизведение (Кнопка-переключатель) - цвет, позиция, форма - Кнопки*/
/.toggle-button.paper-toggle-button/
.toggle-button.tp-yt-paper-toggle-button {position: absolute; top: 1px; left: 1px; right: auto; height: 12px; width: 12px;
border-radius: 50%; box-shadow: inset 0 0px 0px 0.0px var(--ytd-searchbox-legacy-button-hover-border-color);
transition: transform linear .08s, background-color linear .08s; will-change: transform;
background-color: var(--yt-spec-general-background-a); margin-top: 4px; /test/} /* background-color: var(--paper-toggle-button-unchecked-button-color, var(--paper-grey-50)); /
/ кнопка активная #065fd4 /
tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {
box-shadow: 0 0 0 0.6px var(--paper-toggle-button-checked-button-color);}
/ Автовоспроизведение (Кнопка-переключатель) - цвет Фона /
/.toggle-bar.paper-toggle-button*/
.toggle-bar.tp-yt-paper-toggle-button {position: absolute; height: 100%; width: 85%; border-radius: 8px;
pointer-events: none; opacity: 0.48; transition: background-color linear .08s; background-color: #595959; margin-top: 4px; /test/}
/бэкграудн Активный/
tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button {
box-shadow: inset 0 0 0 1px rgba(128, 128, 128, .5); opacity: 0.6;}
/* цвет и размер шрифтов в Левом меню: "ПОДПИСКИ" и "ДРУГИЕ ВОЗМОЖНОСТИ" /
#guide-section-title.ytd-guide-section-renderer {
color: #f00; font-size: 1.1rem; / var(--ytd-tab-system_-font-size); */
font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing);
text-transform: var(--ytd-tab-system-_text-transform); display: block; padding: 8px 24px;}
/* добавление Верхнего Бордюра в список видео Уведомлений Колокольчика */
ytd-simple-menu-header-renderer {box-shadow: inset 0px 1px 0px 0px var(--yt-spec-10-percent-layer);
-o-border-top: 1px solid var(--yt-spec-10-percent-layer);}
/* добавление Верхнего Бордюра в Меню Пользователя */
ytd-active-account-header-renderer {box-shadow: inset 0px 1px 0px 0px var(--yt-spec-10-percent-layer);
-o-border-top: 1px solid var(--yt-spec-10-percent-layer);}
/* верхний бордюр для меню "Создать" и "Приложения Ютуба" --ytd-searchbox-legacy-button-border-color*/
[dark] #container .ytd-multi-page-menu-renderer:first-child {border-top: 0.04rem solid var(--yt-spec-10-percent-layer);}
/* всплывающее меню: "Смотреть позже" "Добавить в очередь" на Главной Странице,
на Миниатюрах справа на Вкладке с Видео (исправление косяков YouTube) м 2021 /
/ Отступы и Размер Шрифта */
#tooltip.tp-yt-paper-tooltip {
display: block; outline: none;
font-size: 12px; padding: 4px 4px 5px 4px; margin: auto 0px auto 0px !important;
color: var(--paper-tooltip-text-color, white);
background-color: var(--paper-tooltip-background, #616161);
border-radius: 2px; font-weight: var(--paper-tooltip_-font-weight);
line-height: var(--paper-tooltip-line-height, 1);
letter-spacing: var(--paper-tooltip-letter-spacing);
text-transform: var(--paper-tooltip-_text-transform);}
/* Бэйдж - Протяжонность Ролика и указания о состоянии ("скоро премьера", "прямая транстляция") - Настройка */
ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail {
position: absolute; bottom: 0; right: 0; margin: 0px 3px 4px 0px; color: var(--yt-spec-static-brand-white);
background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 3px 4px 4px;
height: 10px; border-radius: 2px; letter-spacing: 0.6px/0.5px/; font-size: 1.1rem;
font-weight: var(--ytd-badge_-font-weight); line-height: var(--ytd-badge-_line-height);
flex-direction: row; align-items: center; display: inline-flex; text-transform: lowercase;}
/* Бэйдж - Титул[коллекция] (на главной тсранице) - Настройка */
.title-badge.ytd-rich-grid-media {margin: -7px 0px 0px 2px !important;}
.badge-style-type-collection.ytd-badge-supported-renderer {
background: none; color: var(--yt-spec-text-secondary); -o-padding: 2px 0 8px 0;
font-size: 1.1rem; font-weight: 500; letter-spacing: 0.007px; text-transform: uppercase;}
/* пометка " ПРОСМОТРЕНО " - Настройка */
yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer {
margin: 4px 0 4px 0px; color: var(--yt-spec-static-brand-white);
background-color: rgba(0, 0, 0, .39); /var(--yt-spec-static-overlay-background-heavy)/
text-shadow: 0px 0px 3px #000, 0px 0px 3px #000 !important; padding: 2px 3px;
height: 12px; border-radius: 2px; letter-spacing: 0.1px; font-size: 1.0rem;
font-weight: var(--ytd-badge_-font-weight); line-height: var(--ytd-badge-_line-height);
flex-direction: row; align-items: center; display: inline-flex; flex: none; text-transform: lowercase;}
/* настройка текста подсвечиваемого Меню - ВОСПРОИЗВЕСТИ ВСЕ для Плейлистов, Миксов, Джемов на страницах с Видео и тд. /
span.ytd-thumbnail-overlay-hover-text-renderer {font-size: 1.2rem; text-align: center; margin-right: 6px;} / текст: "ВОСПРОИЗВЕСТИ ВСЕ" /
-o-yt-icon.ytd-thumbnail-overlay-hover-text-renderer {-o-margin-left: -5px; -o-margin-right: 3px; justify-content: center;} / Иконка: "|>" */
/* Добавить 15px ниже самого последнего видео в колонке видео справа на Вкладке с Видео зона; ENG /
ytd-compact-video-renderer.ytd-item-section-renderer:last-of-type
{margin-bottom: 25px !important;}
/ Добавить 15px ниже самого последнего видео в колонке видео справа на Вкладке с Видео зона; RU */
ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:last-of-type
{margin-bottom: 25px !important;}
/* пространство ниже столбца Видео Справа (отступ для панели задач Виндоус) /
ytd-watch-next-secondary-results-renderer:after {
-o-display: block;
width: auto;
height: 48px;
content: "";
-o-visibility: hidden;
-o-opacity: 0;
-o-z-index: -1;
background: var(--yt-spec-general-background-b); / var(--yt-spec-general-background-b) /
box-shadow: 0px 3px 0px 3px var(--yt-spec-general-background-b); / test #fb0f0f /
border-top: 1px solid var(--yt-spec-10-percent-layer);}
/——————————————————————————————————————————————————————/
/ Бордюр под Последним Видео в Колонке Видео Справа на Вкладке с Видео - Зона: ENG /
/ для " пространство ниже общего Контента - v1 old "
отключать в "пространство ниже столбца Видео Справа" border-top: 1px /
-o-.ytd-watch-next-secondary-results-renderer:last-child:after
{border-top: 1px solid var(--yt-spec-10-percent-layer);}
/——————————————————————————————————————————————————————/
/ Бордюр под Последним Видео в Колонке Видео Справа на Вкладке с Видео - Зона: RU /
/ для " пространство ниже общего Контента - v1 old "
отключать в "пространство ниже столбца Видео Справа" border-top: 1px */
-o-#items.ytd-watch-next-secondary-results-renderer
{border-bottom: 1px solid var(--ytd-searchbox-legacy-button-border-color);}
/* пространство ниже общего Контента (отступ для панели задач Виндоус)
<в Тренде, Подписки, Библиотека(История), Комментарии, Страниы Каналов> - v2 new /
/ ytd-item-section-renderer.ytd-section-list-renderer:last-child:after /
ytd-section-list-renderer:last-child:after {
display: block;
width: auto;
height: 40px; / 40px /
content: " ";
visibility: hidden;
opacity: 0;
background: var(--yt-spec-general-background-b); / var(--yt-spec-general-background-b) /
box-shadow: 0px 3px 0px 3px var(--yt-spec-general-background-b); / test #fb0f0f / / var(--yt-spec-general-background-b) */
border-top: 0px solid var(--yt-spec-10-percent-layer);}
/* пространство ниже общего Контента (отступ для панели задач Виндоус)
<в Тренде, Подписки, Библиотека(История), Комментарии, Страниы Каналов> - v1 old /
-o-ytd-item-section-renderer:last-child:after {
display: block;
width: auto;
height: 40px; / 40px /
content: " ";
background: var(--yt-spec-general-background-b); / var(--yt-spec-general-background-b) /
box-shadow: 0px 3px 0px 3px var(--yt-spec-general-background-b); / test #fb0f0f / / var(--yt-spec-general-background-b) */
border-top: 1px solid var(--yt-spec-10-percent-layer);}
/* пространство ниже Комментов (отступ для панели задач Виндоус) /
/ ytd-comments:last-child:after , ytd-comments:last-of-type:after /
ytd-comments:after {
display: block;
width: auto;
height: 40px; / 40px /
content: "";
-o-visibility: hidden;
-o-opacity: 0;
-o-background: #ff5c00;
background: var(--yt-spec-general-background-b) !important; / var(--yt-spec-general-background-b) /
box-shadow: 0px 3px 0px 3px var(--yt-spec-general-background-b),
0px -1px 0px 0px var(--ytd-searchbox-legacy-button-border-color);
-o-border-top: 1px solid var(--yt-spec-10-percent-layer);}
/ убрать подчёркивание для каналов*/
[page-subtype=channels] ytd-comments:after {
box-shadow: 0px 3px 0px 3px var(--yt-spec-general-background-b),
0px -0px 0px 0px var(--ytd-searchbox-legacy-button-border-color);}
/* Настройка Бэйджа Автора Канала в Комментариях */
ytd-author-comment-badge-renderer {
--ytd-author-comment-badge-name-color: var(--yt-spec-text-primary);
height: 20px;
background-color: var(--ytd-author-comment-badge-background-color);
border-radius: 12px;
margin-bottom: 2px;
max-width: 100%;
box-sizing: border-box;
flex-direction: row;
align-items: center;
display: inline-flex;}
/* позицианирование меню (. . .) на видео (и Справа) (конфликты между зонами RU и ENG) /
ytd-menu-renderer.ytd-compact-video-renderer {
--paper-icon-button_-padding: 0; --paper-icon-button-width: 24px;
--paper-icon-button-_height: 24px; --yt-button-icon-padding: 0;
--yt-button-icon-size: 24px; position: absolute;
top: 7%; /! def. 0 без процентов*/ right: 0;}
/* позицианирование меню (. . .) на видео(Джем/Mix) (и Справа) (конфликты между зонами RU и ENG) /
ytd-menu-renderer.ytd-compact-radio-renderer {
--paper-icon-button_-padding: 0; --paper-icon-button-width: 24px;
--paper-icon-button-_height: 24px; --yt-button-icon-padding: 0;
--yt-button-icon-size: 24px; position: absolute;
top: 9px; /! def. 0 без процентов*/ right: 0;}
/* позицианирование меню (. . .) на видео(Плейлист) (и Справа) (конфликты между зонами RU и ENG) /
ytd-menu-renderer.ytd-compact-playlist-renderer {
--paper-icon-button_-padding: 0; --paper-icon-button-width: 24px;
--paper-icon-button-_height: 24px; --yt-button-icon-padding: 0;
--yt-button-icon-size: 24px; position: absolute;
top: 0px; /! def. 0 без процентов*/ right: 0;}
/* троеточие, исправленире для главной /
ytd-rich-grid-media:not([three-dot-rework]) ytd-menu-renderer.ytd-rich-grid-media {
--paper-icon-button_-padding: 0;
--paper-icon-button-width: 24px;
--paper-icon-button-_height: 24px;
position: absolute;
top: 0;
right: 0;
margin-top: 3px;}
/ троеточие, исправленире для Каналов, Библиотеки и тд /
ytd-grid-video-renderer:not([three-dot-rework]) ytd-menu-renderer.ytd-grid-video-renderer {
--paper-icon-button_-padding: 0;
--paper-icon-button-width: 24px;
--paper-icon-button-_height: 24px;
position: absolute;
top: 0;
right: 0;
margin-top: -3px !important;}
/ троеточие, исправленире Размера для Поиска */
#button.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer {
color: var(--yt-spec-icon-active-other);
width: var(--yt-icon-button-icon-width, 70%);
height: var(--yt-icon-button-icon-height, 70%);}
#button.ytd-menu-renderer yt-icon.ytd-menu-renderer {
color: var(--yt-spec-icon-active-other);
width: var(--yt-icon-button-icon-width, 70%);
height: var(--yt-icon-button-icon-height, 70%);}
}
@-moz-document domain("youtube.com") {
/* ИЗБРАННОЕ КАНАЛА */
/избранное канала - Значки/
yt-img-shadow.ytd-mini-channel-renderer {margin-right: 6px; height: 34px; width: 34px;
box-shadow: 0px 0px 0px 1px rgba(164, 164, 164, .3) /rgba(204, 204, 204, .6)/;} /* - горизонтальный отступ и размер значков*/
/*вертикальный отступ кнопки (Вы подписаны) */
#channel-info.ytd-mini-channel-renderer {margin-bottom: 0px;} /3px;/
/кнопка Подписки (размер), и размер шрифта - ОТКЛЮЧИЛ, использую новый вариант/
-o-ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] tp-yt-paper-button.ytd-subscribe-button-renderer {padding: 2px 7px 2px 7px; font-size: xx-small;}
/вертикальный отступ между блоками Избранных каналов/
#items.ytd-vertical-channel-section-renderer > *.ytd-vertical-channel-section-renderer:not(:first-child) {padding-top: 0px;} /6px;/
/кнопка Подписки - Контур (Большие ?!!!)/
tp-yt-paper-button.ytd-subscribe-button-renderer {border-radius: 2px; box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5) ;/* rgb(204, 204, 204) */}
/кнопка Подписки (ВСЕ ?!!!) - позиционирование - старый вариант, отключено/
-o-tp-yt-paper-button.ytd-subscribe-button-renderer {border-radius: 2px; position: relative; top: -16px; left: 40px;
box-shadow: 0px 0px 0px 1px rgb(204, 204, 204) ;}
/кнопка Подписки (маленькие, в избранных каналах на главной странице канала) - позиционирование, (размер) и размер шрифта/
ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] tp-yt-paper-button.ytd-subscribe-button-renderer {
-o-padding: 4px 8px; /4px 8px/
margin: 0;
position: relative;
top: -15px;
left: 41px;
box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5); /* rgb(204, 204, 204) */
padding: 2px 8px 2px 8px; font-size: 1.1rem;/xx-small;/ text-transform: none;}
/кнопка Подписки (маленькие, в избранных каналах на главной странице канала) - позиционирование, (размер) и размер шрифта/
/* после отпускания Кнопки (кейборд сфокуссиролванная) /
ytd-subscribe-button-renderer[button-style=COMPACT_GRAY][use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer {
-o-padding: 4px 8px; /4px 8px/
margin: 0;
position: relative;
top: -15px;
left: 41px;
box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5); / rgb(204, 204, 204) */
padding: 2px 8px 2px 8px; font-size: 1.1rem;}
/* Заголовок над Маленькми Кнопками Подписки на главной тсранице канала - параметры шрифта /
#title.ytd-vertical-channel-section-renderer {
color: var(--yt-spec-text-secondary);
margin-top: -5px;
margin-bottom: 24px; /24px/
font-size: 1.5rem; /var(--ytd-tab-system_-_font-size)/
font-weight: var(--ytd-tab-system_-font-weight);
letter-spacing: var(--ytd-tab-system-letter-spacing);
text-transform: none;} /*var(--ytd-tab-system-_text-transform)/
/кнопка Колокольчик (ВСЕ ?!!!) - позиционирование/
-o-ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button]
{color: var(--yt-spec-icon-inactive); position: relative; bottom: 16px; left: 37px; -o-box-shadow: 0px 0px 0px 1px rgb(204, 204, 204) ;}
/Ник автора - избранные каналы + позиционирование/
.title.ytd-mini-channel-renderer {max-height: 1.6rem; /1.6rem;/ font-size: 1.3rem; /1.4rem;/
font-weight: 500; line-height: 1.6rem; /1.6rem;/ position: relative; top: -10px; left: 0px;}
/избранное канала - Значки - OLD-Chrome/
/горизонтальный отступ и размер значков - OLD-Chrome/
.ytd-mini-channel-renderer-1 yt-img-shadow.ytd-mini-channel-renderer {margin-right: 6px; height: 34px; width: 34px;}
/*вертикальный отступ кнопки (Вы подписаны) - OLD-Chrome */
.ytd-mini-channel-renderer-1 #channel-info.ytd-mini-channel-renderer {margin-bottom: 3px;}
/кнопка подписки (размер), и размер шрифта - OLD-Chrome/
.ytd-subscribe-button-renderer-1[button-style=COMPACT_GRAY] tp-yt-paper-button.ytd-subscribe-button-renderer
{padding: 2px 7px 2px 7px; font-size: 1.1rem;/x-small;/ text-transform: none;}
/вертикальный отступ между блоками Избранных каналов - OLD-Chrome/
.ytd-vertical-channel-section-renderer-1 #items.ytd-vertical-channel-section-renderer > *.ytd-vertical-channel-section-renderer:not(:first-child) {padding-top: 6px;}
}
@-moz-document domain("youtube.com") {
/* ЦЕНТРОВКА ВИДЕО (позиционирование) */
/расстояние между Плейлистами в "Библиотеке"/
#items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer {
margin-right: 4px; display: inline-block; width: 210px; margin-bottom: 13px;}
/* расстояние между Видео на вкладке "Видео" Канала : margin-top, right, bottom и left (U,R,D,L,) :/
/ [> "margin-right: 3.999px" и "position: relative; left: 0.1px" исправляют баг Ютуба с неравномерностью сетки и как следствие
выпадание крайнего Правого Видео и перестроение Сетки из 6 миниатюр в 5 , поэтому НЕДОПУСТИМО использовать "margin-right: 4px" <]
Вариант номер 2: "margin-right: 3.5px" и "position: relative; left: 1.5px" - прозапас */
#items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer {margin-right: 3.999px; margin-bottom: 13px; width: 210px; position: relative; left: 0.1px;}
/* ПЛЕЙЛИСТЫ горизонтальные */
/размер превью Плейлистов Видео на Канале и позиционирование(в виде Горизонтальной ориентации)/
/* Тестирую новый вариант */
ytd-playlist-thumbnail.ytd-grid-playlist-renderer {width: 202px;/202px/ height: 113.0px;/*114, 118px ? / margin-left: 6px; -o-position: relative; bottom: 0px; left: 0px; -o-max-height: 100%; -o-object-fit: fill; margin-top: 7px; / test / box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ прошлый вариант */
-o-ytd-playlist-thumbnail.ytd-grid-playlist-renderer {width: 97%; margin-left: 5.5px; position: relative; bottom: 0px; left: 0px;}
-o-td-playlist-thumbnail.ytd-grid-playlist-renderer {width: 97%;} /только размер Првью Плейлистов/
/позиционирование Названия Плейлиста + Размер шрифта - под миниатюрой плейлиста на ВКЛАДКЕ Библиотека(История)/
#video-title.ytd-grid-playlist-renderer {max-height: 3.2rem; overflow: hidden; margin-bottom: -8px; margin-top: -3px;/test!/
text-overflow: ellipsis; white-space: normal; margin-left: 6px; font-size: var(--yt-link-font-size, 1.3rem);
font-weight: 500; line-height: var(--ytd-link-line-height, 1.6rem)/1.6rem/; letter-spacing: var(--yt-link-letter-spacing, normal);}
/* Центровка ВСЕХ надписей под Плейлистами и под Видео на ГЛАВНОЙ странице - СМОТРИ в разделе: " ГЛАВНАЯ " !!! */
/¶™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™ БОКОВЫЕ и НИЖНИЕ ПАНЕЛИ на(в) Плейлистах ™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™¶/
/* Фикс пропорций Обложек Плейлистов ([]) V */
#playlist-thumbnails.ytd-playlist-thumbnail * {
width: auto;
height: 100% !important;}
/* боковые Панели на горизонтальных Превью плейлистов: - УМЕНЬШЕНИЕ к правому краю (очень криво) ([]) */
ytd-thumbnail-overlay-side-panel-renderer {-o-width: 41.5% ! important; -o-margin-right: 0px; -o-padding: 0px 0px 0px 0px;
-o-max-height: 100%; -o-font-size: 1.2rem ! important; -o-opacity: 1; max-width: 43.9%;}/max-width: 41.5%/
/* Нижняя Панель под Превью Плейлиста на странице плейлиста ([]) */
/* Значёк "|>" - компенсационное опзиционирование после использования: ytd-thumbnail-overlay-side-panel-renderer /
ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer {
-o-margin-right: -44px;
margin: 0px -44px 0px 0px;}
/ Нижняя Панель под Превью Плейлиста на странице плейлиста ([]) /
/ "Текст ВОСПРОИЗВЕСТИ ВСЕ" - компенсационное опзиционирование после использования: ytd-thumbnail-overlay-side-panel-renderer */
ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-icon.ytd-thumbnail-overlay-side-panel-renderer {
margin: 0px 8px 0px -50px;}
/* Нижняя Панель под Превью Плейлиста на странице плейлиста: ([])
-
компенсацию положения панели после использования: ytd-thumbnail-overlay-side-panel-renderer*/
ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] {
margin: 0px 0px 0px 0px; padding: 0px 101px 0px 101px; /0px 105px 0px 105px/
bottom: 0px; height: 40px;
top: auto; width: 100%;
display: flex; flex-direction: row-reverse;
font-size: var(--ytd-user-comment_-font-size); font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing);}
/* Оригинал "ytd-thumbnail-overlay-side-panel-renderer" - про запас */
-o-ytd-thumbnail-overlay-side-panel-renderer {
position: absolute; right: 0; top: 0; bottom: 0; background-color: var(--yt-spec-static-overlay-background-heavy);
color: var(--yt-spec-static-overlay-text-primary); text-align: center;
font-size: var(--ytd-subheadline-font-size); /* font-size: var(--ytd-subheadline-font-size); */
font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height);
letter-spacing: var(--ytd-subheadline-_letter-spacing); display: flex; /flex/
flex-direction: column; align-items: center; justify-content: center;}
/¶ ¶
/™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™//* ВИДЕО горизонтальные */
/* размер превью ВСЕХ видео в Горизонтальных списках и позиционирование (включая [Главные страницы Каналов, Видео Каналов] Подписки и Библтотеку(Историю) ) /
/ Тестирую новый вариант /
ytd-thumbnail.ytd-grid-video-renderer {width: 202px;/202px/ height: 113px;/114, 118px ? px/ margin-left: 6px; margin-top: 7px; -o-max-height: 100%;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ прошлый вариант */
-o-ytd-thumbnail.ytd-grid-video-renderer {width: 97%; margin-left: 5.5px; margin-top: 7px;}
-o-ytd-thumbnail.ytd-grid-video-renderer {width: 97%;} /*width: 97%*/ /*только размер Првью Видео в виде Горизонтальной ориентации*/
/* центровка ВСЕХ надписей под Горизоньальными списками видео (включая [Каналы: Главная страница Канала, Видео Канала] Подписки и Библтотеку(Историю) ) /
#details.ytd-grid-video-renderer {
cursor: pointer;
display: flex;
flex-direction: column;
-o-position: relative;
-o-top: 7px; / вредно, отключаю */
-o-bottom: 0px;
-o-left: 5px;
margin-left: 6px;
margin-top: 7px;}
/* Прозрачность шкалы процента просмотренности Видео на Миниатюре Видео */
ytd-thumbnail-overlay-resume-playback-renderer {
display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 4px; z-index: 1;
background-color: rgba(238, 238, 238, .6);} /*modern: #909090 , old rgba(238, 238, 238, .6) */
/* центровка ВСЕХ видео в Вертикальных столбцах (включая в Тренде) !!! */
#dismissible.ytd-video-renderer {
display: flex;
flex-direction: row;
margin-left: 6px;
margin-top: 6px;
-o-margin-bottom: 6px;
position: relative;
top: -5px;}
/* центровка Видео превью канала - [как Гость] (на странице Каналов) */
/Видео - сдвиг Слева, смещение описания Справа (позиционирование)/
#player-container.ytd-channel-video-player-renderer {-o-position: relative; -o-left: 6px; margin: 0 10px 0 0px;}
/position: relative; left: 6px; margin: 0 14px 0 0px;/
/* Центровка Видео - Фильм (Купить или взять напрокат) - на странице с Видео - 2021 /
/ зона RU /
ytd-compact-movie-renderer.ytd-watch-next-secondary-results-renderer {
margin-top: 16px ; margin-bottom: 0px; margin-left: 10px;}
/ зона ENG */
ytd-compact-movie-renderer.ytd-item-section-renderer {
margin-top: 16px; margin-bottom: 0px; margin-left: 10px;}
/* Центровка Видео - Джем (Название Темы) YouTube - на странице с Видео - 2021 */
ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer {margin-bottom: 0px;}
/* Центровка Видео - Микс (Mix) (Название Темы) YouTube - на странице с Видео - зона: RU + ENG /
/ #dismissible.ytd-compact-radio-renderer, #dismissed.ytd-compact-radio-renderer - v2 2021 /
#dismissible.ytd-compact-radio-renderer {
width: 100%;
margin-top: 16px ;
margin-bottom: 0px;
margin-left: 10px;}
/ Центровка Видео - Микс (Mix) (Название Темы) YouTube - на странице с Видео - зона: + ENG /
ytd-compact-radio-renderer.ytd-item-section-renderer.use-ellipsis {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/ Центровка Видео - Микс (Mix) (Название Темы) YouTube - на странице с Видео (старая версия)) /
/ -o-#dismissable.ytd-compact-radio-renderer, -o-#dismissed.ytd-compact-radio-renderer {
width: 100%;
margin-top: 8px;
margin-bottom: -1px;
margin-left: 10px;} */
/* Центровка Плейлистов в разделе "ПОИСК" */
ytd-playlist-renderer:not([use-prominent-thumbs]) ytd-playlist-thumbnail.ytd-playlist-renderer {
width: 246px; height: 138px;
margin-left: 6px; margin-right: 11px;}
/* Рзмер и позицианирование Превью Джемов и Миксов YouTube в разделе Библиотека(История) в меню "ЕЩЁ"
+ Контур Мжемов и Миксов */
ytd-thumbnail.ytd-grid-radio-renderer {
height: 113.0px;
width: 202px;
margin-top: 7px;
margin-left: 6px;
box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* Позицианирование, Размер Шрифта и Цвет названия Джемов и Миксов YouTube в разделе Библиотека(История) в меню "ЕЩЁ" */
ytd-grid-radio-renderer #video-title.ytd-grid-radio-renderer {
color: #167AC6;
margin: 5px/5px/ 0px 2px/8px/ 6px;
max-height: 3.2rem; /calc(2 * var(--yt-link-line-height, 1.6rem))/
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: var(--yt-link-font-size, 1.3rem);
font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem);
letter-spacing: var(--yt-link-letter-spacing, normal);}
[dark] ytd-grid-radio-renderer #video-title.ytd-grid-radio-renderer {color: #3ea6ff;}
/* Позицианирование Ников Исполнителей Джемов и Миксов YouTube в разделе Библиотека(История) в меню "ЕЩЁ" */
ytd-video-meta-block.ytd-grid-radio-renderer {
-o-position: relative; -o-top: -6px;
padding-right: 0px;} /24px/
/* Контур Джемов и Миксов справа на вкладке с Видео */
ytd-compact-radio-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-radio-renderer {
margin-right: 8px; height: 94px; width: 168px; box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* Контур Видео справа на вкладке с Видео */
ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer {
margin-right: 8px; height: 94px; width: 168px; box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* Контур Фильмов справа на вкладке с Видео */
ytd-thumbnail.ytd-compact-movie-renderer {box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/* ============ Оплаченные и Рекламные Видеоролики(на правах рекламы) - Оформление ============= */
/* Оплаченные Видео ролики (центровка) /
ytd-compact-promoted-video-renderer {padding: 7px 0px 0px 10px; display: flow;}
/ Оплаченные Видео ролики (контур Превью) /
ytd-thumbnail.ytd-compact-promoted-video-renderer {box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/ =============================================================================================== */
}
@-moz-document domain("youtube.com") {
/* ЦЕНТРОВКА ЭЛЕМЕНТОВ ОФОРМЛЕНИЯ и ОФОРМЛЕНИЕ */
/* ®®®® КАНАЛ: - ГЛАВНАЯ ®®®® */
/Блок расположения Аватара канала (на странице Каналов)/
/* цвет блока, Бордюр, позиционирование */
#channel-header.ytd-c4-tabbed-header-renderer {
width: 100%;
padding: 16px 107px 4px;
position: relative;
z-index: 1;
min-width: 0;
background: var(--yt-spec-brand-background-primary);
-o-box-shadow: 0px 0px 0px 1px rgb(0, 255, 70);
-o-box-shadow: 0px 0px 0px 1px rgba(178, 178, 178, .27);
-o-border-right: 1px solid var(--yt-spec-10-percent-layer);
-o-border-left: 1px solid var(--yt-spec-10-percent-layer);}
/блок верхнего меню канала (на странице Каналов)/
/* цвет блока, затенение(рамка), Бордюр, позиционирование /
#tabs-inner-container.ytd-c4-tabbed-header-renderer {
/ background-color: var(--yt-lightsource-section1-color); /
background: var(--yt-spec-brand-background-primary);
-o-border-right: 1px solid var(--yt-spec-10-percent-layer);
-o-border-left: 1px solid var(--yt-spec-10-percent-layer);
border-bottom: 1px solid var(--yt-spec-10-percent-layer); / использовал /
box-shadow: 0px 0.8px 0.6px -0.6px var(--ytd-searchbox-legacy-button-border-color); / использовал */
-o-box-shadow: 0px 0px 1px 0px var(--ytd-searchbox-legacy-button-border-color) /old ver./;}
/блок верхнего меню канала (на странице Каналов) - левая добавочная часть/
/центровка блока с Аватарками избранных каналов (на странице Каналов)/
/* цвет блока, затенение(рамка), позиционирование ($) /
ytd-browse-secondary-contents-renderer {
padding-left: 28px;
padding-top: 24px;
padding-right: 0px;
margin-top: -2px;
margin-right: -1px; /больше чем -1 нельзя, видно край другого видео/
background: var(--yt-spec-brand-background-primary); /rgb(255, 255, 255)/
position: relative; top: 10px; left: 10px;
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);} / var(--yt-spec-general-background-c); -o-color: rgba(0, 0, 0, .50);} */
/центровка блока с Аватарками избранных каналов v2 (на странице Каналов)/
/* позиционирование */
ytd-vertical-channel-section-renderer {
display: block;
padding-bottom: 24px;
padding-left: 0px;
position: relative; top: 0px; right: 11px;}
/* Сокращённый Блок Прямых Трансляций */
ytd-channel-featured-content-renderer {-o-height: 157px;/153/ overflow-y: auto; overflow-x: hidden;
min-height: 153px; max-height: 190px;}
/* Скроллбар для промотки множества Трансляций */
/* Установка Самого Скроллбара /
ytd-channel-featured-content-renderer::-webkit-scrollbar {
width: 1.3em;}
/ Ползунок Скроллбара /
ytd-channel-featured-content-renderer::-webkit-scrollbar-thumb {
background: rgba(155, 155, 155, .34);
box-shadow: inset 0px 0px 0px 0.3px rgba(45, 45, 45, .11);}
/ Путь Скроллбара*/
ytd-channel-featured-content-renderer::-webkit-scrollbar-track {
background: rgba(138, 138, 138, .16);
box-shadow: inset 0px 0px 0px 0.3px rgba(164, 163, 163, .41);}
/* стрелки промотки вверх и вниз Скроллбара /
-o-ytd-channel-featured-content-renderer::-webkit-scrollbar-button {
height: 4px;
background: var(--yt-opalescence-grey-opacity-lighten-3);
border: 1px solid var(--yt-opalescence-grey-opacity-lighten-4);}
/ подсвечивание Активного Пути Скроллбара */
ytd-channel-featured-content-renderer::-webkit-scrollbar-track:active {background: rgba(155, 155, 155, .29);}
/* Заголовок "Прямые трансляции" на Канале - позицианирование */
#title.ytd-channel-featured-content-renderer {
color: var(--yt-spec-text-primary);
margin-left: 6px;
margin-right: 8px; /8px/
position: relative; top: -7px;
font-size: 1.4rem; /var(--ytd-subheadline_-_font-size)/
font-weight: var(--ytd-subheadline_-font-weight);
line-height: var(--ytd-subheadline-line-height);
letter-spacing: var(--ytd-subheadline-_letter-spacing);}
/Блок - Видео превью канала - Как подписчик (на странице Каналов)/
/* цвет блока, затенение(рамка), позиционирование ($) */
ytd-channel-featured-content-renderer {
overflow-x: hidden;
display: block;
padding: 12px 0 8px; /12px 0 24px/
-o-border-bottom: 1px solid var(--yt-spec-10-percent-layer);
background: var(--yt-spec-brand-background-primary);
position: relative; top: 0px;/10px, 6px/ left: 0px;
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/Блок - Видео превью канала - как Гость (на странице Каналов)/
/* цвет блока, затенение(рамка), позиционирование ($) /
ytd-channel-video-player-renderer {
overflow: hidden; /убирает полосы прокрутки/
padding: 24px 0 24px 6px; /24px 0 24px 0/
background: var(--yt-spec-brand-background-primary);
position: relative; top: 0px;/10px, 6px/ left: 0px;
-o-box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color); / не нужно, заменяется от: НОВЫЙ ! Блок - всей колонки гор.строк видео и Верт.столбцов /
-o-overflow: auto;} / было раньше, стало давать полосы прокрутки /
/ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Блок - всей колонки горизонтальных строк видео и Вертикакльных столбцов (на странице Каналов - и в прочих местах)/
/ Действует на вкладки Главная, Плейлисты, Каналы , Поиск YouTube - ПЕРЕДЕЛЫВАТЬ НАХ !!! ($) /
/ цвет блока, затенение(рамка), позиционирование /
-o-ytd-shelf-renderer { / Старый вариант - было много проблем /
background: rgb(255, 255, 255);
box-shadow: 0px 0px 1px 1px rgb(226, 226, 226); / Тестирую Цвет !!! /
position: relative; top: 6px; left: 0px; / top: 5px; сдвигает блок и в других разделах /
-o-margin-bottom: 5px;
margin: 5px 0 0px;
-o-box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.125);} / Родная Ютубовская тень */
/* НОВЫЙ ! Блок - всей колонки горизонтальных строк видео и Вертикакльных столбцов ($) !!! /
/ (на странице Каналов - и в прочих местах) /
/ Действует на вкладки: Главная, Плейлисты, Каналы , Библиотека(История), Поиск YouTube /
/ цвет блока, затенение(рамка), позиционирование /
/ !!! - ТЕСТ - !!! Основное (тут было .ytd-item-section-renderer - убрал точку и добавил #contents) /
#contents ytd-item-section-renderer {
background: var(--yt-spec-brand-background-primary);
-o-background: var(--ytd-searchbox-legacy-button-border-color); / TEST */
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
position: relative; top: 0px;
margin-top: 8px;
margin-bottom: -8px;
height: auto;}
/* Фильтры поиска - компенсация Сдвига от (#contents ytd-item-section-renderer) ($) */
ytd-search-sub-menu-renderer {
display: block;
margin-top: -8px;
position: relative; top: 8px;}
/* !!!!!!!! - ТЕСТ - вспомогательное (хрень) /
/ -o-#contents ytd-shelf-renderer {
-o-margin-top: 7px;
-o-margin-bottom: -7px;
-o-position: relative; top: -16px;} */
/* что-то тестировал взамен (ytd-shelf-renderer) - НЕ НУЖНО /
/ -o-#contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:last-child {
border-bottom: none;
background: rgb(255, 255, 255);
box-shadow: 0px 0px 1px 1px rgb(226, 226, 226);
-o-margin-top:6px; margin-bottom: -6px;
position: relative; top: 6px;
} */
/*****************************************************************************************************************************************/
/Названия разделов видео на главной странице Канала (на странице Каналов) + в Трендах, Подписках, Библиотеке(истории)/
/* позиционирование + размер Шрифта /
#title.ytd-shelf-renderer {
color: var(--yt-spec-text-primary);
display: block;
max-height: var(--yt-subheadline-line-height, 2rem);
overflow: hidden;
font-size: 1.4rem; / var(--ytd-subheadline-link_-font-size); */
font-weight: var(--ytd-subheadline-link-font-weight);
line-height: var(--ytd-subheadline-link-line-height);
letter-spacing: var(--ytd-subheadline-link-_letter-spacing);
-o-position: relative; left: 5.5px;
margin-left: 6px;}
/Описание разделов видео на главной странице Канала (на странице Каналов)/
/* позиционирование + размер Шрифта /
#subtitle.ytd-shelf-renderer {
color: var(--yt-spec-text-secondary);
max-width: 615px;
display: block;
max-height: 4.2rem;
overflow: hidden;
font-size: 1.3rem; / var(--ytd-user-comment_-font-size); */
font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);
-o-position: relative; left: 5.5px;
margin-bottom: -7px; /test/
margin-left: 6px;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ /
/ ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - ВИДЕО ®®®® */
/* (ВИДЕО на КАНАЛЕ) Фильтр Выравнивающий Яркость фонов при их наложении */
-o-ytd-grid-renderer {-o-background: var(--yt-spec-brand-background-primary); filter: contrast(100.537%);}
/* ВИДЕО на КАНАЛЕ ($) /
ytd-grid-renderer {
background: var(--yt-spec-brand-background-primary); filter: contrast(100.537%); / Фильтр компенсатор Яркости /
box-shadow: / Третий вариант: - лучший (верх не добавлен специально) /
-1px 0px 0px 0px var(--ytd-searchbox-legacy-button-border-color), / L /
1px 0px 0px 0px var(--ytd-searchbox-legacy-button-border-color), / R /
0px 1px 0px 0px var(--ytd-searchbox-legacy-button-border-color); / B /
/ -o-box-shadow: 0px 0.5px 1px 1px var(--ytd-searchbox-legacy-button-border-color); /* первый вариант /
/ -o-box-shadow: /* Второй Вариант /
/ 0px -2px 0px 0px var(--yt-spec-brand-background-primary),
0px -2px 0px 0px var(--yt-spec-brand-background-primary),
inset 0px 2px 0px 0px var(--yt-spec-brand-background-primary),
0px 1px 1px 1px var(--ytd-searchbox-legacy-button-border-color); /
margin-top: -12px; /-5px, -4px , -12 последнее*/
-o-position: relative; top: -5px; left: 0px; /* top: -5px; left: 0px; - отключаю, сдвигает сетку везде*/
display: flex;
flex-direction: column; /раньше было row/
flex-wrap: wrap;
padding-top: 5px; /5px/
padding-bottom: 5px;}
/* Блок Меню - Загрузки, ВОСПРОИЗВЕСТИ ВСЁ (ВИДЕО на КАНАЛЕ) ($) /
ytd-channel-sub-menu-renderer {
height: 56px;
margin: 6px 0 7px; / 6px 0 -5px; !!! NEW - test / / 6px 0 7px; ! OLD */
display: flex;
flex-direction: row;
align-items: center;
position: relative; top: 2px; left: 0px;
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/* СТЕРЕТЬ ненужную черту под заголовком !
и Позицианирование Общих Заголовков (Тренды, Подписки, Библиотека(История), Главная Канала) /
/ -o-#title-container.ytd-shelf-renderer {
-o-box-shadow: inset 0px -4px 0px 0px var(--yt-spec-brand-background-primary);
color: var(--yt-spec-text-primary);
height: 2rem;
-o-position: relative; -o-bottom: 0px; /* !!! работает только с этим параметром /
/ -o-padding-bottom: 5px;
display: flex;
flex-direction: row;
align-items: center;} */
/* Меню: - Загрузки, ВОСПРОИЗВЕСТИ ВСЁ, Все плейлисты, Интересные Каналы - пизиционирование*/
/* (в разделах на Канале: ВИДЕО, ПЛЕЙЛИСТЫ, КАНАЛЫ) /
#primary-items.ytd-channel-sub-menu-renderer {
color: var(--yt-spec-text-primary);
flex: 1;
flex-basis: 1e-9px;
display: flex;
flex-direction: row;
align-items: center;
margin-left: 6px;}
/ работа с текстом Меню: Загрузки, Все плейлисты, Интересные Каналы /
#label-text.yt-dropdown-menu {
font-size: 1.4rem;
color: var(--yt-dropdown-menu-label-text_-color, var(--yt-spec-text-primary));
/*color: var(--yt-primary-text-color);
color: var(--yt-dropdown-menu-label-text-_color, var(--yt-primary-text-color));/
font-weight: var(--yt-dropdown-menu-label-text_-font-weight);
line-height: var(--yt-dropdown-menu-label-text-line-height);
letter-spacing: var(--yt-dropdown-menu-label-text-_letter-spacing);}
/* работа с текстом Меню: ВОСПРОИЗВЕСТИ ВСЕ (включая вкладку: ГЛАВНАЯ) */
ytd-button-renderer.style-text[is-paper-button] {
color: var(--yt-spec-text-secondary);
text-transform: capitalize;
font-size: 1.4rem;}
/* меню: УПОРЯДОЧИТЬ - позиционирование /
yt-sort-filter-sub-menu-renderer {
--yt-endpoint-force-cursor: pointer;
display: inline-block;
margin-right: 6px;}
/ работа с текстом Меню: УПОРЯДОЧИТЬ */
#icon-label.yt-dropdown-menu {
font-size: 1.4rem;
color: var(--yt-spec-text-secondary);
font-weight: var(--ytd-tab-system_-font-weight);
letter-spacing: var(--ytd-tab-system-_letter-spacing);
text-transform: none;}
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - ПЛЕЙЛИСТЫ ®®®® */
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - СООБЩЕСТВО ®®®® */
/* БЛОК СООБЩЕСТВО - канала ($) - Фикс 2021 */
ytd-backstage-post-thread-renderer.ytd-item-section-renderer {margin-top: -25px;}
/* БЛОК СООБЩЕСТВО - канала ($) /
ytd-backstage-post-thread-renderer[enable-borders-on-community] {
border: 0px solid var(--yt-spec-10-percent-layer);
border-top: 1px solid var(--yt-spec-10-percent-layer);
border-bottom: 1px solid var(--yt-spec-10-percent-layer);
padding: 16px;
margin-top: -25px; /-25px;*/
-o-position: relative; top: -14px; left: 0px; /top: -14px; left: 0px;/
background: var(--yt-spec-brand-background-primary);}
/* центровка Поста Автора канала в "Сообществе" (внутри поста) - после Сдвига 2021 - V /
/ v1 - хз /
-o-ytd-backstage-items.ytd-section-list-renderer
{position: relative; left: 30px !important; margin-right: -20px !important;}
/ 2 , общее /
ytd-backstage-items.ytd-section-list-renderer:not([mini-guide-visible]):not([guide-persistent-and-visible])
{margin-right: 0px !important; margin-left: 0px !important;}
/ 4 /
[mini-guide-visible] ytd-backstage-items.ytd-section-list-renderer:not([guide-persistent-and-visible])
{margin-right: -49px !important; margin-left: 110px !important;}
/ 3 */
[mini-guide-visible] .grid-4-columns ytd-backstage-items.ytd-section-list-renderer:not([guide-persistent-and-visible])
{margin-right: -28px !important; margin-left: 110px !important;}
/* позицианирование Меню - Оставить Комментарий (в виде Иконки) */
ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #reply-button-end.ytd-comment-action-buttons-renderer {
--yt-button-icon-size: 32px;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.007px;
text-transform: uppercase;
margin-left: 16px;}
/* Центровка блока с Комментами Автора канала (в Сообществе) */
ytd-backstage-items.ytd-section-list-renderer
{margin: -16px 0px 0px 80px;}
/* Опрос в разделе "Сообщество" отступ от левого края рамки */
paper-listbox#poll-votes.ytd-backstage-poll-renderer {padding-left: 4px;}
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - Обсуждение ®®®® */
/* использует блок из Комментариев под видео и ничего с этим нельзя поделать /
/ НАСТРОЙКА КОММЕНТАРИЕВ */
/* Центровка блока с Комментами Автора канала и комментами в Сообществе ($) */
ytd-section-list-renderer[page-subtype=channels] ytd-comments.ytd-section-list-renderer {max-width: 852px; margin-top: -16px;}
/* Смещение зоны комментариев от Правого Края - Влево */
ytd-comments-header-renderer {
--paper-input-container-input-align: baseline;
margin-top: var(--comments-header-renderer-margin-top, 24px);
margin-bottom: var(--comments-header-renderer-margin-bottom, 32px);
display: flex;
flex-direction: column;
padding-right: 11px;}
/* Выделитель Активного Комментария /
.focused-line.tp-yt-paper-input-container {border-color: rgb(39, 147, 230) !important; position: relative; top: -1px;}
/ Выделитель НЕ Активного Комментария */
.unfocused-line.tp-yt-paper-input-container {border-color: rgb(159, 159, 159)!important; position: relative; top: 0px;}
/* цвет текста "Отставьте Комментарий" в Активном поле для ввода */
#contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty:before {
color: rgba(118, 118, 118, .5);} /rgb(178, 178, 178)/
/* Написание Комментария - и Отступы текста внутри поля для Комментариев (активный) */
#contenteditable-root.yt-formatted-string {
border: 1px solid rgba(158, 158, 158, .5); /rgb(198, 198, 198)/
border-radius: 2px;
position: relative; top: 4px;
max-height: var(--contenteditable-root-style_-max-height);
overflow: var(--contenteditable-root-style-overflow);
outline: var(--contenteditable-root-style-_outline);
padding: 4px 3px 6px 4px;
-o-box-shadow: inset 0px 0px 0px 1px rgb(208, 31, 31);}
/* Отставьте Комментарий (не активный) + Отступы */
#placeholder-area.ytd-comment-simplebox-renderer {
border: 1px solid rgba(158, 158, 158, .3); /rgb(224, 224, 224)/
position: relative; top: 4px;
border-radius: 2px;
padding: 4px 3px 6px 4px;}
/* Количестко Комментариев (размер Шрифта) */
.count-text.ytd-comments-header-renderer {
vertical-align: middle;
font-size: 1.4rem;
font-weight: var(--ytd-subheadline_-font-weight);
line-height: var(--ytd-subheadline-line-height);
letter-spacing: var(--ytd-subheadline-_letter-spacing);}
/* Написание Комментария (брак v1) /
-o-.input-wrapper.paper-input-container {
-o-border: 1px solid rgb(213, 213, 213);
border-radius: 2px;
-o-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .16);
-o-padding: 4px 0px 0px 0px;
-o-background-color: rgba(193, 193, 193, .11);}
/ Написание Комментария (брак v2) */
-o-.input-content.paper-input-container {
border: 1px solid rgb(213, 213, 213);
border-radius: 2px;
-o-padding: 4px 0px 0px 0px;
flex: var(--layout-flex-auto_-flex);
position: var(--layout-relative-_position);
max-width: 100%;}
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - КАНАЛЫ ®®®® */
/* Позицианирование Кнопки [Вы подписаны] на вкладке "Каналы" Канала v1. /
#subscribe.ytd-grid-channel-renderer {position: relative; top: 16px;
margin-top: 16px; margin-right: 80.99px;}
/ Позицианирование Кнопки [Вы подписаны] на вкладке "Каналы" Канала v2. */
-o-ytd-subscribe-button-renderer.ytd-grid-channel-renderer {position: relative; top: 16px;
margin-top: 0px; margin-right: 80.99px;}
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®® КАНАЛ: - О КАНАЛЕ ®®®® */
/* Левое поле Информации ($) */
#left-column.ytd-channel-about-metadata-renderer {
color: var(--yt-spec-text-primary);
padding-right: 96px;
padding-left: 8px;
min-width: 0;
word-wrap: break-word;
flex: 2;
background: var(--yt-spec-brand-background-primary);
border-top: 1px solid var(--ytd-searchbox-legacy-button-border-color);
border-right: 1px solid var(--ytd-searchbox-legacy-button-border-color);
-o-box-shadow: inset 0px 0px 0px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: -17px;}
/* Правое поле Информации ($) */
#right-column.ytd-channel-about-metadata-renderer {
color: var(--yt-spec-text-primary);
font-size: var(--ytd-user-comment_-font-size);
font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);
flex: 1;
flex-basis: 1e-9px;
padding-right: 8px;
padding-left: 8px;
border-left: 1px solid var(--ytd-searchbox-legacy-button-border-color);
border-top: 1px solid var(--ytd-searchbox-legacy-button-border-color);
background: var(--yt-spec-brand-background-primary);
-o-box-shadow: inset 0px 0px 0px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: -17px;}
/* ••••••••••••••••••••••••••••••••• (конец параграфа) ••••••••••••••••••••••••••••••••• */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®® СТРАНИЦА ВИДЕО ®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* Блок комментариев на странице с Видео - ПЕРЕДЕЛАТЬ - НЕ ТО, портит Тренды /
[flexy][is-two-columns_] ytd-comments {
-o-overflow-x: hidden; / test : уже не нужен и вредит доп блокам показывая контуры*/
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: -14px; /31px,v2 -14px/ margin-left: 80px; /80px/ margin-right: -0px; /-12px ,v2: -9px/}
/* Блок комментариев на странице с Видео - ПЕРЕДЕЛАТЬ - НЕ ТО, портит Тренды - "Одна колонка" /
[flexy] ytd-comments {
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
margin-top: -14px; /31px,v2 -14px/ margin-left: 0px; /80px/ margin-right: -0px; /-12px ,v2: -9px*/}
/* Блок с Описанием Видео [не включать position: relative: появляются доп. Скроллбары] ($)/
[flexy][is-two-columns_] .style-scope ytd-video-secondary-info-renderer {
-o-overflow-x: hidden; / test : нужен (а может и нет), решает проблему заступов /
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
-o-border-bottom: solid 1px rgba(128, 128, 128, .14);
-o-position: relative; -o-top: 21px; -o-left: 0px;
margin-top: 21px;
margin-left: 80px; margin-right: -0px; /-12px ,v2: -9px*/}
/* Блок с Описанием Видео [не включать position: relative: появляются доп. Скроллбары] - "Одна колонка" ($)/
[flexy] .style-scope ytd-video-secondary-info-renderer {
-o-overflow-x: hidden; / test : нужен (а может и нет), решает проблему заступов /
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
-o-border-bottom: solid 1px rgba(128, 128, 128, .14);
-o-position: relative; -o-top: 21px; -o-left: 0px;
margin-top: 21px;
margin-left: 0px; margin-right: -0px; /-12px ,v2: -9px*/}
/* Блок с Названием Видео*/
[flexy][is-two-columns_] ytd-video-primary-info-renderer {background: var(--yt-spec-brand-background-primary);
-o-overflow: hidden; /* test : НЕ нужен, вредит меню для скачивания видео /
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
-o-border-bottom: solid 1px rgba(128, 128, 128, .14);
position: relative; top: 11px; left: 0px; -o-margin-top: 4px;
margin-left: 80px; margin-right: -0px; /-12px ,v2: -9px*/}
/* Блок с Названием Видео - "Одна колонка" /
[flexy] ytd-video-primary-info-renderer {background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
-o-border-bottom: solid 1px rgba(128, 128, 128, .14);
position: relative; top: 11px; left: 0px; -o-margin-top: 4px;
margin-left: 0px; margin-right: -0px; /-12px ,v2: -9px*/}
/* Блок с Видео справа /
ytd-watch-flexy[theater] #secondary.ytd-watch-flexy, ytd-watch-flexy[fullscreen] #secondary.ytd-watch-flexy {
-o-margin-top: var(--ytd-margin-3x); / -o-margin-top: var(--ytd-margin-3x); /
padding-right: 66px; / -o-padding-right: 0px; /
padding-left: 16px; / -o-padding-left: 0px; /
padding-top: 2px; / test 2021 /
height: 100%;
-o-width: 100% !important; / test /
min-width: 340px !important; / test /
margin-top: 9px; /11px/
margin-left: -1px; /15px/
margin-right: 38px; /100px ,v2: 88px , v3: последнее было - 80px/
position: relative; right: 14px; / 14px - TEST /
-o-background: var(--yt-spec-brand-background-primary);
-o-box-shadow: 0px 0px 1px 1px rgb(226, 226, 226);
-o-flex-direction: column;}
/ дополнительный блок для Видео справа, когда оно выстраиывается в список снизу при уменьшении окна /
[flexy][is-two-columns_] ytd-watch-next-secondary-results-renderer {
display: flex;
margin-left: auto;
-o-padding-left: 0px;
-o-padding-right: 0px;
margin-right: -28px; /-24px, v2: -38px, v3: -28px*/
position: relative; right: 14px; /* 14px - TEST /
flex-direction: column;
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/ дополнительный блок для Видео справа, когда оно выстраиывается в список снизу при уменьшении окна - "Одна колонка" /
[flexy] ytd-watch-next-secondary-results-renderer {
display: flex;
margin-left: auto;
-o-padding-left: 0px;
-o-padding-right: 0px;
margin-right: 0px; /-24px, v2: -38px, v3: -28px*/
position: relative; right: 0px; /* 14px - TEST */
flex-direction: column;
background: var(--yt-spec-brand-background-primary);
box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);}
/* Доп. настройка Правой колонки с видео в режиме НЕ Театра /
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
padding-top: var(--ytd-margin-6x);
margin-left: -15px;
padding-left: 16px;
min-width:301px !important;} / test */
/* Позиционирование видео в Блоке Справа на странице с Видео */
#dismissible.ytd-compact-video-renderer {
display: flex;
flex-direction: row;
margin-left: 10px;
-o-position: relative;
top: 0px;
left: 10px;}
/* позиционирование текста в Блоках на странице с Видео Справа /
/ элемент: СЛЕДУБЩЕЕ :позиция и размер текста*/
#upnext.ytd-compact-autoplay-renderer {font-size: 1.3rem; margin-left: 10px;
position: relative; top: 3px; /test/}
/* элемент: АВТОВОСПРОИЗВЕДЕНИЕ :позиция и размер текста*/
#autoplay.ytd-compact-autoplay-renderer {font-size: 1.3rem; font-weight: 500; letter-spacing: 0.007px; text-transform: capitalize;
margin-top: 5px; /test/}
/* элемент: АВТОВОСПРОИЗВЕДЕНИЕ :отступ Снизу от Видео под элементом */
ytd-compact-autoplay-renderer {display: block; padding-bottom: 7px;
border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: 8px;}
/Название Ролика - позиционирование/
.title.ytd-video-primary-info-renderer {margin-left: 10px /* 12px */; padding-right: 10px;}
/* Счётчик Просмотров и Дата публикации - позицианирования /
#info-text.ytd-video-primary-info-renderer {margin-left: 11px;} / 12px */
/* элемент ТЕГИ: под названием Видео - позиционирование*/
.super-title.ytd-video-primary-info-renderer {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5rem;
position: relative; /test/
top: -4px; /test/
margin-left: 11px;} /* 13px */
/* элемент ГЕОЛОКАЦИЯ: под названием видео - позицианирование */
.super-title-icon.ytd-video-primary-info-renderer {
color: var(--yt-spec-call-to-action);
height: 16px;
width: 16px;
top: -4px;
margin-left: 8px;
margin-right: -6px;
vertical-align: bottom;}
/* Вспомогательный Бэйдж [доступ по ссылке] и тд. под видео (позицианирование) */
ytd-badge-supported-renderer.ytd-video-primary-info-renderer {margin: 2px 0px 0px 12px;}
/Аплоадер (никнейм) видео и количество подписчиков - позиционирование/
#upload-info.ytd-video-owner-renderer {
margin-left: -6px;
border-bottom: 1px solid var(--yt-spec-10-percent-layer);
flex: 1;
flex-basis: 1e-9px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Описание под Роликом - позиционирование /
ytd-expander.ytd-video-secondary-info-renderer {
margin-left: 10px; /def: 54px/
margin-right: 10px !important;
font-size: var(--ytd-user-comment_-font-size);
font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);
}
/ Аватар аплоадер - позиционирование /
.yt-simple-endpoint.ytd-video-owner-renderer {
margin-left: 11px;
display: inline-block;
cursor: pointer;
text-decoration: none;
color: var(--yt-endpoint-color, var(--yt-spec-text-primary));
}
/ ВАШ Аватар в поле (Оставить комментарий) [написание комментария] - позиционирование */
#author-thumbnail.ytd-commentbox, ytd-commentbox[is-reply][is-backstage-comment] #author-thumbnail.ytd-commentbox {
margin-left: 10px;
width: 40px;
height: 40px;
margin-right: 10px;
flex: none;
border-radius: 50%;
background-color: transparent;
overflow: hidden;}
/* ВАШ Аватар в поле (Оставить комментарий) - позиционирование */
#author-thumbnail.ytd-comment-simplebox-renderer {
margin-left: 10px;
width: 40px;
height: 40px;
margin-right: 10px;
flex: none;
border-radius: 50%;
background-color: transparent;
overflow: hidden;}
/* Аватар в комментариях - позиционирование */
#author-thumbnail.ytd-comment-renderer {
margin-left: 10px;
flex: none;}
/* Текст Комментария под Видео - позиционирование */
#main.ytd-comment-renderer {
margin-left: -6px;
min-width: 0;
flex: 1;
flex-basis: 1e-9px;
display: flex;
flex-direction: column;}
/* Кнопка ОТМЕНА - Рамка /
#cancel-button.ytd-commentbox {
box-shadow: inset 0px 0px 0px 1px rgba(140, 140, 140, .5);} /rgb(183, 183, 183)/
/ Кнопка ОСТАВИТЬ КОММЕНТАРИЙ - Рамка /
#submit-button.ytd-commentbox {
box-shadow: inset 0px 0px 0px 1px rgba(134, 134, 134, .5);} /rgb(183, 183, 183)/
/ ОБЕ кнопки - ПОЗИЦИАНИРОВАНИЕ, размер шрифта*/
#cancel-button.ytd-commentbox, #submit-button.ytd-commentbox {
margin-left: 6px;
margin-right: 0px; /-1px Test!/
text-transform: uppercase !important;
font-size: 1.2rem !important;}
/* элемент: количество Комментариев и УПОРЯДОЧИТЬ */
#title.ytd-comments-header-renderer {
margin-left: 10px;
margin-top: 8px;
margin-bottom: 16px;
display: flex;
flex-direction: row;
align-items: center;}
/* элемент ПОДЕЛИТЬСЯ и СОХРАНИТЬ - размер шрифта и позицианирование */
ytd-button-renderer.force-icon-button {
font-size: 1.2rem;
margin-left: -5px;
margin-right: -12px;
letter-spacing: var(--ytd-caption_-letter-spacing);
text-transform: var(--ytd-caption-_text-transform);}
/элемент ПОДЕЛИТЬСЯ и СОХРАНИТЬ + Множитель отступа и расстояние между элементом "СОХРАНИТЬ" и "..."/
ytd-button-renderer.force-icon-button a.ytd-button-renderer {
padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x))/def: --ytd-margin-2x/;}
/* элемент ПОДЕЛИТЬСЯ и СОХРАНИТЬ + расстояние между элементами */
ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer]
{margin-left: 6px;} /def: 8px/
/* Размер Иконок : "Поделиться" и "Сохранить" /
yt-icon-button.ytd-button-renderer {
line-height: 1;
padding: 8px!important; /var(--yt-button-icon-padding, 8px)/
width: var(--yt-button-icon-size, var(--yt-icon-width, 40px));
height: var(--yt-button-icon-size, var(--yt-icon-height, 40px));}
/ Размер Иконок : "Поделиться" и "Сохранить" (v2) */
yt-icon-button#button.ytd-button-renderer.style-default.size-default {line-height: 1; padding: 8px!important;}
/* элемент "Ответить" в комментариях под Видео - настройка */
ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer
ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]).ytd-comment-action-buttons-renderer {
--yt-button-padding: 8px 16px; color: var(--yt-spec-text-secondary); font-size: 1.3rem;
font-weight: 500; letter-spacing: 0.007px; text-transform: none;}
/* Размер Иконок : "Лайк" и "Дизлайк" NEW /
ytd-toggle-button-renderer[is-icon-button][style-action-button] {
--yt-button-icon-padding: 5px;}
#menu-container yt-icon-button#button.ytd-toggle-button-renderer.style-default-active {transform: rotate(0deg) scale(0.85, 0.98) skew(-3deg);} /активный/
#menu-container yt-icon-button#button.ytd-toggle-button-renderer {transform: rotate(0deg) scale(0.85, 0.98) skew(-3deg);} /неактивный/
/ Размер Иконок : Мини Лай и Дизлайк в комментах */
#action-buttons #like-button.ytd-comment-action-buttons-renderer svg,
#action-buttons #dislike-button.ytd-comment-action-buttons-renderer svg {
z-index: 1 /var(--ytd-z-index-toggle-button-tooltip)/ !important; transform: scale(0.8, 1.0);}
/* Размер Иконок : "Лайк" и "Дизлайк" /
-i-yt-icon-button#button.ytd-toggle-button-renderer {padding: 8px !important;} /v3/
-o-ytd-toggle-button-renderer #button.ytd-toggle-button-renderer { /v1/
color: var(--yt-button-color, inherit);
background-color: transparent;
text-transform: inherit;
padding: 4px 8px 4px 8px !important;}
/ Размер Иконок : "Лайк" и "Дизлайк" (v2) */
-o-yt-icon-button#button.ytd-toggle-button-renderer.style-default-active {padding: 8px !important;}
-o-yt-icon-button#button.ytd-toggle-button-renderer {padding: 8px !important;} /v3/
/* Кнопки - Лайк, Дизлайк - Позицианирование*/
ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {margin-right: -5px;}
-o-ytd-toggle-button-renderer {margin-right: -5px;} /old. ver./
/* Размер Шрифта у Лайков, Дизлайков (Нравится не Нравится)/
ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer {font-size: 1.2rem;} /Не нажатое состояние/
ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {cursor: pointer; font-size: 1.2rem;} / Нажатое состояние */
/* Отступы Справа между элементами "Лайк" и "Дизлайк" */
ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {padding-right: 4px;} /var(--yt-button-icon-padding, 8px)/
/#===================================================================#/
/# ИНФОРМАЦИЯ о КОНТЕНТЕ использованном в видео #/
/# - настройка, размер Инфы и пренадлежности к игре или фильму - #/
/# для теста использую: https://www.youtube.com/watch?v=0hTqbPtGUgw #/
/* Размер и позиционирование блока с инормацией о контенте под Видео (игры, фильмы и тд)*/
#contents.ytd-rich-metadata-row-renderer *.ytd-rich-metadata-row-renderer {
margin-top: 8px; margin-bottom: 8px; margin-left: 0px/0px/; margin-right: 10px/10px/;
max-height: 80px; width: 90px; max-width: 400px; box-shadow: 0px 0px 1px 1px var(--ytd-searchbox-legacy-button-border-color);
border-radius: 5px !important;}
/* блок с инормацией о контенте под Видео (игры, фильмы и тд)/
/ Отступ от правого края - позволяет сворачивать блоки в вертикальное положение при уменьшении размера окна */
#contents.ytd-rich-metadata-row-renderer {margin-left: 0px; padding-right: 16px;} /margin-left: 0px; padding-right: 16px;/
/* Название Контента в блоке с информацией */
#title.ytd-rich-metadata-renderer {color: var(--yt-spec-text-primary);
font-size: 1.4rem; font-weight: var(--ytd-subheadline_-font-weight);
line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-_letter-spacing);}
/* переход по тексту под названием в блоке с информацией (размер текста)*/
#call-to-action.ytd-rich-metadata-renderer {
margin-top: 0px; color: var(--yt-spec-text-secondary); text-transform: uppercase; display: flex;
flex-direction: row; align-items: center; font-size: var(--yt-link-font-size, 1.2rem); font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem); letter-spacing: var(--yt-link-letter-spacing, normal);}
/* Миниатюра контента (обложка - Игры, Фильма и тд.) - Размер и позиционирование */
ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] #thumbnail.ytd-rich-metadata-renderer {
width: 40px; height: 56px; margin: 5px 16px 5px 16px;}
/* Иконка пренадлежности к разделам Видеоигры и тд. - Размер и позиционирование */
#thumbnail.ytd-rich-metadata-renderer {display: block; width: 40px; height: 40px; margin: 13px 16px 13px 16px;}
/* Иконка пренадлежности к разделам Видеоигры и тд. - Размер и позиционирование - сделать Квадратной*/
ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_TOPIC] #thumbnail.ytd-rich-metadata-renderer {
--yt-img-border-radius: 3px;}
/* =================================================================== */
/* °•°•°•° "Данные Лицензирования" под видео (Компания, Исполнитель, Альбом, Лицензиар) °•°•°•° */
/* Общий размер Шрифта и % видимости */
/* Отключаю, переделываю Параметры Индивидуально:
конфликт с -> : "Миниатюра контента (обложка - Игры, Фильма и тд.) - Размер и позиционирование"
и данными : из предыдущего раздела "ИНФОРМАЦИЯ о КОНТЕНТЕ использованном в видео" */
-o-ytd-metadata-row-container-renderer.sticky.ytd-video-secondary-info-renderer *
{-o-font-size: 1.1rem; -o-opacity: 0.97;}
/* (Компания, Исполнитель, Альбом, Лицензиар) - (Цвет шрифта) */
#title.ytd-metadata-row-renderer {color: var(--yt-spec-text-secondary); font-size: 1.1rem; opacity: 0.97;}
/* Текст описания - (Цвет шрифта) /
.content.ytd-metadata-row-renderer {color: var(--yt-spec-grey-4); font-size: 1.1rem; opacity: 0.97;}
/ Музыка из этого Видео: , Подробнее...: , Оформите опдписку: - (Цвет шрифта)*/
ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer *
{color: var(--yt-spec-text-secondary) !important; filter: contrast(135%); font-size: 1.1rem !important; opacity: 0.97;}
/* Интервалы между строками информационного поля */
ytd-metadata-row-renderer.ytd-metadata-row-container-renderer
{padding: 0px 0px 0px 0px; margin: -2px 0px -2px 0px;}
/* Интервалы между полями прочих заголовков */
ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer
{padding: 0px 0px 0px 0px;}
/* Интервал Верхнего поля заголовка "предложено" */
ytd-metadata-row-renderer.ytd-metadata-row-container-renderer:first-child {padding-top: 11px;}
/* Интервал Нижнего поля заголовка */
ytd-metadata-row-renderer.ytd-metadata-row-container-renderer:last-child {padding-bottom: 2px;}
/* Интервал Нижнего поля заголовка (информация о лицензии) */
ytd-metadata-row-header-renderer[has-divider-line] {
margin-top: 16px; padding-top: 11px;
border-top: 1px solid var(--yt-spec-10-percent-layer);}
/* доп Инфо перед первым полем заголовка */
/* -o-ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer:first-child:before
{content: "License information © : "; font: 1.1rem Tahoma, sans-serif; color: var(--yt-spec-text-secondary);
margin-top: -2px;} /
/ Интервал первого поля заголовка(не нужно) /
/ -o-ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer:first-child
{padding: 10px 0px 0px 0px;}*/
/°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•°•/
/* кнопка [ПОДПИСАТЬСЯ],[ВЫ ПОДПИСАНЫ] под Видео - Позицианирование */
#subscribe-button.ytd-video-secondary-info-renderer {margin-right: 5px;}
/* Лайв Чат - под Видео (подгонка размера окошка под рамку с Видео) - в Две колонки /
/ для теста использую: https://www.youtube.com/watch?v=-bxrv9j8D1Y /
[flexy][is-two-columns_] #chat.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy, #playlist.ytd-watch-flexy, #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
margin-bottom: 7px; / var(--ytd-margin-1x) /
-o-background: rgb(255, 255, 255);
-o-box-shadow: 0px 22px 0px 0px rgb(255, 255, 255), 0px 22px 0px 1px rgb(226, 226, 226);
-o-padding-top: 1px;
-o-padding-bottom: 1px;
margin-left: -15px;
margin-right: -15px;
margin-top: -1px;}
/ Лайв Чат - под Видео (подгонка размера окошка под рамку с Видео) - в Одну колонку */
[flexy] #chat.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy, #playlist.ytd-watch-flexy, #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
margin-bottom: var(--ytd-margin-1x);
margin-left: 0px;
margin-right: 0px;
margin-top: -1px;}
/* Лайв Чат - под Видео: Цвет блока Названия и (Информация о ЛайвЧате) /
ytd-message-renderer.ytd-live-chat-frame, #show-hide-button.ytd-live-chat-frame {flex: none; background: var(--yt-spec-brand-background-primary);}
/ Шапка Лайв-Чат'а - Нижний Бордюр /
yt-live-chat-header-renderer.yt-live-chat-renderer {box-shadow: inset 0 -1px 0 0 var(--yt-spec-10-percent-layer);}
/ Ширира Скроллбара Лайв-Чат'а */
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer::-webkit-scrollbar {width: 1.3em;}
/* ================= чёрный ПЛЕЙЛИСТ под видео ================= */
/* чёрный ПЛЕЙЛИСТ под видео - размер в Двух колонках /
[flexy][is-two-columns_] #container.ytd-playlist-panel-renderer {
margin-bottom: -5px; / var(--ytd-margin-1x) */
margin-left: -15px;
margin-right: -15px;
margin-top: 0px;}
/* Цвет Бэкграунда и Рамки Плейлиста под Видео /
.playlist-items.ytd-playlist-panel-renderer {
background-color: #424242; / var(--yt-spec-general-background-a); , моё: #222222 /
height: 100%; overflow-y: auto; padding-top: 4px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
box-shadow: 0px 0px 1px 1px rgba(178, 178, 178, .16);}
[dark] .playlist-items.ytd-playlist-panel-renderer {
background-color: #424242; / var(--yt-spec-general-background-a); , моё: #222222 */
height: 100%; overflow-y: auto; padding-top: 4px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;
box-shadow: 0px 0px 1px 1px rgba(178, 178, 178, .27);}
/* Ширина Скроллбара Плейлиста под Видео */
ytd-playlist-panel-renderer[standardized-themed-scrollbar] .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar {width: 10px;}
/* Цвет Ползунка Плейлиста под Видео */
ytd-playlist-panel-renderer[standardized-themed-scrollbar] .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb {background: #797979; border-radius: 0px !important; border: 1px solid #4D4D4D !important;
box-shadow: inset 0px 0px 0px 0px #4D4D4D , inset -0px 0px 0px 0px #4D4D4D;}
/* Цвет Подсвеченного Ползунка Плейлиста под Видео */
ytd-playlist-panel-renderer[standardized-themed-scrollbar] .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb:hover
{background: #8c8c8c;}
/* Цвет Активного поля Скроллбара в Плейлисте под Видео */
ytd-playlist-panel-renderer[standardized-themed-scrollbar] .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-track:active
{background-color: #4D4D4D;}
/* Цвет Бэкграунда Роликов в Плейлисте под Видео /
ytd-playlist-panel-video-renderer {background-color: #222222;} /#131313*/
/* Отступ снизу и Сверху - Плейлиста под Видео */
#container.ytd-playlist-panel-renderer, .playlist-items.ytd-playlist-panel-renderer {
height: 100%;
-o-margin-top: 1px;
-o-margin-bottom: -1px;}
/* Отступ Снизу - Плейлиста под Видео от колонки самих Видео : v2 - 2021 */
ytd-watch-flexy[flexy][js-panel-height_] #playlist.ytd-watch-flexy {
max-height: var(--ytd-watch-flexy-panel-max-height);
margin-bottom: 12px;}
/* Цвет названий Видео - внутри плейлиста под Видео /
#video-title.ytd-playlist-panel-video-renderer {color: #CACACA;} /#CACACA*/
/* Цвет заголовка (ВИДЕО УДАЛЕНО) в Плейлисте */
#unplayableText.ytd-playlist-panel-video-renderer {
font-size: var(--yt-link-font-size, 1.4rem); font-weight: 500; line-height: var(--ytd-link-line-height, 1.6rem);
letter-spacing: var(--yt-link-letter-spacing, normal); color: #CACACA;}
/* Цвет Ников Авторов - внутри плейлиста под Видео */
ytd-playlist-panel-video-renderer[watch-color-update] #byline.ytd-playlist-panel-video-renderer {
color: #767676;} /767676/
/* Цвет Указателя проигрываемого Видео в Плейлисте */
ytd-playlist-panel-video-renderer[watch-color-update] #index.ytd-playlist-panel-video-renderer {
color: #9d9d9d;}
/* Цвет выделения Играющего видео в плейлисте /
ytd-playlist-panel-video-renderer[selected][watch-color-update] {background-color: #3a3a3a; /#3A3A3A*/
-o-box-shadow: inset 0px 0px 15px 1px #8E8E8E ;} /#3a3a3a/
/* Цвет подсвечиваемого мышкой Видео в плейлисте /
ytd-playlist-panel-video-renderer[watch-color-update]:hover:not(.dragging) {
background-color: #262626 !important;
box-shadow: inset 1px 0 0 0 #222222, inset -1px 0 0 0 #222222,
inset 2.3px 0 0 0 #3ea6ff, inset -2.3px 0 0 0 #3ea6ff,
inset 0 0 10px 0 #3ea6ff, inset 0 0 0 1px #3ea6ff, inset -1px 0 0 0 #3ea6ff;
-o-background-color: #262626; -o-box-shadow: inset 0px 0px 25px 5px #525252;} /#262626, var(--yt-spec-badge-chip-background) */
/* ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ цвет Заголовка чёного Плейлиста ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ */
/* Цвет Бэкграунда Заголовка Плейлиста - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer {
padding: 12px 6px 0 16px;
background-color: #1A1A1A;} / #202020 */
[dark] ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer {
padding: 12px 6px 0 16px;
background-color: var(--yt-spec-brand-background-primary);}
/* Цвет Бэкграунда Заголовка Плейлиста - в Свёрнутом состоянии */
ytd-playlist-panel-renderer[collapsible][collapsed] .header.ytd-playlist-panel-renderer {
padding-bottom: 12px;
background-color: var(--yt-spec-brand-background-primary);}
/* Текст "YouTube" и имя создателя плейлиста - в Развёрнутом Виде /
ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer {
--yt-endpoint-color: #fff; /#AAAAAA; - цвет Ника Автора*/
color: #AAAAAA;} /#AAAAAA; - цвет YouTube/
[dark] ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer {
--yt-endpoint-color: #fff; /#AAAAAA; - цвет Ника Автора/
color: #AAAAAA;} /#AAAAAA; - цвет YouTube/
/* Текст "YouTube" и имя создателя плейлиста - в Свёрнутом Виде /
ytd-playlist-panel-renderer[collapsible][collapsed] .publisher.ytd-playlist-panel-renderer {
--yt-endpoint-color: var(--yt-spec-text-primary);
color: var(--yt-spec-text-secondary);}
/ Текст "YouTube" и имя создателя плейлиста - в Свёрнутом Виде */
[dark] ytd-playlist-panel-renderer[collapsible][collapsed] .publisher.ytd-playlist-panel-renderer
{--yt-endpoint-color: #fff; color: #AAAAAA !important}
/* Переназначение Цветов Заголовка и Автора */
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited {
color: var(--yt-endpoint-color, var(--yt-spec-text-primary));} /* var(--yt-endpoint-color, var(--yt-spec-text-primary)) */
/* def. color: var(--yt-endpoint-visited-color, var(--yt-spec-text-primary)) */
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover {
color: var(--yt-endpoint-color, var(--yt-spec-text-primary));}
/* Текст в Заголовке - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] .title.ytd-playlist-panel-renderer {
--yt-endpoint-color: #fff; / var(--yt-spec-text-primary) /
color: #fff;} / var(--yt-spec-text-primary) /
/ Текст в Заголовке - в Свёрнутом состоянии */
ytd-playlist-panel-renderer[collapsible][collapsed] .title.ytd-playlist-panel-renderer {
--yt-endpoint-color: var(--yt-spec-text-primary);
color: var(--yt-spec-text-primary);}
/* Счётчик Видео - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer {
font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; color: #AAAAAA;}
/ Счётчик Видео - в Свёрнутом состоянии */
ytd-playlist-panel-renderer[collapsible][collapsed] .index-message-wrapper.ytd-playlist-panel-renderer {
font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; color: var(--yt-spec-text-secondary);}
/* состояние Доступа Плейлиста - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] .badge-style-type-medium-grey.ytd-badge-supported-renderer {
background: rgba(255, 255, 255, .102); / var(--yt-spec-badge-chip-background) /
color: #AAAAAA;}
/ состояние Доступа Плейлиста - в Свёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible][collapsed] .badge-style-type-medium-grey.ytd-badge-supported-renderer {
background: var(--yt-spec-badge-chip-background);
color: var(--yt-spec-text-secondary);}
/ (цвет Иконки) состояние Доступа Плейлиста - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] yt-icon.ytd-badge-supported-renderer {
width: var(--ytd-badge-icon-size, 13px);
height: var(--ytd-badge-icon-size, 13px);
color: #AAAAAA;}
/ (цвет Иконки) состояние Доступа Плейлиста - в Свёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible][collapsed] yt-icon.ytd-badge-supported-renderer {
width: var(--ytd-badge-icon-size, 13px);
height: var(--ytd-badge-icon-size, 13px);
color: var(--ytd-badge-icon-color, var(--yt-spec-text-secondary));}
/ (Цвет значка) развернуть/свернуть плейлист '^/v' - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] #expand-button.ytd-playlist-panel-renderer {
color: #fff; margin-right: 4px;}
/ (Цвет значка) развернуть/свернуть плейлист '^/v' - в Свёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible][collapsed] #expand-button.ytd-playlist-panel-renderer {
color: var(--yt-spec-icon-active-other); margin-right: 4px;}
/ (цвет Разделителя "-" ) - в Развёрнутом состоянии /
ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer:not(:empty) +
.index-message-wrapper.ytd-playlist-panel-renderer::before {color: #AAAAAA;}
/ (цвет Разделителя "-" ) - в Свёрнутом состоянии */
ytd-playlist-panel-renderer[collapsible][collapsed] .publisher.ytd-playlist-panel-renderer:not(:empty) +
.index-message-wrapper.ytd-playlist-panel-renderer::before {color: var(--yt-spec-text-secondary);}
/* Цвет Иконки - Удалить Плейлист из библиотеки */
[collapsible] #save-button.ytd-playlist-panel-renderer ytd-toggle-button-renderer #button.ytd-toggle-button-renderer {
color: rgb(62, 166, 255) !important;}
[dark] [collapsible] #save-button.ytd-playlist-panel-renderer ytd-toggle-button-renderer #button.ytd-toggle-button-renderer {
color: var(--yt-spec-call-to-action) !important;}
/* v1 */
-o-ytd-playlist-panel-renderer[collapsible] ytd-toggle-button-renderer.style-default-active[is-icon-button] svg {
color: rgb(62, 166, 255) !important;}
-o-[dark] ytd-playlist-panel-renderer[collapsible] ytd-toggle-button-renderer.style-default-active[is-icon-button] svg {
color: var(--yt-spec-call-to-action);}
/* Цвет Иконки - Сохранить Плейлист в библиотеку */
ytd-playlist-panel-renderer[collapsible] ytd-toggle-button-renderer.style-grey-text[is-icon-button] svg {
color: #909090 ;} /* var(--yt-spec-icon-inactive) это #909090*/
/* v2 */
-o-.size-default.style-grey-text.ytd-playlist-panel-renderer.style-scope > .ytd-toggle-button-renderer.style-scope.yt-simple-endpoint svg {
color: #909090;}
/* ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ */
/* =============================================================== */
/* Отступ сверху (уже снизу) миниатюр Видео (и между миниатюраии) на Вкладке с Видео RU /
ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer{
padding-top: 16px;
padding-bottom: 0px;} / old ver. /
-o-ytd-compact-video-renderer {
padding-top: 7px; / выключено, так надо /
-o-background: red;
padding-bottom: 0px;} /7px;/ / old ver.*/
/* Отступ сверху и снизу миниатюр Видео (и между миниатюраии) на Вкладке с Видео ENG /
ytd-compact-video-renderer.ytd-item-section-renderer {
padding-top: 8px;
padding-bottom: 0px;} / new ver. */
/* отступ Сверху для первого видео после того которое помеченым Следующим в показе (для тонкой настройки) /
/ для разных зон Ютуб работает по разному! ... :O и параметры одной зонын е видны на другой /
-o-ytd-compact-video-renderer.ytd-item-section-renderer.style-scope:nth-of-type(1) {padding-top: 8px;} / зона: ENG /
-o-ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer.style-scope:nth-of-type(1) {padding-top: 8px;} / зона: RU */
/* Уменьшить интервалы между Видео на вкладке с Видео в - зоне: RU (так надо) */
ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion=collapsed]).ytd-watch-next-secondary-results-renderer {margin-bottom: 0px;}
/* смещение описания для Видео Справа */
.details.ytd-compact-video-renderer {margin-top: -2px;} /Видосы/
.details.ytd-compact-radio-renderer {margin-top: -2px;} /Джем/Mix Микс/
.details.ytd-compact-playlist-renderer {margin-top: -2px;} /Плэйлист/
/* ============================================================== */
/* «»«»«»«»«»«» Плеер Эпизодов Видео: (Чёрный - оформление) «»«»«»«»«»«» */
/скроллбар/
ytd-macro-markers-list-renderer[standardized-themed-scrollbar] #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar
{width: 13px;}
ytd-macro-markers-list-renderer[standardized-themed-scrollbar] #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar-track
{background: #3f3f3f;}
ytd-macro-markers-list-renderer[standardized-themed-scrollbar] #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar-thumb
{background: #6c6c6c; box-shadow: inset 0 0 0 0px #000; border-radius: 0px !important; border: 1px solid #3F3F3F;}
ytd-macro-markers-list-renderer[standardized-themed-scrollbar] #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar-thumb:hover
{background: #838383;}
/* Плеер Эпизодов - размер в Двух колонках /
[flexy][is-two-columns_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
margin-bottom: 7px; / var(--ytd-margin-1x) */
margin-left: -15px;
margin-right: -15px;
margin-top: -1px;}
/* Тело Плеера Эпизодов */
#contents.ytd-macro-markers-list-renderer {
overflow-y: auto; display: flex; flex-direction: column;
background-color: #222222; box-shadow: 0px 0px 0px 2px var(--yt-searchbox-background );
-o-outline: 1px solid var(--yt-spec-themed-blue);
margin: 2px 2px 2px 2px; padding: 4px 2px 4px 2px;}
/* Эпизоды (все кроме Активного) */
ytd-macro-markers-list-item-renderer {
-o-display: block; padding: 8px 8px 8px 0; display: flex; flex-direction: row; flex: none;
background-color: #222222; box-shadow: inset 0px -1px 0px 0px rgba(4, 4, 4, .36);}
/* Эпизод (Активный)*/
ytd-macro-markers-list-item-renderer[active] {
background: rgba(255, 255, 255, .1);/* var(--yt-spec-badge-chip-background) */
box-shadow: inset -1px 0px 0 0px #6f6f6f,
inset 1px 0px 0 0 #6f6f6f, inset 0 0px 0 1.0px #6f6f6f;}
/* Обводка Миниатюры активного Эпизода*/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
outline: 2px solid #3ea6ff;} /* outline: 2px solid var(--yt-spec-themed-blue)*/
/* Подложка под Миниатюру активного Эпизода */
#thumbnail.ytd-macro-markers-list-item-renderer {height: 56px; width: 100px;background: #000;}
/* Подсвеченный Эпизод */
ytd-macro-markers-list-item-renderer:hover {
background-color: transparent;
box-shadow: inset 0 0 10px 0 #3ea6ff, inset 1.3px 0 0 0 #3ea6ff,
inset -1.3px 0 0 0 #3ea6ff, inset -1px 0 0 0 #3ea6ff, inset 0 0 0 1px #3ea6ff;
-o-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .91);}
/* Нажатый Эпизод */
ytd-macro-markers-list-item-renderer:active {background-color: #252a3a;}
/* Точка Выделитель проигрываемого Эпизода */
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #3ea6ff; /* var(--yt-spec-themed-blue)*/
height: 6px; width: 6px; border-radius: 6px; margin: 0 5px;}
/* Названия Эпизодов */
h4.ytd-macro-markers-list-item-renderer {
margin-bottom: 8px;
color: #CACACA; /* var(--yt-spec-text-primary) / /Цвет Шрифта/
display: -webkit-box; / так и должно быть, обычного нет */
max-height: 3.2rem; /calc(2 * var(--yt-link-line-height, 1.6rem))/
overflow: hidden; text-overflow: ellipsis; white-space: normal;
font-size: var(--yt-link-font-size, 1.3rem); /def. 1.4rem/
font-weight: 500;
line-height: var(--ytd-link-line-height, 1.6rem);
letter-spacing: var(--yt-link-letter-spacing, normal);}
/* ТаймКод Эпизода */
#time.ytd-macro-markers-list-item-renderer {
padding: 2px 6px; border-radius: 2px;
color: #3ea6ff; /Цвет времени/ /* var(--yt-spec-themed-blue)/
background-color: #252a3a; /Цвет поля времени// var(--yt-spec-suggested-action)*/
font-size: 1.3rem; font-weight: 500; letter-spacing: 0.007px;
text-transform: uppercase; align-self: flex-start;}
/* Контейнер Синхронизации */
#sync-container.ytd-macro-markers-list-renderer {
position: absolute; left: 0; right: 0; bottom: 0;
height: 60px; -o-width: auto; -o-width: 417px;
margin-right: 15px;
transition: -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1);
transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1);
display: flex; flex-direction: row; align-items: center;
justify-content: center; -o-background-color: var(--yt-spec-brand-background-primary);/фон для теста/}
/* Кнопка Синхронизации */
#sync-button.ytd-macro-markers-list-renderer {
color: #030303; /цвет Шрифта кнопки/ /* var(--yt-spec-text-primary-inverse) */
background: #3ea6ff; /цвет кнопки/ /var(--yt-spec-themed-blue)/
padding: 8px 12px; border-radius: 28px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2);
cursor: pointer; font-size: var(--yt-badge-font-size, 1.2rem);
font-weight: 500; line-height: var(--yt-badge-line-height-size, 1.2rem);
margin-bottom: 6px; /test/}
/* Размер Шрифта Оглавления */
#title.ytd-engagement-panel-title-header-renderer {font-size: 1.4rem;}
/* Шапка Оглавления */
#header.ytd-engagement-panel-title-header-renderer {
-o-display: block;
box-shadow: inset 0 -1px 0 0 var(--ytd-searchbox-legacy-button-border-color);
padding: 4px 2px 4px 16px;
color: var(--yt-spec-text-primary); /*этот цвет: #fff */
background-color: var(--yt-spec-brand-background-primary); /*этот цвет: rgba(33, 33, 33, .98) */
display: flex; align-items: flex-start;}
/Эпизоды - размер иконки Поделиться/
ytd-macro-markers-list-item-renderer.ytd-macro-markers-list-renderer
#share-button svg.yt-icon {width: 70% !important; height: 70% !important;}
/* »«»«»«»«»«»«»«»«»«»«»«»»«»«»«»«»«»«»«»«»«»«»«»»«»«»«»«»«»«»«»«»«»«»«»»«»«»«» */
}
@-moz-document domain("youtube.com") {
/* раздел: " НАСТРОЙКИ " (youtube.com/account) */
/* ============= подгонка текста в разделе: " НАСТРОЙКИ " ============== */
/* отступы перед Шапками зарделов */
#primary-content.ytd-page-introduction-renderer {padding-left: 6px; padding-right: 6px;}
/* отступы перед Заголовами */
#title.ytd-item-section-header-renderer {
padding-left: 6px; padding-right: 6px;
color: var(--yt-spec-text-primary);
padding-top: 24px;
padding-bottom: 8px;
font-size: 1.6em;
line-height: 1.4em;
font-weight: 500;}
/* отступы перед Описаниями под Загловками */
#subtitle.ytd-item-section-header-renderer {
padding-left: 0px; padding-right: 6px;
position: relative; left: 6px;
color: var(--yt-spec-text-secondary);
font-size: var(--ytd-user-comment_-font-size);
font-weight: var(--ytd-user-comment-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);}
/* отступы перед Переключателями и Описаниями */
#section.ytd-settings-options-renderer {
padding-left: 6px; padding-right: 6px;
padding-top: 20px;
display: flex;
justify-content: flex-start;
flex-direction: row;}
/* отступы перед Иконками */
#app.ytd-connected-app-renderer {
padding-top: 24px;
padding-left: 6px;
justify-content: space-between;
display: flex;
flex-direction: row;}
/* отступы перед Кнопками */
#button-container.ytd-connected-app-renderer {
padding-left: 24px;
padding-right: 6px;
justify-content: center;
display: flex;
flex-direction: column;}
}
@-moz-document domain("youtube.com") {
/* Элементы Управления Видео на Экране */
/* Кнопка - Плей(Пауза) /
.ytp-bezel {
position: absolute; left: 50%; top: 50%; width: 32px; /52px/ height: 32px; /52px/ z-index: 19; /19/
margin-left: -16px; /-26px*/ margin-top: -16px; /-26px/ background: rgba(0,0,0,0.5);
border-radius: 26px; animation: ytp-bezel-fadeout .5s linear 1 normal forwards; pointer-events: none;}
/* Иконка Кнопки - Плей(Пауза) - Без Входна на Аккаунт (бывшая Обычная) /
.ytp-bezel-icon {
width: 32px ; height: 32px;
margin: 0px;} / margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;*/
/* Иконка Кнопки - Плей(Пауза)*/
.ytp-larger-tap-buttons .ytp-bezel-icon {
width: 32px;
height: 32px;
margin: 0px;}
/* Иконка Кнопки - Плей(Пауза) - Без Входна на Аккаунт (old)*/
.ytp-exp-bigger-button .ytp-bezel-icon {width: 32px; height: 32px; margin: 0px;}
/* Кнопка - Плей(Пауза) (полный экран) /
.ytp-big-mode .ytp-bezel {
width: 52px; /78px/ height: 52px; /78px/ margin-left: -27px; /-39px*/
margin-top: -26px; /-39px/ border-radius: 39px;}
/* Иконка Кнопки - Плей(Пауза) (полный экран) */
.ytp-big-mode .ytp-bezel-icon {
width: 52px; /54px/ height: 52px; /54px/
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
/* Спиннер */
.ytp-spinner {
position: absolute; left: 50%; top: 50%; width: 54px; margin-left: -27px;
z-index: 18; pointer-events: none;}
/* Спиннер (Полный Экран) /
.ytp-big-mode .ytp-spinner {width: 98px; /128px/ margin-top: -0px; margin-left: -50px;} /-64px*/
/* Толщина Спиннера (в Полном Экране) */
.ytp-big-mode .ytp-spinner-circle {border-width: 8px;}
/* Указатели промотки .ytp-doubletap-ui (влево, вправо) /
.ytp-doubletap-static-circle {
font-size: 1.9rem !important;
width: 80px !important;
height: 80px !important;
background-color: rgba(0,0,0,0.6);
-o-padding: 0px 0px 0px 20px !important;
border-radius: 50%;
margin: 3px 0px 0px 14px !important;}
/ Указатели промотки .ytp-doubletap-ui (влево, вправо) - Полный Экран */
[fullscreen] .ytp-doubletap-static-circle {
width: 80px !important;
height: 80px !important;
background-color: rgba(0,0,0,0.6);
-o-padding: 0px 0px 0px 20px !important;
border-radius: 50%;
margin: 8px 0px 0px 14px !important;}
}
@-moz-document domain("youtube.com") {
/* меню (Поделиться) */
/* Позицианирование Кнопок Промотки в меню (Поделиться) /
#scroll-button-forward.yt-third-party-share-target-section-renderer / Правая /
{right: -16px;} /def. -14px/
#scroll-button-back.yt-third-party-share-target-section-renderer / Левая */
{left: -16px;} /def. -14px/
/* Кнопка (Поделиться - Активная) */
.scroll-button.yt-third-party-share-target-section-renderer:hover {
margin-left: -14px;
margin-right: -14px;
width: 36px; /40px;/
height: 60px; /40px;/
top: 6px;
border-radius: 10%; /50%;/
background-color: var(--yt-spec-brand-background-primary);
color: var(--yt-spec-icon-inactive);
overflow: hidden;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2),
inset 0px 0px 1px 1px rgba(227, 227, 227, .1);}
/* Кнопка (Поделиться) */
.scroll-button.yt-third-party-share-target-section-renderer {
margin-left: 2px;
margin-right: 2px;
position: absolute;
width: 20px; /40px;/
height: 60px; /40px;/
top: 6px;
border-radius: 10%;
opacity: 1;
background-color: var(--yt-spec-brand-background-primary);
color: var(--yt-spec-icon-inactive);
overflow: hidden;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2),
inset 0px 0px 1px 1px rgba(227, 227, 227, .1);}
/* Стрелки Кнопки (Поделиться) - Позицианирование */
.scroll-button-icon.yt-third-party-share-target-section-renderer {
width: 24px; height: 24px; margin: 0 0px 0 -2.0px;}
}
@-moz-document domain("youtube.com") {
/* Нотификационное Меню Колокольчика + Выпадающие Меню */
/* Выпадающие Меню ЛайвЧата : - Внешний Контур и Тень - 2021 */
ytd-menu-popup-renderer.yt-live-chat-app
{box-shadow: 0px 0px 1.5px 0px rgb(0, 0, 0), 0 3px 3px rgba(0, 0, 0, 0.3) !important;}
/* Выпадающие Меню (Все) : - Внутренний Контур (уже хз) /
paper-listbox {
display: block;
padding: 8px 0;
background: var(--paper-listbox-background-color, var(--primary-background-color));
box-shadow: inset 0px 0px 0px 1px var(--yt-spec-10-percent-layer);
-o-border-radius: 3px;
-o-border: 1px solid #f00; / для теста Скроллбаров */
color: var(--paper-listbox-color, var(--primary-text-color));
overflow: hidden;}
/* Внешний Контур и Тень на множестве Выпадающих меню - 2021 */
#contentWrapper > .ytd-popup-container.style-scope {
box-shadow: 0px 0px 1.5px 0px rgb(0, 0, 0), 0 3px 3px rgba(0, 0, 0, 0.3) !important;}
/* Внутренний Контур на множестве Выпадающих меню - 2021 */
tp-yt-paper-listbox.ytd-menu-popup-renderer {
box-shadow: inset 0px 0px 0px 1px var(--yt-spec-10-percent-layer) !important; border-radius: 3px !important;}
/* Внутренний контур Меню: - Сохранить в / + Новый плейлист / Конфиденциальность - 2021 */
tp-yt-paper-listbox#entries.dropdown-content.ytd-dropdown-renderer {box-shadow: inset 0px 0px 0px 1px var(--yt-spec-10-percent-layer);}
/* Выпадающее Меню (Упорядочить) : - Внешний Контур, Тень, Внутренний Контур - 2021 /
div.dropdown-content.tp-yt-paper-menu-button {
box-shadow: 0px 0px 0px 0.3px rgb(0, 0, 0), 0 4px 4px rgba(0, 0, 0, 0.3)!important;}
/ Выпадающее Меню (Упорядочить) : - Внутренний Контур - 2021 */
tp-yt-paper-listbox.yt-dropdown-menu {
box-shadow: inset 0px 0px 0px 1px var(--yt-spec-10-percent-layer) !important;}
/* Выпадающее Меню (Упорядочить) : - Внешний Контур, Тень, Внутренний Контур(X)(уже хз) */
.dropdown-content.paper-menu-button {
-o-box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
-o-border: 1px solid var(--yt-spec-10-percent-layer);
box-shadow: 0px 0px 0px 0.3px rgb(0, 0, 0), 0 4px 4px rgba(0, 0, 0, 0.3);
position: relative;
border-radius: 3px;
background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color));}
/* Контур вокруг Меню Колокольчика и Меню Пользователя */
iron-dropdown.ytd-popup-container {box-shadow: 0px 0px 0.4px 0.3px rgb(0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.3);}
/* Нотификационное Меню Колокольчика (выделенное) /
ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] > .menu-container.ytd-multi-page-menu-renderer
{overflow: auto !important; margin-right: 0px; -o-background: rgb(251, 8, 8) !important;}
/ Нотификационное Меню Колокольчика (НЕ выделенное) /
/ /!\ overflow: auto !important - показать скроллбар ; margin-right: 0px !important - отцентровать окно со скроллбаром /!\ /
ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] > .menu-container.ytd-multi-page-menu-renderer:not(:hover)::-webkit-scrollbar-thumb
{overflow: auto !important; margin-right: 0px !important;
-o-background: rgb(251, 8, 8) !important;
background: var(--yt-spec-icon-disabled) !important;}
/ толщина СкроллБара в Колокольчике /
.ytd-multi-page-menu-renderer.menu-container::-webkit-scrollbar {width: 8px !important; height: 8px !important;}
/ Нотификационное Меню Колокольчика (НЕ выделенное) - показывать СкроллБар ВЕЗДЕ */
-o-.ytd-multi-page-menu-renderer.menu-container::-webkit-scrollbar-thumb:not(:hover)
{overflow: visible !important; margin-right: 0px !important; background: var(--yt-spec-icon-disabled) !important;}
/* Секция в меню Нотификаций Колокольчика */
ytd-notification-renderer {
position: relative;
padding: 16px 8px 16px 1px; /16px 16px 16px 0;/
display: flex;
flex-direction: row;
background-color: rgba(55, 55, 55, .05);
box-shadow: inset 0px -0.8px 0px 0px var(--yt-spec-10-percent-layer);}
/* Секция в меню Нотификаций Колокольчика (Выделенная) */
ytd-notification-renderer:hover {
position: relative;
padding: 16px 8px 16px 1px; /16px 16px 16px 0;/
display: flex;
flex-direction: row;
background-color: rgba(132, 126, 120, .2) !important;
box-shadow: inset 0 -1px 0 0 var(--yt-spec-10-percent-layer),
inset 0 -1px 0 0 var(--yt-spec-10-percent-layer),
0 -1px 0 0 var(--yt-spec-10-percent-layer),
0 -0.4px 0 0 var(--yt-spec-10-percent-layer),
inset -0.5px 0 0 0 var(--yt-spec-10-percent-layer),
inset 1px 0 0 0 var(--yt-spec-10-percent-layer);}
/*Отступы внутри Секции одной Нотификации v1 */
a.yt-simple-endpoint.ytd-notification-renderer {
margin-right: 24px;
padding: 2px 0px 0px 0px;
flex: 1;
flex-basis: 1e-9px;
display: flex;
-o-background: rgb(251, 8, 8) !important;
flex-direction: row;}
/*Отступы внутри Секции одной Нотификации v2 */
.yt-simple-endpoint.ytd-notification-renderer {
min-width: 0;
display: inline-block;
cursor: pointer;
text-decoration: none;
-o-background: rgb(251, 8, 8) !important;
color: var(--yt-endpoint-color, var(--yt-spec-text-primary));
-o-padding: 2px 0px 0px 0px;}
/* Отступы в Заголовках (Недавние Комментарии) и ( Другие Уведомления) в Меню Колокольчика /
h2.yt-multi-page-menu-section-renderer {
padding-bottom: 4px; / test /
color: var(--yt-primary-text-color);
margin: var(--ytd-margin-2x) 0px var(--ytd-margin-base) var(--ytd-margin-4x);
/ Def: margin: var(--ytd-margin-4x) 0px var(--ytd-margin-base) var(--ytd-margin-4x)*/
font-weight: 400;
flex: var(--layout-flex_-flex);
flex-basis: var(--layout-flex-_flex-basis);}
/* Толщина СкроллБаров в Меню Колокольчика */
.menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar {width: 8px; height: 8px;} /Def. 8px/
}
@-moz-document domain("youtube.com") {
/* ДОПОЛНИТЕЛЬНЫЕ НАСТРОЙКИ оформления: при просмотре YouTube не заходя на Аккаунт */
/* Мини Кнопки [Подписаться] под каналами - "не заходя на Аккаунт" (позицианирование) */
ytd-button-renderer.ytd-grid-channel-renderer.style-compact-gray.size-default {
position: relative; top: -15px; left: 41px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
border-radius: 2px; box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5);}
/* Мини Кнопки [Подписаться] под каналами - "не заходя на Аккаунт" (шрифт, размер, позицианирование) */
yt-formatted-string#text.ytd-button-renderer.style-compact-gray.size-default {
font-size: 1.1rem; text-transform: none; margin: -3px 0px -2px 0px; padding: 1px 0px 0px 0px ;}
/* Мини Кнопки [Подписаться] под ИЗБРАННЫМИ каналами на странице Канала - "не заходя на Аккаунт" (позицианирование)*/
ytd-button-renderer.ytd-mini-channel-renderer.style-compact-gray.size-default {
position: relative; top: -15px; left: 41px;
box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5);}
/* Размер Большой кнопки [Подписаться] по высоте, по ширине - "не заходя на Аккаунт" + (размер шрифта) */
tp-yt-paper-button#button.ytd-button-renderer.style-destructive.size-default {
border-radius: 2px; box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, .5); padding: 4.0px 10px; font-size: 1.4rem;}
/* Позицианирование Большой кнопки [Подписаться] на каналах - "не заходя на Аккаунт" */
ytd-button-renderer.ytd-c4-tabbed-header-renderer.style-destructive.size-default {margin-right: 4px;}
/* Позицианирование Большой кнопки [Подписатьсяв] в Поиске - "не заходя на Аккаунт" */
ytd-button-renderer.ytd-channel-renderer.style-destructive.size-default {margin-right: 4px;}
/* Позицианирование Большой кнопки [Подписатьсяв] под Видео - "не заходя на Аккаунт" */
ytd-button-renderer.ytd-video-secondary-info-renderer.style-destructive.size-default {margin-right: 4px;}
/* Верхний бордюр для Правого меню (…) рядом с кнопкой [ВОЙТИ] */
ytd-multi-page-menu-renderer.ytd-popup-container {box-shadow: inset 0px 1px 0px 0px var(--yt-spec-10-percent-layer);}
}
@-moz-document domain("youtube.com") {
/* Главное ЛЕВОЕ Меню (Гид Меню) */
/* интервалы по высоте между строками - Левого Главного меню (Гид меню) */
ytd-guide-section-renderer {
--paper-item-min-height: 28px;} /Funny. 32px/ /old. 28px/
/* Размер Системных Иконов в Гид меню и отступ справа /
.guide-icon.ytd-guide-entry-renderer {
--iron-icon-height: 22px; /def. 24px/ /old. 18px ~ 21/
--iron-icon-width: 22px; /def. 24px/ /old. 18px ~ 21/
margin-right: 11px; /def. 24px/ /old. 10px ~ 14/
margin-left: -1px; / добавил для ровности, по умолчанию не было */
-o-color: var(--yt-spec-brand-icon-inactive);}
/* Размер Иконок Подписок в Гид меню и отступ справа */
yt-img-shadow.ytd-guide-entry-renderer {
height: 21px; /def. 24px/ /old. 20px ~ 22/
width: 21px; /def. 24px/ /old. 20px ~ 22/
margin-right: 13px; /def. 24px/ /old. 8px ~ 13/
background-color: transparent;
overflow: hidden;}
/* Ширина Гид меню */
ytd-guide-renderer.ytd-app {
width: 240px;} /def. 240px/ /old. 228px/
/* расположение Скроллбара на Гид меню и ширина Гид меню */
ytd-app {
--app-drawer-width: 240px;} /def. 240px/ /old. 228px/
/* бордюр-контур справа Гид меню */
-o-app-drawer {box-shadow: 0.5px 0px 0px 0px rgba(178, 178, 178, .18);} /old./
/* отступы по бокам Секций Гид меню */
paper-item.ytd-guide-entry-renderer {
padding: 0 20px 0 28px; /def. 0 24px 0 24px;/ /old. 0 18px 0 32px;/
min-width: 0;
height: var(--paper-item-min-height, 48px);} /48px/
/* Размер Шрифтов в Пунктах Гид меню */
.title.ytd-guide-entry-renderer {
color: var(--yt-spec-text-primary);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.3rem; /var(--ytd-user-comment_-_font-size)/ /old. 1.3rem/
font-weight: var(--ytd-user-comment_-font-weight);
line-height: var(--ytd-user-comment-line-height);
letter-spacing: var(--ytd-user-comment-_letter-spacing);
flex: 1;
flex-basis: 1e-9px;}
/* Размер Шрифтов в Пунктах Гид меню (активный раздел) */
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
font-size: 1.3rem; /def. 1.4rem/ /old. 1.3rem/
font-weight: 500;
line-height: var(--yt-guide-highlight-line-height, 1.8rem);}
/* Отступ для Свайпа Гид Меню /
#contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer::after {
position: fixed; -o-background-color: rgb(255, 0, 0);
top: 0; bottom: 0; left: 100%; visibility: visible; width: 5.8px;/def. 20px/ content: '';}
/ Отступ для Свайпа Гид Меню - подсветка /
#contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer:hover::after{
background-color: rgba(174, 174, 174, .56); -o-width: 5px; /def. 20px/ content: '';}
[dark] #contentContainer.tp-yt-app-drawer[swipe-open].tp-yt-app-drawer:hover::after{
background-color: rgba(255, 255, 255, .26);-o-width: 5px; /def. 20px/ content: '';}
/ Отступ для Свайпа Гид Меню - Скрыть подсветку в развёрнутом виде */
#contentContainer.tp-yt-app-drawer[opened].tp-yt-app-drawer:hover::after{
background-color: #00bce100 !important; -o-width: 0px; /def. 20px/ content: '';}
}
@-moz-document domain("youtube.com") {
/* Автоскрываемое Мини Гид меню */
/* OFF /
/ Граница срабатывания - вход /
ytd-mini-guide-renderer:after {
transition: all 100ms ease-in-out 0.4s;
border-radius: 0% 15% 0% 0% / 0% 30% 0% 0% /0% 40% 0% 0% / 0% 30% 0% 0%/;
z-index: -1/-1*/; display: inline-block; content: ""; box-shadow: 1px 0 0 0 rgb(255, 0, 0); -o-background: rgba(255, 0, 0, .11);
position: absolute; top: 0; left: 0px; width:100%; height: 100%; padding-left: 27px /46px/; opacity: 0;}
/* OFF /
ytd-mini-guide-renderer.ytd-app {
transition: margin-left 100ms ease-in-out 0.4s;
margin-left: -65px / -66px /;
box-shadow: 1px 0px 0px 0px rgb(215, 215, 215);
-o-padding-right: 4px;
opacity: 1;
z-index: 2028; /def. z-index: 2028 , юзал 3000/
-o-background: rgb(168, 23, 23);}
/ OFF /
[dark] ytd-mini-guide-renderer.ytd-app {
transition: margin-left 100ms ease-in-out 0.4s;
margin-left: -65px / -66px */;
box-shadow: 1px 0px 0px 0px rgba(55, 55, 55, .63);
-o-padding-right: 4px;
opacity: 1;
z-index: 2028; /def. z-index: 2028 , юзал 3000/
-o-background: rgb(168, 23, 23);}
/* Биг Гид с прозрачным фоном /
app-drawer.ytd-app:not([persistent]).ytd-app {z-index: 2030; /def. 2030/}
/ Биг Гид с прозрачным фоном */
app-drawer.ytd-app[persistent] {z-index: 2005; /def. 2005/}
/* ON /
ytd-mini-guide-renderer.ytd-app:hover {
transition: margin-left 150ms/180ms/ ease-in-out 0.25s/0s/;
margin-left: 0px;
box-shadow: 1px 0px 0px 0px rgb(215, 215, 215);
padding-right: 0px;
opacity: 1}
/ ON /
[dark] ytd-mini-guide-renderer.ytd-app:hover {
transition: margin-left 150ms/180ms/ ease-in-out 0.25s/0s/;
margin-left: 0px;
box-shadow: 1px 0px 0px 0px rgba(55, 55, 55, .63);
padding-right: 0px;
opacity: 1}
/ ON /
/ Граница срабатывания - выход */
ytd-mini-guide-renderer:hover:after {
transition: all 150ms/180ms/ ease-in-out 0.25s/0s/;
z-index: -1; display: inline-block; content: ""; opacity: 0;
position: absolute; top: 0; left: -55px; width:100%; height: 100%;}
/* значёк "»" на Мини Гид меню */
#items.ytd-mini-guide-renderer:after {
background-image: url(https://i114.fastpic.ru/big/2021/0203/0f/996f6a47683a8e02898cb4b3e5c70d0f.png);
background-repeat: no-repeat !important; width: 10px; height: 20px;
background-position-x: 58.9px !important; background-position-y: -5px !important;
filter: invert(0.0) brightness(110%); -o-background-color: #dcffd7;
position: absolute; top: 45%; padding-left: 62.4px;
content: ""; font-size: 1.4rem; color: rgb(162, 162, 162);font-weight: 600;}
[dark] #items.ytd-mini-guide-renderer:after {
background-image: url(https://i114.fastpic.ru/big/2021/0203/0f/996f6a47683a8e02898cb4b3e5c70d0f.png);
background-repeat: no-repeat !important; width: 10px; height: 20px;
background-position-x: 58.9px !important; background-position-y: -5px !important;
filter: invert(0.0) brightness(85%); -o-background-color: #571e8a;
position: absolute; top: 45%; padding-left: 62.4px;
content: ""; font-size: 1.4rem; color: rgb(83, 83, 83);font-weight: 600;}
}
@-moz-document domain("youtube.com") {
/* Сдвиг Видимой области Ютуба (связано с убираемым Мини Гид меню) 2021 /
ytd-app[mini-guide-visible_] ytd-page-manager.ytd-app {
-o-background: rgba(236, 114, 114, .27);
z-index: -100000000 !important;
opacity: 1;
margin-left: 8px/33px/; -o-padding-right: 22px; -o-width: calc(100% - 61px) !important;} /def: 72px/
/ Сдвиг Видимой области Ютуба (связано с убираемым Мини Гид меню) 2021 - V2 !!! */
ytd-app[mini-guide-visible] ytd-page-manager.ytd-app {
-o-background: rgba(255, 0, 0, .53) !important;
z-index: -100000000 !important;
opacity: 1;
margin-left: 8px/33px/; -o-padding-right: 22px; -o-width: calc(100% - 61px) !important;} /def: 72px/
/* тестовый общий сдвиг - в работе /
ytd-page-manager > .ytd-page-manager:not(ytd-watch-flexy):not([page-subtype=history]):not([page-subtype=playlist]):not([guide-persistent-and-visible]):not(ytd-search):not([page-subtype=WEB_PAGE_TYPE_SETTINGS])
{background: var(--yt-spec-general-background-b , #F1F1F1) !important;
-o-left: -24px !important;
margin-left: 0px/-20/;}
/* Смещение Активной Области Каналов с Видимым Мини Гид меню /
[mini-guide-visible_] ytd-page-manager > .ytd-page-manager [page-subtype=channels]
{margin-right: -0.5px !important/-1px/; margin-left: 0.5px/1px/;}
/* Смещение Активной Области Каналов с Видимым Мини Гид меню - V2 !!! /
[mini-guide-visible] ytd-page-manager > .ytd-page-manager [page-subtype=channels]
{margin-right: -0.5px !important/-1px/; margin-left: 0.5px/1px/;}
/* Настройки смещения * ВЕЗДЕ * - с убранным Мини Гид Меню - V */
ytd-browse:not([mini-guide-visible]):not([guide-persistent-and-visible]):not([page-subtype=WEB_PAGE_TYPE_SETTINGS])
{margin-left: 0px !important;}
/* Настройки смещения Библиотеки(Истории) - ленты - V /
[mini-guide-visible_] [page-subtype=history] #primary.ytd-two-column-browse-results-renderer {-o-padding-left: 10px;/20px/margin-right: -9px/-10px*/ !important; margin-left: 9px/10px/ !important;}
/* Настройки смещения Библиотеки(Истории) - ленты - V - V2 !!! /
[mini-guide-visible] [page-subtype=history] #primary.ytd-two-column-browse-results-renderer {-o-padding-left: 10px;/20px/margin-right: -9px/-10px*/ !important; margin-left: 9px/10px/ !important;}
/* Old ver. */
-o-[mini-guide-visible_] [page-subtype=history] {-o-padding-left: 10px;/20px/margin-right: -10px !important}
/* Библиотеки(Истории) @media (min-width: 876px) - В Две колонки (Правая) /
ytd-two-column-browse-results-renderer[page-subtype=history][has-secondary-column-data] #secondary.ytd-two-column-browse-results-renderer {
-o-margin-left: 104px !important; margin-right: 0px !important; z-index: 300;}
/ Библиотеки(Истории) @media (min-width: 876px) - В Одну колонку (Верхняя) */
ytd-two-column-browse-results-renderer[page-subtype=history] #secondary.ytd-two-column-browse-results-renderer {
padding-right: 0% /def. 442px/; margin-left: 0px !important; margin-right: 0px !important;}
/* Отступы для ТЕКСТА Справа - При открытом Гид Меню - для ВСЕХ видео в Вертикальных столбцах (включая в Тренде) !!! - V /
/ << было сделано из параметра "центровка ВСЕХ видео в Вертикальных столбцах (включая в Тренде) >> /
[guide-persistent-and-visible] #dismissible.ytd-video-renderer:not([page-subtype=trending]) {padding-right: 6px;}
/ Отступы для ТЕКСТА Справа - При открытом Гид Меню - (Исключение Для Трендов) - V */
[guide-persistent-and-visible] [page-subtype=trending] #dismissible.ytd-video-renderer {padding-right: 0px;}
/* Фикс невлизающего текста в одной Колонке для Трендов */
[page-subtype=trending].grid-2-columns #grid-container.ytd-expanded-shelf-contents-renderer > *.ytd-expanded-shelf-contents-renderer:not([mini-guide-visible]):not([guide-persistent-and-visible])
{padding: 0px 24.5% 0px 0px!important; -o-display: flex !important; white-space: normal !important; word-break: break-all;}
/* Метадата Описания Каналов и Высота Строки в Поиске (и в управлении Подписками " youtube.com/feed/channels " ) /
/ -o-.grid-2-columns #metadata.ytd-channel-renderer:not([mini-guide-visible]):not([guide-persistent-and-visible])
{margin-bottom: 0px;
margin-top: -6px; /-8px/
/* line-height: 1.8rem;
-o-margin-left: 40.5%!important;}
.grid-2-columns ytd-channel-renderer[use-prominent-thumbs] #info.ytd-channel-renderer:not([mini-guide-visible]):not([guide-persistent-and-visible]) {
padding-right: 26%;
}
ytd-browse.ytd-page-manager.grid-3-columns:not([mini-guide-visible]):not([guide-persistent-and-visible]) {
margin-left: 200px !important;
}
*/
/* ====== Миниатюры Главной страницы ======= /
/****** « перенесено в раздел » "Миниатюры" *******/
/* = = = = = = = = /
/
-o-ytd-watch-flexy[flexy_][flexy-small-window_]:not([is-extra-wide-video_]) {margin-right: -20px; -padding: 0px 20px;}
*/
/* Новый размер Шрифта для Плейлистов (Внутри Плейлиста) */
.ytd-playlist-video-renderer.yt-simple-endpoint {font-size: 1.5rem !important;}
/* Настройка Сдвига Плейлиста (связано с убираемым Мини Гид меню) 2021 */
/* ===== Отступ плашек с Видео от левого Края Плейлиста (внутри плейлиста) ===== - V /
ytd-app[mini-guide-visible_] ytd-page-manager.ytd-app [page-subtype=playlist] {
margin-left: 8.499999px/13px/; -o-margin-right: 0.0px; left: 0.0px; width: calc(100% - 10px)/calc(100% - 15px)/;}
/ ===== Отступ плашек с Видео от левого Края Плейлиста (внутри плейлиста) ===== - V - V2 !!! /
ytd-app[mini-guide-visible] ytd-page-manager.ytd-app [page-subtype=playlist] {
margin-left: 8.499999px/13px/; -o-margin-right: 0.0px; left: 0.0px; width: calc(100% - 10px)/calc(100% - 15px)/;}
/ old ver. -o-ytd-app[mini-guide-visible_] ytd-page-manager.ytd-app [page-subtype=playlist]
{margin-left: 13px; -o-margin-right: -13px; -o-padding-right: 0.0em; width: 100%;} /
/ ===== Отступ плашек с Видео от левого Края Плейлиста (внутри плейлиста) с Открытым Большим Гид Меню ===== - V */
ytd-app[guide-persistent-and-visible] ytd-page-manager.ytd-app [page-subtype=playlist] {margin-left: -13px/раньше небыло/; width: calc(100% - -11px)/calc(100% - 2px)/;}
/* Отступ текста в Заголовке уведомляющем о состоянии видео в плейлисте (внутри плейлиста) - V /
[mini-guide-visible] ytd-alert-with-button-renderer[is-displayed]
{margin-left: 56px !important; -o-margin-right: -0.6em;}
/ ширина Контента внутри пунктов Плейлиста (внутри плейлиста) /
-o-[mini-guide-visible] ytd-playlist-video-renderer.ytd-playlist-video-list-renderer
{-o-width: calc(100% - 0.1%) !important; -o-padding-right: 1%;}
/ отступы внутри внутри пунктов Плейлиста (внутри плейлиста) /
-o-ytd-playlist-video-renderer[is-editable][can-reorder][persistent-drag-handle] {
box-shadow: none; margin: 0px 0px 0px 5px !important;}
/ Отступ текста в Заголовке уведомляющем о состоянии видео в плейлисте - с Открытым Большим Гид Меню (внутри плейлиста) - V */
[guide-persistent-and-visible] ytd-alert-with-button-renderer[is-displayed] {margin-left: 13px !important; }
/центровка текста оповещения в плейлисте/
ytd-browse[page-subtype=playlist][mini-guide-visible] #alerts.ytd-browse yt-alert-renderer.ytd-browse {
padding: 16px 16px 0px 56px;}
ytd-browse[page-subtype=playlist][has-sidebar_]:not([mini-guide-visible]):not([guide-persistent-and-visible]) #alerts.ytd-browse yt-alert-renderer.ytd-browse {padding: 16px 16px 0px 0px;}
/* ® КАНАЛ: - Обсуждение ® - центровка после Сдвига 2021 */
/* Центровка блока с Комментами Автора канала и комментами в Сообществе ($) - V ? /
[mini-guide-visible_] ytd-section-list-renderer[page-subtype=channels] ytd-comments.ytd-section-list-renderer {max-width: 852px; width: calc(100% - 9.5%); margin-top: -16px; margin-left: 110px; padding-right: 0px;} /def: 72px/
/ Центровка блока с Комментами Автора канала и комментами в Сообществе ($) - V ? - V2 !!! */
[mini-guide-visible] ytd-section-list-renderer[page-subtype=channels] ytd-comments.ytd-section-list-renderer {max-width: 852px; width: calc(100% - 9.5%); margin-top: -16px; margin-left: 110px; padding-right: 0px;} /def: 72px/
/* ® ПОИСК ® - Размер поля Поиска и позицианирование (new ver.)[Левое] - сдвиг после центовки 2021 - V /
[mini-guide-visible_] ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search
{margin-left: -48px;} /def: 72px, -47(2021) , -59px/
/ ® ПОИСК ® - Размер поля Поиска и позицианирование (new ver.)[Левое] - сдвиг после центовки 2021 - V - V2 !!! */
[mini-guide-visible] ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search
{margin-left: -48px;} /def: 72px, -47(2021) , -59px/
/* Настройка Правого Рекламного блока в Поиске [Правое] - после сдвига 2021 /
-o-[mini-guide-visible_] ytd-search {
padding: 16px 0px 16px 0px; overflow-y: hidden; display: flex; flex-direction: row;
justify-content: center; position: relative; z-index: 1000;}
/ Настройка Правого Рекламного блока в Поиске [Правое] - после сдвига 2021 - V2 !!! */
-o-[mini-guide-visible] ytd-search {
padding: 16px 0px 16px 0px; overflow-y: hidden; display: flex; flex-direction: row;
justify-content: center; position: relative; z-index: 1000;}
/* ####### общие дефолтные настройки "перенесено из Эксперементальных возможностей" ####### */
/* RU: Отступ плашек с Видео от левого Края Плейлиста (внутри плейлиста) /
/ [связано с левой Мини Панелью Меню] v2-2021*/
ytd-browse[page-subtype=playlist][has-sidebar_][mini-guide-visible] ytd-two-column-browse-results-renderer.ytd-browse {
padding-left: 411px/427px/;} /* RU: 427px по умолчанию, (поменяйте на 499px если убрана левая Мини Панель Меню:) */
ytd-browse[page-subtype=playlist][has-sidebar_][guide-persistent-and-visible] ytd-two-column-browse-results-renderer.ytd-browse {
padding-left: 411px;}
/* RU: отступ текста в Заголовке уведомляющем о состоянии видео в плейлисте /
/ [связано с левой Мини Панелью Меню] /
ytd-alert-with-button-renderer[is-displayed] {
padding-left: 24px; } / RU: 24px по умолчанию, ( поменяйте на 96px если убрана левая Мини Панель Меню:) */
}
@-moz-document domain("youtube.com") {
/* Миниатюры */
/* ====== Миниатюры Главной страницы ======= */
/* расстояние между Видео на главной странице - Самый Мини v1 /
[mini-mode] ytd-rich-item-renderer:not([mini-guide-visible]) {
position: relative; left: 0px; / -6px /
flex: 1;
flex-direction: row;
-o-width: 150px !important; /150px/
min-width: 174px; /170px/
-o-max-width: 190px; /1200px/
margin: 0px 10.0px 14px 1.0px;} / margin: 0px 10.0px 14px 1.0px;
, 0px 4.5px 14px 7.5px; if {position: relative; left: -6px;} /
/ расстояние между Видео на главной странице - Мини v2 /
[mini-guide-visible] [mini-mode] ytd-rich-item-renderer {
position: relative; left: 0px; / -6px /
flex: 1;
flex-direction: row;
-o-width: 150px !important; /150px/
min-width: 164.0px; /170px, 164.5px/
-o-max-width: 190px; /1200px/
margin: 0px 10.0px 14px 1.0px;} / margin: 0px 10.0px 14px 1.0px;
, 0px 4.5px 14px 7.5px; if {position: relative; left: -6px;} */
/* расстояние между Видео на главной странице - Мини с ОТКРЫТЫМ Гид Меню /
[guide-persistent-and-visible] [mini-mode] ytd-rich-item-renderer {
position: relative; left: 0px; / -6px */
flex: 1;
flex-direction: row;
-o-width: 150px !important; /150px/
min-width: 164.0px; /170px/
-o-max-width: 190px; /1200px/
margin: 0px 10.0px 14px 1.0px;}
/* Самый Мини v1 /
/ Отступ и Размер для Миниатюр Главной сраницы Мини Режима (БЕЗ Мини Гид Меню) от правого края после сдвига 2021 */
ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer:not([mini-guide-visible]),
ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer:not([mini-guide-visible]) {
-o-padding: 32px 6px 0px 6px;
margin: 10px 0px 0px 0px/10px 0px 0px 0px,
если нет фикса на Убранное Мини Гид меню, то - margin: 10px -20px 0px 0px/;
width: 90.119%/91.53%/;}
/* Мини v2 /
/ Отступ и Размер для Миниатюр Главной сраницы Мини Режима от правого края после сдвига 2021 */
[mini-guide-visible] ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer ,
[mini-guide-visible] ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
-o-padding: 32px 6px 0px 6px;
margin: 10px 0px 0px 0px/10px 20px 0px 0px/;
width: 84.119%/91.53%; , 84.119%/ !important;}
/* Мини v3 x */
/* Отступ и Размер для Миниатюр Главной сраницы Мини Режима (БЕЗ Мини Гид Меню) от правого края после сдвига 2021 */
ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer,
ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
-o-padding: 32px 6px 0px 6px;
margin: 10px -20px 0px 0px/10px 0px 0px 0px/;
width: 90.119%/91.53%/;}
/* Мини v4 x */
/* Отступ и Размер для Миниатюр Главной сраницы Мини Режима от правого края после сдвига 2021 /
[mini-guide-visible_] ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer,
[mini-guide-visible_] ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
-o-padding: 32px 6px 0px 6px;
margin: 10px 0px 0px 4px/10px 20px 0px 0px/;
width: 90.119%/91.53%; v2 - 90.119%/;}
/ Мини v4 x /
/ Отступ и Размер для Миниатюр Главной сраницы Мини Режима от правого края после сдвига 2021 - V2 !!!
(текст, конфликт с "Мини v2") */
[mini-guide-visible] ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer,
[mini-guide-visible] ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
-o-padding: 32px 6px 0px 6px;
margin: 10px 0px 0px 4px/10px 20px 0px 0px/;
width: 90.119%/91.53%; v2 - 90.119%/;}
/* мини Мод с открытым Гид Меню */
[guide-persistent-and-visible] ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer,
[guide-persistent-and-visible] ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
-o-padding: 32px 6px 0px 6px;
margin: 10px 0px 0px 0px/10px 0px 0px 0px,
если нет фикса на Убранное Мини Гид меню, то - margin: 10px -20px 0px 0px/;
width: 84.119%/91.53%/;}
/* Макси x */
/* Отступ и Размер для Миниатюр Главной сраницы от правого края после сдвига 2021 */
ytd-rich-grid-renderer:not([mini-mode]) #contents.ytd-rich-grid-renderer,
ytd-rich-grid-renderer:not([mini-mode]) #submenu.ytd-rich-grid-renderer
{width: 85%/*91.9% , 90.93% , 85%(2020) /; margin: 10px 0px 0px 4px !important/10px 20px 0px 0px/;
-o-max-width: 86% !important;} / размер верный, но ставить ельзя, гробит расстояние между видео при большом разрешении */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = /
/ « перенесено из раздела » : " ГЛАВНАЯ " / Главная страница */
/расстояние между Видео на главной странице - Макси Мод/
ytd-rich-item-renderer {
margin-left: calc(var(--ytd-rich-grid-item-margin) / 2.0); /2.1/
margin-right: calc(var(--ytd-rich-grid-item-margin) / 6.0); /5.9/
margin-bottom: 14px; /20px/
width: calc( 100% / var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - -3.00px);} /0.01px, мой вариант: -3.00px /
/расстояние между Видео на главной странице - Мини Мод/
[mini-mode] ytd-rich-item-renderer {
position: relative; left: 0px; / -6px /
flex: 1;
flex-direction: row;
-o-width: 150px !important; /150px/
min-width: 174px; /170px/
-o-max-width: 190px; /1200px/
margin: 0px 10.0px 14px 1.0px; / margin: 0px 10.0px 14px 1.0px;
, 0px 4.5px 14px 7.5px; if {position: relative; left: -6px;} /
-o-padding: 0px 0px 0px 0px;
-o-margin-left: calc(var(--ytd-rich-grid-item-margin) / 9.5) !important;
-o-margin-right: calc(var(--ytd-rich-grid-item-margin) / 1.5) !important;}
/ Отступы для решётки Миниатюр Спраа и слева /
ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer, ytd-rich-grid-renderer[mini-mode] #submenu.ytd-rich-grid-renderer {
padding: 32px 6px 0px 6px;
-o-margin: 10px 0px 0px 0px;
/ max-width: calc( var(--ytd-rich-grid-items-per-row) *
(var(--ytd-rich-grid-mini-item-max-width)
+ var(--ytd-rich-grid-item-margin)) );/}
}
@-moz-document domain("youtube.com") {
/* Шапка Белая/Чёрная - рабочая */
/* Рабочая Шапка - белая /
ytd-masthead {
--yt-spec-general-background-a: #fff !important; /фон микрофона/
--yt-spec-brand-background-solid: #fff !important; /фон микрофона МИНИ ОКНО/
--ytd-searchbox-legacy-border-color: #ccc !important; / контур серчбокса /
--ytd-searchbox-legacy-button-border-color: #d3d3d3 !important; / контур кнопки серчбокса /
--ytd-searchbox-legacy-button-hover-border-color: #c6c6c6 !important; / контур кнопки серчбокса подсвеченный /
--ytd-searchbox-legacy-button-color: #f8f8f8 !important; transition: all 2ms linear 0s; / БГ кнопки серчбокса /
--ytd-searchbox-legacy-button-hover-color: #f0f0f0!important; / БГ кнопки серчбокса подсвеченный /
--ytd-searchbox-legacy-border-shadow-color: #eee !important; / Тень внутри серчбокса /
--paper-input-container-input-align: baseline;
--yt-spec-wordmark-text: rgb(33, 33, 33) !important; / текст лого /
--yt-spec-call-to-action: #065fd4 !important; / Кнопка войти в акаунт /
--yt-spec-text-secondary: #606060 !important; / Код страны /
--yt-searchbox-background: #fff !important; / серчбокс БГ /
--ytd-searchbox-background: #fff !important; / серчбокс БГ v2*/
display: block; width: 100%; background: rgb(255, 255, 255); /* БГ /
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, .102);} / rgba(128, 128, 128, .16) */
/* контур внутри кнопки серчбокса */
#search-icon-legacy.ytd-searchbox:hover {box-shadow: inset 0 0px 2px rgba(0, 0, 0, .2) !Important;
transition-duration: 2ms; transition-timing-function: linear; transition-delay: 0s !important;}
#search-icon-legacy.ytd-searchbox {box-shadow: inset 0 0px 1px rgba(0, 0, 0, .1) !Important;
transition-duration: 2ms; transition-timing-function: linear; transition-delay: 0s !important;}
/* Рабочая Шапка - чёрная /
[dark] ytd-masthead {
--yt-spec-general-background-a: #202020 !important; /фон микрофона/
--yt-spec-brand-background-solid: #202020 !important; /фон микрофона МИНИ ОКНО/
--ytd-searchbox-legacy-border-color: #303030 !important; / контур серчбокса /
--ytd-searchbox-legacy-button-border-color: rgb(59, 59, 59) !important; / контур кнопки серчбокса /
--ytd-searchbox-legacy-button-hover-border-color: rgb(67, 67, 67) !important; / контур кнопки серчбокса подсвеченный /
--ytd-searchbox-legacy-button-color: rgb(49, 49, 49) !important; transition: all 2ms linear 0s; / БГ кнопки серчбокса #393939 , #313131*/
--ytd-searchbox-legacy-button-hover-color: rgb(53, 53, 53)!important; /* БГ кнопки серчбокса подсвеченный /
--ytd-searchbox-legacy-border-shadow-color: rgba(48, 48, 48, .5) !important; / Тень внутри серчбокса /
--paper-input-container-input-align: baseline;
--yt-spec-wordmark-text: rgb(255, 255, 255) !important; / текст лого /
--yt-spec-call-to-action: #3ea6ff !important; / Кнопка войти в акаунт /
--yt-spec-text-secondary: #aaaaaa !important; / Код страны /
--yt-searchbox-background: #121212 !important; / серчбокс БГ - #0F0F0F*/
--ytd-searchbox-background: #121212 !important; /* серчбокс БГ v2*/
-o-display: block; -o-width: 100%;
background: rgb(32, 32, 32); /* БГ - rgb(32, 32, 32);/
box-shadow: inset 0px -2px 0px 0px rgb(0, 0, 0);} / rgba(0, 0, 0, .16) */
/*
html:not(.style-scope)[dark], :not(.style-scope)[dark] {
--yt-spec-brand-background-solid: #212121;
*/
}
@-moz-document domain("youtube.com") {
/* Исправления Интеграции Чужих дополнений (опционально) */
/* (i) По своему усмотрению могу добавлять фиксы позицианирования интенграции чужих элементов,
которые могут работать параллельно стилю, если это не будет идти ему во вред (i)*/
/* "PotPlayer YouTube Shortcut: by "depresjon" */
/* позиционирование Кнопок ПотПлеера / Positioning the PotPlayer Buttons /
/ chrome.google.com/webstore/detail/cfdpeaefecdlkdlgdpjjllmhlnckcodp
addons.mozilla.org/firefox/addon/potplayer-youtube-shortcut /
[flexy][is-two-columns_] .yt-ppbutton {position: relative; top: 16px; left: 79px !important; / Светлые Кнопки /
box-shadow: 0 0 2px 0 var(--ytd-searchbox-legacy-button-border-color);}
[flexy][is-two-columns_] .yt-ppbuttonBlack {position: relative; top: 16px; left: 79px !important; / Тёмные Кнопки /
box-shadow: inset 0 0 5px 1px #191919, 0 0 2px 0 var(--ytd-searchbox-legacy-button-border-color);}
/ в Режиме Одной колонки /
[flexy] .yt-ppbutton {position: relative; top: 16px; left: -1px !important; / Светлые Кнопки /
box-shadow: 0 0 2px 0 var(--ytd-searchbox-legacy-button-border-color);}
[flexy] .yt-ppbuttonBlack {position: relative; top: 16px; left: -1px !important; / Тёмные Кнопки */
box-shadow: inset 0 0 5px 1px #191919, 0 0 2px 0 var(--ytd-searchbox-legacy-button-border-color);}
}
@-moz-document domain("youtube.com") {
/* # уменьшить свободное прострранство между ГОРИЗОНТАЛЬНЫМИ блоками с Видео на странице Канала # */
#items.yt-horizontal-list-renderer {margin-bottom: 14px;} /Низ самого верхнего блока - Низ/
.grid-subheader.ytd-shelf-renderer {margin-top: 14px; margin-bottom: 0px;} /Название блока - Верх/
#subtitle.ytd-shelf-renderer {margin-top: 6px;} /Описание Блока - Верх/
/пространство от верхнего края превью до Названия блока - Верх/
#contents.ytd-shelf-renderer {margin-top: 10px;} /ИЛИ пространство от верхнего края превью до Описания блока - Верх/
/*сетка (Названия видео - отступ сверху), (Ник Автора, количество просмотров, дата публикации - отступ снизу) */
h3.ytd-grid-video-renderer {margin: 2px 0 1px;}
/* размер шрифта Названия Видео на главной странице Канала и позицианирование /
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer
{font-size: 1.3rem; font-weight: 500; margin-top: -5px;/-2px*/}
/* размер и параметры шрифта просмотров и времени публикации Видео на главной странице Канала и в меню Видео */
#metadata-line.ytd-grid-video-renderer {line-height: 1.3em; color: #767676; max-width: 100%; max-height: 2.6rem; font-size: 1.1rem; font-weight: 500;
-o-display: inline-block; -o-letter-spacing: 0px; margin-top: 0px; }
/вместимость шрифта по горизонтали - выравнивание по правому Краю/
#meta.ytd-grid-video-renderer {padding-right: 0px /0px - так нужно/;}
/* МЕНЮ КАНАЛА: Главная, Видео, Плейлисты, Каналы, Обсуждение, О Канале /
/ новое 2021 /
tp-yt-paper-tab.ytd-c4-tabbed-header-renderer {padding: 0 11px; vertical-align: middle; font-size: 1.3rem; text-transform: none; --paper-tab-ink: transparent!important;} /--paper-tab-ink: var(--yt-spec-paper-tab-ink);*/
/старый вариант/
paper-tab.ytd-c4-tabbed-header-renderer {padding: 0 11px; vertical-align: middle; font-size: 1.3rem; text-transform: none;}
/* задержки при переключении пунктов меню */
#selectionBar.tp-yt-paper-tabs {transition: all 1ms linear 0s !important;}
/* МЕНЮ КАНАЛА: Главная, Видео, Плейлисты, Каналы, Обсуждение, О Канале (Дополнительные Параметры) /
/ новое 2021 /
tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {--paper-tabs-selection-bar-color: #f00;
--paper-tabs-selection-bar_-_border-bottom-width: 3px; box-sizing: border-box;
color: var(--yt-lightsource-secondary-title-color); height: 48px; padding-bottom: 1px; margin-left: 51px;}
#tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {height: 48px !important;}
/ Исправление для кнопок (Опубликованные и На проверке) Раздела Комментариев - Творческой Студии /
#comment-queue #tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {height: 32px !important;}
/старое/
paper-tabs.ytd-c4-tabbed-header-renderer {--paper-tabs-selection-bar-color: #f00; / Цвет подчёркивания /
--paper-tabs-selection-bar_-_border-bottom-width: 3px; / высота подчёркивания пункта меню*/
color: var(--yt-lightsource-secondary-title-color); /* Цвет НЕ выделенных пунктов меню*/ height: 48px ;padding-bottom: 1px;}
/Скрытие элементов прокрутки МЕНЮ КАНАЛА/
tp-yt-paper-icon-button.tp-yt-paper-tabs {-o-visibility: hidden; opacity: 0;} /* новое 2021 */
paper-tabs.ytd-c4-tabbed-header-renderer paper-icon-button.paper-tabs {-o-visibility: hidden; opacity: 0;}
/*Скрытие элементов прокрутки МЕНЮ КАНАЛА - отображать скрытые (если они есть) при наведении курсора /
tp-yt-paper-icon-button.tp-yt-paper-tabs:hover {-o-visibility: hidden; opacity: 0.8;} / новое 2021 */
paper-tabs.ytd-c4-tabbed-header-renderer paper-icon-button.paper-tabs:hover {-o-visibility: hidden; opacity: 0.5;}
/* сделать стрелки Элемента прокрутки толще */
tp-yt-iron-icon#icon.tp-yt-paper-icon-button svg {stroke: #919191; stroke-width: 1.3; stroke-linecap: round;}
/------------------------------------------------------/
/* Мини Аватары ( Видео с Канала ) на Главной странице Канала - ПОЗИЦИОНИРОВАНИЕ и по отношению к тексту */
#avatar.ytd-shelf-renderer {margin-left: 6px; height: 32px; width: 32px; margin-right: 2px;
border-radius: 0%;background-color: transparent;overflow: hidden;}
/Горизонтальная сетка главной страницы канала - отступ между видео - Сверху/
#grid-container.ytd-expanded-shelf-contents-renderer > *.ytd-expanded-shelf-contents-renderer:not(:last-child) {margin-bottom: 6px; /13px, второй вариант 6px/}
/Кнопки промотки горизонтальных списков видео/
.arrow.yt-horizontal-list-renderer {width: 32px; height: 55px; border-radius: 24px; margin-top: 10px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 1px rgba(227, 227, 227, .1);}
/(Кнопки промотки горизонтальных списков видео) : - Исправление косяка youTube нерабочей половины левой кнопки/
#contentContainer.app-drawer[swipe-open].app-drawer::after {position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 7px;}
/Вертикальный СТОЛБЕЦ главной страницы канала + в Тренде (50% будет показывать два столбца Видео в блоке/
/* (min-width : минимальный размер окна браузера в "px" при котором два столбца превратятся в один) /
/ по умолчанию min-width: 534px; - больше ставить нельзя, иначе прекратит срабатывать вид в два столбца на некоторых Каналах */
#grid-container.ytd-expanded-shelf-contents-renderer > *.ytd-expanded-shelf-contents-renderer {width: 50%; flex: auto; min-width: 534px; overflow: hidden;}
/Текст названия Видео "Превью канала" и названия Видео в Вертикальном столбце канала + Позицианирование (Действует и на Тренды)/
#video-title.ytd-video-renderer {font-size: 1.4rem; margin-top: 0px;}
/текст Описания "Превью канала" и описания видео в Вертикальном столбце канала/
#description-text.ytd-video-renderer
{padding-top: 2px; -o-margin-bottom: 8px; max-height: 3.3rem; font-size: 1.2rem; font-weight: 500; padding-right: 3px; overflow-wrap: anywhere;}
/отступ текста от правого края превью/
ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer {margin-right: 11px;}
/*отступы Описаний Вертикальных Видео (преобразованных в столбцы - Треды и тд.) */
ytd-video-renderer.ytd-expanded-shelf-contents-renderer {padding-right: 8px; /24px/ box-sizing: border-box;}
/* Размер "Превью канала", и оно же Видео в "Трендах" + Контур */
ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer {
flex: none; width: 246px; height: 138px; box-shadow: 0px 0px 1px 0px rgb(85, 102, 136);}
/===================================================================================================/
/размер превью видео в вертикальном блоке - X/
-o-ytd-video-renderer:not([use-prominent-thumbs]) -o-ytd-thumbnail.ytd-video-renderer {
-o-flex: none;
-o-width: 246px;
-o-height: 138px;
margin-right: 11px;} /отступ текста от правого края превью/
/*******************/
}
@-moz-document domain("youtube.com") {
/* Чип Меню */
/* Цвета Кнопки - "Влево" и "Вправо" в Тёмной теме */
[dark] #left-arrow-button.ytd-feed-filter-chip-bar-renderer, [dark] #right-arrow-button.ytd-feed-filter-chip-bar-renderer
{background-color: #202020;}
/* ПРАВИЛЬНЫЕ Цвета Градиента для Кнопок "Влево" и "Вправо" для Чип Бара в Тёмной теме */
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after {
background: linear-gradient(to right, #202020 20%, rgba(60, 60, 60, 0) 80%) ;}
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before {
background: linear-gradient(to left, #202020 20%, rgba(60, 60, 60, 0) 80%);}
///////////////////////////////////////////////////////////////////////////
/* расположение Чип меню */
/* Чип Меню ENG - при открытом Гид Меню /
/ новая версия */
[guide-persistent-and-visible] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
position: fixed; -o-left: 0% !important;
width: calc(100% - 500px);
margin-left: 132px!important;
-o-margin-left: auto !important; -o-right: 12% !important;}
[guide-persistent-and-visible] #chips-wrapper.ytd-feed-filter-chip-bar-renderer:hover {
position: fixed; -o-left: 22.51% !important;
width: calc(100% - 500px);
margin-left: 132px!important;
-o-right: 12% !important;}
/* Чип Меню ENG - при открытом Гид Меню (Мини Мод) /
[guide-persistent-and-visible] [mini-mode] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
position: fixed; -o-left: 22.75% !important; /22.51%/
width: calc(100% - 400px) !important; margin-left: 80px !important;
/ -o-right: 5.6% !important;
-o-min-width: 962px;
-o-max-width: 73.5%;
-o-width: calc(100% - 650px); */}
[guide-persistent-and-visible] [mini-mode] #chips-wrapper.ytd-feed-filter-chip-bar-renderer:hover {
position: fixed; -o-left: 22.75% !important; /22.51%/
width: calc(100% - 400px) !important; margin-left: 80px !important;}
/* Чип Меню ENG - при видимом Мини Гид Меню (Мини Мод) */
[mini-guide-visible] [mini-mode] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
position: fixed; -o-left: 22.75% !important; /22.51%/
width: calc(100% - 277px) !important; margin-left: 136px !important;}
[mini-guide-visible] [mini-mode] #chips-wrapper.ytd-feed-filter-chip-bar-renderer:hover {
position: fixed; -o-left: 22.75% !important; /22.51%/
width: calc(100% - 277px) !important; margin-left: 136px !important;}
///////////////////////////////////////////////////////////////////////////
/* Ярлык вызывающий Чип Меню */
.ytd-feed-filter-chip-bar-renderer#chips-wrapper:after
{margin-top: 38px; content:""; display: inline-block;
opacity:.4; filter: saturate(0);
transition: all 200ms linear 1s !important;
padding: 48px 14px 4px 14px;
background-image: url(https://vk.com/emoji/e/e28f8f.png);
background-repeat: no-repeat !important;
background-position-x: 6px !important; background-position-y: 32px !important;
-o-box-shadow: inset 0 3px 8px 0.2px #9191914d;
-o-background-color: rgba(67, 194, 87, .38) !important; position: fixed; right: calc(3% - 1em);
border-radius: 0px 0px 20px 20px; z-index: -1 !important; cursor: pointer;}
/* Ярлык вызывающий Чип Меню - Подсвеченный */
.ytd-feed-filter-chip-bar-renderer#chips-wrapper:hover:after
{margin-top: 0px/61px/; content:""; display: inline-block;
opacity:.8; filter: saturate(0);
transition: all 150ms linear 0.3s !important;
padding: 28px 14px 4px 14px;/4px 4px 4px 5px/
background-image: url(https://vk.com/emoji/e/e28694.png);
background-repeat: no-repeat !important;
background-position-x: 6px !important; background-position-y: 7.99px !important;
-o-box-shadow: inset 0 3px 8px 0.2px #91919100;
-o-background-color: rgba(210, 210, 210, .69) !important; position: fixed; right: calc(3% - 1em);
border-radius: 0px 0px 20px 20px; z-index: -1 !important; cursor: pointer;}
/* ДОПОЛНИТЕЛЬНЫЙ Ярлык вызывающий Чип Меню и позволяющий прокручивать чипы держа указатель мыши на нём*/
#scroll-container.ytd-feed-filter-chip-bar-renderer:after{margin-top: 0px; content:""; display: inline-block;
opacity:.4;
transition: all 0ms linear 0.0s !important;
padding: 28px 14px 4px 14px;
-o-box-shadow: inset 0 3px 8px 0.2px #9191914d;
-o-background-color: rgba(86, 8, 251, .65) !important; position: fixed; right: calc(3% - 1em);
border-radius: 0px 0px 20px 20px; z-index: 1; cursor: pointer;}
#scroll-container.ytd-feed-filter-chip-bar-renderer:hover:after {margin-top: 0px/61px/; content:""; display: inline-block;
opacity:.8;
transition: all 0ms linear 0.0s !important;
padding: 28px 14px 4px 14px;/4px 4px 4px 5px/
-o-box-shadow: inset 0 3px 8px 0.2px #91919100;
-o-background-color: rgba(206, 25, 25, .69) !important; position: fixed; right: calc(3% - 1em);
border-radius: 0px 0px 20px 20px; z-index: 1; cursor: pointer;}
/проверочная настройка/
#left-arrow.ytd-feed-filter-chip-bar-renderer, #right-arrow.ytd-feed-filter-chip-bar-renderer
{-o-background-color: red;}
/* Скругление Чип Бара */
.ytd-feed-filter-chip-bar-renderer:not(yt-chip-cloud-chip-renderer):not(#right-arrow):not(#left-arrow)
{border-radius: 0px 0px 23px 23px;}
/скругление фона тсрелок в Меню чипов/
-o-[dark] #left-arrow-button.ytd-feed-filter-chip-bar-renderer {background-color: #202020;}
-o-[dark] #right-arrow-button.ytd-feed-filter-chip-bar-renderer {background-color: #202020;}
#left-arrow-button.ytd-feed-filter-chip-bar-renderer {
-o-background-color: red; /var(--yt-spec-brand-background-primary)/
display: flex;
border-radius: 0 0 0 23px !important;
flex-direction: column;
justify-content: center;}
#right-arrow-button.ytd-feed-filter-chip-bar-renderer {
-o-background-color: red; /var(--yt-spec-brand-background-primary)/
display: flex;
border-radius: 0 0 23px 0 !important;
flex-direction: column;
justify-content: center;}
/* Чип Меню ENG - Светлое /
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
box-shadow: 0px 0px 1.5px 0px rgb(0, 0, 0), 0 3px 3px rgba(0, 0, 0, 0.3), var(--shadow-elevation-6dp_-_box-shadow);
transition: margin-top 200ms linear 1s !important;
position: fixed;/ fixed /
/-o-top: 1; -o-left: 1%; -o-right: 1;/
margin-top: -62px; /-44px , -62*/
top: var(--ytd-rich-grid-chips-bar-top);
width: 80%; /var(--ytd-rich-grid-chips-bar-width)/
-o-width: calc(80% - -1.1em);
z-index: 2000;
background-color: #fff; /* var(--yt-spec-brand-background-primary); /
border-top: 0px solid var(--yt-spec-10-percent-layer);
border-bottom: 0px solid var(--yt-spec-10-percent-layer);
display: flex;
justify-content: center !important;
margin-left: 9.86% !important;
height: 48px;
-o-background-image: url(https://i114.fastpic.ru/big/2021/0203/0f/996f6a47683a8e02898cb4b3e5c70d0f.png);
background-repeat: no-repeat !important;
background-position-x: 50.05% !important; background-position-y: -60px !important;
-o-background-color: #dcffd7;
flex: none;}
/ Чип Меню ENG - Тёмное */
[dark] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {background-color: #202020;
box-shadow: 0 0 0 1px #373737,var(--shadow-elevation-6dp_-_box-shadow);}
/* Чип Меню ENG - Светлое (наведение курсора) /
#chips-wrapper.ytd-feed-filter-chip-bar-renderer:hover {
transition: margin-top 150ms linear 0.3s !important;
position: fixed;/ fixed /
/-o-top: 1; -o-left: 1%; right: 1;/
margin-top: 0px;
top: var(--ytd-rich-grid-chips-bar-top);
width: 80%; /var(--ytd-rich-grid-chips-bar-width)/
z-index: 2000;
background-color: #fff; / var(--yt-spec-brand-background-primary); /
border-top: 0px solid var(--yt-spec-10-percent-layer);
border-bottom: 0px solid var(--yt-spec-10-percent-layer);
display: flex;
justify-content: center !important;
margin-left: 9.86% !important;
height: 48px;
-o-box-shadow: 0px 10px 10px 0px;
flex: none;}
/ Чип Меню ENG - Тёмное (наведение курсора) */
[dark] #chips-wrapper.ytd-feed-filter-chip-bar-renderer:hover {background-color: #202020;
box-shadow: 0 0 0 1px #373737, var(--shadow-elevation-6dp_-_box-shadow);}
/* Шапка - для Чипов (отступ) ENG зона*/
#header.ytd-rich-grid-renderer {
width: 100%;
margin-top: -56px;
display: flex;
/* display: -ms-flexbox; /
/ display: -webkit-flex; /
/ display: flex; /
/ border-radius: 50px !important; /
}
/~~~~~~~~ скрываемое Чип Меню под видео: настройки ~~~~~~~~*/
/* Фильтр Чипов (тегов) на вкладке с Видео - отступ Слева, Справа и Сверху */
#chips.yt-chip-cloud-renderer {margin-left: 10px; margin-top: 0px/7px/; padding-right: 10px !important;
padding-top: 0px/4px/; background: var(--yt-spec-brand-background-primary); margin-bottom: -3px;}
/*Л*/
#left-arrow.yt-chip-cloud-renderer:after {
background: linear-gradient(to right, var(--yt-spec-brand-background-primary) 10%, rgba(249, 249, 249, 0) 90%);}
yt-chip-cloud-renderer[is-dark-theme] #left-arrow.yt-chip-cloud-renderer:after {
background: linear-gradient(to right, var(--yt-spec-brand-background-primary) 10%, rgba(24, 24, 24, 0) 90%);}
/*Р*/
#right-arrow.yt-chip-cloud-renderer:before {
background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 10%, rgba(249, 249, 249, 0) 90%);}
yt-chip-cloud-renderer[is-dark-theme] #right-arrow.yt-chip-cloud-renderer:before {
background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 10%, rgba(24, 24, 24, 0) 90%);}
/* Цвет Стрелок Фильтра Чипов (тегов) на вкладке с Видео */
#left-arrow.yt-chip-cloud-renderer, #right-arrow.yt-chip-cloud-renderer {
height: 33px; overflow: hidden !important; -o-margin-top: 3px;
-o-background-color: red;
-o-background: var(--yt-spec-brand-background-primary);
-o-color: var(--yt-spec-text-secondary); opacity: 1;}
/цвет под стрелками/
#left-arrow-button.yt-chip-cloud-renderer, #right-arrow-button.yt-chip-cloud-renderer {
background: var(--yt-spec-brand-background-primary);}
/БГ чип меню/
#scroll-container.yt-chip-cloud-renderer {background: var(--yt-spec-brand-background-primary);}
yt-chip-cloud-renderer {background-color: var(--yt-spec-brand-background-primary);}
/* скрываемое Чип Меню под видео /
div#content.yt-related-chip-cloud-renderer
{height: 100%; -o-background-color: #ff00001c !important;
transition: all 700ms linear 1.3s, opacity 350ms linear 1.5s !important;
position: relative; top: 4px;
margin-top: -10px;/-18px*/
margin-bottom: -40px;/-40px/
opacity: 0.0;
z-index: 1;
width: auto;
padding: 2px 0px 8px 0px;/8px 0px 10px 0px/
overflow: auto;
transform: scale(1.0, 0.4);}/scale(1.0, 0.4)/
/* скрываемое Чип Меню под видео - Навеедние Курсора */
div#content.yt-related-chip-cloud-renderer:hover
{height: 100% !important; -o-background: #00800075 !important;
transition: all 400ms linear 0.2s !important;
position: relative; top: -5px;
opacity: 1;
margin-top: 7.5px;
margin-bottom: -20px;
padding: 0.5px 0px 5px 0px;/8px 0px 10px 0px/
transform: scale(1.0, 1.0);}
/* указывающая Стрелка 'v' для скрываемого Чип Меню под видео /
yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer:before {
-o-background: #ffcc0061 !important; -o-padding: 10px 0% 10px 100%; color: #ff00c6;
transition: all 150ms linear 1.7s !important;
background-image: url(https://i114.fastpic.ru/big/2021/0203/0f/996f6a47683a8e02898cb4b3e5c70d0f.png);
background-repeat: no-repeat !important; width: 12px; height:10px;
margin-top: -13px; background-position-x: -5px !important; background-position-y: -98px !important;
display: block; content: ""; position: relative; top: 22px; left: 48.5%;
opacity: 1 !important; margin-bottom: 0px !important;}
/ указывающая Стрелка 'v' для скрываемого Чип Меню под видео - Навеедние Курсора */
yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer:hover:before {
-o-background: #00ff5661 !important;
transition: all 80ms linear 0.2s !important;
display: block; content: "";
opacity: 0 !important;}
}
@-moz-document domain("youtube.com") {
/* Граница основной части кода от "Funny" */
/vvvvvvvvvvvvvvvvvvvvvvvvvvvvv перенесено сверху vvvvvvvvvvvvvvvvvvvvvvvvvvvvv/
/* видимо что-то связанное с Сеткой главной страницы /
#rich-shelf-header.ytd-rich-shelf-renderer {
margin: 10px 0;}
/ Размер Чипа в фильтре */
yt-chip-cloud-chip-renderer {
height: 24px;
min-width: 12px;
padding: 0 7px;
border-radius: 16px;
margin: 8px;
margin-left: 0;
font-size: 10pt;}
/^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ перенесено сверху ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^/
/*Высота шапки Ютуба : - думаю отключить */
/*создаёт дополнительную пустую строку под шапкой после выхода из полноэкранного просмотра Видео */
-o-#container.ytd-masthead {
height: 47px;} /47px/
/высота поля между контентом и Шапкой YouTube (верхним полем с иконками, копками и поиском) /
/ без использования (#container.ytd-masthead) бессмысленный параметр: - думаю отключить/
-o-html:not(.style-scope) {
--ytd-toolbar-height: 47px;} /47px/
/отступ текста в поле поиска - Вправо/
#container.ytd-searchbox {
padding: 0 4px;} /0 4px/
/высота активного поля нажатия на пункт меню , в Меню на Аватарке пользователя (правый верхний край экрана)/
paper-item.ytd-compact-link-renderer {
height: 27px;} /27px/
/интервалы по высоте между строками в Меню на Аватарке пользователя (правый верхний край экрана)/
ytd-compact-link-renderer {
--paper-item-min-height: 32px;} /32px/
/* интервалы по высоте между строками - Левого Главного меню */
-o-ytd-guide-section-renderer {
--paper-item-min-height: 32px;} /32px/
/размер ВСЕХ изображений на YouTube (включая Аватарки, превью видео, иконки подписок и тд.) - гробит Превью Плейлистов - отключаю/
-o-img#img {
width: 100%; /100%/
height: 100%;} /100%/
yt-img-shadow.style-scope.ytd-channel-renderer.no-transition {
height: 90px; /90px/
width: 90px;} /90px/
div#content-section {
height: 90px;} /90px/
#info.ytd-channel-renderer {
padding: 0 16px;} /padding: 0 16px/
/* размер кнопки [Подписаться] по высоте, по ширине - 2021 добавил !important - без этого глючило */
tp-yt-paper-button.ytd-subscribe-button-renderer {
padding: 4.0px 10px !important;} /padding: 6px 10px/
/* размер кнопки [Спонсировать] по высоте, по ширине*/
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer {
padding: 4px 1.5px !important;} /padding: 4px 1.5px/
#avatar.ytd-channel-renderer {width: 100px;} /100px/
/не показывать Аватары каналов на Главной странице YouTube/
#avatar-link.ytd-rich-grid-video-renderer {display: none;}
/* !!!!!!!! размер Миниатюр главной страницы - дефолт 89% (моё 94%) !!!!!!!!!!!! /
/ width: 89%; */
-o-#contents.ytd-rich-grid-renderer, #grid-title.ytd-rich-grid-renderer {
width: 89%;} /width: 89%/
/* скорее всего это были интервалы и смещение Миниатюр на главной странице, но видимо уже не работает /
#chips-below.ytd-rich-grid-renderer {
width: 88%; /88%/
margin-top: -2px;} /-2px*/
/* ширина блока горизонтальных списков видео внутри Плейлиста*/
-o-ytd-playlist-sidebar-renderer {
width: 320px;} /*320px , - YouTube def. 417px */
/===================================================/
/* ширина блока горизонтальных списков видео внутри Плейлиста - def. YouTube */
-o-ytd-playlist-sidebar-renderer {
display: block;
width: 417px;
padding-top: 24px;
padding-right: 32px;
padding-bottom: 24px;
padding-left: 32px;
box-sizing: border-box;
background-color: var(--yt-spec-general-background-a);
overflow: auto;
-o-min-height: 100px;}
/===================================================/
/* Размер превью внутри Плейлиста и его описани */
/* ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer { /
/ width: auto; / /250px/
/ height: 140px; / /140px/
/ margin-bottom: 16px; / /отступ описания плейлиста - ВНИЗ/
/ } */
/* Размер Аватарки Автора ролика на вкладке с Видео ( Бред - отключаю )/
/ -o-#avatar.ytd-video-owner-renderer {
/* width: 30px; / /30px/
/ height: 30px; / /30px/
/ } */
ytd-inline-form-renderer[style=INLINE_FORM_STYLE_TITLE] #text-displayed.ytd-inline-form-renderer {
overflow: hidden; /overflow: hidden/
font-size: 1.8rem; /font-size: 1.8rem/
font-weight: 400; /font-weight: 400/
line-height: 2.4rem;} /line-height: 2.4rem/
/* Отступ плашек с Видео от левого Края Плейлиста (внутри плейлиста) /
/ [связано с левой Мини Панелью Меню] /
-o-ytd-browse[page-subtype=playlist] ytd-two-column-browse-results-renderer.ytd-browse {
padding-left: 427px;} / 320px, - YouTube def. 417px, 427px моё.,v2 500px /
/ RU: 427px по умолчанию, (поменяйте на 499px если убрана левая Мини Панель Меню:) /
/ Новая версия, старая больше не работает */
-o-ytd-browse[page-subtype=playlist][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
padding-left: 427px;} /def. 417px, моё 427px/
/ширина поля поиска [но не кнопки поиска] (чем больше значение, тем меньше ширина)/
#search-icon-legacy.ytd-searchbox {
width: 70px;} /70px/
/расположение Поля Поиска по вертикали (вправо - влево)/
#center.ytd-masthead {
margin-right: auto; /margin-right: auto/
margin-left: -5px;} /margin-left: -5px/