/* ==UserStyle== @name YT-Redesign @description best redesign for yt @namespace https://github.com/decursus/yt-redesign @homepageURL https://github.com/decursus/yt-redesign @updateURL https://raw.githubusercontent.com/decursus/yt-redesign/master/themes/yt-mat-des.user.css @supportURL https://vk.me/dstears @version 0.5.7-stable_fix-1 @author decursus, stockholm tears @license CC-BY-NC-4.0 @preprocessor stylus @var select yt-lang "Language" ["eng:English", "rus:Русский", "ukr:Український"] @var select yt-logo "Logo" ["new:New", "def:Default"] @var select yt-accentclr "Accent Color" ["stand:Standart", "blu:Blue", "aspdbl:Aspid-Blue", "orng:Orange", "pnk:Pink", "yellw:Yellow"] @var select yt-watchpage "Watch Page" ["new:New", "old:Old"] ==/UserStyle== */ i = !important t = transparent @-moz-document domain("www.youtube.com") { note ?= '\a\a YT Redesign \a v0.5.7-stable_fix-1 \a\a' note += '🦊 Made by d,st 🦊' /* ============ COLOR PALETTE // ЦВЕТОВАЯ ПАЛИТРА ============ */ :root { --blue-day: #306AF2; --blue-night: #4789E5; --red-day: #F8333C; --red-night: #ee353e; --green-day: #28B75C; --green-night: #20944B; /* Day // День */ --day-darker: #7d7d7d; --day-dark: #B7B7B7; --day-light: #DDDDDD; --day-lighter: #EAEAEA; --day-lightest: #FFFFFF; /* Night // Ночь */ --night-darkest: #16161a; --night-darker: #16161a; --night-dark: #333949; --night-light: #6B7699; --night-lighter: #e1e5ea; /* Like // Лайк */ --gr-red: #ee353e; --gr-green: #20944b; --pv-pink: #ee5ddc; --pv-violet: #a953d5; /* Accent Color // Актентирующий цвет */ if yt-accentclr==stand { --ac-main:#cd2e36 --ac-main2:#a4252b } else if yt-accentclr==blu { --ac-main: #00a1e7 --ac-main2: #006b99 } else if yt-accentclr==aspdbl { --ac-main: #7F5AF0 --ac-main2: #5b40ad } else if yt-accentclr==orng { --ac-main: #e08517 --ac-main2: #a66211 } else if yt-accentclr==pnk { --ac-main: #ff2fce --ac-main2: #cf24a6 } else if yt-accentclr==yellw { --ac-yellw: #ffcc4d --ac-yellw2: #c49d3b --ac-main: #ffcc4d --ac-main2: #c49d3b } /* Footer */ --note: note } /* Cream White Theme // Кремово-белая тема */ html:not([style-scope]):not(.style-scope) { --yt-spec-brand-background-primary: var(--day-lightest) i; } ytd-masthead, app-toolbar.ytd-c4-tabbed-header-renderer { box-shadow: var(--masterhead-shadow) i; } /* Day // День */ html:not([style-scope]):not(.style-scope) { --watched-bg-color: rgba(255, 255, 255, .45); --masterhead-shadow: 0 5px 12px 5px rgba(228, 9, 9, .07), 0 0 0px rgba(0, 0, 0, 0.25); --yt-spec-brand-background-primary: var(--day-lighter); --yt-main-app-background: var(--day-lightest); --yt-app-background: var(--day-lightest); --yt-main-app-background-tmp: var(--day-lightest); --yt-spec-general-background-b: var(--day-lightest); --yt-spec-general-background-a: var(--day-lightest); --yt-sidebar-background: var(--day-lightest); --yt-guide-background: var(--day-lightest); --yt-dialog-background: var(--day-lightest); --yt-live-chat-background-color: var(--day-lightest); --paper-listbox-background-color: var(--day-lightest); --yt-spec-brand-background-solid: var(--day-lightest); --darker-bg-color: var(--day-lightest); --yt-live-chat-vem-background-color: var(--day-lighter); --yt-std-surface-300: var(--day-lighter); --yt-simple-menu-header-background: var(--day-lighter); --yt-featured-channel-title-text-color: var(--day-darker); --ytd-metadata-line-color: var(--day-darker); --yt-spec-text-disabled: var(--day-darker); --yt-spec-text-primary: var(--night-darkest); --video-title-text-color: var(--night-darker); --yt-expand-color: var(--day-darker); --yt-spec-text-secondary: var(--day-darker); --link-text-color: var(--day-darker); --ytd-badge-icon-color: var(--day-darker); --ytd-owner-badge-color: var(--day-darker); --yt-spec-call-to-action: var(--day-darker); --badge-bg: var(--red-day); --badge-color: var(--day-lightest); --comment-op-bg-color: var(--day-darker); --iron-icon-fill-color: var(--day-darker); --comment-op-check-color: var(--day-lightest); --yt-button-color: var(--day-darker); --yt-spec-brand-button-background: var(--red-day); --searchbox-focus-color: var(--red-day); --searchresults-bg-color: var(--day-lightest); --searchresults-text-color: var(--day-darker); --searchresults-text-bg-hovered: var(--day-light); --searchbox-placeholder-color: var(--day-darker); --searchresults-searched-text-color: var(--blue-day); --paper-toggle-button-checked-button-color: var(--blue-day); --scrollbar-background: var(--day-lightest); --scrollbar-color: var(--day-light); --scrollbar-hover: var(--day-dark); --scrollbar-active: var(--day-darker); --sidepanel-menu-active: rgb(255, 0, 0, .25); --sidepanel-menu-active-color: red; --yt-spec-10-percent-layer: var(--day-light); --yt-spec-icon-disabled: var(--day-light); --yt-spec-icon-inactive: var(--day-darker); --skeleton-bg-color: var(--day-lighter); --paper-toggle-button-unchecked-bar: var(--day-light); --paper-toggle-button-unchecked-bar-color: var(--paper-toggle-button-unchecked-bar); --url-color: var(--blue-day); --yt-button-border-radius: 4px i; --yt-spec-badge-chip-background: var(--day-lighter); --yt-menu-hover-backgound-color: var(--yt-spec-badge-chip-background); --like-dislike-color: var(--blue-day); --dislike-color: var(--red-day); --like-color: var(--green-day); } /* Night // Ночь */ html[dark]:not([style-scope]):not(.style-scope), [dark]:not([style-scope]):not(.style-scope) { --watched-bg-color: rgba(0, 0, 0, .65); --masterhead-shadow: 0 5px 12px 5px rgba(36, 36, 36, .07), 0 0 0px rgba(0, 0, 0, 0.25); --yt-spec-brand-background-primary: var(--night-darker) i; --yt-main-app-background: var(--night-darkest); --yt-app-background: var(--night-darkest); --yt-main-app-background-tmp: var(--night-darkest); --yt-spec-general-background-b: var(--night-darkest); --yt-spec-general-background-a: var(--night-darkest); --yt-sidebar-background: var(--night-darkest); --yt-guide-background: var(--night-darkest); --yt-dialog-background: var(--night-darkest); --yt-live-chat-background-color: var(--night-darkest); --paper-listbox-background-color: var(--night-darkest); --yt-spec-brand-background-solid: var(--night-darkest); --darker-bg-color: var(--night-darkest); --yt-live-chat-vem-background-color: var(--night-darker); --yt-std-surface-300: var(--night-darker); --yt-simple-menu-header-background: var(--night-darker); --yt-featured-channel-title-text-color: var(--night-lighter); --ytd-metadata-line-color: var(--night-lighter); --yt-spec-text-disabled: var(--night-lighter); --yt-spec-text-primary: var(--night-lighter); --video-title-text-color: var(--day-lightest); --yt-expand-color: var(--night-lighter); --link-text-color: var(--night-lighter); --yt-spec-text-secondary: var(--night-lighter); --ytd-badge-icon-color: var(--night-lighter); --ytd-owner-badge-color: var(--night-lighter); --yt-spec-call-to-action: var(--night-lighter); --badge-bg: var(--red-night); --badge-color: var(--day-lighter); --comment-op-bg-color: var(--night-dark); --iron-icon-fill-color: var(--night-lighter); --comment-op-check-color: var(--day-lightest); --yt-button-color: var(--night-lighter); --yt-spec-brand-button-background: var(--red-night); --searchbox-focus-color: var(--red-night); --searchresults-bg-color: var(--night-darker); --searchresults-text-color: var(--night-lighter); --searchresults-text-bg-hovered: var(--night-dark); --searchbox-placeholder-color: var(--night-lighter); --searchresults-searched-text-color: var(--blue-night); --paper-toggle-button-checked-button-color: var(--blue-night); --scrollbar-background: var(--night-darkest); --scrollbar-color: var(--night-dark); --scrollbar-hover: var(--night-light); --scrollbar-active: var(--night-lighter); --sidepanel-menu-active: var(--night-dark); --sidepanel-menu-active-color: var(--night-lighter); --yt-spec-10-percent-layer: var(--night-dark); --yt-spec-icon-disabled: var(--night-dark); --yt-spec-icon-inactive: var(--night-lighter); --skeleton-bg-color: var(--night-darker); --paper-toggle-button-unchecked-bar: var(--night-dark); --paper-toggle-button-unchecked-bar-color: var(--paper-toggle-button-unchecked-bar); --url-color: var(--blue-night); --yt-button-border-radius: 4px i; --yt-spec-badge-chip-background: var(--night-darker); --yt-menu-hover-backgound-color: var(--yt-spec-badge-chip-background); --like-dislike-color: var(--blue-night); --dislike-color: var(--red-night); --like-color: var(--green-night); } /* ============ STYLUS SETTING // НАСТРОЙКИ STYLUS ============ */ /* ACCENT COLORS // АКЦЕНТИРУЮЩИЕ ЦВЕТА */ if yt-accentclr==yellw { .ytp-swatch-background-color { background-color: var(--ac-yellw) i; } .html5-play-progress, .ytp-play-progress { background: var(--ac-yellw) i; } .ytp-volume-slider-track, .ytp-volume-slider-handle:before { background: var(--ac-yellw) i; z-index: -117; } .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after, .ytp-settings-button.ytp-3d-badge::after { background-color: var(--ac-yellw) i; } .ytp-swatch-color { color: var(--ac-yellw) i; } .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox { background-color: var(--ac-yellw) i; border-radius: 6px; } .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge { fill: var(--ac-yellw) i; } .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg { fill: var(--ac-yellw) i; } .resume-playback-progress-bar { background: var(--ac-yellw) i; } .ytp-chrome-controls .ytp-button[aria-pressed]::after { background-color: var(--ac-yellw) i; } .yt-uix-checkbox-on-off input-extras2-disabled[type="checkbox"]:checked + label { background-color: var(--ac-yellw) i; } .video-extras-sparkbar-likes-extras2-disabled { background-color: var(--ac-yellw) i; } .html5-progress-bar, .ytp-progress-bar { margin-top: 8px i; } } .html5-scrubber-button:hover, .ytp-scrubber-button:hover, .ytp-swatch-background-color, .ytp-swatch-background-color-secondary { background: var(--ac-main) i; } .html5-scrubber-button, .ytp-scrubber-button { if yt-accentclr==yellw { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBmaWxsPSIjRkZDQjRDIiBjeD0iMTgiIGN5PSIxNy4wMTgiIHI9IjE3Ii8+PHBhdGggZmlsbD0iIzY1NDcxQiIgZD0iTTE0LjUyNCAyMS4wMzZjLS4xNDUtLjExNi0uMjU4LS4yNzQtLjMxMi0uNDY0LS4xMzQtLjQ2LjEzLS45MTguNTktMS4wMjEgNC41MjgtMS4wMjEgNy41NzcgMS4zNjMgNy43MDYgMS40NjUuMzg0LjMwNi40NTkuODQ1LjE3MyAxLjIwNS0uMjg2LjM1OC0uODI4LjQwMS0xLjIxMS4wOTctLjExLS4wODQtMi41MjMtMS45MjMtNi4xODItMS4wOTgtLjI3NC4wNjEtLjU1NC0uMDE2LS43NjQtLjE4NHoiLz48ZWxsaXBzZSBmaWxsPSIjNjU0NzFCIiBjeD0iMTMuMTE5IiBjeT0iMTEuMTc0IiByeD0iMi4xMjUiIHJ5PSIyLjY1NiIvPjxlbGxpcHNlIGZpbGw9IiM2NTQ3MUIiIGN4PSIyNC4zNzUiIGN5PSIxMi4yMzYiIHJ4PSIyLjEyNSIgcnk9IjIuNjU2Ii8+PHBhdGggZmlsbD0iI0YxOTAyMCIgZD0iTTE3LjI3NiAzNS4xNDlzMS4yNjUtLjQxMSAxLjQyOS0xLjM1MmMuMTczLS45NzItLjYyNC0xLjE2Ny0uNjI0LTEuMTY3czEuMDQxLS4yMDggMS4xNzItMS4zNzZjLjEyMy0xLjEwMS0uODYxLTEuMzYzLS44NjEtMS4zNjNzLjk3LS40IDEuMDE2LTEuNTM5Yy4wMzgtLjk1OS0uOTk1LTEuNDI4LS45OTUtMS40MjhzNS4wMzgtMS4yMjEgNS41NTYtMS4zNDFjLjUxNi0uMTIgMS4zMi0uNjE1IDEuMDY5LTEuNjk0LS4yNDktMS4wOC0xLjIwNC0xLjExOC0xLjY5Ny0xLjAwMy0uNDk0LjExNS02Ljc0NCAxLjU2Ni04LjkgMi4wNjhsLTEuNDM5LjMzNGMtLjU0LjEyNy0uNzg1LS4xMS0uNDA0LS41MTIuNTA4LS41MzYuODMzLTEuMTI5Ljk0Ni0yLjExMy4xMTktMS4wMzUtLjIzMi0yLjMxMy0uNDMzLTIuODA5LS4zNzQtLjkyMS0xLjAwNS0xLjY0OS0xLjczNC0xLjg5OS0xLjEzNy0uMzktMS45NDUuMzIxLTEuNTQyIDEuNTYxLjYwNCAxLjg1NC4yMDggMy4zNzUtLjgzMyA0LjI5My0yLjQ0OSAyLjE1Ny0zLjU4OCAzLjY5NS0yLjgzIDYuOTczLjgyOCAzLjU3NSA0LjM3NyA1Ljg3NiA3Ljk1MiA1LjA0OGwzLjE1Mi0uNjgxeiIvPjxwYXRoIGZpbGw9IiM2NTQ3MUIiIGQ9Ik05LjI5NiA2LjM1MWMtLjE2NC0uMDg4LS4zMDMtLjIyNC0uMzkxLS4zOTktLjIxNi0uNDI4LS4wNC0uOTI3LjM5My0xLjExMiA0LjI2Ni0xLjgzMSA3LjY5OS0uMDQzIDcuODQzLjAzNC40MzMuMjMxLjYwOC43NDcuMzkxIDEuMTU0LS4yMTYuNDA1LS43NC41NDYtMS4xNzMuMzE4LS4xMjMtLjA2My0yLjgzMi0xLjQzMi02LjI3OC4wNDctLjI1Ny4xMDktLjU0Ny4wODUtLjc4NS0uMDQyem0xMi4xMzUgMy43NWMtLjE1Ni0uMDk4LS4yODYtLjI0My0uMzYyLS40MjQtLjE4Ny0uNDQyLjAyMy0uOTI3LjQ2OC0xLjA4NCA0LjM4MS0xLjUzNiA3LjY4NS40OCA3LjgyMy41NjcuNDE1LjI2LjU1NS43ODcuMzEyIDEuMTc4LS4yNDIuMzktLjc3Ni40OTUtMS4xOTEuMjM4LS4xMi0uMDcyLTIuNzI3LTEuNjIxLTYuMjY3LS4zNzktLjI2Ni4wOTEtLjU1My4wNDYtLjc4My0uMDk2eiIvPjwvc3ZnPg==") i; width: 20px i; height: 20px i; border: none i; border-radius: 12px i; margin-left: -2px i; margin-top: -4px i; } } .html5-play-progress, .ytp-play-progress { background: var(--ac-main) i; } .ytp-volume-slider-track, .ytp-volume-slider-handle:before { background: var(--ac-main) i; z-index: -117; } .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after, .ytp-settings-button.ytp-3d-badge::after { background-color: var(--ac-main) i; } .ytp-swatch-color { color: var(--ac-main) i; } .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox { /*background: var(--ac-main) i;*/ background-color: var(--ac-main) i; border-radius: 6px; } .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge { fill: var(--ac-main) i; } .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg { fill: var(--ac-main) i; } .resume-playback-progress-bar { background: var(--ac-main) i; } .ytp-chrome-controls .ytp-button[aria-pressed]::after { background-color: var(--ac-main) i; } .yt-uix-checkbox-on-off input-extras2-disabled[type="checkbox"]:checked + label { background-color: var(--ac-main) i; } .video-extras-sparkbar-likes-extras2-disabled { background-color: var(--ac-main) i; } tp-yt-paper-button.ytd-subscribe-button-renderer { background-color: var(--ac-main); transition: all 1s i; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } tp-yt-paper-button.ytd-subscribe-button-renderer:active tp-yt-paper-button.ytd-subscribe-button-renderer:hover, tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover { background-color: var(--ac-main2); transition: all 1s i; transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } .badge-style-type-simple.ytd-badge-supported-renderer, .badge-style-type-live-now.ytd-badge-supported-renderer, .badge-style-type-red.ytd-badge-supported-renderer, #privacy-stats yt-icon.ytd-badge-supported-renderer { background: var(--ac-main) i; border: none; } #country-code.ytd-topbar-logo-renderer { if yt-accentclr==stand { color: var(--yt-spec-text-secondary) i; } else { color: var(--ac-main); } } /* WATCHED BADGE // "МЕТКА ПРОСМОТРЕНО" */ if yt-lang==eng { #progress.ytd-thumbnail-overlay-resume-playback-renderer:after { content: 'WATCHED' i; left: 0; top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.35rem; letter-spacing: 0.035rem; height: 21px; margin: 4px; padding: 0 3px; border-radius: 8px; opacity: .8; color: #fff; background: #121212 } } else if yt-lang==rus { #progress.ytd-thumbnail-overlay-resume-playback-renderer:after { content: 'ПРОСМОТРЕНО' i; left: 0; top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.35rem; letter-spacing: 0.035rem; height: 21px; margin: 4px; padding: 0 3px; border-radius: 8px; opacity: .8; color: #fff; background: #121212 } } else if yt-lang==ukr { #progress.ytd-thumbnail-overlay-resume-playback-renderer:after { content: 'ПЕРЕГЛЯНУТИЙ' i; left: 0; top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.35rem; letter-spacing: 0.035rem; height: 21px; margin: 4px; padding: 0 3px; border-radius: 8px; opacity: .8; color: #fff; background: #121212 } } /* ============ END OF STYLUS SETTING // КОНЕЦ НАСТРОЕК STYLUS ============ */ /* ============ FONTS // ШРИФТЫ ============ */ @font-face { font-family: Google Sans; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2); } @font-face { font-family: Google Sans; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2); } /* ============ BASE CODE // ОСНОВНОЙ КОД ============ */ body, html, #search-input.ytd-searchbox-spt input { font-family: 'Google Sans', Roboto, sans-serif; font-weight: 400; } b { font-family: 'Google Sans', Roboto, sans-serif i; font-weight: 500 i; } tp-yt-paper-dialog { border-radius: 16px; } yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, #description-text.ytd-video-renderer, .content.ytd-channel-video-player-renderer, .deemphasize.yt-formatted-string, #caption.ytd-toggle-item-renderer, #label.ytd-pinned-comment-badge-renderer, .more-button-exp.ytd-comment-renderer, .less-button-exp.ytd-comment-renderer { color: var(--link-text-color) i; } yt-icon.ytd-pinned-comment-badge-renderer { fill: var(--link-text-color) i; } #tabs-inner-container.ytd-c4-tabbed-header-renderer, #channel-header.ytd-c4-tabbed-header-renderer, #container #section, ytd-multi-page-menu-renderer { background: var(--darker-bg-color) i; } #sections.ytd-multi-page-menu-renderer > ytd-background-promo-renderer.ytd-multi-page-menu-renderer { background: var(--darker-bg-color); margin-bottom: none; } paper-button.ytd-subscribe-button-renderer .deemphasize.yt-formatted-string { color: white i; } paper-button.ytd-subscribe-button-renderer[subscribed] .deemphasize.yt-formatted-string { color: var(--yt-spec-text-secondary) i; } #video-title.yt-simple-endpoint.ytd-grid-video-renderer, h3.ytd-compact-video-renderer, ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer, #video-title.ytd-playlist-panel-video-renderer, .title.ytd-video-primary-info-renderer { color: var(--video-title-text-color) i; } ytd-live-chat-frame#chat, #search-icon-legacy.ytd-searchbox:hover { border: none; box-shadow: none; } ytd-author-comment-badge-renderer, ytd-button-renderer.style-primary[is-paper-button] { background: var(--comment-op-bg-color) i; } ytd-author-comment-badge-renderer yt-icon { fill: var(--comment-op-check-color); } ytd-author-comment-badge-renderer { padding-left: 6px i; padding-right: 6px i; } ytd-guide-entry-renderer[active] { /*background-color: var(--sidepanel-menu-active);*/ border-radius: 0 25px 25px 0; } ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer { fill: var(--sidepanel-menu-active-color); color: var(--sidepanel-menu-active-color); } app-toolbar.ytd-c4-tabbed-header-renderer { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 0 0px rgba(0, 0, 0, 0.25); } ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer { background: var(--blue-day); } #home-page-skeleton .skeleton-bg-color, .masthead-skeleton-icon, .watch-skeleton .skeleton-bg-color, html[dark] #home-page-skeleton .skeleton-bg-color, html[dark] .masthead-skeleton-icon, html[dark] .watch-skeleton .skeleton-bg-color { background-color: var(--skeleton-bg-color) i; } paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button, .sbsb_d { background-color: var(--paper-toggle-button-unchecked-bar) i; } #expander yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, #description a.yt-simple-endpoint.yt-formatted-string, #expander a.yt-simple-endpoint.yt-formatted-string { color: var(--url-color) i; } ytd-app { --app-drawer-width: 246px i; } #container.ytd-searchbox > [slot=search-input] input::selection { background: rgba(76, 125, 225, 0.18); } /* ============ PLAYER/PLATE/BUTTON ROUNDINGS // СКРУГЛЕНИЯ ПЛЕЕРА/ПЛАШЕК/КНОПОК ============ */ ytd-watch-metadata:not([modern-metapanel]) #owner.ytd-watch-metadata { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 16px; padding: 0 4px 0 12px; } ytd-comments-entry-point-header-renderer:not([modern-metapanel]) { box-sizing: border-box; height: 52px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 16px; color: var(--yt-spec-text-primary); padding: 12px 4px 12px 12px; display: flex; flex-direction: row; align-items: center; } .html5-video-player .video-click-tracking, .html5-video-player .video-stream { display: block; width: 100%; height: 100%; position: absolute; border-radius: 16px; } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { border-radius: 8px i; } tp-yt-paper-button.ytd-subscribe-button-renderer { border-radius: 8px i; } /* ============ POPUP // ВСПЛЫВАЮЩИЕ ОКНА ============ */ html[dark] .ytp-popup, html[dark] .ytp-contextmenu { backdrop-filter: blur(10px) i; -webkit-backdrop-filter: blur(10px) i; background: rgba(28, 28, 28, .5); text-shadow: 0 0 2px rgb(0 0 0 / 50%); border-radius: 16px; } .ytp-popup, .ytp-contextmenu { backdrop-filter: blur(10px) i; -webkit-backdrop-filter: blur(10px) i; background: rgba(28, 28, 28, .8); text-shadow: 0 0 2px rgb(0 0 0 / 50%); border-radius: 16px; } /* ============ CAPTIONS // СУБТИТРЫ ============ */ .html5-video-player .caption-visual-line .ytp-caption-segment:last-child { padding-right: 0.5em; padding-bottom: 0.15em; padding-left: 0.5em; padding-top: 0.15em; display: inline-block; white-space: pre-wrap; /*background: #00000052 i;*/ background: none i; font-size: 21.3333px; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); border-radius: 12px; font-family: "YouTube Noto", Roboto, "Arial Unicode Ms", Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif; } .caption-window { border-radius: 10px !important; /*background-color: rgba(50, 50, 50, .1) i;*/ background-color: rgba(28, 28, 28, .5) i; backdrop-filter: blur(10px) i; text-align: center i; width: auto i; left: 50% i; margin-left: 0px i; margin-right: -50% i; transform: translate(-50%, 0%) i; padding: 2px i; } .html5-video-player .caption-visual-line .ytp-caption-segment { color: white i; } /* ============ MINIPLAYER // МИНИПРОИГРЫВАТЕЛЬ ============ */ ytd-miniplayer.style-scope.ytd-app { margin-right: 10px i; background: t i; box-shadow: t i; } html[dark] #info-bar.ytd-miniplayer { border-radius: 0px 0px 13px 13px i; z-index: -1 i; backdrop-filter: blur(10px) i; } html[dark] ytd-miniplayer, html[dark] .video.ytd-miniplayer, html[dark] #card.ytd-miniplayer { backdrop-filter: blur(10px) i; -webkit-backdrop-filter: blur(10px) i; border-radius: 13px i; } #info-bar.ytd-miniplayer { border-radius: 0px 0px 13px 13px i; z-index: -1 i; } ytd-miniplayer, .video.ytd-miniplayer, #card.ytd-miniplayer { backdrop-filter: blur(10px) i; border-radius: 13px i; } #player-container.ytd-miniplayer { border-radius: 13px i; } ytd-miniplayer[animate-miniplayer] #expander-space.ytd-miniplayer { height: 0 i; } html[dark] .video-container { backdrop-filter: blur(10px) i; } .video-container { backdrop-filter: blur(10px) i; } #tooltip.tp-yt-paper-tooltip { border-radius: 10px i; } yt-interaction.circular .fill.yt-interaction, yt-interaction.circular .stroke.yt-interaction { border-radius: 10px i; } html[dark] #voice-search-button.ytd-masthead { border-radius: 10px i; background-color: #0000003d i; } html[dark] .ytp-exp-ppp-update .ytp-paid-content-overlay-link { border-radius: 10px i; backdrop-filter: blur(10px) i; background-color: t i; } .ytp-exp-ppp-update .ytp-paid-content-overlay-link { border-radius: 10px i; background-color: t i; } tp-yt-iron-overlay-backdrop.opened { opacity: 50% i; } #guide-content.ytd-app { background: t i; } .html5-video-player.ytp-inline-preview-mode:not(.ended-mode):not(.cued-mode):not(.unstarted-mode) { border-radius: 13px i; } .scroll-button.yt-third-party-share-target-section-renderer { border-radius: 10px i; } #checkbox.tp-yt-paper-checkbox { border-radius: 5px i; } .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) { color: white i; } .html5-video-info-panel-close ytp-button { backdrop-filter: none i; } .html5-video-info-panel-content { background: rgba(0, 0, 0, 0.1) i; backdrop-filter: blur(10px) i; border-radius: 16px i; } /* ============ LOGO // ЛОГОТИП ============ */ if yt-logo==new{ #logo-icon { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODAwIiB3aWR0aD0iMTIwMCIgdmlld0JveD0iLTc2LjE4NSAtMjguMzQ2NzUgNjYwLjI3IDE3MC4wODA1Ij48cGF0aCBkPSJNMjUzLjA2OCA5Mi4wM2MuODg3LTIuMzE0IDEuMzMyLTYuMDk4IDEuMzMyLTExLjM1VjU4LjU1NmMwLTUuMDk3LS40NDUtOC44MjItMS4zMzItMTEuMTc4LS44ODgtMi4zNTUtMi40NTItMy41MzMtNC42OS0zLjUzMy0yLjE2MyAwLTMuNjkgMS4xNzgtNC41NzcgMy41MzMtLjg4OCAyLjM1Ni0xLjMzMiA2LjA4MS0xLjMzMiAxMS4xNzhWODAuNjhjMCA1LjI1LjQyNCA5LjAzNSAxLjI3NSAxMS4zNS44NDggMi4zMTggMi4zOTIgMy40NzUgNC42MzMgMy40NzUgMi4yMzkgMCAzLjgwMy0xLjE1NyA0LjY5MS0zLjQ3NXptLTE3Ljk1MyAxMS4xMjJjLTMuMjA3LTIuMTYtNS40ODYtNS41MjEtNi44MzUtMTAuMDc5LTEuMzUyLTQuNTU0LTIuMDI3LTEwLjYxNy0yLjAyNy0xOC4xODV2LTEwLjMxYzAtNy42NDQuNzcxLTEzLjc4NCAyLjMxNi0xOC40MTcgMS41NDQtNC42MzMgMy45NTYtOC4wMTEgNy4yNC0xMC4xMzUgMy4yODItMi4xMjMgNy41ODctMy4xODYgMTIuOTE2LTMuMTg2IDUuMjUxIDAgOS40NTkgMS4wODIgMTIuNjI2IDMuMjQzIDMuMTY1IDIuMTYyIDUuNDgyIDUuNTQyIDYuOTUgMTAuMTM2IDEuNDY2IDQuNTk1IDIuMiAxMC43MTUgMi4yIDE4LjM2djEwLjMxYzAgNy41NjctLjcxNCAxMy42NS0yLjE0MiAxOC4yNDMtMS40MyA0LjU5NS0zLjc0NyA3Ljk1NS02Ljk1MSAxMC4wNzctMy4yMDUgMi4xMjQtNy41NDggMy4xODYtMTMuMDMgMy4xODYtNS42NCAwLTEwLjA2LTEuMDgyLTEzLjI2My0zLjI0M20yNDguMDUzLTU3Ljk4MWMtLjgxIDEuMDA0LTEuMzUyIDIuNjQ2LTEuNjIxIDQuOTIzLS4yNzIgMi4yNzgtLjQwNCA1LjczNC0uNDA0IDEwLjM2N3Y1LjA5N2gxMS42OTdWNjAuNDZjMC00LjU1NS0uMTU1LTguMDExLS40NjMtMTAuMzY3LS4zMDktMi4zNTUtLjg2OC00LjAxNC0xLjY3OC00Ljk4LS44MTItLjk2Ni0yLjA2Ny0xLjQ1LTMuNzY2LTEuNDUtMS43IDAtMi45NTQuNTA0LTMuNzY1IDEuNTA3em0tMi4wMjUgMjkuODg2djMuNTkxYzAgNC41NTcuMTMyIDcuOTc0LjQwNCAxMC4yNTEuMjY5IDIuMjc5LjgyOCAzLjk0IDEuNjggNC45ODIuODQ5IDEuMDQxIDIuMTYgMS41NjQgMy45MzggMS41NjQgMi4zOTIgMCA0LjAzNS0uOTI3IDQuOTIzLTIuNzgxLjg4Ny0xLjg1MyAxLjM3LTQuOTQyIDEuNDQ3LTkuMjY4bDEzLjc4NS44MTJjLjA3Ny42Mi4xMTYgMS40NjkuMTE2IDIuNTQ4IDAgNi41NjUtMS43OTUgMTEuNDctNS4zODcgMTQuNzEyLTMuNTg5IDMuMjQyLTguNjY5IDQuODY1LTE1LjIzMiA0Ljg2NS03Ljg3NiAwLTEzLjM5OC0yLjQ3LTE2LjU2NC03LjQxNC0zLjE2OC00Ljk0LTQuNzUtMTIuNTg2LTQuNzUtMjIuOTM1VjYzLjU4OWMwLTEwLjY1NyAxLjY0MS0xOC40MzYgNC45MjQtMjMuMzQyIDMuMjgxLTQuOTAzIDguOS03LjM1NSAxNi44NTQtNy4zNTUgNS40ODIgMCA5LjY5MSAxLjAwNCAxMi42MjYgMy4wMTIgMi45MzMgMi4wMSA1IDUuMTM3IDYuMTk3IDkuMzgzIDEuMTk3IDQuMjQ3IDEuNzk2IDEwLjExNyAxLjc5NiAxNy42MDd2MTIuMTYzaC0yNi43NTdtLTI4NC45NTMtMS4zM2wtMTguMTg3LTY1LjY4aDE1Ljg2OWw2LjM3IDI5Ljc3YzEuNjIzIDcuMzM5IDIuODIgMTMuNTk0IDMuNTkxIDE4Ljc2NmguNDY0Yy41NC0zLjcwNiAxLjczOC05LjkyMiAzLjU5MS0xOC42NWw2LjYwMy0yOS44ODZoMTUuODY5bC0xOC40MTcgNjUuNjh2MzEuNTFoLTE1Ljc1NHYtMzEuNTFNMzIyLjExNSAzNC4yM3Y3MS4wMDdoLTEyLjUxMWwtMS4zOS04LjY4OGgtLjM0N2MtMy4zOTkgNi41NjQtOC40OTYgOS44NDUtMTUuMjkxIDkuODQ1LTQuNzEgMC04LjE4NS0xLjU0My0xMC40MjUtNC42MzMtMi4yNC0zLjA4Ny0zLjM1OS03LjkxNS0zLjM1OS0xNC40OFYzNC4yM2gxNS45ODV2NTIuMTI2YzAgMy4xNjguMzQ4IDUuNDI2IDEuMDQzIDYuNzc2LjY5NSAxLjM1MyAxLjg1MyAyLjAyNyAzLjQ3NSAyLjAyNyAxLjM5IDAgMi43MjItLjQyMyAzLjk5Ni0xLjI3NSAxLjI3NC0uODQ5IDIuMjItMS45MjggMi44MzgtMy4yNDFWMzQuMjI5aDE1Ljk4Nm04MS45OTUuMDAxdjcxLjAwN2gtMTIuNTExbC0xLjM5MS04LjY4OGgtLjM0NWMtMy40MDIgNi41NjQtOC40OTggOS44NDUtMTUuMjkyIDkuODQ1LTQuNzExIDAtOC4xODYtMS41NDMtMTAuNDI2LTQuNjMzLTIuMjQtMy4wODctMy4zNTgtNy45MTUtMy4zNTgtMTQuNDhWMzQuMjNoMTUuOTg1djUyLjEyNmMwIDMuMTY4LjM0NyA1LjQyNiAxLjA0MSA2Ljc3Ni42OTYgMS4zNTMgMS44NTUgMi4wMjcgMy40NzYgMi4wMjcgMS4zOTEgMCAyLjcyMy0uNDIzIDMuOTk2LTEuMjc1IDEuMjc1LS44NDkgMi4yMi0xLjkyOCAyLjgzOS0zLjI0MVYzNC4yMjloMTUuOTg1IiBmaWxsPSIjMjgyODI4Ii8+PHBhdGggZD0iTTM2NS41NTIgMjAuOTA4aC0xNS44N3Y4NC4zMjloLTE1LjYzN3YtODQuMzNoLTE1Ljg2OVY4LjA1aDQ3LjM3NnYxMi44NThtNzYuODExIDUzLjYzNmMwIDUuMTc0LS4yMTUgOS4yMjktLjYzOSAxMi4xNjItLjQyNCAyLjkzNy0xLjEzOSA1LjAyMS0yLjE0MyA2LjI1NS0xLjAwNCAxLjIzNi0yLjM1NyAxLjg1NC00LjA1MyAxLjg1NGE3LjQwNCA3LjQwNCAwIDAxLTMuNjUtLjkyN2MtMS4xMi0uNjE4LTIuMDI2LTEuNTQ0LTIuNzIyLTIuNzhWNTAuNzk2Yy41NC0xLjkzIDEuNDY3LTMuNTEzIDIuNzgtNC43NSAxLjMxMy0xLjIzMyAyLjc0LTEuODUyIDQuMjg1LTEuODUyIDEuNjIzIDAgMi44NzYuNjM3IDMuNzY2IDEuOTEuODg2IDEuMjc1IDEuNTA1IDMuNDE4IDEuODUzIDYuNDMuMzQ4IDMuMDExLjUyMyA3LjI5Ny41MjMgMTIuODU3em0xNC42NTItMjguOTY0Yy0uOTY3LTQuNDc4LTIuNTMxLTcuNzIxLTQuNjkyLTkuNzMtMi4xNjMtMi4wMDctNS4xMzYtMy4wMTEtOC45MTktMy4wMTEtMi45MzUgMC01LjY3Ni44My04LjIyNCAyLjQ5YTE2LjkyNiAxNi45MjYgMCAwMC01LjkwOCA2LjU0NWgtLjExN2wuMDAxLTM3LjQxNmgtMTUuNDA1djEwMC43NzdoMTMuMjA0bDEuNjIyLTYuNzE3aC4zNDdjMS4yMzUgMi4zOTMgMy4wODggNC4yODUgNS41NiA1LjY3NSAyLjQ3IDEuMzkgNS4yMTMgMi4wODUgOC4yMjUgMi4wODUgNS40MDQgMCA5LjM4Mi0yLjQ5MSAxMS45MzEtNy40NzEgMi41NDgtNC45ODIgMy44MjMtMTIuNzYgMy44MjMtMjMuMzQxVjY0LjIzYzAtNy45NTMtLjQ4NC0xNC4xNy0xLjQ0OC0xOC42NW0tMjk4LjQyLTI3Ljg3NWEyMC4yODUgMjAuMjg1IDAgMDAtMTQuMzItMTQuMzJDMTMxLjY0MiAwIDgwLjk5IDAgODAuOTkgMFMzMC4zMzcgMCAxNy43MDUgMy4zODVhMjAuMjg2IDIwLjI4NiAwIDAwLTE0LjMyIDE0LjMyQzAgMzAuMzM4IDAgNTYuNjkzIDAgNTYuNjkzUzAgODMuMDQ5IDMuMzg1IDk1LjY4QTIwLjI4NSAyMC4yODUgMCAwMDE3LjcwNSAxMTBjMTIuNjMyIDMuMzg2IDYzLjI4NSAzLjM4NiA2My4yODUgMy4zODZzNTAuNjUyIDAgNjMuMjg1LTMuMzg2YTIwLjI4NCAyMC4yODQgMCAwMDE0LjMyLTE0LjMyYzMuMzg0LTEyLjYzMiAzLjM4NC0zOC45ODggMy4zODQtMzguOTg4czAtMjYuMzU1LTMuMzg0LTM4Ljk4OCIgZmlsbD0iIzI4MjgyOCIvPjxwYXRoIGQ9Ik02NC43OTIgODAuOTlWMzIuMzk2bDQyLjA4MiAyNC4yOTd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") i; background-image: none i; width: 100px; height: 50px; object-fit: cover; } html[dark] #logo-icon { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iODAwIiB3aWR0aD0iMTIwMCIgdmlld0JveD0iLTc2LjE4NSAtMjguMzQ2NzUgNjYwLjI3IDE3MC4wODA1Ij48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNNjQuNzkyIDgwLjk5VjMyLjM5Nmw0Mi4wODIgMjQuMjk3em05My44MDMtNjMuMjg1YTIwLjI4NSAyMC4yODUgMCAwMC0xNC4zMi0xNC4zMkMxMzEuNjQyIDAgODAuOTkgMCA4MC45OSAwUzMwLjMzNyAwIDE3LjcwNSAzLjM4NWEyMC4yODYgMjAuMjg2IDAgMDAtMTQuMzIgMTQuMzJDMCAzMC4zMzggMCA1Ni42OTMgMCA1Ni42OTNTMCA4My4wNDkgMy4zODUgOTUuNjhBMjAuMjg1IDIwLjI4NSAwIDAwMTcuNzA1IDExMGMxMi42MzIgMy4zODYgNjMuMjg1IDMuMzg2IDYzLjI4NSAzLjM4NnM1MC42NTIgMCA2My4yODUtMy4zODZhMjAuMjg0IDIwLjI4NCAwIDAwMTQuMzItMTQuMzJjMy4zODUtMTIuNjMyIDMuMzg1LTM4Ljk4OCAzLjM4NS0zOC45ODhzMC0yNi4zNTUtMy4zODUtMzguOTg4bTk0LjQ3MyA3NC4zMjZjLjg4Ny0yLjMxNCAxLjMzMi02LjA5OCAxLjMzMi0xMS4zNVY1OC41NTZjMC01LjA5Ny0uNDQ1LTguODIyLTEuMzMyLTExLjE3OC0uODg4LTIuMzU1LTIuNDUyLTMuNTMzLTQuNjktMy41MzMtMi4xNjMgMC0zLjY5IDEuMTc4LTQuNTc3IDMuNTMzLS44ODggMi4zNTYtMS4zMzIgNi4wODEtMS4zMzIgMTEuMTc4VjgwLjY4YzAgNS4yNS40MjQgOS4wMzUgMS4yNzUgMTEuMzUuODQ4IDIuMzE4IDIuMzkyIDMuNDc1IDQuNjMzIDMuNDc1IDIuMjM5IDAgMy44MDMtMS4xNTcgNC42OTEtMy40NzV6bS0xNy45NTMgMTEuMTIyYy0zLjIwNy0yLjE2LTUuNDg2LTUuNTItNi44MzUtMTAuMDc5LTEuMzUyLTQuNTU0LTIuMDI3LTEwLjYxNy0yLjAyNy0xOC4xODV2LTEwLjMxYzAtNy42NDQuNzcxLTEzLjc4NCAyLjMxNi0xOC40MTcgMS41NDQtNC42MzMgMy45NTYtOC4wMTEgNy4yNC0xMC4xMzUgMy4yODItMi4xMjMgNy41ODctMy4xODYgMTIuOTE2LTMuMTg2IDUuMjUxIDAgOS40NTkgMS4wODIgMTIuNjI2IDMuMjQzIDMuMTY1IDIuMTYyIDUuNDgyIDUuNTQyIDYuOTUgMTAuMTM2IDEuNDY2IDQuNTk1IDIuMiAxMC43MTUgMi4yIDE4LjM2djEwLjMxYzAgNy41NjctLjcxNCAxMy42NS0yLjE0MiAxOC4yNDMtMS40MyA0LjU5NS0zLjc0NyA3Ljk1NS02Ljk1MSAxMC4wNzctMy4yMDUgMi4xMjQtNy41NDggMy4xODYtMTMuMDMgMy4xODYtNS42NCAwLTEwLjA2LTEuMDgyLTEzLjI2My0zLjI0M20yNDguMDUzLTU3Ljk4MWMtLjgxIDEuMDA1LTEuMzUyIDIuNjQ2LTEuNjIxIDQuOTIzLS4yNzIgMi4yNzgtLjQwNCA1LjczNC0uNDA0IDEwLjM2N3Y1LjA5N2gxMS42OTdWNjAuNDZjMC00LjU1NS0uMTU1LTguMDExLS40NjMtMTAuMzY3LS4zMDktMi4zNTUtLjg2OC00LjAxNC0xLjY3OC00Ljk4LS44MTItLjk2Ni0yLjA2Ny0xLjQ0OS0zLjc2Ni0xLjQ0OS0xLjcgMC0yLjk1NC41MDMtMy43NjUgMS41MDZ6bS0yLjAyNSAyOS44ODZ2My41OTFjMCA0LjU1Ny4xMzIgNy45NzQuNDA0IDEwLjI1MS4yNjkgMi4yNzkuODI4IDMuOTQgMS42OCA0Ljk4Mi44NDkgMS4wNDEgMi4xNiAxLjU2NCAzLjkzOCAxLjU2NCAyLjM5MiAwIDQuMDM1LS45MjcgNC45MjMtMi43ODEuODg3LTEuODUzIDEuMzctNC45NDIgMS40NDctOS4yNjhsMTMuNzg1LjgxMmMuMDc3LjYyLjExNiAxLjQ2OS4xMTYgMi41NDggMCA2LjU2NS0xLjc5NSAxMS40Ny01LjM4NyAxNC43MTItMy41ODkgMy4yNDItOC42NjkgNC44NjUtMTUuMjMyIDQuODY1LTcuODc2IDAtMTMuMzk4LTIuNDctMTYuNTY0LTcuNDE0LTMuMTY4LTQuOTQtNC43NS0xMi41ODYtNC43NS0yMi45MzVWNjMuNTg5YzAtMTAuNjU3IDEuNjQxLTE4LjQzNiA0LjkyNC0yMy4zNDIgMy4yODEtNC45MDMgOC45LTcuMzU1IDE2Ljg1NC03LjM1NSA1LjQ4MiAwIDkuNjkxIDEuMDA0IDEyLjYyNiAzLjAxMiAyLjkzMyAyLjAxIDUgNS4xMzcgNi4xOTcgOS4zODMgMS4xOTcgNC4yNDcgMS43OTYgMTAuMTE3IDEuNzk2IDE3LjYwN3YxMi4xNjNoLTI2Ljc1N20tMjg0Ljk1My0xLjMzbC0xOC4xODctNjUuNjhoMTUuODY5bDYuMzcgMjkuNzdjMS42MjMgNy4zMzkgMi44MiAxMy41OTQgMy41OTEgMTguNzY2aC40NjRjLjU0LTMuNzA2IDEuNzM4LTkuOTIyIDMuNTkxLTE4LjY1bDYuNjAzLTI5Ljg4NmgxNS44NjlsLTE4LjQxNyA2NS42OHYzMS41MWgtMTUuNzU0di0zMS41MU0zMjIuMTE1IDM0LjIzdjcxLjAwN2gtMTIuNTExbC0xLjM5LTguNjg4aC0uMzQ3Yy0zLjM5OSA2LjU2NC04LjQ5NiA5Ljg0NS0xNS4yOTEgOS44NDUtNC43MSAwLTguMTg1LTEuNTQzLTEwLjQyNS00LjYzMy0yLjI0LTMuMDg3LTMuMzU5LTcuOTE1LTMuMzU5LTE0LjQ4VjM0LjIzaDE1Ljk4NXY1Mi4xMjZjMCAzLjE2OC4zNDggNS40MjYgMS4wNDMgNi43NzYuNjk1IDEuMzUzIDEuODUzIDIuMDI3IDMuNDc1IDIuMDI3IDEuMzkgMCAyLjcyMi0uNDIzIDMuOTk2LTEuMjc1IDEuMjc0LS44NDkgMi4yMi0xLjkyOCAyLjgzOC0zLjI0MVYzNC4yMjloMTUuOTg2bTgxLjk5NS4wMDF2NzEuMDA3aC0xMi41MTFsLTEuMzkxLTguNjg4aC0uMzQ1Yy0zLjQwMiA2LjU2NC04LjQ5OCA5Ljg0NS0xNS4yOTIgOS44NDUtNC43MTEgMC04LjE4Ni0xLjU0My0xMC40MjYtNC42MzMtMi4yNC0zLjA4Ny0zLjM1OC03LjkxNS0zLjM1OC0xNC40OFYzNC4yM2gxNS45ODV2NTIuMTI2YzAgMy4xNjguMzQ3IDUuNDI2IDEuMDQxIDYuNzc2LjY5NiAxLjM1MyAxLjg1NSAyLjAyNyAzLjQ3NiAyLjAyNyAxLjM5MSAwIDIuNzIzLS40MjMgMy45OTYtMS4yNzUgMS4yNzUtLjg0OSAyLjIyLTEuOTI4IDIuODM5LTMuMjQxVjM0LjIyOWgxNS45ODUiLz48cGF0aCBkPSJNMzY1LjU1MiAyMC45MDhoLTE1Ljg3djg0LjMyOWgtMTUuNjM3di04NC4zM2gtMTUuODY5VjguMDVoNDcuMzc2djEyLjg1OG03Ni44MTEgNTMuNjM2YzAgNS4xNzQtLjIxNSA5LjIyOS0uNjM5IDEyLjE2Mi0uNDI0IDIuOTM3LTEuMTM5IDUuMDIxLTIuMTQzIDYuMjU1LTEuMDA0IDEuMjM2LTIuMzU3IDEuODU0LTQuMDUzIDEuODU0YTcuNDA0IDcuNDA0IDAgMDEtMy42NS0uOTI3Yy0xLjEyLS42MTgtMi4wMjYtMS41NDQtMi43MjItMi43OFY1MC43OTZjLjU0LTEuOTMgMS40NjctMy41MTMgMi43OC00Ljc0OSAxLjMxMy0xLjIzNCAyLjc0LTEuODUzIDQuMjg1LTEuODUzIDEuNjIzIDAgMi44NzYuNjM3IDMuNzY2IDEuOTEuODg2IDEuMjc1IDEuNTA1IDMuNDE4IDEuODUzIDYuNDMuMzQ4IDMuMDExLjUyMyA3LjI5Ny41MjMgMTIuODU3em0xNC42NTItMjguOTY0Yy0uOTY3LTQuNDc4LTIuNTMxLTcuNzIxLTQuNjkyLTkuNzMtMi4xNjMtMi4wMDctNS4xMzYtMy4wMTEtOC45MTktMy4wMTEtMi45MzUgMC01LjY3Ni44My04LjIyNCAyLjQ5YTE2LjkyNiAxNi45MjYgMCAwMC01LjkwOCA2LjU0NWgtLjExN2wuMDAxLTM3LjQxNmgtMTUuNDA1djEwMC43NzdoMTMuMjA0bDEuNjIyLTYuNzE3aC4zNDdjMS4yMzUgMi4zOTMgMy4wODggNC4yODUgNS41NiA1LjY3NSAyLjQ3IDEuMzkgNS4yMTMgMi4wODUgOC4yMjUgMi4wODUgNS40MDQgMCA5LjM4Mi0yLjQ5MSAxMS45MzEtNy40NzEgMi41NDgtNC45ODIgMy44MjMtMTIuNzYgMy44MjMtMjMuMzQxVjY0LjIzYzAtNy45NTMtLjQ4NC0xNC4xNy0xLjQ0OC0xOC42NSIvPjwvZz48L3N2Zz4=") !important; background-image: none i; width: 100px; height: 50px; object-fit: cover; } ytd-topbar-logo-renderer { width: 0%; } yt-icon.ytd-logo { height: 20px; width: 90px; padding: 4px 4px 4px 4px; } } /* ============ COMMENTBOX // СТРОКА КОММЕНТИРОВАНИЯ ============ */ .focused-line.paper-input-container { /* border-color: #ee353e i; */ border-bottom: var(--searchbox-focus-color) solid 1px; transition: border-bottom 350ms ease-in-out; -webkit-transition: border-bottom 350ms ease-in-out; -o-transition: border-bottom 350ms ease-in-out; } /* ============ SEARCHBOX // СТРОКА ПОИСКА ============ */ #search-icon-legacy.ytd-searchbox, #container.ytd-searchbox { border: none; background: t i; } #container.ytd-searchbox input.ytd-searchbox::placeholder, input#search::placeholder { color: var(--searchbox-placeholder-color); } ytd-searchbox[has-focus] #container.ytd-searchbox { border: none; border-bottom: var(--searchbox-focus-color) solid 1px; box-shadow: none; transition: border-bottom 350ms ease-in-out; -webkit-transition: border-bottom 350ms ease-in-out; -o-transition: border-bottom 350ms ease-in-out; } #container.ytd-searchbox { box-shadow: none i; } /* ============ SEARCHRESULTS // РЕЗУЛЬТАТЫ ПОИСКА ============ */ .sbdd_b, .sbsb_a, .sbfl_b { background: var(--searchresults-bg-color); border: none; } .gsfs, .sbfl_a { color: var(--searchresults-text-color); } .sbsb_d { background: var(--searchresults-text-bg-color-hovered); } .sbpqs_a { color: var(--searchresults-searched-text-color); } .sbdd_a { top: 50px i; z-index: 9999 i; } .sbdd_b { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 0 0px rgba(0, 0, 0, 0.25); } /* ============ WATCHED BADGE // МЕТКА "ПРОСМОТРЕНО" ============ */ ytd-thumbnail-overlay-toggle-button-renderer, ytd-thumbnail-overlay-time-status-renderer[overlay-style=DEFAULT] { z-index: 2; } ytd-thumbnail-overlay-resume-playback-renderer, #progress.ytd-thumbnail-overlay-resume-playback-renderer { background-color: var(--watched-bg-color); height: 100%; width: 100%; } /* "#progress.ytd-thumbnail-overlay-resume-playback-renderer:after" moved to stylus settings // перемещено в настройки stylus */ ytd-thumbnail:hover ytd-thumbnail-overlay-resume-playback-renderer, #progress.ytd-thumbnail-overlay-resume-playback-renderer { height: 0 } yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer { display: none; } /* ============ BADGES // МЕТКИ ============ */ .badge-style-type-simple.ytd-badge-supported-renderer, .badge-style-type-live-now.ytd-badge-supported-renderer, .badge-style-type-red.ytd-badge-supported-renderer, #privacy-stats yt-icon.ytd-badge-supported-renderer { background: var(--badge-bg); color: var(--badge-color); fill: var(--badge-color); border: none; } /* ============ IMG, THUMBNAIL // ИЗОБРАЖЕНИЯ ============ */ ytd-thumbnail-overlay-side-panel-renderer { --blur: 10px; backdrop-filter: blur(var(--blur)); -webkit-backdrop-filter: blur(var(--blur)); } ytd-thumbnail, #thumbnail.ytd-playlist-thumbnail, .ytp-show-tiles .ytp-videowall-still { transition: all 0.25s i; } ytd-thumbnail:hover, #thumbnail.ytd-playlist-thumbnail:hover, .ytp-show-tiles .ytp-videowall-still:hover { transform: scale(1.05) } a#thumbnail { border-radius: 12px i; } ytd-thumbnail.ytd-rich-grid-video-renderer:before { border-radius: 12px i; } #video-title { border-radius: 0px i; } a.yt-simple-endpoint.style-scope.yt-formatted-string { border-radius: 0px i; } #view-all-endpoint.yt-simple-endpoint.ytd-vertical-watch-card-list-renderer { border-bottom: none i; margin-left: 140px i; border-radius: 10px i; padding: 10px i; background: #4040406e i; margin-right: 165px i; } .ytp-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-videowall-still-listlabel-regular, .ytp-videowall-still[data-is-mix=true] .ytp-videowall-still-listlabel-mix { background: rgba(50, 50, 50, 0.50) i; backdrop-filter: blur(5px) i; -webkit-backdrop-filter: blur(5px) i; /*padding-left: 10px i; margin-bottom: 6px i; border-radius: 0px 0px 10px 10px i; margin-right: 6px i; margin-left: 6px i;*/ } ytd-thumbnail-overlay-time-status-renderer, .ytp-videowall-still-info-duration { background-color: rgba(0, 0, 0, 0.4) i; border-radius: 5px i; backdrop-filter: blur(3px) i; -webkit-backdrop-filter: blur(5px) i; } #hover.ytd-poster-renderer { border-radius: 10px i; } .title-fade.ytd-watch-card-hero-video-renderer { border-radius: 10px i; } ytd-single-hero-image-renderer { border-radius: 10px i; } #section-left.ytd-collage-hero-image-renderer { border-radius: 10px i; } .thumbnail-container.ytd-notification-renderer, .thumbnail-container.ytd-comment-video-thumbnail-header-renderer { border-radius: 10px i; box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.5) i; } .yt-simple-endpoint { border-radius: 8px i; } /* ============ AVATARS // АВАТАРКИ ============ */ yt-img-shadow#author-photo { border-radius: 8px i; } #author-photo.yt-live-chat-text-message-renderer { border-radius: 8px i; } yt-img-shadow#thumbnail { border-radius: 20px i; } ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { border-radius: 8px i; } yt-img-shadow.ytd-channel-renderer { border-radius: 20px i; } yt-img-shadow#avatar { border-radius: 8px i; } #avatar.ytd-active-account-header-renderer { border-radius: 10px i; } yt-img-shadow.ytd-mini-channel-renderer { border-radius: 8px i; } yt-img-shadow.ytd-topbar-menu-button-renderer { border-radius: 10px i; } yt-img-shadow.ytd-channel-avatar-editor { border-radius: 20px i; } #avatar.ytd-c4-tabbed-header-renderer { border-radius: 20px i; } #author-thumbnail.ytd-comment-simplebox-renderer { border-radius: 13px i; } #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { border-radius: 13px i; } #avatar.ytd-video-owner-renderer { border-radius: 13px i; } yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition { border-radius: 8px i; } yt-img-shadow.style-scope.ytd-grid-channel-renderer.no-transition { border-radius: 20px i; } yt-img-shadow.ytd-backstage-image-renderer { --yt-img-border-radius: 10px i; } ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { width: 30px i; height: 30px i; } .ytp-flyout-cta .ytp-flyout-cta-icon { border-radius: 10px i; } a.ytp-title-channel-logo { border-radius: 10px i; } /* ============ SOCIAL MEDIA LINKS // ССЫЛКИ НА СОЦ.СЕТИ ============ */ #primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer { border-radius: 10px i; margin-right: 10px; } /* ============ SCROLLBAR // ПОЛОСА ПРОКРУТКИ ============ */ html[hide-scrollbar="true"] ::-webkit-scrollbar, ::-webkit-scrollbar-corner { display: none; } ::-webkit-scrollbar, ::-webkit-scrollbar-corner { background: var(--scrollbar-background); width: 10px; height: 10px; } #guide-inner-content.ytd-app::-webkit-scrollbar, #guide-inner-content.ytd-app::-webkit-scrollbar-corner { background: var(--scrollbar-background); width: 6px; height: 6px; } ::-webkit-scrollbar-button, #guide-inner-content.ytd-app::-webkit-scrollbar-button { display: none; } ::-webkit-scrollbar-thumb, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb { background: var(--scrollbar-color); } ::-webkit-scrollbar-thumb:not(:active):hover, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:not(:active):hover { background: var(--scrollbar-hover); } ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:hover:active { background: var(--scrollbar-active); } /* ============ Watch Page Fix // Фикс страницы просмотра ============ */ if yt-watchpage==old { ytd-watch-metadata { display: none i; } #meta-contents[hidden], #info-contents[hidden] { display: block i; } // Removes second comment section // Удаление второй секции комментариев #comment-teaser.ytd-watch-metadata { display: none; } // Removes border around channel name and sub button // Удаление обводки вокруг названия каналы и кнопки "подписаться" #owner.ytd-watch-metadata { border: none; } ytd-watch-metadata:not([modern-metapanel]) #owner.ytd-watch-metadata { border: none; } } /* Footer // Подвал */ footer, #footer.ytd-guide-renderer > #copyright { width: 100% i; margin: 0 auto i; max-width: 935px i; border-top: 1px solid bd i; /* Add userstyle information. */ > div::after { content: var(--note); white-space: pre-wrap; text-align: center; margin-top: 2rem; color: #ffa8ba; } } }