From 072f012398e448682f6d1cb0d981bdbb5e46263c Mon Sep 17 00:00:00 2001 From: tradam Date: Tue, 18 Nov 2025 23:37:40 +0000 Subject: progress --- css/header.css | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 75 insertions(+), 8 deletions(-) (limited to 'css/header.css') 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 -- cgit v1.2.3