FEE_MathRunner/css/layout.css

87 lines
1.3 KiB
CSS
Raw Normal View History

2024-06-27 09:29:23 +02:00
*{
2024-07-04 11:15:55 +02:00
color: black;
2024-06-27 09:29:23 +02:00
font-size: 30px;
}
2024-08-29 08:52:12 +02:00
body{
overflow: hidden;
}
2024-06-27 09:29:23 +02:00
#spielRaum{
width: 1000px;
2024-08-29 08:52:29 +02:00
height: 700px;
2024-07-02 10:20:56 +02:00
margin: auto;
2024-06-27 09:29:23 +02:00
background-color: yellow;
position: relative;
}
body{
height: 100%;
margin: 0px;
}
2024-06-27 09:36:42 +02:00
#tom img{
width: 300px;
2024-06-27 09:29:23 +02:00
}
2024-07-04 10:23:32 +02:00
#tom{
position: fixed;
}
2024-08-22 09:59:10 +02:00
#fuchs {
2024-08-29 08:36:56 +02:00
position: relative;
2024-08-29 08:52:29 +02:00
bottom: -400px;
2024-08-22 09:59:10 +02:00
}
2024-06-27 09:36:42 +02:00
#fuchs img{
2024-06-27 09:29:23 +02:00
width: 200px;
2024-06-27 11:00:09 +02:00
left: 50px;
2024-07-04 11:19:55 +02:00
z-index: 60;
2024-06-27 09:29:23 +02:00
}
2024-06-27 09:36:42 +02:00
#enemy img{
2024-06-27 09:29:23 +02:00
width: 220px;
2024-07-04 10:23:32 +02:00
}
#enemy{
position: fixed;
2024-07-04 11:15:55 +02:00
}
.flexbox{
display: flex;
flex-direction: row;
}
#rechnungen{
2024-08-22 09:59:10 +02:00
padding: 0px;
2024-07-04 11:19:55 +02:00
position: relative;
2024-08-22 09:59:10 +02:00
top: 1px;
2024-07-04 11:15:55 +02:00
}
#rechnung1, #rechnung2 {
width: 20%;
padding: 20px;
text-align: center;
z-index: 10;
2024-08-29 08:47:40 +02:00
position: relative;
2024-07-04 11:15:55 +02:00
display: inline-block;
}
2024-08-27 10:17:35 +02:00
#rechnung1{
background-color: rgb(0, 225, 255);
border-radius: 15px;
outline: 8px solid black;
2024-08-29 08:47:40 +02:00
margin-left: auto;
margin-right: 100px;
2024-08-27 10:17:35 +02:00
}
2024-08-29 08:47:40 +02:00
2024-08-27 10:17:35 +02:00
#rechnung2{
background-color: red;
border-radius: 15px;
outline: 8px solid black;
2024-08-29 08:47:40 +02:00
margin-left: 100px;
margin-right: auto;
2024-08-27 10:17:35 +02:00
}
2024-07-04 11:15:55 +02:00
#rechnung1 img, #rechnung2 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
width: 100%;
height: 100%;
object-fit: cover;
}
2024-08-29 08:23:25 +02:00
#fuchsZahl{
text-align: center;
margin-left: 100px;
font-size: 30px;
}