Skip to content

V3 Cosmic Panda Player by tersiswilvin

Mirrored from https://github.com/tersiswilvin/Legacy-YouTube-Player/raw/Release/Dev/Master/src/V3/V3_Cosmic_Panda_Player.user.css

Write a review Install Get Stylus

Details

Authortersiswilvin

LicenseCC-BY-SA-4.0

CategoryYouTube

Created

Updated

Size135 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Recreates the cosmic panda player look for V3.

Notes

Version 1.1.9 (04/24/2024)

  • Added Autohide Preset.
  • Added a warning if Flash7 is enabled.
  • Added light theme support.
  • Added Show Flash7 Warning.
  • Added white progress list support.
  • Changed control buttons height from 25 pixels to 26 pixels.
  • Changed countdown timer and captions z-index from 920 to 930.
  • Enabled Developer Mode for Developers.
  • Fixed duplicate caption ASR icons.
  • Fixed large playbutton not showing up during cued mode.
  • Renamed Auto Hide Cursor to Autohide Cursor.

Disclaimer :

This UserCSS style only works for V3/V3Core which the latest version can be found here in the downloads channel, or alternatively you can use the official V3/V3Core website.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           V3 Cosmic Panda Player
@namespace      userstyles.world/user/tersiswilvin
@version        1.1.9
@description    Recreates the cosmic panda player look for V3.
@author         TersisWilvin
@license        CC-BY-SA-4.0
@preprocessor   less
@var            select                                            Autohide        "Autohide Preset"             ["Off", "On", "Fade*", "Auto"]
@var            checkbox                                          AhCursor        "Autohide Cursor"             0
@var            checkbox                                          CMIcons         "Context Menu Icons"          0
@var            checkbox                                          DEVMode         "Developer Mode"              0
@var            checkbox                                          QualityBadges   "Display Quality Badges"      0
@var            checkbox                                          ExtraSFNItems   "Extra Stats for nerds items" 0
@var            checkbox                                          FlashVA         "Flash Volume Animation"      0
@var            checkbox                                          ForceWOYTi      "Force Watch On Youtube icon" 0
@var            checkbox                                          Forceinfobar    "Force infobar"               0
@var            checkbox                                          HESR            "Hide Extra Settings Rows"    1
@var            checkbox                                          HPaNB           "Hide Prev & Next Buttons"    1
@var            checkbox                                          IBIO            "Infobar Icons Only"          0
@var            select                                            PlayButtonStyle "Play Button Style"           ["2012E*", "2013E", "2014"]
@var            select                                            PlayerMonth     "Player Month"                ["Middle*", "Late"]
@var            checkbox                                          Flash7Warning   "Show Flash7 Warning"         1
@var            checkbox                                          TooltipCrtFix   "Tooltip 2012L Caret Fix"     0
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
    /*/== Player Base ==/*/
    .player-api {
        position: relative;
    }
    .html5-video-player {
        position: unset;
        color: unset;
        & when (@AhCursor = 0) {
            cursor: pointer;
        }
        &.ytp-block-autohide when (@AhCursor = 1) {
            cursor: pointer;
        }
        &:not(.ytp-block-autohide) when (@AhCursor = 1) {
            cursor: none
        }
        & when (@AhCursor = 0) {
            html[data-player-size=fullscreen] &:not(.ytp-block-autohide) {
                cursor: pointer;
            }
        }
        .captions-asr .caption-window-transform:before {
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAsCAQAAACnWtJ+AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAACQAAAAsALDekYcAAARFSURBVEjH7ZZJbFQFGMd/b5l9hi50w9LNpp2SFimBggJVkqHSEkMiCSKoCBgTvUhU7MHAxbicNIFwMhhPEoyRKFGjFomBCoG0bCFpAamF0pTpRqedDjPzpu/zMG0p02k7NsaT3+19efm9/7c/+JdMSerVUFEwGUPmD1Kw4MSJikGQMGOpgdRpHisZFL+7+dJhysjBkeSNlMxCDqt273/wQKT3zpMbyEGfD0Yjk+V174TCIiLh0Pt7yMPyzzEKLsorXu3yi4iEwrsOUE062nzCWoTv2yYREZHtn7CWPGyoqONVTFlPGst8jXHMFz9QRwEOdJxkkE0mzlS1WVlMw+U2EZEuP1vx4saCh2JqfvqIGkrwpFJBBQ9PTOjZe5DVLMSCm1I2tpwTud2+soF8rHODdPLwnW0VEWm/zfOU4MBGPr6Tp+Pw5q8owT4zQJ0EucmurgT4uokehhnDQe6+el8twMnmdUeIzN3lCgtY/vZnIiL9AXZQjhMbBTx3vVNEpP0OW6nAg4qChpasgvq4Livu2iqA9g4GCTKGlcydK8uLAN74nE76CKNjwwJEiWAkAylYcJUUArS2M0wEwU7GKz6AM1d/v0IvoyikkfXBClX2X6Cf4UcDnVCk48jKAOjsIYSBgg3PkjKAUy30McIYTha9ueHAp9HQNy9fuUyY8PQlY6WYbfHqsJsKHNgo5oW4p/QtKnFhYzH19wdFRG62UIn70Uyp46Gpk1MeI4agoE6M660AUUw0nPXl6RnQP7LpCJKoZqL8yrRKPPSYSLwgVYsB+gM3A0QTt+fDpp++VCXhSRQBcNqTDbE6/pKJOalEHfdMVEVHR8EkcqIdoDBrZyk29GQ5AhNjYBjAl4cFDRgjOhgAeKkUOxomo9fvdNwC+Hjb9IZUxzExwgP3AZY+hh0dMBjt6gFYWYYHO0KQ7vc+jIb+bN3cyDCx5KHFCHV2A9RW4sYKRAicuQjQ8BTZLEAjjP/46cYtZbsuXmWQaLJkm0QZvdEJUFKIBzsQYejH8wDegr3PkIMLGKHn4Fk66SWUOMATigyC318CqCgiAzc6BkM/X2v6A2DfixSShQ2TMEFGZ7t2NorYfPeeiMiho6whCwtulnj3xC/KhfPUkjvbadKmaHMWZ69eCulph5sZIkQUc8CIBJ9dA/n56Vd/aSM02SQzggQFvSP2Wr1Fz0ob8p/vYIQIMYyz9x6PLqs5duj17xgkPDPooenksv74r48sfw0HeVTs3YiXXOypniQXFd7d/QERkS9PUEcBdjSsuPDgwjo7ZuqtEswBWaA/vQKqvTfuXvMTIoKBQRRjrn09FWRiIqf61paUFsKmVf6/Lt4llNh4qZmKBy9buntERCKj69azcL6/NRrpVFXu8HeJHD1EFWmpJjjxngsxIn1D535zt20/Rh/BxOGcyZJ9T8eGFZUYYYxUOmcmUHzNKkiqkP/tP7a/AWM8u6WDedEoAAAAAElFTkSuQmCC);
            background: none;
            background-size: unset;
            width: unset;
            height: unset;
            display: block;
            left: -36px;
            opacity: 0.5;
            position: absolute;
            top: 50%;
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            margin: 0
        }
        .captions-asr .caption-window-transform:after {
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAsCAQAAACnWtJ+AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAACQAAAAsALDekYcAAAQ/SURBVEjH7ZZbTFxVFIa/M2cuB2aGOx3KbbgEBgLWVqEGWtI2RIHGaNTUao01ND6oD5Imoj6gD4b20aY1mtgYjTHW6EMTm9SYYhrTIqYGKraYgrUUoYRSKHSAmQ5zWz7MMGVgBsZL4ovrvJzss/eff/1r7X8d+JdCSWiPig4hSOCfAKlomDESxI0bHxJv23psksjG3t9pUXtc+PGtxWqt0JNd1zh2ReTu3dYOtrIBQ7yN6zHS7bJn20HT3u+44e7y4cf5d1ippLG5tcPtEREZm6x4gXLMsZSNp5GCDh0KECTQ7xyeeWo7pJhzLV9dZg4PwcSAQpUyY0TBjw/fwHxhxpZyqCzp/vX6TVx4E0lHh5Uiar45RC1FWDFgwcGesUkRkf4rtJCPMREgI3m1zUMXRXp/pIlSLBjI5KG2oyIiIo2vswlrIq2sUdz9eejQd+doJA8TSRTzxOAfIiI9fTSSs7LesTRSMH082lBSYocSu+tWz3UW8ALG7LQdD0BWxqEuplnAH4+JgoqKgg4rFewZHBURGRrhUQowkUw5+6adIiIH32ULKdHJ6SJvBsykkooFPR6mGHnpOEC5fX8NGRgJsMDM4DBAQzUWjMvOLgNSsbCxs+Wd3eSTioKLW9//cv4SwPONpKMhLDLXNwhQXIgZQyxGCkbS7q9uP/7WZy+3sJEkAswzdbYXoLIMKyYUfLhHJgCy0klCH81oSR0LVVd7RURmZ2gmHxNmqkpfDdWOpynCRBIVtIZX9lIU3UtLqILs/mh6HtLSm8tJRiWI95ozop8OBcEfqZQ+fIFWAAkBvFed006A6vywkBK5Ucqq9lu1oot80KEmawCKICt8cLUrrlpZEluPaX9pYRbAqUEWCaKgj3RvgCACy9IJhldi9JEc3gswfG1oFBdBVLTnSgFmnHgJACqGxhyA23P4VhrJEpCf+cfbL5/zuts7GWcBQcNaUwYwNoELH6BHuy8X4PYsHvzRUPpwxl5m+i5teuVg3snfmcWDnhSyW+oAzl/EySJgxNJQBTAyjht/dGr3VHDjY/bIKH58KJjZ0LbDUQBw+gJ3WAQ0rMWFAL+N4MIbi1EIKhCWUiGZLApfewag64dvB7iDDwMW0ivsAF//zEL8Cbcc3EbDTxdERNwexwEqsWAgi/pjJ0REbtzkMeyYYosd3WzqkQdrtwK8/d7QAFNhzWyPbAM4eXZtN1rOKJPNXxwV+fQD6slFQ3/Pat0exwHKSV4fBhQ0bDjamqgghyTU5eZ/8gw7sa07WCNQRsxYMWNERaOAhz85JSIy7XS0UoE5MZglsNBjxEb9s4dD9tH5IXVkJconGi6FqhffDI3sM900YUf76zCgI3P7zkWXiMj4BE/iwBqz0gkwSqX6xDGRybGqfVSTtu4fVdwwYaP6yze27aKM9PjqrD94dRjQ0BPEy+JaQzExpRRW++b/8V/FnxY9mQsrANWLAAAAAElFTkSuQmCC);
            background: none;
            background-size: unset;
            width: unset;
            height: unset;
            display: block;
            opacity: 0.5;
            position: absolute;
            right: -36px;
            top: 50%;
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            margin: 0
        }
        & when (@Flash7Warning = 1) {
            [class*="flash7"] ~ * &:before {
                content: "V3 Cosmic Panda Player does not support Flash7 Player.\APlease disable either Flash7 Player or V3 Cosmic Panda Player.";
                text-align: center;
                color: #fff;
                font-size: 13px;
                line-height: 20px;
                font-weight: bold;
                white-space: pre;
                text-shadow: 0 -1px 1px rgba(0, 0, 0, .45);
                background-color: #913d37;
                filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#c95145,EndColorStr=#913d37);
                background-image: -moz-linear-gradient(top, #c95145 0, #913d37 45px);
                background-image: -ms-linear-gradient(top, #c95145 0, #913d37 45px);
                background-image: -o-linear-gradient(top, #c95145 0, #913d37 45px);
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c95145), color-stop(45px, #913d37));
                background-image: -webkit-linear-gradient(top, #c95145 0, #913d37 45px);
                background-image: linear-gradient(to bottom, #c95145 0, #913d37 45px);
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: 3px;
                padding: 10px;
                position: absolute;
                z-index: 1000;
                cursor: auto;
                top: 0;
                -moz-transition: top 0.05s ease-in;
                -ms-transition: top 0.05s ease-in;
                -o-transition: top 0.05s ease-in;
                -webkit-transition: top 0.05s ease-in;
                transition: top 0.05s ease-in;
            }
            [class*="flash7"] ~ * &.autohide-controls:not(.ytp-block-autohide):not(.ad-interrupting):before, [class*="flash7"] ~ * &.ideal-aspect.autohide-controls-aspect:not(.ytp-block-autohide):not(.ad-interrupting):before, html[data-player-size=fullscreen] [class*="flash7"] ~ * &.autohide-controls-fullscreen:not(.ytp-block-autohide):not(.ad-interrupting):before {
                top: -100px;
                -moz-transition: top 0.5s ease-in;
                -ms-transition: top 0.5s ease-in;
                -o-transition: top 0.5s ease-in;
                -webkit-transition: top 0.5s ease-in;
                transition: top 0.5s ease-in;
            }
        }
    }
    
    .ytp-player-content {
        -moz-transition: top 0.05s ease-in;
       ...

Reviews

No reviews yet.