From ee1762bf020a3f87b7512857dbc8f03b0cdf7e38 Mon Sep 17 00:00:00 2001 From: smurfer Date: Tue, 13 Jan 2026 17:43:47 +0000 Subject: [PATCH] fix-ui-pausescreen --- .gitignore | 2 ++ src/css/Senura-snake.css | 8 ++++---- src/css/black-snake.css | 6 +++--- src/css/green-snake.css | 6 +++--- src/css/head-snake.css | 6 +++--- src/css/light-snake.css | 6 +++--- src/css/main-snake.css | 9 +++++---- src/css/matrix-snake.css | 28 ++++++++++++++-------------- src/css/neon-snake.css | 8 ++++---- src/css/teal-snake.css | 10 +++++----- 10 files changed, 46 insertions(+), 43 deletions(-) diff --git a/.gitignore b/.gitignore index f78ec928..984f2723 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ .parcel-cache +/node_modules +/dist \ No newline at end of file diff --git a/src/css/Senura-snake.css b/src/css/Senura-snake.css index 2102a783..d2b59f82 100644 --- a/src/css/Senura-snake.css +++ b/src/css/Senura-snake.css @@ -41,18 +41,18 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: #ffffff; - color: #938996; + background-color: rgb(95, 95, 95); + color: white; } .snake-panel-component { diff --git a/src/css/black-snake.css b/src/css/black-snake.css index a92710b5..afe7e23e 100644 --- a/src/css/black-snake.css +++ b/src/css/black-snake.css @@ -37,17 +37,17 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: black; + background-color: rgb(95, 95, 95); color: white; } diff --git a/src/css/green-snake.css b/src/css/green-snake.css index 9cd114c5..b03def5d 100644 --- a/src/css/green-snake.css +++ b/src/css/green-snake.css @@ -42,17 +42,17 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: black; + background-color: rgb(95, 95, 95); color: white; } diff --git a/src/css/head-snake.css b/src/css/head-snake.css index 0e7daf95..16bc93cc 100644 --- a/src/css/head-snake.css +++ b/src/css/head-snake.css @@ -31,17 +31,17 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: black; + background-color: rgb(95, 95, 95); color: white; } diff --git a/src/css/light-snake.css b/src/css/light-snake.css index db0be890..8b859334 100644 --- a/src/css/light-snake.css +++ b/src/css/light-snake.css @@ -32,17 +32,17 @@ a.snake-link:hover { } .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: black; + background-color: rgb(95, 95, 95); color: white; } .snake-panel-component { diff --git a/src/css/main-snake.css b/src/css/main-snake.css index 7938bf34..393b14d9 100755 --- a/src/css/main-snake.css +++ b/src/css/main-snake.css @@ -36,17 +36,17 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: black; + background-color: rgb(95, 95, 95); color: white; } @@ -73,6 +73,7 @@ a.snake-link:hover { background-image: url("./images/snakeblock.png"), url("./images/snakeblock.png"); } + .snake-snakebody-dead { background-image: url("./images/deadblock.png"), url("./images/deadblock.png"); } @@ -137,4 +138,4 @@ a.snake-link:hover { margin-left: -158px; text-align: center; display: none; -} +} \ No newline at end of file diff --git a/src/css/matrix-snake.css b/src/css/matrix-snake.css index 643d6960..5d186ce8 100644 --- a/src/css/matrix-snake.css +++ b/src/css/matrix-snake.css @@ -28,19 +28,19 @@ color: #FfFf54; } .snake-pause-screen { -font-family: Verdana, arial, helvetica, sans-serif; -font-size: 14px; -position:absolute; -width:300px; -height:80px; -text-align:center; -top:50%; -left:50%; -margin-top:-40px; -margin-left:-150px; -display:none; -background-color:black; -color:white; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 25px; + position: absolute; + width: 300px; + height: 140px; + text-align: center; + top: 50%; + left: 50%; + margin-top: -40px; + margin-left: -150px; + display: none; + background-color: rgb(95, 95, 95); + color: white; } .snake-panel-component { @@ -108,7 +108,7 @@ position: absolute; top: 50%; left: 50%; width: 300px; -/height: 150px;/ +height: 150px; margin-top: -100px; margin-left: -158px; text-align: center; diff --git a/src/css/neon-snake.css b/src/css/neon-snake.css index 49591510..6c4d21bd 100644 --- a/src/css/neon-snake.css +++ b/src/css/neon-snake.css @@ -40,18 +40,18 @@ a.snake-link:hover { .snake-pause-screen { font-family: Verdana, arial, helvetica, sans-serif; - font-size: 14px; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: #0fff00; - color: #000000; + background-color: rgb(95, 95, 95); + color: white; } .snake-panel-component { diff --git a/src/css/teal-snake.css b/src/css/teal-snake.css index ac06471a..4487c150 100644 --- a/src/css/teal-snake.css +++ b/src/css/teal-snake.css @@ -42,19 +42,19 @@ a.snake-link:hover { } .snake-pause-screen { - font-family: Electrolize; - font-size: 16px; + font-family: Verdana, arial, helvetica, sans-serif; + font-size: 25px; position: absolute; width: 300px; - height: 80px; + height: 140px; text-align: center; top: 50%; left: 50%; margin-top: -40px; margin-left: -150px; display: none; - background-color: #3e2e44; - color: whitesmoke; + background-color: rgb(95, 95, 95); + color: white; } .snake-panel-component {