From 0a811527e1cf7ad3610e7067dc37e5fa815324dc Mon Sep 17 00:00:00 2001 From: Mika Date: Fri, 9 Jan 2026 14:49:04 +0000 Subject: [PATCH] Add results_visualization/css/base.css --- results_visualization/css/base.css | 92 ++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 results_visualization/css/base.css diff --git a/results_visualization/css/base.css b/results_visualization/css/base.css new file mode 100644 index 0000000..3af0177 --- /dev/null +++ b/results_visualization/css/base.css @@ -0,0 +1,92 @@ +/* ------------------------------------------------------------ + Reset & Variables +------------------------------------------------------------- */ + +:root { + --color-bg: #f5f7fa; + --color-text: #1d1f23; + --color-primary: #0066cc; + --color-secondary: #3399ff; + --color-muted: #a0a4a8; + --font-base: 'Segoe UI', Arial, sans-serif; + --spacing-xs: 4px; + --spacing-sm: 8px; + --spacing-md: 16px; + --spacing-lg: 24px; + --radius-base: 4px; + --max-width: 1200px; +} + +/* Browser Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--color-bg); + color: var(--color-text); + font-family: var(--font-base); + font-size: 16px; + line-height: 1.5; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; +} + + +/* ------------------------------------------------------------ + Typography & Links +------------------------------------------------------------- */ + +h1, h2 { + font-weight: 600; + margin-bottom: var(--spacing-md); + color: var(--color-text); + text-align: left; +} + +h1 { + font-size: 1.8rem; +} + +h2 { + font-size: 1.4rem; + margin-top: var(--spacing-lg); +} + +p { + margin-bottom: var(--spacing-md); + color: var(--color-text); + line-height: 1.6; +} + +a { + color: var(--color-primary); + text-decoration: none; + transition: color 0.2s ease; +} + +a:hover, +a:focus { + color: var(--color-secondary); + text-decoration: underline; +} + +/* Footer Standard Element (falls verwendet) */ +footer { + margin-top: auto; + padding: var(--spacing-md); + text-align: center; + font-size: 0.9rem; + color: var(--color-muted); +} + +footer::after { + content: '\00A9 2026 Donau2Space.de'; + display: block; + margin-top: var(--spacing-sm); + font-size: 0.85rem; +} \ No newline at end of file