cleandark | youtube.com by quaritexa

/* ==UserStyle==
@name         cleandark | youtube.com
@version      2024.06.15
@namespace    userstyles.world/user/quaritexa
@description  just clean & dark
@author       quaritexa
@license      No License
==/UserStyle== */
@-moz-document domain("youtube.com") {
	/* youtube.com */
	* {
		scrollbar-width: thin;
	}

	/* clear */
	#top-row {
		border: none !important;
	}

	/* player */
	#movie_player {
		border-radius: 8px;
	}

	/* header (searchbar) */
	ytd-browse[page-subtype="channels"],
	ytd-searchbox.ytd-masthead,
	ytd-searchbox[desktop-searchbar-style="rounded_corner_borders_light_btn"] #container.ytd-searchbox,
	ytd-searchbox[desktop-searchbar-style="rounded_corner_autofocus"] #container.ytd-searchbox,
	ytd-searchbox #search-icon-legacy.ytd-searchbox,
	ytd-searchbox #search-icon-legacy.ytd-searchbox:hover,
	ytd-searchbox #search-form.ytd-searchbox,
	ytd-searchbox #container.ytd-searchbox,
	#container.ytd-masthead,
	#guide-content.ytd-app,
	_ {
		background: #090909;
		border: none;
		margin: 0;
		max-width: 100%;
	}

	#container.ytd-searchbox {
		border-radius: 0;
	}

	h1.ytd-watch-metadata {
		font-weight: 100;
	}

	/* menu */
	tp-yt-paper-tab.ytd-c4-tabbed-header-renderer {
		padding: 0 1rem;
	}

	/* description */
	ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata {
		background: none;
		border: 1px solid var(--yt-spec-badge-chip-background);
	}

	/* subtitles */
	.captions-text {
		text-align: left;
	}

	/* thumbnails captions */
	ytd-compact-video-renderer #video-title.ytd-compact-video-renderer,
	ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer,
	_ {
		font-size: 1.2rem;
		line-height: 1.2;
		font-weight: 100;
		-webkit-line-clamp: 5;
	}

	ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
		line-height: 1.2;
		font-weight: 100;
		-webkit-line-clamp: 5;
		height: 5em;
		max-height: 5em;
	}

	/* comments */
	#content-text.ytd-comment-renderer,
	#content-text.ytd-comment-view-model,
	_ {
		font-size: 2rem;
		font-family: Georgia, serif;
		line-height: 1.4;
		opacity: .8;
	}

	/* right column */
	yt-chip-cloud-renderer:not([no-top-margin]) yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* enhancer for youtube 
   sidebar window timeline */
	body._top-left._480x270 #efyt-progress,
	body._top-right._480x270 #efyt-progress {
		top: 281px;
	}

	.efyt-control-bar {
		background-color: transparent;
		padding: 0;
	}

	/* downloader */
	.ytdl_list {
		margin: 0 !important;
	}

	#ytdl_btn {
		color: transparent;
		font-size: 1.5rem;
		width: 4rem;
		min-width: 4rem;
		overflow: hidden;
		text-transform: capitalize;
	}

	#ytdl_btn:hover {
		color: inherit;
		min-width: initial;
		overflow: initial;
		width: initial;
	}

	.ryd-tooltip-bar-container,
	#ryd-bar-container,
	_ {
		height: 1px !important;
		opacity: .7;
	}
}

@-moz-document regexp("(?!https://coub\\.com).*") {
	/* youtube embed */
	/* i really want this to be global */
	/* hide */
	.ytp-pause-overlay,
	.ytp-ce-element.ytp-ce-element-show,
	_ {
		display: none !important;
	}

	.ytp-progress-bar-container,
	.ytp-play-progress,
	_ {
		height: 1px
	}

	.ytp-progress-bar-container,
	.ytp-progress-linear-live-buffer,
	_ {
		height: 1px !important;
	}

	._ytp-progress-list,
	._ytp-progress-bar-container:not(.ytp-drag),
	_ {
		bottom: 0;
	}

	.ytp-scrubber-container {
		left: 0;
	}

	.ytp-fine-scrubbing-cursor {
		width: 1px;
	}

	.ytp-scrubber-button {
		display: none;
		height: 10px !important;
		width: 5px !important;
		border-radius: 0 !important;
	}

	.ytp-chrome-bottom {
		opacity: .5;
	}

	.ytp-chrome-bottom:hover {
		opacity: .7 !important;
	}

	#enhancer-for-youtube-progress {
		height: 7px;
		opacity: 1;
	}

	/* yandex vot */
	.vot-segmented-button .vot-separator {
		display: none;
	}

	.vot-segmented-button {
		background-color: transparent;
		_border: 1px solid #fff2;
		border-radius: 7px;
		box-shadow: 0 0 15px #0006;
		scale: .8;
	}

	.vot-segmented-button * {
		color: #fff3;
	}

	.vot-segmented-button:hover * {
		color: #fff7;
	}

	.vot-segmented-button svg {
		opacity: .2;
	}

	.vot-segmented-button:hover svg {
		opacity: .5;
	}
}

@-moz-document url-prefix("moz-extension://a2213701-a915-4fa6-8dcb-9a59066bdb64") {
	* {
		background-color: blue !important;
	}

	.rgrid > table > tbody > tr > td {
		padding: 10px !important;
		background-color: red !important;
		white-space: initial !important;
	}
}