c2023
/
p22.10
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

linia

This commit is contained in:
konradm 2024-10-17 14:39:47 +02:00
parent 32449be531
commit 9faf9bdb96
2 changed files with 70 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
css/style.css
View File

@ -1,4 +1,3 @@
/* Podstawowe style dla zakładek */ /* Podstawowe style dla zakładek */
.tab { .tab {
display: none; display: none;
@ -22,6 +21,7 @@
background-color: #f2f2f2; background-color: #f2f2f2;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
transition: background-color 0.3s, color 0.3s, border 0.3s;
} }
.category-buttons button.active { .category-buttons button.active {
@ -60,6 +60,8 @@ tr:nth-child(even) {
.select-class select { .select-class select {
padding: 5px; padding: 5px;
font-size: 16px; font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
} }
/* Stylizacja nagłówków */ /* Stylizacja nagłówków */
@ -71,11 +73,63 @@ h1, h2, h3 {
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 20px; margin: 20px;
background-color: #fafafa;
} }
footer { /* Stylizacja stopki */
text-align: center; footer.footer {
margin-top: 40px; width: 100%;
font-size: 14px; padding: 20px 0;
background-color: #fafafa;
color: #555; 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;
}

16
index.html
View File

@ -35,6 +35,7 @@
<td>Brak godzin nieusprawiedliwionych</td> <td>Brak godzin nieusprawiedliwionych</td>
<td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td> <td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td>
</tr> </tr>
<!-- Dodaj pozostałe wiersze kryteriów tutaj -->
<tr> <tr>
<td>Minimum 85% frekwencja</td> <td>Minimum 85% frekwencja</td>
<td><input type="number" id="min_85-punkty" value="20" onchange="calculateStats()"></td> <td><input type="number" id="min_85-punkty" value="20" onchange="calculateStats()"></td>
@ -146,11 +147,16 @@
<div id="stats-output"></div> <div id="stats-output"></div>
</div> </div>
<footer style="margin: 20px"> <footer class="footer">
B. Hrynowiecki <br> <div class="footer-left">
K. Michalak <br> <p>B. Hrynowiecki</p>
F. Kowalski <br> <p>K. Michalak</p>
Led and Authored by M. Pabiszczak <p>F. Kowalski</p>
</div>
<hr class="footer-line">
<div class="footer-right">
<p>Led and Authored by M. Pabiszczak</p>
</div>
</footer> </footer>
<!-- Przeniesienie skryptu na koniec body --> <!-- Przeniesienie skryptu na koniec body -->