diff options
-rw-r--r-- | beauty.css | 18 | ||||
-rwxr-xr-x | beauty.scss | 6 | ||||
-rwxr-xr-x | main.html | 6 | ||||
-rwxr-xr-x | page.scss | 8 |
4 files changed, 19 insertions, 19 deletions
@@ -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; } } @@ -78,20 +78,20 @@ </div> <br><br> - <div class="license"> + <div class="button"> <div> <!--<a rel="license" href="licenses" target=_blank>Images and videos on this website are licensed under the CC BY-SA 4.0 License. The full website source code (HTML and CSS files) is licensed under the MIT license. Fonts have their own licenses. Click this button to see all used licenses and the source code.--> <a rel="license" href="legal">Legal & Licenses</a> </div> </div> <br> - <div class="license"> + <div class="button"> <div> <a href=https://git.twoexem.com>cgit server</a> </div> </div> <br> - <div class="license"> + <div class="button"> <div> <a href=mailto:twoexem@gmail.com>Contact / Feedback</a> </div> @@ -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 { |