112 lines
1.4 KiB
CSS
112 lines
1.4 KiB
CSS
body
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#main_panel
|
|
{
|
|
position: absolute;
|
|
width: 130vh;
|
|
height: 95vh;
|
|
|
|
background: #6F7270;
|
|
|
|
border: 1px solid #3E392F;
|
|
border-radius: 0.4vh 0.4vh;
|
|
|
|
margin-top: 1.5vh;
|
|
}
|
|
|
|
#upper_panel
|
|
{
|
|
margin-left: auto;
|
|
|
|
border: 1px solid #3E392F;
|
|
border-right: none;
|
|
border-top: none;
|
|
border-bottom-left-radius: 0.4vh 0.4vh;
|
|
|
|
width: fit-content;
|
|
height: 2vh;
|
|
|
|
display: flex;
|
|
justify-content: end;
|
|
padding: 0.25vh;
|
|
}
|
|
|
|
#upper_panel *
|
|
{
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
img + img
|
|
{
|
|
margin-left: 0.25vh;
|
|
}
|
|
|
|
img:hover
|
|
{
|
|
filter: invert(25%);
|
|
}
|
|
|
|
#panels
|
|
{
|
|
display: flex;
|
|
height: 88.5vh;
|
|
font-size: larger;
|
|
}
|
|
|
|
#left_panel, #right_panel
|
|
{
|
|
width: 50%;
|
|
height: 100%;
|
|
|
|
padding: 2vh;
|
|
}
|
|
|
|
#left_panel
|
|
{
|
|
border-right: 1px solid #3E392F;
|
|
}
|
|
|
|
.output + .output
|
|
{
|
|
margin-top: 1.5vh;
|
|
}
|
|
|
|
.output:hover
|
|
{
|
|
filter: invert(10%);
|
|
}
|
|
|
|
#buttons
|
|
{
|
|
position: absolute;
|
|
bottom: 0.3vh;
|
|
right: 0.3vh;
|
|
display: none;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
width: fit-content;
|
|
|
|
padding: 0.3vh;
|
|
padding-left: 0.9vh;
|
|
padding-right: 0.9vh;
|
|
|
|
background-color: #9E6812;
|
|
border: 1px solid #3E392F;
|
|
color: #C1BFBE;
|
|
border-radius: 0.3vh 0.3vh;
|
|
}
|
|
|
|
.editable
|
|
{
|
|
background-color: #9E6812;
|
|
border: 1px solid #3E392F;
|
|
color: #C1BFBE;
|
|
border-radius: 0.3vh 0.3vh;
|
|
}
|