cyTube Enhanced Fluid by robotgryphon

/* ==UserStyle==
@name         cyTube Enhanced Fluid
@version      20220304.05.23
@namespace    userstyles.world/user/robotgryphon
@description  Layout option should be Modern - Fluid.
@author       robotgryphon
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://cytu.be/r/") {
/* User must be on Modern - Fluid layout under General */

div#wrap,
section#mainpage {
    background-color: #111 !important;
}

div.row#main {
    margin-top: .6em;
    display: flex;
    flex-direction: row;
}

div.row#main #videowrap {
    flex-grow: 1;
}

div.row#main #videowrap #resize-video-smaller,
div.row#main #videowrap #resize-video-larger {
    display: none;
}

div.row#main #chatwrap {
    order: 1;
    width: 18em;
    display: flex;
    flex-direction: column;
}

#chatwrap #chatheader {
    order: 0;
}

#chatwrap #messagebuffer {
    order: 2;
    flex-grow: 1;
    height: auto !important;
}

#chatwrap form {
    order: 3;
}

#chatwrap form input {
    background-color: #333 !important;
}

#chatwrap #userlist {
    order: 1;
    height: fit-content !important;
    width: 100%;
    padding-top: .6em;
    border-bottom: 1px solid black;
}

div#controlsrow > div {
    display: inline-block;
    width: fit-content !important;
}

div#controlsrow #videocontrols {
    margin-left: 0.6em;
}

div#controlsrow button {
    background-color: #222;
}

div#playlistrow {
    display: flex;
}

div#playlistrow #rightpane {
    order: 0;
}

div#playlistrow #leftpane {
    order: 1;
}
}