From 35c5c703e3410721462522a26159fd015fc85fa5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9F=D0=B5=D1=82=D1=83=D1=85=D0=BE=D0=B2=D0=B0=20=D0=A0?= =?UTF-8?q?=D0=BE=D1=81=D1=82=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=D0=B0?= Date: Tue, 31 Oct 2023 21:50:29 +0300 Subject: [PATCH] Version V3 --- site/.vscode/settings.json | 3 +++ site/style/background.css | 39 ++++++++++++++++++++++++++++---------- site/style/buttonStyle.css | 4 ++-- 3 files changed, 34 insertions(+), 12 deletions(-) create mode 100644 site/.vscode/settings.json diff --git a/site/.vscode/settings.json b/site/.vscode/settings.json new file mode 100644 index 0000000..f156320 --- /dev/null +++ b/site/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.host": "0.0.0.0" +} \ No newline at end of file diff --git a/site/style/background.css b/site/style/background.css index 63f37f8..ab21fbc 100644 --- a/site/style/background.css +++ b/site/style/background.css @@ -17,6 +17,7 @@ body{ background-color: var(--bodyBoxColor); + background-image: url('/style/background.png'); } .vologdaDescription{ @@ -82,32 +83,50 @@ } :root { - --headerBoxColor:rgb(177, 250, 250); + /* --headerBoxColor:rgb(177, 250, 250); --postHeaderBoxColor:rgb(175, 238, 238); - --bodyBoxColor:rgb(255, 255, 255); + --bodyBoxColor:rgb(255, 255, 255); */ --vologdaBoxMargin: 6vw; - --vologdaBoxColor: rgb(177, 250, 250); - --boxHeight: 3.1vw; --defaultBoxWhight: 600px; --headFootBoxWhight: 900px; + + --vologdaBoxColor: rgb(177, 250, 250); + + --headerBoxColor:rgb(177, 250, 250); + --postHeaderBoxColor:rgb(175, 238, 238); + /* --headerBoxColor:rgb(177, 250, 250); */ + --headerBoxColor:rgb(227, 38, 54); + + --bodyBoxColor:rgb(255, 255, 255); + /* --postHeaderBoxColor:rgb(175, 238, 238); */ + --postHeaderBoxColor:rgb(173, 32, 43); + + /* 89, 152, 197 */ + /* --bodyBoxColor:rgb(255, 255, 255); */ + /* --bodyBoxColor:rgb(39, 38, 53); */ + /* --bodyBoxColor:rgb(78, 89, 140); */ + /* --bodyBoxColor:rgb(10, 9, 3); */ + --bodyBoxColor:rgb(89, 152, 197); + + /* --vologdaBoxColor: rgb(177, 250, 250); */ + --vologdaBoxColor: rgb(227, 38, 54); + } @media (max-width: 1100px) { :root { - --defaultBoxWhight: 60%; + --defaultBoxWhight: 80%; --headFootBoxWhight: 90%; } } @media (max-width: 920px) { :root { - --defaultBoxWhight: 75%; - --headFootBoxWhight: 90%; + --defaultBoxWhight: 85%; + --headFootBoxWhight: 95%; } - } - - \ No newline at end of file + } \ No newline at end of file diff --git a/site/style/buttonStyle.css b/site/style/buttonStyle.css index dc40b48..094fb90 100644 --- a/site/style/buttonStyle.css +++ b/site/style/buttonStyle.css @@ -39,13 +39,13 @@ @media screen and (max-width: 1100px) { :root { - --sizeButton: 1.3; + --sizeButton: 2; } } @media screen and (max-width: 920px) { :root { - --sizeButton: 1.6; + --sizeButton: 2.5; } } \ No newline at end of file