Patches for the Cosmic Panda (2012) theme from CustomTube
CustomTube Patches by gigabyte1027
Details
Authorgigabyte1027
LicenseNo License
Categoryyoutube, 2012, cosmic panda, customtube, patch
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is not a cosmic panda theme itself. This is for the CustomTube Extention to improve the authenticity of it until the developer gets to it.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name CustomTube Patches
@namespace github.com/openstyles/stylus
@version 1.2.0
@description Patches for the Cosmic Panda (2012) theme from CustomTube
@author Gigabyte1027
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
.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-big-mode .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: -14px;
margin-right: -8px;
transform: scale(0.65);
padding-right: 3px;
border-radius: 3px;
}
.ytp-volume-slider {
margin-top: -5px;
margin-left: 6px;
max-width: 4.69rem;
}
.ytp-big-mode .ytp-volume-slider {
margin-top: -5px;
margin-left: 6px;
max-width: 6.5rem;
}
.ytp-volume-slider-handle {
width: 5px;
background: linear-gradient(to top, #cfcfcf 0%, white 100%);
box-shadow: 0 1px 0 0 black;
}
.ytp-big-mode .ytp-volume-slider-handle {
width: 5px;
height: 16px;
background: linear-gradient(to top, #cfcfcf 0%, white 100%);
box-shadow: 0 1px 0 0 black;
margin-top: -17px !important;
}
.ytp-volume-slider-handle::before, .ytp-volume-slider-handle::after {
height: 5px;
margin-top: -3px;
}
.ytp-big-mode .ytp-volume-slider-handle::before, .ytp-big-mode .ytp-volume-slider-handle::after {
height: 5px;
margin-top: -3px;
}
.ytp-volume-slider-handle::after {
background-color: black;
box-shadow: 0 1px 0 0 #444444;
left: 5px;
}
.ytp-big-mode .ytp-volume-slider-handle::after {
background-color: black;
box-shadow: 0 1px 0 0 #444444;
left: 5px
}
.ytp-volume-slider-handle::before {
left: -64px;
box-shadow: inset 0 1px 0 0 #290909, 0 1px 0 0 #444444;
background: linear-gradient(to top, #6f1313 0%, #b31e1e 75%);
}
.ytp-big-mode .ytp-volume-slider-handle::before {
left: -64px;
box-shadow: 64px 1px 0 0 #ddd, inset -32px 0 0 0 #eee, inset 0 1px 0 0 #290909, 0 1px 0 0 #444444;
background: linear-gradient(to top, #6f1313 0%, #b31e1e 75%);
}
.ytp-small-mode .ytp-autonav-toggle-button, .ytp-autonav-toggle-button {
top: 15px;
}
.ytp-autonav-toggle-button-container {
transform: scale(0.6);
}
ytd-mini-guide-renderer.ytd-app {
position: absolute;
top: 108px;
}
ytd-mini-guide-renderer {
background-color: #262626;
}
.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section {
border-radius: 0;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {
background: linear-gradient(to top, #dddddd 0%, #fbfbfb 100%);
border: #bfbfbf 1px solid;
border-bottom: #aaaaaa 1px solid;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #fff6;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {
background: linear-gradient(to top, #e9e9e9 0%, #f3f3f3 100%);
box-shadow: 0 1px 2px 0 #0006;
border: #bfbfbf 1px solid;
border-bottom: #aaaaaa 1px solid;
}
.yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
background-color: #a62828;
box-shadow: inset 0 1px 0 0 #b54646, 0 1px 0 0 #0006;
border: none;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled, html[button-style]:not([button-style^="polymer"]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
border: 1px solid #ccc;
line-height: 30px;
color: #fff;
background-color: #6891e7;
border-color: #304ea6 #304ea6 #000;
text-shadow: 0 1px 0 rgba(0,0,0,.45);
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6891e7,EndColorStr=#304ea6);
background-image: linear-gradient(to bottom,#6891e7 0,#304ea6 100%);
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover, html[button-style]:not([button-style^="polymer"]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#304ea6,EndColorStr=#557cd1);
background-image: linear-gradient(to top,#557cd1 93%,#304ea6 100%);
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:active, html[button-style]:not([button-style^="polymer"]) .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:active {
background-image: linear-gradient(to bottom,#6891e7 100%,#304ea6 0);
}
html[menu-style="unrounded"] ytd-watch-flexy #secondary .yt-spec-button-shape-next--size-m {
border-radius: 3px;
}
ytd-tvfilm-offer-module-renderer {
border-radius: 3px;
}
ytd-tvfilm-offer-module-renderer[modern-panels] #header.ytd-tvfilm-offer-module-renderer {
border-radius: 3px 3px 0 0;
background: #2b2b2b;
color: white;
padding: 0.5rem 2rem;
font-size: 1.5rem;
}
ytd-media-masthead-renderer[rounded] #thumbnail.ytd-media-masthead-renderer {
border-radius: 0;
}
html[related-videos] ytd-watch-flexy #related.ytd-watch-flexy {
background: linear-gradient(to bottom, #eaeaea 0%, rgba(247,79,49,0) 30px), linear-gradient(to top, #eaeaea 0%, rgba(247,79,49,0) 30px), -webkit-linear-gradient(left,rgba(0,0,0,.12),rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,0) 30px,transparent 100%) !important;
background-position:
0px 0px,
right 0 bottom 0 !important;
}
html[dark] ytd-app {
background-color: #0f0f0f !important;
}
#search-clear-button.ytd-searchbox ytd-button-renderer.ytd-searchbox {
transform: scale(0.5);
}
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background: linear-gradient(to bottom, #c30000 0%, #6e0000 100%);
}
ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #2a2b2b88;
box-shadow: inset 0 1px 0 0 #fff4;
}
html[player-style][disable-flexy-player="true"] ytd-watch-flexy[fullscreen] .ytp-chrome-bottom::before, html[player-style][disable-flexy-player="true"] ytd-watch-flexy[fullscreen] .ytp-chrome-bottom::after {
display: none !important;
}
#previewbar {
margin-top: 0 !important;
padding-bottom: 0 !important;
transform: none !important;
}
.ytp-progress-bar-container:hover .ytp-timed-markers-container {
margin-top: 0px !important;
padding-bottom: 0px !important;
transform: none !important;
}
.previewbar {
background: linear-gradient(to bottom, #0000 0%, #0004 100%);
}
.ytp-big-mode .ytp-autonav-toggle-button {
transform: scale(0.8);
margin-left: -5px !important;
margin-top: -18px !important;
}
#startSegmentButton, #submitButton, #cancelSegmentButton, #deleteButton {
margin-top: 0px;
}
ytd-merch-shelf-renderer {
background: none;
}
html[watch-metadata-style] ytd-watch-flexy ytd-watch-metadata[description-collapsed] #bt-show-more {
margin-top: 1px;
}
html[player-style][disable-flexy-player="true"] .ytp-mute-button[data-title-no-tooltip="Unmute"] {
margin-top: -1px !important;
}
.ytp-big-mode .ytp-time-display {
line-height: 22px !important;
}
.sbhidden {
margin-top: -10px;
font-size: 11px;
opacity: 0.5;
}
.ytp-big-mode .sbhidden {
margin-top: -14px;
font-size: 11px;
opacity: 0.5;
}
#infoImage {
margin-top: 6px;
}
.sponsorBlockCategoryPill {
background-image: linear-gradient(to bottom, #0000 0%, #0004 100%);
border-radius: 5px !important;
height: 20px !important;
margin-top: -7px;
padding-left: 0 !important;
box-shadow: 0 1px 0 0 #0008, 0 0 0 1px #0308, inset 0 1px 0 0 #fff4;
text-shadow: 0 1px 0 black;
}
.sponsorBlockCategoryPill .sponsorSkipLogo {
transform: scale(0.75);
}
#tabsContainer.tp-yt-paper-tabs {
box-shadow: inset 0 1px 2px rgb(34,34,34);
}
html[channel-style]:not([channel-style^="polymer"]) yt-tab-shape[aria-selected="true"], html[channel-style]:not([channel-style^="polymer"]) tp-yt-paper-tab[aria-selected="true"] {
border-top: 1px solid #484848;
}
html[channel-style]:not([channel-style^="polymer"]) ytd-browse[page-subtype="channels"] ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
background: url(//web.archive.org/web/20120830183420im_/http://s.ytimg.com/yt/img/channels/c3/bg-layout-2col-ltr-vflzXzuyp.png) repeat-y #f9f9f9 !important;
margin-top: 0 !important;
padding-top: 14px !important;
background-position: 0 0;
}
html[layout^="cosmicpanda"] #contents ytd-item-section-renderer {
background: none !important;
}
html[layout^="cosmicpanda"] ytd-section-list-renderer {
padding: 0px 64px 0 25px !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal, #more.ytd-channel-header-links-view-model {
color: #fff8;
}
ytd-post-stream-filter-renderer.ytd-comments-header-renderer, #filter-container.ytd-post-stream-filter-renderer, ht...