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

Finally: CSS for termine table looks again as one week ago...

Browse source
This commit is contained in:
Reto Bollinger 2024-11-26 21:56:17 +01:00
parent 8bbb48cf32
commit 42225777fc
1 changed files with 75 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -583,4 +583,79 @@ div.left_footer, div.middle_footer, div.right_footer {
flex-direction: column;
flex-wrap: wrap;
}
.termine ul {
display: table;
border-collapse: collapse;
padding: 0 0 calc(50px * 0.7) calc(50px * 0.7);
margin: 0 0 calc(50px * 0.7) calc(50px* 0.7);
width: calc(1000px * 0.7);
}
.termine ul > li{
display: table-row;
margin: 0;
}
.termine ul > li > div{
width: 680px;
max-width: 700px;
text-align: left;
padding: calc(20px * 0.7) calc(10px * 0.7) calc(15px * 0.7) calc(10px * 0.7);
margin: 0;
display: inline-block;
white-space: nowrap;
font-family: "Roboto-Regular","Arial",sans-serif;
}
.termine ul > li > ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-gap: 0;
}
.termine ul > li > ul > div{
font-weight: normal;
padding: 0;
margin: 0;
text-align: left;
}
.termine ul > li > ul > li {
display: table-cell;
}
.termine ul > li > ul > li:nth-child(1) {
width: 270px;
grid-column: span 1;
}
.termine ul > li > ul > li:nth-child(2) {
width: 430px;
grid-column: span 1;
}
.termine ul > li > ul > li:nth-child(3) {
width: 700px;
grid-column: span 2;
}
.termine ul > li > ul > li > div {
font-family: "Roboto-Light","Arial",sans-serif;
padding: calc(10px * 0.7) calc(10px * 0.7);
}
.termine ul > li > ul > li:nth-child(1) > div{ width: 250px; }
.termine ul > li > ul > li:nth-child(2) > div{ width: 410px; }
.termine ul > li > ul > li:nth-child(3) > div{
width: 680px;
padding: calc(10px * 0.7) calc(10px * 0.7) calc(20px * 0.7) calc(10px * 0.7);
}
.termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 24px;
}
}