aboutsummaryrefslogtreecommitdiff
path: root/src/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/css')
-rw-r--r--src/assets/css/main.css39
1 files changed, 30 insertions, 9 deletions
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index b08b004..a224932 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -22,6 +22,14 @@ html, body {
--text-primary: #ddd;
--text-secondary: #999;
}
+
+ :link {
+ color: #99ccff;
+ }
+
+ :visited {
+ color: #c78cff;
+ }
}
@media screen and (max-width: 500px) {
@@ -36,6 +44,10 @@ html, body {
.body_decoration {
display: none;
}
+ .nav-button > a > .fa {
+ margin: auto 5px auto 5px;
+ width: 20px;
+ }
}
@media screen and (min-width: 501px) and (max-width: 1099px) {
.header-image > :nth-child(1) {
@@ -43,6 +55,8 @@ html, body {
}
.header-image > :nth-child(2) {
display: inline-block;
+ margin-bottom: 3px;
+ width: 32px;
}
.nav-button > a > :nth-child(2) {
display: none;
@@ -80,6 +94,9 @@ html, body {
.floatwrapper > div {
max-width: 50px;
}
+ .nav-button > a > .fa {
+ margin: auto;
+ }
}
@media screen and (min-width: 1100px) {
.header-image > :nth-child(1) {
@@ -108,6 +125,10 @@ html, body {
padding-left: 5px;
padding-right: 5px;
}
+ .nav-button > a > .fa {
+ margin: auto 5px auto 5px;
+ width: 20px;
+ }
}
@@ -173,6 +194,7 @@ main {
display: grid;
height: 100vh;
overflow: auto;
+ z-index: 2;
}
.header-image {
@@ -184,8 +206,13 @@ main {
}
.mobile-nav-button {
- display: block;
- margin: auto;
+ display: grid;
+ justify-content: center;
+ align-content: center;
+ width: 100%;
+ height: 100%;
+ text-decoration: none;
+ color: var(--text-primary);
}
.mobile-nav {
@@ -199,7 +226,7 @@ main {
}
.nav-button {
display: block;
- height: 35px;
+ height: 30px;
}
.nav-button > a {
display: flex;
@@ -210,7 +237,6 @@ main {
.nav-button > a > span {
margin-top: auto;
margin-bottom: auto;
- padding-left: 5px;
}
.nav-button:hover, .header-image:hover {
cursor: pointer;
@@ -255,9 +281,4 @@ main {
}
.card-head {
font-weight: bold;
-}
-
-
-.fa-pleroma {
- color: #fba457;
} \ No newline at end of file