From 75d3b9c64563debce94d41adfb0b92c5f8136f1d Mon Sep 17 00:00:00 2001 From: Midou36O Date: Wed, 20 Apr 2022 00:24:20 +0000 Subject: [PATCH] this should be a bit better, still have to fix that weird spacing? --- src/lib/Header.svelte | 52 ++++++++++++++++++++++++++++++++----------- 1 file changed, 39 insertions(+), 13 deletions(-) diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte index ed7b890..7aa4491 100644 --- a/src/lib/Header.svelte +++ b/src/lib/Header.svelte @@ -6,17 +6,17 @@ Why is this not loading? Anyway, project segfault's logo. Project Segfault -
- Instances - | - Games - | - Donate - | - Minecraft - | - Contact -
+
+ Instances + + Games + + Donate + + Minecraft + + Contact +
@@ -29,12 +29,38 @@ } #ProjectSegfaultLogoHeader { /*Here goes anything to do with the header logo*/ - border-radius: 16px; + border-radius: 5px; width: 32px; - vertical-align: middle; + vertical-align: middle; + display: inline-block; } .center { text-align: center; } + .button { + background-color: #00755e; /* Green */ + border: none; + color: white; + padding: 16px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + border-radius: 10px; + transition-duration: 0.4s; + cursor: pointer; + } + .button:hover { + background-color: #00d4aa; + color: black; + border-radius: 2px; + transform: translateY(-0.25em); + box-shadow: 0 0.5em 0.5em -0.4em #00755e; + } + .button:active { + background-color: #4beacb; + box-shadow: 0 0.51em 0.51em 0.4em #00b591; + }