Nutze neueste Version für Svelte5

Ignoriere die Pagination der Tabellen und das Bearbeiten der Einträge.
2025-06-04 18:13:07 +02:00
parent 85d22d5c06
commit b89a3c744f
61 changed files with 524 additions and 501 deletions
@@ -0,0 +1,80 @@
+html {
+    font-size: 100%;
+}
+
+body div {
+    color: #000;
+    font-size: 1em;
+    font-family: OpenSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
+    text-align: left;
+    background-color: #fff;
+}
+
+strong, b {
+    font-weight: bold;
+}
+
+em, i {
+    font-style: italic;
+}
+
+small {
+    font-size: 0.8rem;
+}
+
+section article {
+    font-size: 95%;
+    p, ul, ol, dl {
+        line-height: 1.5em;
+        //noinspection TaskProblemsInspection,LessResolvedByNameOnly
+        .hyphens();
+        font-size: 1.00em;
+    }
+    p {
+        text-align: justify;
+    }
+    ul, ol {
+        li {
+            list-style: initial;
+        }
+    }
+    dl {
+        dt {
+            font-weight: 600;
+        }
+    }
+    h1, h2, h3 {
+        font-weight: bold;
+    }
+    h1 {
+        font-size: 1.50em;
+    }
+    h2 {
+        font-size: 1.30em;
+    }
+    h3 {
+        font-size: 1.20em;
+    }
+    table {
+        thead {
+            th {
+                font-size: 100%;
+                font-weight: bold;
+            }
+        }
+    }
+    form {
+        fieldset {
+            legend {
+                font-size: 1.30em;
+                font-weight: bold;
+            }
+            div.zelle > label {
+
+            }
+        }
+    }
+    &.http-error {
+        display: none;
+    }
+}
@@ -0,0 +1,13 @@
+/**
+Definition der Farben
+*/
+
+@hueMain: 180;
+@hueSub: 60;
+
+@mainColor: hsl(@hueMain, 90%, 29%);
+@mainColorDark: darken(@mainColor,66%,relativ);
+@mainColorLight: lighten(@mainColor,66%,relativ);
+@subColor: hsl(@hueSub, 90%, 29%);
+@subColorDark: darken(@subColor,66%,relativ);
+@subColorLight: lighten(@subColor,66%,relativ);
@@ -0,0 +1,99 @@
+html {
+    body div {
+        > header, > footer {
+            background: none;
+            font-family: serif;
+            h1 {
+                font-size: 3rem;
+                text-align: left;
+            }
+            p {
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                font-style: italic;
+            }
+        }
+        > header {
+            border-bottom: black solid thick;
+            h1 {
+                margin: 1rem;
+            }
+        }
+        > nav {
+            display: none;
+        }
+        > footer {
+            color: contrast(@mainColor);
+        }
+    }
+}
+
+main {
+    * {
+        border-style: none;
+        border-color: @mainColorDark;
+        border-width: medium;
+    }
+    section {
+        @sectionMargin: 1rem;
+        header {
+            text-align: center;
+        }
+        h1, h2 {
+            margin: @sectionMargin;
+        }
+        p {
+            margin: @sectionMargin;
+            text-indent: @sectionMargin * 2;
+        }
+        table {
+            colgroup:not(:first-child) col:first-child{
+                border-left: solid medium;
+            }
+            thead {
+                tr:last-child {
+                    td, th {
+                        border-bottom: @mainColorDark solid thick;
+                    }
+                }
+            }
+            tbody div {
+                th {
+                    font-weight: bold;
+                    text-align: center;
+                    padding: 1rem 0.5rem;
+                }
+                th, td {
+                    padding: 0.5rem;
+                    border-bottom: solid thin;
+                }
+            }
+        }
+        form {
+            display: none;
+        }
+        button {
+            display: none;
+        }
+        footer {
+            text-align: right;
+            padding: 0;
+            p {
+                padding: 0.5rem;
+                display: inline-block;
+                margin: inherit;
+                text-indent: inherit;
+                &:first-letter {
+                    font-size: inherit;
+                }
+                background: @mainColorLight ;
+                color: @mainColor ;
+                font-style: italic;
+                font-size: 85%;
+            }
+            border-bottom-style: solid;
+        }
+    }
+}