Youtube6Column by semjei

/* ==UserStyle==
@name           Youtube6Column
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Change youtube home layout 
@author         Semjei
==/UserStyle== */
@-moz-document domain("youtube.com") {

    @media (min-width: 1600px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 6 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1.2rem !important;
        }
    }
    @media (min-width: 1200px) and (max-width: 1599px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 5 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1.2rem !important;
        }
    }
    @media (min-width: 1000px) and (max-width: 1199px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 4 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1.2rem !important;
        }
    }
    @media (min-width: 800px) and (max-width: 999px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 4 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1rem !important;
        }
    }
    @media (min-width: 600px) and (max-width: 799px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 3 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1rem !important;
        }
    }
    @media (min-width: 514px) and (max-width: 599px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 2 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1.2rem !important;
        }
    }
    @media (max-width: 513px) {
        ytd-rich-grid-renderer {
            --ytd-rich-grid-items-per-row: 2 !important;
        }
        #video-title.ytd-rich-grid-media,
        #channel-name.ytd-video-meta-block a,
        #metadata-line.ytd-video-meta-block span {
            font-size: 1.2rem !important;
        }
    }
    #contents > ytd-rich-grid-row,
    #contents > ytd-rich-grid-row > #contents {
        display: contents !important;
    }
    div#meta > h3.ytd-video-preview,
    div#meta > h3.ytd-rich-grid-media {
        margin-top: 6px;
    }
    #channel-name.ytd-video-meta-block a,
    #metadata-line.ytd-video-meta-block span {
        line-height: 1.8rem;
    }
    ytd-video-meta-block {
        width: 90%;
    }
    /*조회수 감추기*/
    span.style-scope.ytd-video-meta-block:first-child {
        display: none !important;
    }
    /*체널 아이콘 아래로 이동 및 조정*/
    a#avatar-link.ytd-video-preview,
    a#avatar-link {
        position: absolute;
        left: 0px;
        top: 39px;
    }
    a#avatar-link.ytd-video-preview {
        top: 38px;
    }
    h3.style-scope.ytd-video-preview,
    h3.style-scope.ytd-rich-grid-media {
        height: 40px;
    }
    ytd-video-meta-block.ytd-video-preview,
    ytd-video-meta-block.grid.style-scope.ytd-rich-grid-media {
        margin-left: 44px !important;
    }
    ytd-badge-supported-renderer.ytd-video-preview,
    ytd-badge-supported-renderer.style-scope.ytd-rich-grid-media {
        margin-left: 44px !important;
        margin-top: 0px !important;
    }
    ytd-badge-supported-renderer.ytd-video-preview {
        padding: 0;
    }
    ytd-badge-supported-renderer.video-badge .ytd-badge-supported-renderer {
        padding: 2px 4px;
    }
    /* Chrome not support yet. It might be support over 120?
    ytd-rich-item-renderer:has(>ytd-display-ad-renderer) {
        display: none;
    }*/
    /* Watching end video */
    div#progress.ytd-thumbnail-overlay-resume-playback-renderer[style*="width: 100%;"] {
        background-color: green;
    }
    /* short 영역 비표시 */
    ytd-rich-section-renderer {
        display: none;
    }
    /* top badge 비표시*/
    .top-badge {
        display: none;
    }
}