rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 15:01: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
parent 3a37becc51
commit a7f46a11a4
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

@ -143,13 +143,21 @@ div.page {
.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;
@ -228,7 +236,7 @@ div.page {
.termine ul > li{ .termine ul > li{
display: table-row; display: table-row;
width: 75vw; width: 80vw;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
@ -243,7 +251,13 @@ div.page {
} }
.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{
@ -257,13 +271,23 @@ div.page {
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;
@ -293,7 +317,8 @@ div.page {
.termine ul > li { .termine ul > li {
width: 65vw; width: 76vw;
} }
.termine ul > li > div { .termine ul > li > div {
width: 35vw; width: 35vw;
@ -393,13 +418,13 @@ div.page {
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;