rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 16:41:37 +01:00
Code Issues Projects Releases Packages Wiki Activity

Even more CSS tweaking

Browse source
This commit is contained in:
Reto Bollinger 2024-11-19 20:08:56 +01:00 • committed by Reto Bollinger
parent fdd4e1d367
commit f03bab8af1
1 changed files with 41 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
lektor/lektordata/project/assets/static/style.css
View file

@ -481,13 +481,21 @@ div.left_footer, div.middle_footer, div.right_footer {
.termine ul > li { .termine ul > li {
font-weight: bold; font-weight: bold;
width: 1000px; width: 76vw;
max-width: 1140px;
} }
.termine ul > li > div { .termine ul > li > div {
width: 500px; width: 500px;
font-size: 20px; font-size: 20px;
} }
.termine > ul > li:nth-child(odd) {
background: #fff;
}
.termine > ul > li:nth-child(even) {
background: #ececec;
}
.termine ul > li > ul > li { .termine ul > li > ul > li {
width: 175px; width: 175px;
@ -573,7 +581,7 @@ div.left_footer, div.middle_footer, div.right_footer {
.termine ul > li{ .termine ul > li{
display: table-row; display: table-row;
width: 75vw; width: 80vw;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
@ -588,7 +596,13 @@ div.left_footer, div.middle_footer, div.right_footer {
} }
.termine ul > li > ul { .termine ul > li > ul {
display: table-row; list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr; /* Zwei Spalten für die ersten beiden Einträge */
grid-template-rows: auto auto; /* Drei Zeilen: Eine für die ersten beiden, zwei für die restlichen */
grid-gap: 10px; /* Optional: Abstand zwischen den Zellen */
} }
.termine ul > li > ul > div{ .termine ul > li > ul > div{
@ -602,13 +616,23 @@ div.left_footer, div.middle_footer, div.right_footer {
display: table-cell; display: table-cell;
} }
.termine li > ul > li:nth-child(1) { width: 42.5vw; } .termine ul > li > ul > li:nth-child(1) {
.termine li > ul > li:nth-child(2) { width: 1.5vw; } width: 42.5vw;
.termine li > ul > li:nth-child(3) { width: 31vw; } grid-column: span 1;
}
.termine ul > li > ul > li:nth-child(2) {
width: 1.5vw;
grid-column: span 1;
}
.termine ul > li > ul > li:nth-child(3) {
width: 31vw;
grid-column: span 2;
}
.termine li > ul > li:nth-child(1) > div{ width: 42.5vw; }
.termine li > ul > li:nth-child(2) > div{ width: 1.5vw; } .termine ul > li > ul > li:nth-child(1) > div{ width: 45.5vw; }
.termine li > ul > li:nth-child(3) > div{ width: 31vw; } .termine ul > li > ul > li:nth-child(2) > div{ width: 1.5vw; }
.termine ul > li > ul > li:nth-child(3) > div{ width: 31vw; }
.termine ul > li > div, .termine ul > li > ul > li > div { .termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 4vw; font-size: 4vw;
@ -644,7 +668,8 @@ div.left_footer, div.middle_footer, div.right_footer {
.termine ul > li { .termine ul > li {
width: 65vw; width: 76vw;
} }
.termine ul > li > div { .termine ul > li > div {
width: 35vw; width: 35vw;
@ -745,13 +770,13 @@ div.left_footer, div.middle_footer, div.right_footer {
display: table-cell; display: table-cell;
} }
.termine li > ul > li:nth-child(1) { width: 27vw; } .termine ul > li > ul > li:nth-child(1) { width: 27vw; }
.termine li > ul > li:nth-child(2) { width: 1.5vw; } .termine ul > li > ul > li:nth-child(2) { width: 1.5vw; }
.termine li > ul > li:nth-child(3) { width: 46.5vw; } .termine ul > li > ul > li:nth-child(3) { width: 46.5vw; }
.termine li > ul > li:nth-child(1) > div{ width: 27vw; } .termine ul > li > ul > li:nth-child(1) > div{ width: 27vw; }
.termine li > ul > li:nth-child(2) > div{ width: 1.5vw; } .termine ul > li > ul > li:nth-child(2) > div{ width: 1.5vw; }
.termine li > ul > li:nth-child(3) > div{ width: 46.5vw; } .termine ul > li > ul > li:nth-child(3) > div{ width: 46.5vw; }
.termine ul > li > div, .termine ul > li > ul > li > div { .termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 2.5vw; font-size: 2.5vw;