From d3d04b837bef7964f8323225ebeac6296af8e7b5 Mon Sep 17 00:00:00 2001 From: Tomasz Date: Fri, 18 Oct 2024 13:35:03 +0200 Subject: [PATCH] zabawa kolorki i kilka funkcji --- css/style.css | 30 +++++++++++++++++++++++++----- index.html | 31 ++++++++++++++++++------------- 2 files changed, 43 insertions(+), 18 deletions(-) diff --git a/css/style.css b/css/style.css index 79d582b..abd2cde 100644 --- a/css/style.css +++ b/css/style.css @@ -11,6 +11,9 @@ .category-buttons { margin: 10px 0; text-align: center; + background-color: #A9A9A9; + + } .category-buttons button { @@ -18,10 +21,12 @@ padding: 10px 15px; font-size: 16px; cursor: pointer; - background-color: #f2f2f2; - border: 1px solid #ccc; + background-color: lightgray; + border: 1px solid black; border-radius: 4px; transition: background-color 0.3s, color 0.3s, border 0.3s; + + } .category-buttons button.active { @@ -35,20 +40,21 @@ table { width: 100%; border-collapse: collapse; margin-top: 20px; + background-color: whitesmoke; } th, td { - border: 1px solid #ddd; + border: 1px solid grey; padding: 8px; text-align: center; } th { - background-color: #f2f2f2; + background-color: whitesmoke; } tr:nth-child(even) { - background-color: #f9f9f9; + background-color: whitesmoke; } /* Stylizacja kontenera klasy */ @@ -127,6 +133,8 @@ footer.footer { margin: 5px 0; font-size: 14px; color: #333; + + } /* Stylizacja przycisków ogólna */ @@ -150,3 +158,15 @@ input[type="checkbox"] { z-index: 1000; /* zapewnia, że będzie na wierzchu */ border-bottom: 1px solid #ccc; /* opcjonalnie, aby oddzielić od treści */ } + +.dark-background { + background-color: #2e2e2e; /* Ciemnoszare tło */ + color: #ffffff; /* Jasny kolor tekstu dla lepszej czytelności */ + margin: 0; + padding: 0; + font-family: Arial, sans-serif; +} + +.lead { + background-color: #555; +} \ No newline at end of file diff --git a/index.html b/index.html index 96d34dd..94b3f7c 100644 --- a/index.html +++ b/index.html @@ -12,16 +12,18 @@ th { position: sticky; top: 0; - background-color: beige; /* Kolor tła nagłówka */ + background-color: lightgray; /* Kolor tła nagłówka */ z-index: 10; /* Zapewnia, że nagłówek będzie nad innymi elementami */ border: 1px solid #ddd; /* Opcjonalnie: Dodanie obramowania */ padding: 8px; } - + -

Ocena Zachowania

+

Ocena Zachowania

+ +
@@ -168,17 +170,20 @@
- +