diff --git a/src/script/public/assets/game/BG_asteroid.svg b/src/script/public/assets/game/BG_asteroid.svg new file mode 100644 index 0000000..4549075 --- /dev/null +++ b/src/script/public/assets/game/BG_asteroid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/script/public/index.css b/src/script/public/index.css index dd41935..5c68b15 100644 --- a/src/script/public/index.css +++ b/src/script/public/index.css @@ -1253,9 +1253,9 @@ img { /* settings window */ .settings-window { - width: 80%; - height: 70%; - border: 3px solid; + width: 85%; + height: 85%; + border: 3px solid goldenrod; border-radius: 30px; background-color: var(--bg-app-color); z-index: 1000; @@ -1274,7 +1274,7 @@ img { .settings-header { height: 10%; - border-bottom: 2px solid; + border-bottom: 3px solid goldenrod; display: flex; justify-content: space-between; align-items: center; @@ -1447,15 +1447,15 @@ img { position: absolute; margin: auto auto auto auto; top: 0; - bottom: 6.7%; + bottom: 1.5%; right: 0; left: 0; z-index: 1000; - width: 70%; - height: 70%; + width: 85%; + height: 85%; background-color: var(--bg-app-color); padding: 0px; - border: solid 4px; + border: 3px solid goldenrod; border-radius: 35px; display: none; justify-content: center; @@ -1477,14 +1477,14 @@ img { justify-content: space-between; align-items: center; font-size: 19px; - height: 15%; + height: 5%; max-height: 10%; width: 100%; - border-bottom: 2px solid; + border-bottom: 3px solid goldenrod; } .SetPlayerNames-Header img { - margin: 0 0 0 20px; + margin: -10px 0 0 20px; } .SetPlayerNames-footer { @@ -1583,7 +1583,7 @@ img { } .SetUpPopUp-CloseBtn { - margin: 0.8em 1em 0.4em 0; + margin: 0 1em 0.4em 0; cursor: pointer; transition: color 0.1s ease-out; } @@ -2269,7 +2269,7 @@ label h3 { /* Lobby Info pop up */ .Lobby_GameInfo_PopUp { - width: 55%; + width: 60%; height: 55%; top: 0; bottom: 0; @@ -2283,7 +2283,7 @@ label h3 { align-items: center; color: white; background-color: var(--bg-app-color); - border: 3px solid; + border: 3px solid goldenrod; border-radius: 30px; z-index: 10001; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); @@ -2296,7 +2296,7 @@ label h3 { width: 100%; height: 8%; background-color: #15171a; - border-bottom: 2px solid white; + border-bottom: 3px solid goldenrod; font-size: 24px; border-top-right-radius: 30px; border-top-left-radius: 30px; @@ -2321,8 +2321,8 @@ label h3 { /* Online Game Lobby */ .OnlineGame_Lobby { - width: 70%; - height: 70%; + width: 85%; + height: 85%; top: 0; bottom: 0; left: 0; @@ -2335,7 +2335,7 @@ label h3 { align-items: center; color: white; background-color: var(--bg-app-color); - border: 3px solid; + border: 3px solid goldenrod; border-radius: 30px; z-index: 10000; } @@ -2345,7 +2345,7 @@ label h3 { border: 2px solid white; font-size: 25px; position: absolute; - top: 55px; + top: 70px; left: 20px; background-color: #121518; border-radius: 14px; @@ -2360,7 +2360,7 @@ label h3 { justify-content: space-between; align-items: center; margin-bottom: 0.25em; - border-bottom: 2px solid white; + border-bottom: 3px solid goldenrod; } #Lobby_closeBtn { @@ -2379,11 +2379,11 @@ label h3 { justify-content: center; align-items: center; flex-direction: column; - width: 96%; + width: 100%; font-size: 21.5px; - height: 75%; + height: 80%; font-weight: 400; - border-bottom: 2px solid; + border-bottom: 3px solid goldenrod; } .Lobby_footer { @@ -2400,7 +2400,7 @@ label h3 { color: var(--font-color); background-color: var(--bg-app-color); font-weight: 500; - font-size: 18px; + font-size: 30px; width: 20%; height: 50%; border: 2px solid; @@ -2620,9 +2620,9 @@ label h3 { position: absolute; display: none; border-radius: 30px; - border: 2px solid var(--font-color); - width: 70%; - height: 70%; + border: 3px solid goldenrod; + width: 80%; + height: 80%; background-color: var(--bg-app-color); justify-content: center; align-items: center; @@ -2640,7 +2640,7 @@ label h3 { font-weight: 600; position: absolute; top: -30px; - border: 2px white solid; + border: 3px solid goldenrod; display: flex; align-items: center; justify-content: center; @@ -2919,7 +2919,7 @@ label h3 { left: 0; width: 30%; height: 30%; - border: 2px solid var(--font-color); + border: 3px solid goldenrod; color: var(--font-color); border-radius: 40px; background-color: var(--bg-app-color); @@ -3819,9 +3819,9 @@ label h3 { left: 0; right: 0; margin: auto auto auto auto; - width: 75%; - height: 75%; - border: 3px solid var(--font-color); + width: 85%; + height: 85%; + border: 3px solid goldenrod; border-radius: 40px; background-color: var(--bg-app-color); color: var(--font-color); @@ -3830,7 +3830,7 @@ label h3 { .mapLevelDisplay-header { height: 10%; width: 100%; - border-bottom: 2px solid var(--font-color); + border-bottom: 3px solid goldenrod; display: flex; align-items: center; justify-content: center; @@ -4138,10 +4138,10 @@ label h3 { top: 0; right: 0; margin: auto auto auto auto; - width: 65%; - height: 60%; + width: 85%; + height: 85%; background-color: var(--bg-app-color); - border: 2px solid var(--font-color); + border: 3px solid goldenrod; border-radius: 25px; z-index: 10001; transition: all 0.5s ease-out; @@ -4185,8 +4185,8 @@ label h3 { justify-content: space-between; align-items: center; width: 100%; - height: 10%; - border-bottom: 2px solid white; + height: 7%; + border-bottom: 3px solid goldenrod; } .exploredItems_footer { @@ -4836,8 +4836,8 @@ label h3 { /* XP Journey Pop up */ .XP_Journey { - width: 60%; - height: 55%; + width: 75%; + height: 75%; position: absolute; top: 0; bottom: 0; @@ -5547,7 +5547,7 @@ label h3 { } -/* Pop-up und Benutzeroberfläche */ +/* Pop-up und Benutzeroberfläche */ .CreateLevelSceneButton { padding: 10px 25px; diff --git a/src/script/public/index.html b/src/script/public/index.html index ee8b5c1..52e090b 100644 --- a/src/script/public/index.html +++ b/src/script/public/index.html @@ -6303,6 +6303,7 @@

This feature is availible soon

+