Skip to content

Beta Cosmic like layout for Startube [EARLY BETA] by vidfan

Screenshot of Beta Cosmic like layout for Startube [EARLY BETA]

Details

Authorvidfan

LicenseNo License

Categoryyoutube.com

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Startube's Cosmic panda layout look more beta like.

Notes

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Beta Cosmic Panda like layout [EARLY BETA]
@namespace      github.com/openstyles/stylus
@version        1.2.9
@description    Makes Startube's Cosmic Panda look more like the beta.
@author         AtoZenne
==/UserStyle== */

@-moz-document domain("youtube.com") {
   [wl^="w5"]:not([wl="w5c"]):not([layout^="aozora"]):not([layout^="stargazer"]) #st-watch-above .yt-uix-button, [wl^="w5"]:not([wl="w5c"]):not([layout^="aozora"]):not([layout^="stargazer"]) #st-actions-info-row .yt-uix-button {
       height: 25px !important;
       box-shadow: 0 1px 2px #888;
    }
    .oz-hovercard {
        display: none;
    }
    [exp-cosmic-comments] .distiller_yt-thread .comment:hover {
        background-color: transparent;
        box-shadow: none;
    }
    .sc-video-title {
        font-weight: normal;
    }
    .site-center-aligned .sb-card-arrow, .site-center-aligned .sb-card-body-arrow {
        display: none;
    }
    #masthead-search .search-btn-component, #masthead-search .search-btn-component .start {
        background: #fff !important;
        box-shadow: none;
        border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        
    }
    .distiller_yt-sb .sb-photo {
        display: none;
    }
    .distiller-button.jfk-button-action {
        background: none;
        border: 0px;
        color: #03c;
        font-weight: normal;
    }
    .hitchhiker-enabled #masthead-search .search-btn-component .yt-uix-button-content {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA8CAMAAABCfyqQAAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjM0MENFMjczNEQxMUUwOEJCNjk0MjUxMkUyNkQ0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEFFMzgwQzczNEQxMUUwOEJCNjk0MjUxMkUyNkQ0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCMzQwQ0UwNzM0RDExRTA4QkI2OTQyNTEyRTI2RDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCMzQwQ0UxNzM0RDExRTA4QkI2OTQyNTEyRTI2RDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wP7T4AAAARFQTFRFhoaGv8PC/v7++/v7y87N9PT0z8/P5efntra2+Pj4ys7NvsPC09XV2dva/f39m5ub1tnYnZ2d6Onpq6ur6urq5ebmioqKwsbFzc3NjIyMwMTD5OTk09PTys3MsrKyvsLC+Pn5h4eHw8fGwcXE8fLx+fn5mpqau7u78vLyj4+P4uTk3+Hhw8PD293dxcnI8fHx/Pz84uPjpKSk6+vr6Ojo0tXU4+PjqqqqwcTDycnJjY2N2t3d7O3tv7+/4eHhz9LR4+Xk19fX7/Dwnp6e6uvrmZmZxsnIiYmJkZGRoqKizMzMysrKvsLB0dHR29vb9/j48PHx5+jo3d/fx8fH9PX1yczL4+blztHQ8/T0k5OT////NlfWcgAAAFt0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJz6uLwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABCUlEQVQ4y+3TxW5DQQwFUPtBG2ZmTsrMkDYpM8P9/w/pYhavkv266yJVvbJ0pJF17SH8UDS5+JLa7/qgG2Lm8N6yhqNtDkUTLXZiEq1XfgLQcHhFYocdCwBcrkp85AXTLJYknnDUPJ/PS7wvtRoAcMQbyrSJm2oHsdk2PyhoD5nDzHWeVhN6e2+fRebYU5lt1lMl+GydP/y3korYE39D//h7uFa5c30wEyci6nc1PDyneKC2S2Nb+Z+ndABgkKRniWVKWgCQoZ7EW+qb5qIp8ZgC5vliUeJSc2YAANe0pUxbo14Z9k6ONhUMrpKpKTWhq8vcZ3r+m8psC54qwReI1v23UkkH/9yBfQEqux+5ySGuAAAAAABJRU5ErkJggg==
  );
        background-position: -8px -8px;
        background-repeat: no-repeat;
    }
    [topbar="cosmic"] #yt-masthead #masthead-search-terms {
        box-shadow: none;
        border-right: 1px;
            height: 26px;
        margin-top: 4px;
    }
    [topbar="cosmic"] #yt-masthead #search-btn {
        height: 26px;
        margin-top: 4px;
    }
    [exp-epic-styling] #aozora-topbar-links .aozora-topbar-link, [cosmic-styles] #aozora-topbar-links .aozora-topbar-link {
        color: #666
    }
    [wl^="w5d"] .st-panel {
        margin-top: 60px;
    }
    .st-panel-close {
        display: none;
    }
.appbar-guide-notification {
    background: linear-gradient(#4bbe32, #3ca026) !important;
    border-radius: 2px;
    border: 1px solid #379c21;
}
    .appbar-mini-cinema #player.watch-medium::before { 
        height: 560px;
        margin-top: -50px;
    }
    .stream_content > .continuation_item_wrapper > .load-more-button > .jfk-button-text, .distiller_streamcontent_directlink > .continuation_item_wrapper > .load-more-button > .jfk-button-text {
        color: #03c;
    }
    [exp-legacy-comments] img.comments-rating-thumbs-up {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEEyNUJFNkI4QzQ5MTFFMEJFOEM5MTQ0ODYyODVCOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEEyNUJFNkM4QzQ5MTFFMEJFOEM5MTQ0ODYyODVCOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQTI1QkU2OThDNDkxMUUwQkU4QzkxNDQ4NjI4NUI5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQTI1QkU2QThDNDkxMUUwQkU4QzkxNDQ4NjI4NUI5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppkegj4AAAC/SURBVHjahI87CoRAEERrejY1EQNBTDzJhp7CI8wBjOYmHkHvYG5oYKIiJmKgYOpnu8GNdvFBMVRX0c3Quq5g1XVtkySxZVla9tu2fUXneYK1LAuapkGe59BaY993HMchGfFAKYVpmsD0fS8Bw3Mp3ZuKopDAdV15iUhKvE3xmaqqbJqmEnqeB8dx0LateGMMXvM82yzLcPPxohsu667r3sMw4B/jOILwQBAEz6U4jkFRFCEMw58F/qHv+7gEGAD3JWi2V/alsQAAAABJRU5ErkJggg==);
        width: 9px;
        height: 10.11px;
    }
    [cosmic-buttons] .yt-uix-button-default:not(.astro-filter-button):hover, [cosmic-buttons] .yt-uix-button-text:hover {
        box-shadow: 0 1px 4px #666 !important;
    }
    .comment-rating {
        color: #999999
    }
    [cosmic-buttons] .watch .continuation_item_wrapper .yt-uix-button.yt-uix-button-default {
        background: #0000 !important;
        box-shadow: none;
        border:0px;
        color: #03c;
            margin-left: 160px;
    }
    .yt-uix-range-tooltip-tip-content, .yt-uix-tooltip-tip-content {
        background-image: -moz-linear-gradient(top, #4F4F4F, #363636);
        color: #FEFEFE;
        box-shadow: 0px 0px 3px #333;
        border-radius: 5px;
        font-weight: normal;
        font-size: 13px;
    }
    .video-time {
        border-radius: 3px !important;
    }
    .hitchhiker-enabled .addto-watch-later-button img, .hitchhiker-enabled .addto-watch-later-button-sign-in img {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADdJREFUCNdj/M8AAbOAjDRGCJsFKsbwjwEB4IJ/CAkydv9nwAAsvzHFGBhhCpuAjDpGUi3CKggAsVMOjYtvbg8AAAAASUVORK5CYII=);
        height: 10px;
 
    }
    .watch-extras-section .content:nth-child(2){
        color: #4272db;
    }
    #footer .yt-uix-button-group .yt-uix-button {
        background: none;
        border: 0px;
        box-shadow: none;
    }
    .yt-uix-range-tooltip-tip-arrow, .yt-uix-tooltip-tip-arrow {
        border-top-color: #363636;
    }
    [cosmic-buttons] .watch .continuation_item_wrapper .yt-uix-button.yt-uix-button-default:hover {
        border: 0px;
        box-shadow: none;
        background: #0000 !important;
    }
    .stream_content > .continuation_item_wrapper > .load-more-button > .jfk-button-text, .distiller_streamcontent_directlink > .continuation_item_wrapper > .load-more-button > .jfk-button-text {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
        box-shadow: 0 1px 2px #888;
        border: 0px;
    }
    .stream_content > .continuation_item_wrapper > .load-more-button > .jfk-button-text, .distiller_streamcontent_directlink > .continuation_item_wrapper > .load-more-button > .jfk-button-text {
      margin-left: 247px  
    }
        .stream_content > .continuation_item_wrapper > .load-more-button > .jfk-button-text, .distiller_streamcontent_directlink > .continuation_item_wrapper > .load-more-button > .jfk-button-text {
            width: 90px;
            border-radius: 3px;
            height: 25px;
            font-weight: normal;
    }
    #masthead-expanded .playlist-bar-item .empty-list img {
        margin-top: -15px;
    }
    #masthead-expanded .playlist-bar-item .empty-list {
        background-image: linear-gradient(to bottom,#6b6b6b 0,#333 100%)
    }
    #masthead-expanded-menus-container {
        background-image: -moz-linear-gradient(left,rgba(0, 0, 0, .08),rgba(0, 0, 0, 0) 1px,rgba(0, 0, 0, .04) 1px,rgba(0,0,0,0) 30px,transparent 100%);
    }
    #masthead-positioner #masthead-expanded {
        border-top: 1px solid #e0e0e0;
    }
    body #masthead-expanded-container {
        background: #f3f3f3;
    }
    #masthead-expanded-menu-account-container {
        display: none;
    }
    #masthead-expanded .playlist-data-section {
        background: white !important;
        color: #525252 !important;
        margin-t...

Reviews

No reviews yet.