Skip to content

Epic Panda For V3 by AuroraBorealis

Screenshot of Epic Panda For V3

Details

AuthorAuroraBorealis

LicenseNONE

Categoryyoutube.com

Created

Updated

Size137 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

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.

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.7
@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...

Reviews

No reviews yet.