You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
1.7 KiB

2 years ago
a:link, a:hover, a:active, a:visited{color: #000;}
body{margin: 0; padding: 0; overflow-y:hidden; overflow-x: hidden;}
canvas{margin: 0; padding: 0; border: none; display: block;}
button{cursor: pointer;}
#toolBarOpener{
position: absolute;
display: block;
background-color: #FFF;
left: calc((100% - 50px) / 2);
top: 0;
width: 50px;
height: 20px;
border: none;
border-radius: 0 0 5px 5px;
}
#toolBar{
position: absolute;
display: block;
background-color: #F90;
left: calc((100% - 371px) / 2);
top: -103px;
width: 335px;
height: 70px;
padding: 15px;
border-radius: 0 0 20px 20px;
border: 3px solid #000;
border-top: none;
}
.toolBarEntry{
width: 70px;
height: 70px;
margin: 0 5px 0 5px;
border: 3px solid #000;
border-radius: 10px;
background-color: #FFF;
padding: 0;
font-size: 50px;
}
#downloadButton{color: #0C0;}
#uploadButton{color: #C00;}
#infoButton{color: #00F;}
#createWorld{
position: absolute;
top: calc(100% / 2 - 50px);
left: calc(100% / 2 - 220px);
width: 200px;
height: 100px;
border: 5px solid #000;
border-radius: 10px;
font-size: 25px;
}
#restoreWorld{
position: absolute;
top: calc(100% / 2 - 50px);
left: calc(100% / 2 + 20px);
width: 200px;
height: 100px;
border: 5px solid #000;
border-radius: 10px;
font-size: 25px;
}
#infoWrapper{
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
background-color: rgba(0, 0, 0, 0.3);
}
#info{
position: absolute;
width: 600px;
height: 400px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 7px solid #333;
border-radius: 30px;
font-size: 25px;
background-color: #999;
}
#info button{
width: 100px;
height: 50px;
margin: 30px;
background-color: #0C0;
border: 3px solid #080;
border-radius: 5px;
font-size: 30px;
}