No clue what I'm doing3

This commit is contained in:
Reto Bollinger 2024-11-24 20:30:40 +01:00
parent 6111a72f1a
commit 96060078a1

View file

@ -472,7 +472,7 @@ div.left_footer, div.middle_footer, div.right_footer {
.termine li { .termine li {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 3px;
} }
@ -555,8 +555,66 @@ div.left_footer, div.middle_footer, div.right_footer {
font-size: 20px; font-size: 20px;
align-self: self-start; align-self: self-start;
} }
<<<<<<< HEAD
input[type='checkbox']:not(:checked)+ul { input[type='checkbox']:not(:checked)+ul {
display: none; display: none;
=======
.termine ul {
display: table;
border-collapse: collapse;
padding: 0;
margin: 0;
}
.termine ul li{
display: table-row;
width: 75vw;
padding: 0;
margin: 0;
}
.termine ul li div{
width: 70vw;
text-align: left;
padding: 0;
margin: 0;
display: inline-block;
white-space: nowrap;
}
.termine ul li ul {
display: table-row;
}
.termine ul li ul div{
font-weight: normal;
padding: 0;
margin: 0;
text-align: left;
}
.termine ul li ul li {
display: table-cell;
}
.termine li ul li:nth-child(1) { width: 40.5vw; }
.termine li ul li:nth-child(2) { width: 1.5vw; }
.termine li ul li:nth-child(3) { width: 33vw; }
.termine li ul li:nth-child(1) div{ width: 40.5vw; }
.termine li ul li:nth-child(2) div{ width: 1.5vw; }
.termine li ul li:nth-child(3) div{ width: 33vw; }
.termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 4vw;
}
}
@media (min-width:1025px) and (max-width:1540px) {
div.inner_page.bgimage {
min-height: calc((80vw - 60px)*.572)
>>>>>>> 835da7c (Responsive table on termine page! Woohoo!)
} }
<<<<<<< HEAD <<<<<<< HEAD
.threecolumn{ .threecolumn{
@ -643,4 +701,55 @@ div.left_footer, div.middle_footer, div.right_footer {
width: 150px width: 150px
>>>>>>> e4c4875 (Constant font sizes above viewport width of 1540px and tried to reduce jumpiness between 1530p and 1540px) >>>>>>> e4c4875 (Constant font sizes above viewport width of 1540px and tried to reduce jumpiness between 1530p and 1540px)
} }
.termine ul {
display: table;
border-collapse: collapse;
padding: 0;
margin: 0;
}
.termine ul li{
display: table-row;
width: 75vw;
padding: 0;
margin: 0;
}
.termine ul li div{
width: 70vw;
text-align: left;
padding: 0;
margin: 0;
display: inline-block;
white-space: nowrap;
}
.termine ul li ul {
display: table-row;
}
.termine ul li ul div{
font-weight: normal;
padding: 0;
margin: 0;
text-align: left;
}
.termine ul li ul li {
display: table-cell;
}
.termine li ul li:nth-child(1) { width: 40.5vw; }
.termine li ul li:nth-child(2) { width: 1.5vw; }
.termine li ul li:nth-child(3) { width: 33vw; }
.termine li ul li:nth-child(1) div{ width: 40.5vw; }
.termine li ul li:nth-child(2) div{ width: 1.5vw; }
.termine li ul li:nth-child(3) div{ width: 33vw; }
.termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 2.5vw;
}
} }