summaryrefslogtreecommitdiffhomepage
path: root/css/header.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/header.css')
-rwxr-xr-xcss/header.css83
1 files changed, 75 insertions, 8 deletions
diff --git a/css/header.css b/css/header.css
index 0e7ba08..67a9548 100755
--- a/css/header.css
+++ b/css/header.css
@@ -1,7 +1,8 @@
:root {
- --heading-height: 15em;
+ --heading-height: 13.25em;
}
header {
+ pointer-events: none;
position: fixed;
width: 100%;
height: var(--heading-height);
@@ -26,12 +27,13 @@ header {
}
header::before {
+ pointer-events: all;
content: "";
display: block;
position: absolute;
left: 0;
bottom: 6em;
- width: 100%;
+ width: 1024px;
height: calc(var(--heading-height) + 10em);
z-index: -1;
transform: skewY(-3.5deg);
@@ -42,6 +44,13 @@ header::before {
border-bottom: var(--header-border-thickness) solid var(--header-border-color);
}
+
+@media only screen and (min-width: 1024px) {
+ header::before {
+ width: 100%;
+ }
+}
+
h1 {
font-size: calc(0.8em + 2.6vw);
font-weight: 700;
@@ -55,11 +64,49 @@ body {
}
body > main {
- padding: var(--heading-height) 4em 0;
+ padding: calc(var(--heading-height) - 2em) 4em 0;
}
-.site-title {
+/*
+.site-title a {
margin: 0;
+ color: var(--pico-secondary);
+ transition-duration: 0.25s;
+}
+
+.site-title a:hover {
+ color: var(--pico-contrast-hover);
+}
+
+.site-title a span {
+ color: var(--pico-contrast-hover);
+}
+
+.site-title a[aria-current="page"] {
+ color: var(--pico-secondary-hover);
+ font-weight: bold;
+}
+
+.site-title a[aria-current="page"]:hover {
+ color: var(--pico-contrast-hover);
+}
+
+.site-title a[aria-current="page"] span {
+ color: var(--pico-primary-hover);
+}
+ */
+
+.site-title a {
+ color: var(--pico-secondary-hover);
+ font-weight: bold;
+}
+
+.site-title a {
+ color: var(--pico-contrast-hover);
+}
+
+.site-title a span {
+ color: var(--pico-primary-hover);
}
.nav-list {
@@ -82,6 +129,7 @@ body > main {
}
.header-inner {
+ pointer-events: all;
display: flex;
justify-content: space-between;
align-items: top;
@@ -95,7 +143,11 @@ body > main {
}
.main-nav {
- margin-top: 0.5rem;
+ margin-top: -0.5rem;
+}
+
+.main-nav ul li a {
+ text-decoration: none;
}
.dropdown-menu {
@@ -122,8 +174,23 @@ nav.theme-selector {
margin-top: 1em;
}
-@media (max-width: var(--breakpoint-sm)) {
- .theme-selector {
- margin-top: 0.5em;
+@media (max-width: 500px) {
+ nav.theme-selector {
+ position: fixed;
+ top: 2px;
+ right: 2px;
}
}
+
+.pico-delinkify {
+ text-decoration: none;
+}
+
+footer {
+ display: flex;
+ justify-content: center;
+}
+
+footer p {
+ display: inline-block;
+} \ No newline at end of file