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
Details

Authortersiswilvin
LicenseCC-BY-SA-4.0
CategoryYouTube
Created9 months, 2 days ago
Updated4 months, 4 weeks ago
Size140 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.10 (05/16/2024)

Added 2012 video loader.
Added Accurate Watermark Animations.
Added Autohide support for video container.
Added Force Watermark.
Added Watermark support.
Changed annotation container padding bottom from 30 pixels to 27 pixels when autohide is on or auto.
Flexwatch mini video stream object fit is now set to contain.
Disclaimer :
This UserCSS style only works for V3/V3Core which the latest version can be found here.
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.10
@description    Recreates the cosmic panda player look for V3.
@author         TersisWilvin
@license        CC-BY-SA-4.0
@preprocessor   less
@var            checkbox                                          AWA             "Accurate Watermark Animations" 0
@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                                          Forcewatermark  "Force Watermark"               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;
   ...
Reviews

No reviews yet.