From ce484ee66d556924f319517814cd7121485cf5ed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Milan=20Mi=C5=A1i=C4=87?= Date: Sun, 11 Feb 2024 15:08:00 +0100 Subject: =?UTF-8?q?Fixed=20link=20colours,=20changed=20name=20of=20class?= =?UTF-8?q?=20from=20=E2=80=9Dlicense=E2=80=9D=20to=20=E2=80=9Dbutton?= =?UTF-8?q?=E2=80=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- beauty.css | 18 +++++++++--------- beauty.scss | 6 +++--- main.html | 6 +++--- page.scss | 8 ++++---- 4 files changed, 19 insertions(+), 19 deletions(-) diff --git a/beauty.css b/beauty.css index 7b55536..b4d60bd 100644 --- a/beauty.css +++ b/beauty.css @@ -52,27 +52,27 @@ border-radius: 5px; } -.license { +.button { display: flex; justify-content: center; width: auto; } -.license div { +.button div { border: 3px solid transparent; border-radius: 5px; padding: 5px; max-width: max-content; text-align: center; - backdrop-filter: blur(1px) brightness(80%); - -webkit-backdrop-filter: blur(1px) brightness(80%); + backdrop-filter: blur(1px) brightness(70%); + -webkit-backdrop-filter: blur(1px) brightness(70%); transition: 0.2s ease-in-out; } -.license div:hover { +.button div:hover { backdrop-filter: blur(5px) brightness(60%); -webkit-backdrop-filter: blur(5px) brightness(60%); transition: 0.2s ease-in-out; } -.license div a { +.button div a { color: white; } @@ -114,13 +114,13 @@ body { background-attachment: fixed; } body a:link { - color: aqua; + color: #00ffff; } body a:visited { - color: blue; + color: #8ad4ff; } body a:hover { - color: blue; + color: #ffffff; } /*main { diff --git a/beauty.scss b/beauty.scss index 74d482c..6e622b6 100755 --- a/beauty.scss +++ b/beauty.scss @@ -30,13 +30,13 @@ body { // Link styling section a:link { - color: aqua; + color: #00ffff; } a:visited { - color: blue; + color: #8ad4ff; } a:hover { - color: blue; + color: #ffffff; } } diff --git a/main.html b/main.html index cb54eb7..905fdf3 100755 --- a/main.html +++ b/main.html @@ -78,20 +78,20 @@

-
+
-
+
-
+
diff --git a/page.scss b/page.scss index e282da5..0423832 100755 --- a/page.scss +++ b/page.scss @@ -73,8 +73,8 @@ } } -.license { - // Small information text about the licenses used +.button { + // Used to display an anchor tag properly //font: 14px 'Varela'; display: flex; @@ -91,9 +91,9 @@ padding: 5px; max-width: max-content; text-align: center; - backdrop-filter: blur(1px) brightness(80%); + backdrop-filter: blur(1px) brightness(70%); // Apple WebShit compatibility - -webkit-backdrop-filter: blur(1px) brightness(80%); + -webkit-backdrop-filter: blur(1px) brightness(70%); transition: 0.2s ease-in-out; &:hover { -- cgit v1.2.3