Odysee Livestream Theater OLED Black by xezwary

/* ==UserStyle==
@name         Odysee Livestream Theater OLED Black
@version      20221008.01.40
@namespace    userstyles.world/user/xezwary
@description  Broken style that makes viewing livestreams on Odysee a better experience while breaking everything else.
Hover over top of page to get navigation bar, hover over bottom right to get chat text box.
@author       xezwary
@license      Public Domain
==/UserStyle== */

@-moz-document url-prefix("https://odysee.com") {
/*This style will break parts of the site, so enable when you are on a live stream.*/
:root{
  --header-height: 0px;
}
.header{
  --header-height: 80px;
  transition: .1s;
  height: 0.6%;
  overflow: hidden;
  opacity: 0;
}
.header:hover{
  height: 80px;
  overflow: visible;
  opacity: 1;
}
.content__viewer{
  --border-radius: 0px;
}
.background-image, .theme{
    background-image: None !important;
    background-color: black !important;
}
#main-content{
    width: 84vw !important;
    height: 102vh !important;
    margin: 0;
    float:right !important;
}
.file-page__secondary-content{
    margin-top: 25em !important;
}
.content__viewer{
    top: 7em !important;
    left: 0 !important;
    width: 80vw !important;
    height: 100% !important;
}
.livestream__chat{
    min-width: 100% !important;
    border-radius: 0 !important;
}
.livestream__comments{
    border: none !important;
}
div.card{
    height: 100vh !important;
    width: 25% !important;
}
.livestreamComments__wrapper{
    height: 95vh;
}
#channel, #comment__signup-prompt{
    background-color: black;
}
.livestream__comment-create{
    opacity: 1;
    margin-bottom: -10% !important;
    height: 0;
    overflow: hidden;
    transition: .1s;
    background-color: black !important;
}
.livestream__comment-create:hover{
    opacity: 1;
    height: 22%;
}
.livestreamDiscussion__header, .livestream-comments__top-actions{
    display: none;
}
@media (max-width: 1749px){
    .livestreamComments__wrapper{
        width: 24.5%;
        float: right;
    }
    .file-page__secondary-content{
        margin-top: 50em !important;
    }
}
}