114 lines
1.7 KiB
CSS
114 lines
1.7 KiB
CSS
|
body {
|
||
|
|
background-color: lightblue;
|
||
|
|
font-family: verdana;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.ball{
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
border-radius: 15px;
|
||
|
|
position: absolute;
|
||
|
|
/*opacity: 0.5;*/
|
||
|
|
z-index: 999;
|
||
|
|
/*cursor: grab;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
#ballBox{
|
||
|
|
background-image: url("img/Aufnahmeplatte.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
width: 800px;
|
||
|
|
height: 800px;
|
||
|
|
position: absolute;
|
||
|
|
top: 90px;
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.msg{
|
||
|
|
position: absolute;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 20pt;
|
||
|
|
top: 150px;
|
||
|
|
left: 175px;
|
||
|
|
width: 400px;
|
||
|
|
height: 150px;
|
||
|
|
float: left;
|
||
|
|
z-index: 9999999;
|
||
|
|
padding-top: 60px;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #000;
|
||
|
|
border-radius: 10px;
|
||
|
|
opacity: .6;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#unclickableCircle{
|
||
|
|
background-color: black;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0.4;
|
||
|
|
width: 732px;
|
||
|
|
height: 732px;
|
||
|
|
margin-top: 2px;
|
||
|
|
margin-left: 2px;
|
||
|
|
border-radius: 366px;
|
||
|
|
z-index: 99999;
|
||
|
|
}
|
||
|
|
|
||
|
|
#backgroundMsg{
|
||
|
|
background-color: red;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0.2;
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
z-index: 99999;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav{
|
||
|
|
/*background-color: red;*/
|
||
|
|
height: 80px;
|
||
|
|
}
|
||
|
|
#navL{
|
||
|
|
/*background-color: yellow;*/
|
||
|
|
width: 200px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navM{
|
||
|
|
/*background-color: green;*/
|
||
|
|
width: 90px;
|
||
|
|
float: left;
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-right: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navR{
|
||
|
|
/*background-color: green;*/
|
||
|
|
width: 200px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shelfBox{
|
||
|
|
/*background-color: red;*/
|
||
|
|
background-image: url("img/Shelf.png");
|
||
|
|
background-repeat: repeat-y;
|
||
|
|
background-size: contain;
|
||
|
|
float: right;
|
||
|
|
position: absolute;
|
||
|
|
top: 100px;
|
||
|
|
left: 750px;
|
||
|
|
padding-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shelf{
|
||
|
|
/*background-color: yellow;
|
||
|
|
opacity: 0.5;*/
|
||
|
|
width: 60px;
|
||
|
|
height: 150px;
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
margin-left: 5px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
list-style-type: none;
|
||
|
|
}
|