Brings the look of Cosmic Panda to V3. This is a skin over the Late 2013 Hitchhiker layout. Credits to Lightbeam24 and the Cosmic Cat Team for some of the code.
Epic Panda For V3 by AuroraBorealis
Details
AuthorAuroraBorealis
LicenseNONE
Categoryyoutube.com
Created
Updated
Size132 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
It is recommended that you use the Cosmic Panda Player Style, Startube, aswell as switching off the new logo in settings
V3: enable appbar-guide and mashead-positioner (for cosmic guide), flex-watch mini, disable new-logo
Startube: Enable expRelatedTabs, expGuideAlwaysPinned, expEpicWatch7, exp Channels3, and expAozora Home
Epic Panda: Everything except Dark Mode
For Guide: Turn on the cosmic guide options
A good way to get stuff working properly beforehand is selecting the Cosmic Panda Present in Startube, and then The Late 2013 Preset, before disabling appbar, new logo, expmodern upload and topbar, then enabling top guide, finally enable everything not mentioned
Startube: https://greasyfork.org/en/scripts/485622-startube
Cosmic Panda Player: https://userstyles.world/style/15399/v3-cosmic-panda-player
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. /* ==UserStyle==
@name Epic Panda For V3
@namespace userstyles.world
@author AuroraBorealis
@description Brings the look of Cosmic Panda to V3. This is a skin over the Late 2013 Hitchhiker layout. Credits to Lightbeam24 and the Cosmic Cat Team for some of the code.
@version 1.12.1
@license NONE
@preprocessor less
@var checkbox Epic "Epic Panda Fix" 0
@var checkbox Cosmic "Cosmic Panda Fix" 0
@var checkbox W59 "Watch 9 Fix" 0
@var checkbox Gfix "Center Guide Left Align Fix (Requires that u turn off most everything in center align)" 0
@var checkbox Guide "Cosmic Panda like Guide Colors" 0
@var checkbox Channel "Cosmic Panda like Channel Colors" 0
@var checkbox Theme "Dark Mode (Requires that V3 dark mode be enabled)" 0
@var checkbox Header "Dark Header" 0
@var checkbox Silver "Silver Header" 0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
/* Stuff Borrowed From Early 2013 */
#yt-masthead-user {
#sb-button-notify {
&.sb-notif-on {
background-image: linear-gradient(to bottom, #d62828 0, #921f1f 100%)!important;
border: 1px solid !important;
border-color: #d62828 #d62828 #921f1f !important;
box-shadow: inset 0 0 1px #d62828 !important;
color: #fff !important;
text-shadow: 0 1px 0 #d62828 !important;
}
&.sb-notif-off {
&:before {
content: "0" !important;
font-size: 11px !important;
opacity: 1 !important;
}
}
.yt-uix-button-content {
background: none !important;
position: unset !important;
border: none !important;
}
.yt-uix-button-icon-wrapper,
.yt-uix-button-icon-bell.yt-uix-button-icon {
display: none !important;
}
}
}
.video-extras-sparkbar-likes {
height: 5px !important;
background: #0e6a17 !important;
border: 1px !important;
border-color: #fff !important;
box-shadow: inset 0 0 2px #fff;
}
.video-extras-sparkbar-dislikes {
height: 5px !important;
background: #921f1f !important;
border: 1px !important;
border-color: #fff !important;
box-shadow: inset 0 0 2px #fff;
}
.video-extras-sparkbars {
height: 5px !important;
}
/* Major Gradients */
.yt-uix-expander.yt-uix-button-panel,
#masthead-expanded-container,
.oz-panel-padding-bottom,
#masthead-expanded,
div#body-container div#masthead-positioner-container div#masthead-positioner div#masthead-expanded div#masthead-expanded-container.with-sandbar {
& when (@Cosmic = 0) {
& when (@Header = 0) {
& when (@Theme = 0) {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, .1) 30px, transparent 100%) !important;
border-bottom-color: #fff !important;
;
}
}
}
}
#masthead-expanded-container.with-sandbar,
div#body-container div#masthead-positioner-container div#masthead-positioner div#masthead-expanded div#masthead-expanded-container.with-sandbar {
& when (@Header = 0) {
& when (@Theme = 0) {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, .1) 30px, transparent 100%) !important;
border-bottom-color: #fff !important;
}
}
}
#watch-description {
& when (@Theme = 0) {
& when (@Cosmic = 0) {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, .08) 30px, transparent 100%) !important;
border-bottom-color: #fff !important;
}
}
}
#filter-dropdown.yt-uix-expander-body,
div#body-container div#page-container div#page.search.clearfix.branded-page-v2-secondary-column-wide.no-flex div#content div.branded-page-v2-container div.branded-page-v2-col-container div.branded-page-v2-col-container-inner div.branded-page-v2-primary-col div div#gh-activityfeed.branded-page-v2-body.branded-page-v2-primary-column-content div.yt-card div.search-header.yt-uix-expander div#filter-dropdown.yt-uix-expander-body {
& when (@Theme = 0) {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, .08) 30px, transparent 100%) !important;
border-color: #fff !important;
}
}
#watch7-sidebar-contents,
.branded-page-v2-secondary-col,
#watch9-slider,
.branded-page-v2-secondary-col > div:nth-child(1),
div#body-container div#page-container div#page.watch.clearfix div#content div#watch7-container div#watch7-main-container div#watch7-main.clearfix div#watch7-sidebar.watch-sidebar {
& when (@Theme = 0) {
& when (@Cosmic = 0) {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 30px, transparent 100%) !important;
}
}
}
div#content div.branded-page-v2-container div.branded-page-v2-col-container div.branded-page-v2-col-container-inner div.branded-page-v2-secondary-col,
div#body-container div#page-container div#page.feed.clearfix div#content div.branded-page-v2-container.branded-page-base-bold-titles.branded-page-v2-has-top-row.branded-page-v2-container-flex-width.branded-page-v2-has-solid-bg div.branded-page-v2-col-container div.branded-page-v2-col-container-inner div.branded-page-v2-secondary-col div.branded-page-box,
div#body-container div#page-container div#page.channel.clearfix div#content div#c3-container div#channels3.c3.is-home div#c3-below.flex div#c3-sidebar {
& when (@Theme = 0) {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 30px, transparent 100%) !important;
}
}
.stats-chart-mode > .yt-uix-button-group {
position: relative;
top: -7px !important;
}
.distiller-standard-button.distiller-button.goog-inline-block.jfk-button-standard.jfk-button.yt-uix-button {
position: relative;
top: 0px !important;
}
div#guide div#guide-container.loading.collapsible-guide div#guide-main.guide-module.yt-uix-tdl div.guide-module-content.yt-scrollbar ul.guide-toplevel,
div#guide div#guide-container.loading div#guide-main.guide-module.yt-uix-tdl div.guide-module-content.yt-scrollbar ul.guide-toplevel,
.context-playing.show-username.yt-uix-scroller-scroll-unit.context-video.context-data-item.guide-context-item > .yt-uix-sessionlink.yt-uix-contextlink,
.rule-added.feeds-mode.yt-uix-tdl.clearfix.vve-check.yt-uix-shelfslider-at-head.yt-uix-shelfslider.shelf-item.compact-shelf,
div#c4-shelves-container.section-list-contents div.compact-shelf.shelf-item.yt-uix-shelfslider.yt-uix-shelfslider-at-head.vve-check.clearfix.yt-uix-tdl.branded-page-box.fluid-shelf div.yt-uix-shelfslider-body.context-data-container,
div#body-container div#page-container div#page.home.clearfix div#content div.branded-page-v2-container div.branded-page-v2-col-container div.branded-page-v2-col-container-inner div.branded-page-v2-primary-col div div#gh-activityfeed.branded-page-v2-body.branded-page-v2-primary-column-content div#feed div#FEwhat_to_watch.individual-feed div.feed-container div.feed-page ul.feed-list.context-data-container li.feed-item-container.browse-list-item-container.vve-check div.feed-item-dismissable div.feed-item-main.feed-item-no-author div.feed-item-main-content div.shelf-wrapper.clearfix div.compact-shelf.shelf-item.yt-uix-shelfslider.yt-uix-shelfslider-at-head.vve-check.clearfix.yt-uix-tdl.feeds-mode div.yt-uix-shelfslider-body.context-data-container {
& when (@Theme = 0) {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 30px, transparent 100%) !important;
}
}
/* Header */
#masthead-upload-button-group > .yt-uix-button-empty.yt-uix-button-default.end.yt-uix-button-size-default.yt-uix-button > .yt-uix-button-icon-wrapper > .yt-uix-button-arrow.yt-uix-button-icon {
& when (@Header = 1) {
background-image: no-repeat url(s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif) !important;
}
}
.overflowable-list-more-button.yt-valign.guide-flyout-trigger.guide-view-more {
& when (@Gfix = 1) {
position: relative !important;
left: -70px !important;
top: 10px !Important;
}
}
#logo {
& when (@Header = 1) {
& when (@Theme = 0) {
background: no-repeat url(https://i.imgur.com/h3nZDst.png) 0 0 !important;
background-repeat: no-repeat !important;
border: 0 !important;
height: 39px !important;
width: 100px !important;
}
}
& when (@Theme = 1) {
& when (@Cosmic = 1) {
background: no-repeat url(https://i.imgur.com/h3nZDst.png) 0 0 !important;
background-repeat: no-repeat !important;
border: 0 !important;
height: 30...