38 lines
700 B
CSS
38 lines
700 B
CSS
html, body{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body{
|
|
background: rgba(0, 0, 0, 0) linear-gradient(rgb(56, 56, 56), rgb(122, 122, 122)) repeat scroll 0% 0%;
|
|
}
|
|
#canvas{
|
|
top: 0;
|
|
left: 0;
|
|
position: fixed;
|
|
}
|
|
|
|
#drawer-button{
|
|
width: 30px;
|
|
height: 30px;
|
|
top: 5px;
|
|
right: 5px;
|
|
position: fixed;
|
|
background-color: rgb(0, 0, 0,0.5);
|
|
border-radius: 5px;
|
|
color: white;
|
|
}
|
|
|
|
#drawer{
|
|
position: fixed;
|
|
width: 350px;
|
|
height: calc(90vh - 70px);
|
|
top: 70px;
|
|
right: -380px;
|
|
transition: right 0.4s ease;
|
|
background-color: white;
|
|
box-shadow: black 5px 5px 10px 0px;
|
|
border-radius: 5px;
|
|
padding: 15px;
|
|
} |