cosmic panda player for youtube by rafailtheodoridis2008311850

/* ==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;
   ...