Skip to content

Customtube 2012 Accuracy Fixes (WIP) by YoutubeEnjoyer

Write a review Install Get Stylus

Details

AuthorYoutubeEnjoyer

LicenseNo License

CategoryYoutube.com

Created

Updated

Size8.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fixes various inaccuracies and inconsistencies with Customtube's 2012 Cosmic Panda layout

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       Customtube 2012 Accuracy Fixes
@version    20240126.07.44
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
html[gaming-style^="cosmicpanda"] {
	--bt-sidebar-item-font-size: 11px;
	--bt-small-grid-title-font-weight: bold;
	--bt-small-grid-title-font-size: 15px;
	--bt-small-grid-link-color: #333;
	--bt-sub-btn-font-size: 11px;
	--bt-text-color-3: #666;
}

#video-title.ytd-compact-video-renderer {
	font-family: arial, sans-serif;
}

.yt-spec-button-shape-next {
	font-family: arial, sans-serif;
}

ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
	font-size: 13px!important;
}

ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block {
	font-family: arial, sans-serif;
}

#more.ytd-channel-header-links-view-model {
	color: #999;
	font-weight: 400;
}

.ytp-chapter-container {
	font-size: 11px;
}

.ytp-small-mode .ytp-autonav-toggle-button,
.ytp-autonav-toggle-button {
	display: none;
}

ytd-macro-markers-list-item-renderer[rounded] #thumbnail.ytd-macro-markers-list-item-renderer {
	border-radius: 0px;
}

ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer {
	font-family: arial, sans-serif;
}

ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] h4.ytd-macro-markers-list-item-renderer {
	font-family: arial, sans-serif;
}

html[watch-metadata-style^="cosmicpanda"] {
	--bt-desc-font-family: arial, sans-serif;
}

ytd-compact-playlist-renderer #video-title.ytd-compact-playlist-renderer {
	font-family: arial, sans-serif;
}

html[comments-style^="cosmicpanda"] {
	--bt-desc-upload-date-font-size: 10.9px;
}

ytd-reel-shelf-renderer {
	display: none;
}

.yt-video-attribute-view-model--image-square.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section {
	border-radius: 0px;
}

html[grid-styling]:not([homepage="rich-grid"]) ytd-browse[page-subtype="home"] #video-title.ytd-rich-grid-media:hover {
	color: #1c62b9;
}

.ytp-settings-button.ytp-hd-quality-badge::after {
	background-color: #a62828;
	box-shadow: inset 0 1px 0 0 #b54646, 0 1px 0 0 black;
	margin-top: -6px;
	margin-right: -2px;
}

.ytp-volume-slider {
	margin-left: 1px;
	min-height: 21px;
	max-width: 45px;
}

.ytp-volume-slider-handle:before {
	left: -40px !important;
	background: transparent;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAOCAYAAADdeGlVAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABmAAAADgBV/HzAAAABW0lEQVRYw+2YsWqDQBjH/3dcBZekWCFk71KcsnQSksU36Bt06wP0ITqXkjfofqsZkrUUnNwKHbJYUKdSiUquQ1sxTYfESzkv+IOD78S7+//9+JRPIoSAbhBCqlgIMQZwB+ASwBOAW0LIQkdfGx5lDHiet/O9i/n8YKKLsqziLMsSwzCsn3me56lpmmcnjG2sGU8me53h+/7B9DaByW/RjMfhsPHaq+WyiimlVllLFKXUarJn2yAXpql1zT/H8da1035ftSxp2P1goFqDFPVqOSbYx3qtWoMURVGolvAvsPcuMa2EvXWJaSXsdbVSrUGKo01MOBqp1iDFXx//fXuWNqKswbzu9RqfO03TKg7DcMuA4zikazB35PeDeZHZbDarwiiKYNt2NY+/+xrtq0YIod2o47puwjkXQRAIzrlwXTfR1Vd9SL3KVFH/iQnAA/AA4BxfhXgDwNfRV51Pa+CPkys0tRoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC);
	background-position: 0 -2px;
}

.ytp-volume-slider-handle,
.ytp-big-mode .ytp-volume-slider-handle {
	height: 13px !important;
	width: 3px !important;
	border-radius: 0px !important;
	margin: 7px 6px 0 0;
	padding: 1px 3px 0 0;
	top: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAOCAYAAADdeGlVAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABmAAAADgBV/HzAAAABW0lEQVRYw+2YsWqDQBjH/3dcBZekWCFk71KcsnQSksU36Bt06wP0ITqXkjfofqsZkrUUnNwKHbJYUKdSiUquQ1sxTYfESzkv+IOD78S7+//9+JRPIoSAbhBCqlgIMQZwB+ASwBOAW0LIQkdfGx5lDHiet/O9i/n8YKKLsqziLMsSwzCsn3me56lpmmcnjG2sGU8me53h+/7B9DaByW/RjMfhsPHaq+WyiimlVllLFKXUarJn2yAXpql1zT/H8da1035ftSxp2P1goFqDFPVqOSbYx3qtWoMURVGolvAvsPcuMa2EvXWJaSXsdbVSrUGKo01MOBqp1iDFXx//fXuWNqKswbzu9RqfO03TKg7DcMuA4zikazB35PeDeZHZbDarwiiKYNt2NY+/+xrtq0YIod2o47puwjkXQRAIzrlwXTfR1Vd9SL3KVFH/iQnAA/AA4BxfhXgDwNfRV51Pa+CPkys0tRoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC);
	background-position: 54px 0;
}

.ytp-volume-slider {
	height: 100%;
	min-height: 36px;
	position: relative;
	overflow: hidden;
}

.ytp-volume-slider-handle:before,
.ytp-volume-slider-handle:after,
.ytp-big-mode .ytp-volume-slider-handle:before,
.ytp-big-mode .ytp-volume-slider-handle:after {
	width: 40px !important;
	height: 13px !important;
	margin-top: -5px;
}

html {
	font-family: arial, sans-serif!important;
}

#author-text.yt-simple-endpoint.ytd-comment-renderer,
.published-time-text.ytd-comment-renderer {
	font-size: 11px;
}


html[sidebar-style^="cosmicpanda"] {
	--bt-sidebar-item-text-color: #999;
}

html[channel-style^="cosmicpanda"] {
	--bt-shelf-title-font-family: arial, sans-serif;
	--bt-shelf-title-font-size: 18px;
}

ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer {
	font-size: 13px!important;
	font-family: arial, sans-serif!important;
}

.ytp-player-minimized .html5-main-video,
.ytp-player-minimized .ytp-miniplayer-scrim,
.ytp-player-minimized.html5-video-player {
	border-radius: 0px!important;
}

#video-title.ytd-playlist-panel-video-renderer {
	font-family: arial, sans-serif;
}

html[watch-metadata-style^="cosmicpanda"] {
	--bt-playlist-header-font-family: arial, sans-serif;
}

span[class="btc"],
span[class="bts"] {
	font-size: 10.9px;
	color: #666;
}

.more-button.ytd-comment-renderer,
.less-button.ytd-comment-renderer {
	font-family: arial, sans-serif;
	font-size: 13px;
}

#title.ytd-video-description-transcript-section-renderer,
#sub-header-text.ytd-video-description-transcript-section-renderer,
#title.ytd-video-description-infocards-section-renderer {
	font-family: arial, sans-serif;
}

#title.ytd-grid-channel-renderer {
	font-size: 13px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

#thumbnail-attribution.ytd-grid-channel-renderer {
	font-size: 11px;
	font-family: arial, sans-serif;
}

html[comments-style] #vote-count-left {
	font-family: arial, sans-serif;
	color: #090!important;
	font-size: 11px;
}

html[channel-style] ytd-browse[page-subtype="channels"] #header #text.ytd-channel-name {
	position: relative;
	top: 10px;
}

.metadata.ytd-compact-radio-renderer {
	position: relative;
	right: 7px;
}

html[search-style] .metadata-snippet-container.ytd-video-renderer,
ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block,
html[search-style] ytd-two-column-search-results-renderer ytd-channel-name .yt-simple-endpoint.style-scope.yt-formatted-string {
	font-size: 13px;
}

ytd-item-section-renderer[top-spacing-zero]:first-child #contents.ytd-item-section-renderer .ytd-item-section-renderer:hover {
	background: #fff;
	box-shadow: 0 1px 2px #ccc;
	border-radius: 3px;
}

ytd-rich-grid-slim-media[mini-mode] #video-title.ytd-rich-grid-slim-media {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
	font-family: arial, sans-serif;
}

#video-title.ytd-grid-playlist-renderer {
	font-family: arial, sans-serif;
	font-size: 13px!important;
}

.ytp-volume-slider-handle:after {
    left: 5px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAOCAYAAADdeGlVAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABmAAAADgBV/HzAAAABW0lEQVRYw+2YsWqDQBjH/3dcBZekWCFk71KcsnQSksU36Bt06wP0ITqXkjfofqsZkrUUnNwKHbJYUKdSiUquQ1sxTYfESzkv+IOD78S7+//9+JRPIoSAbhBCqlgIMQZwB+ASwBOAW0LIQkdfGx5lDHiet/O9i/n8YKKLsqziLMsSwzCsn3me56lpmmcnjG2sGU8me53h+/7B9DaByW/RjMfhsPHaq+WyiimlVllLFKXUarJn2yAXpql1zT/H8da1035ftSxp2P1goFqDFPVqOSbYx3qtWoMURVGolvAvsPcuMa2EvXWJaSXsdbVSrUGKo01MOBqp1iDFXx//fXuWNqKswbzu9RqfO03TKg7DcMuA4zikazB35PeDeZHZbDarwiiKYNt2NY+/+xrtq0YIod2o47puwjkXQRAIzrlwXTfR1Vd9SL3KVFH/iQnAA/AA4BxfhXgDwNfRV51Pa+CPkys0tRoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC);
    background-position: -62px -2px;
}

.ytp-volume-slider-handle:before, .ytp-volume-slider-handle:after, .ytp-big-mode .ytp-volume-slider-handle:before, .ytp-big-mode .ytp-volume-slider-handle:after {
    width: 40px !important;
    height: 13px !important;
    margin-top: -5px;
}

.ytp-popup {
    background-color: rgba(31,31,31,.9);
}

#guide-links-primary.ytd-guide-renderer>a, #guide-links-secondary.ytd-guide-renderer>a {
	font-size: 12px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

#content.ytd-channel-tagline-renderer {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #808080;
}

ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
	font-family: arial, sans-serif;
	left: 5px;
    position: relative;
}

ytd-compact-link-renderer {
	min-height: 28px;
}

ytd-guide-entry-renderer[is-header] .title.ytd-guide-entry-renderer {
	font-size: 11px;
	font-family: arial, sans-serif;
}
}

Reviews

No reviews yet.