gayfishes.css

/* Empty CSS file to help theme developers */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    --accent: #CA1115;
    --background: #202225;
    --background-2: #222;
    --background-3: #444;
    --text: #fff;
    --text-on-accent: #fff;
    font-family: "Gotham SSm", "Montserrat", sans-serif;
}

#mainsidebar {
    flex-direction:row;
    position: fixed;
    top: 0;

    width:100vw;
    height:83px;
    padding-top: 0px;
    background: linear-gradient(to right,#E51E10,#A20F05);
    border-top: transparent solid 10px; 
    padding-left: 17px;

}
#mainsidebar>a {
    margin-right: 17px;
    margin-top: auto;
    margin-bottom: auto;
}
.content {
    padding-top: 83px;
    height: calc(100vh - 83px);

    width:100vw;
}
#contentContainer {
    width: 100vw;
    margin-top: 83px;

}
#editorSidebarContainer {
    margin-top: 83px;
}
#monacoContainer {
    position: absolute;
    width: 100vw;
    left: 0px;
    bottom: 0px;
    top: calc(100vh 107px);
    height: calc(100vh - 107px);
    transition: 0.2s filter, 0.2s margin-left;
}
#scriptLibraryPage {
    margin-top: 83px;
}


#runBtn {
    width:1px; height: 1px;
    position: fixed;
    font-size: 1px;
    color: transparent;
    opacity: 0.7;
    transition: 0.1s opacity;
    display: none;
}
body[hash=editor] #runBtn, body[hash=sidebar] #runBtn {
    display: block;
} 

#runBtn:after {
    content: "play_arrow";
    position: fixed;
    bottom: 25px;
    right: 25px;
    font-size: 48px;
    color: #fff;
    background: linear-gradient(to right,#E51E10,#A20F05);;
    border-radius: 100%;
    padding: 8px;

}
#runBtn:hover {
    opacity: 1;
}
.editorSidebar {
    height: calc(100vh - 83px);
    
}
#toolsSidebar,#friendSidebar {
    margin-top: 83px !important;
}
.iconButton {
    opacity: 0.7;
    transition: 0.2s opacity, 0.2s text-shadow;
    
}
.iconButton.active, .iconButton:hover {
    color: #fff;
    text-shadow: 0px 0px 12px #fff;
    opacity: 1;    
}
#injectBtn::after {
    content: "Inject";
    font-family: "Gotham SSm", "Montserrat", sans-serif;
    font-size: 18px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 24px;
    padding: 8px;
    padding-right: 24px;
    padding-left: 24px;

}
#injectBtn:hover::after {
    background: #fff;
    color: #A20F05;
}
#injectBtn {
    padding-right:110px;
    padding-bottom:25px;
    width:1px; height: 1px;
    position: fixed;
    font-size: 1px;
    color: transparent;
}