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.
103 lines
1.7 KiB
103 lines
1.7 KiB
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;
|
|
}
|
|
|