From cba0ab45ba121a247382f7d43bed20d6da197c86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=ABschmona=C2=BB?= <«simona.oswald@proton.me»> Date: Mon, 30 Mar 2026 22:12:06 +0200 Subject: [PATCH] =?UTF-8?q?Globales=20stylesheet=20verkn=C3=BCpft,=20Navig?= =?UTF-8?q?ation=20auf=20allen=20Seiten=20angepasst?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/stylesheet_global.css | 49 +++++++++++++++++++++++---------------- event_create.html | 14 +++++------ event_detail.html | 23 +++++++++--------- event_overview.html | 17 +++++++------- index.html | 37 +++++++++++++++++------------ login.html | 8 +++---- signup.html | 10 ++++---- 7 files changed, 87 insertions(+), 71 deletions(-) diff --git a/css/stylesheet_global.css b/css/stylesheet_global.css index 6f9f57f..f200421 100644 --- a/css/stylesheet_global.css +++ b/css/stylesheet_global.css @@ -123,8 +123,8 @@ p { display: flex; justify-content: space-between; align-items: center; - min-height: 3.625rem; - padding: 0.1875rem 0.5625rem 0.1875rem var(--space-5); + min-height: 3rem; + padding: 0.1875rem 0.75rem 0.1875rem var(--space-5); max-width: none; width: 100%; box-sizing: border-box; @@ -144,10 +144,31 @@ p { display: block; } -.button-small-links { +.nav-tab { + color: var(--black); + font-size: 1.125rem; + font-weight: 500; + letter-spacing: var(--ls-sm); + line-height: 1; + text-decoration: none; +} + +.nav-tab:hover, .nav-tab:active, +.nav-tab:focus-visible { + text-decoration: underline; + text-underline-offset: 4px; +} + +.button-small:hover, .button-small:active, +.button-small:focus-visible { + background: var(--olive-dark); + color: var(--black); +} + +.nav-tab-links { display: flex; align-items: center; - gap: var(--space-1); + gap: var(--space-5); } @@ -169,8 +190,10 @@ p { background-color: var(--olive-dark); } + .button-small { - color: var(--black); + background: var(--olive); + color: var(--butter-light); font-size: 1.125rem; font-weight: 500; letter-spacing: var(--ls-sm); @@ -183,22 +206,8 @@ p { .button-small:hover, .button-small:active, .button-small:focus-visible { - background: var(--olive-light); - color: var(--black); -} - - -.button-login { - background: var(--olive); + background: var(--olive-dark); color: var(--butter-light); - font-size: 1.125rem; - font-weight: 500; - letter-spacing: var(--ls-sm); - line-height: 1; - text-decoration: none; - - padding: var(--space-1) var(--space-4); - border-radius: var(--radius-md); } .profile-pill { diff --git a/event_create.html b/event_create.html index dc07ba3..f90856d 100644 --- a/event_create.html +++ b/event_create.html @@ -9,26 +9,26 @@ - +
- +