Cytube Modern Fluid - NoChat v2 by robotgryphon

/* ==UserStyle==
@name         Cytube Modern Fluid - NoChat v2
@version      20230108.08.30
@namespace    userstyles.world/user/robotgryphon
@description  Use cytube theme "Modern" and Layout "Fluid"
@author       robotgryphon
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://cytu.be/r/") {
div.row#main {
    display: grid;
    row-gap: .6em;
    grid-template-areas: "userlist" "video";
}

div#chatwrap {
    grid-area: userlist;
    width: 100%;
}

div#chatheader {
    display: none;
}

div#chatwrap div#userlist {
    border: 1px solid #151515;
    border-right: 1px solid #151515 !important;
    width: 100%;
    height: fit-content !important;
    padding: .4em;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: .4rem;
}

div.userlist_item {
    padding: .2rem .8em;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .3em;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

div.userlist_item span:first-child {
    padding-right: .2em;
    display: flex;
    align-self: center;
}

div#chatwrap div#messagebuffer {
    display: none;
}

div#chatwrap form {
    display: none;
}

div#videowrap {
    width: 100%;
    max-height: 85vh;
    grid-area: video;
}

div#videowrap iframe {
   max-height: 82vh;
}
}