146 lines
1.5 KiB
CSS
146 lines
1.5 KiB
CSS
body{
|
|
font-family:Arial,sans-serif;
|
|
background:#f0f8ff;
|
|
text-align:center;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.container{
|
|
margin-top:40px;
|
|
}
|
|
|
|
h1,h2{
|
|
color:#333;
|
|
}
|
|
|
|
button{
|
|
padding:10px 20px;
|
|
margin:5px;
|
|
border:none;
|
|
border-radius:8px;
|
|
background:greenyellow;
|
|
color:white;
|
|
cursor:pointer;
|
|
font-size:16px;
|
|
}
|
|
|
|
button:hover{
|
|
background:greenyellow;
|
|
}
|
|
|
|
.mode button{
|
|
background:green;
|
|
}
|
|
|
|
.mode button.aktiv{
|
|
background:#1a7a1e;
|
|
border:3px solid black;
|
|
}
|
|
|
|
.level button{
|
|
background:#2196F3;
|
|
}
|
|
|
|
.level button:hover{
|
|
background:blue;
|
|
}
|
|
|
|
.level button.aktiv{
|
|
background:darkblue;
|
|
border:3px solid black;
|
|
}
|
|
|
|
.anzahl button{
|
|
background:orange;
|
|
}
|
|
|
|
.anzahl button:hover{
|
|
background:orange;
|
|
}
|
|
|
|
.anzahl button.aktiv{
|
|
background:brown;
|
|
border:3px solid black;
|
|
}
|
|
|
|
#start-button{
|
|
background:red;
|
|
font-size:18px;
|
|
padding:12px 30px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
#start-button:hover{
|
|
background:red;
|
|
}
|
|
|
|
input{
|
|
padding:10px;
|
|
font-size:16px;
|
|
width:150px;
|
|
margin-top:10px;
|
|
border:2px solid gray;
|
|
border-radius:5px;
|
|
}
|
|
|
|
.question-box{
|
|
margin-top:20px;
|
|
}
|
|
|
|
.score{
|
|
margin-top:20px;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#timer{
|
|
font-size:22px;
|
|
font-weight:bold;
|
|
color:green;
|
|
margin-top:10px;
|
|
}
|
|
|
|
#result{
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
margin-top:10px;
|
|
}
|
|
|
|
#fortschritt-text{
|
|
font-size:16px;
|
|
color:gray;
|
|
margin-top:5px;
|
|
}
|
|
|
|
#endscreen{
|
|
display:none;
|
|
margin-top:30px;
|
|
}
|
|
|
|
#prozent{
|
|
font-size:52px;
|
|
font-weight:bold;
|
|
color:green;
|
|
}
|
|
|
|
#nochmal-button{
|
|
background:green;
|
|
font-size:18px;
|
|
padding:12px 28px;
|
|
margin-top:15px;
|
|
}
|
|
|
|
#setup{
|
|
margin-top:20px;
|
|
}
|
|
|
|
#spiel{
|
|
display:none;
|
|
margin-top:20px;
|
|
}
|
|
|
|
#fehler{
|
|
color:red;
|
|
font-weight:bold;
|
|
} |