From 42225777fc5e4e92026da8db08948b2bbfe63ec0 Mon Sep 17 00:00:00 2001 From: Reto Bollinger Date: Tue, 26 Nov 2024 21:56:17 +0100 Subject: [PATCH] Finally: CSS for termine table looks again as one week ago... --- .../project/assets/static/style.css | 75 +++++++++++++++++++ 1 file changed, 75 insertions(+) diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css index d28a6f3..bcde020 100644 --- a/lektor/lektordata/project/assets/static/style.css +++ b/lektor/lektordata/project/assets/static/style.css @@ -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; + } + } \ No newline at end of file