diff --git a/static/style.css b/static/style.css index 723334b..8edeb5e 100644 --- a/static/style.css +++ b/static/style.css @@ -146,22 +146,78 @@ button:focus, .accordion-header:focus { .accordion-content.active { display: block; } -.header-tage { background: #2563eb; } -.header-tage.active, .header-tage:hover { background: #1e40af; } -.header-werktage { background: #059669; } -.header-werktage.active, .header-werktage:hover { background: #047857; } -.header-wochentag { background: #f59e42; color: #fff; } -.header-wochentag.active, .header-wochentag:hover { background: #d97706; } -.header-plusminus-tage { background: #a21caf; } -.header-plusminus-tage.active, .header-plusminus-tage:hover { background: #701a75; } -.header-plusminus-werktage { background: #0ea5e9; } -.header-plusminus-werktage.active, .header-plusminus-werktage:hover { background: #0369a1; } -.header-plusminus-wochenmonate { background: #f43f5e; } -.header-plusminus-wochenmonate.active, .header-plusminus-wochenmonate:hover { background: #be123c; } -.header-kw { background: #a78bfa; color: #1e293b; } -.header-kw.active, .header-kw:hover { background: #7c3aed; } -.header-kw-datum { background: #facc15; color: #1e293b; } -.header-kw-datum.active, .header-kw-datum:hover { background: #ca8a04; } +.header-tage { + background: #2563eb; + color: #fff; +} +.header-tage.active, .header-tage:hover { + background: #1e40af; + color: #fff; +} +.header-werktage { + background: #059669; + color: #fff; +} +.header-werktage.active, .header-werktage:hover { + background: #047857; + color: #fff; +} +.header-wochentag { + background: #f59e42; + color: #1e293b; +} +.header-wochentag.active, .header-wochentag:hover { + background: #d97706; + color: #fff; +} +.header-plusminus-tage { + background: #a21caf; + color: #fff; +} +.header-plusminus-tage.active, .header-plusminus-tage:hover { + background: #701a75; + color: #fff; +} +.header-plusminus-werktage { + background: #0ea5e9; + color: #fff; +} +.header-plusminus-werktage.active, .header-plusminus-werktage:hover { + background: #0369a1; + color: #fff; +} +.header-plusminus-wochenmonate { + background: #f43f5e; + color: #fff; +} +.header-plusminus-wochenmonate.active, .header-plusminus-wochenmonate:hover { + background: #be123c; + color: #fff; +} +.header-kw { + background: #a78bfa; + color: #1e293b; +} +.header-kw.active, .header-kw:hover { + background: #7c3aed; + color: #fff; +} +.header-kw-datum { + background: #facc15; + color: #1e293b; +} +.header-kw-datum.active, .header-kw-datum:hover { + background: #ca8a04; + color: #fff; +} +.header-plusminus { + background: #be123c; + color: #fff; +} +.header-plusminus.active, .header-plusminus:hover { + background: #7f1d1d; + color: #fff; +} @media (max-width: 600px) { .container { margin: 1em;