last edit

2026-03-05 13:01:44 +01:00
parent cc3a5984e8
commit 01759611fd
4 changed files with 493 additions and 99 deletions
--- a/MainPage/ismail/style.css
+++ b/MainPage/ismail/style.css
@@ -1,47 +1,146 @@
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f8ff;
-    text-align: center;
-    margin: 0;
-    padding: 0;
+body{
+font-family:Arial,sans-serif;
+background:#f0f8ff;
+text-align:center;
+margin:0;
+padding:0;
 }

-.container {
-    margin-top: 50px;
+.container{
+margin-top:40px;
 }

-h1 {
-    color: #333;
+h1,h2{
+color:#333;
 }

-button {
-    padding: 10px 20px;
-    margin: 5px;
-    border: none;
-    border-radius: 8px;
-    background-color: #4CAF50;
-    color: white;
-    cursor: pointer;
-    font-size: 16px;
+button{
+padding:10px 20px;
+margin:5px;
+border:none;
+border-radius:8px;
+background:greenyellow;
+color:white;
+cursor:pointer;
+font-size:16px;
 }

-button:hover {
-    background-color: #45a049;
+button:hover{
+background:greenyellow;
 }

-input {
-    padding: 10px;
-    font-size: 16px;
-    width: 150px;
-    margin-top: 10px;
+.mode button{
+background:green;
 }

-.question-box {
-    margin-top: 30px;
+.mode button.aktiv{
+background:#1a7a1e;
+border:3px solid black;
 }

-.score {
-    margin-top: 20px;
-    font-size: 20px;
-    font-weight: bold;
+.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;
 }