diff --git a/css/style.css b/css/style.css index d906f02..7b31771 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,3 @@ - /* Podstawowe style dla zakładek */ .tab { display: none; @@ -22,6 +21,7 @@ background-color: #f2f2f2; border: 1px solid #ccc; border-radius: 4px; + transition: background-color 0.3s, color 0.3s, border 0.3s; } .category-buttons button.active { @@ -60,6 +60,8 @@ tr:nth-child(even) { .select-class select { padding: 5px; font-size: 16px; + border: 1px solid #ccc; + border-radius: 4px; } /* Stylizacja nagłówków */ @@ -71,11 +73,63 @@ h1, h2, h3 { body { font-family: Arial, sans-serif; margin: 20px; + background-color: #fafafa; } -footer { - text-align: center; - margin-top: 40px; - font-size: 14px; +/* Stylizacja stopki */ +footer.footer { + width: 100%; + padding: 20px 0; + background-color: #fafafa; color: #555; } + +.footer-container { + max-width: 1200px; + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: stretch; +} + +.footer-left, .footer-right { + width: 100%; +} + +.footer-left { + text-align: left; +} + +.footer-right { + text-align: right; +} + +.footer-line { + border: none; + border-top: 2px solid #ddd; + margin: 20px 0; + width: 100%; +} + +/* Dodatkowe style dla estetyki */ +.footer-left p, +.footer-right p { + margin: 5px 0; + font-size: 14px; + color: #333; +} + +/* Stylizacja przycisków ogólna */ +button { + outline: none; +} + +button:hover { + opacity: 0.8; +} + +/* Stylizacja checkboxów */ +input[type="checkbox"] { + transform: scale(1.2); + cursor: pointer; +} diff --git a/index.html b/index.html index c0e00fc..a4a4215 100644 --- a/index.html +++ b/index.html @@ -35,6 +35,7 @@ Brak godzin nieusprawiedliwionych + Minimum 85% frekwencja @@ -146,11 +147,16 @@
-