Bereinigung von Altlasten, da die Texte von woanders übernommen wurden.

ui/public/less/lesslib/basics.less

@@ -71,15 +71,6 @@ section article {
                 font-size: 1.30em;
                 font-weight: bold;
             }
-            div.zelle > label {
-
-            }
-        }
-    }
-    &.http-error {
-        header {
-            background: hsl(340, 90%, 50%);
-            color: hsl(0, 0%, 95%);
         }
     }
 }

ui/public/less/lesslib/layout.less

@@ -72,18 +72,6 @@ main {
             margin: @sectionMargin;
             text-indent: @sectionMargin * 2;
         }
-        ul, ol {
-            margin: initial;
-            li {
-                margin: initial;
-                padding: initial;
-            }
-        }
-        dl {
-            dd {
-                margin-left: 2em;
-            }
-        }
         table {
             thead {
                 tr:last-child {
@@ -116,7 +104,7 @@ main {
                         display: inline-block;
                         margin: 0.5rem;
                     }
-                    input, textarea {
+                    input {
                         display: inline-block;
                         width: @formItemWidth;
                         padding: 0.25rem;
@@ -124,38 +112,6 @@ main {
                         border-style:  solid;
                         border-width: thin;
                     }
-                    div.radio-button {
-                        padding-left: 20%;
-                        label, input {
-                            display: inline;
-                            width: auto;
-                        }
-                        input {
-                            margin-top: inherit;
-                            margin-right: 1rem;
-                            margin-left: 1rem;
-                            margin-bottom: inherit;
-                        }
-                    }
-                    textarea {
-                        height: 10rem;
-                    }
-                    ul.suche {
-                        width: 30rem;
-                        margin-left: @formLabelWidth + 1.5rem;
-                        margin-top: -1rem;
-                        background: white;
-                        position: absolute;
-                        border: solid thin;
-                        li {list-style: none;
-                            text-indent: 0;
-                            cursor: pointer;
-                            &:hover {
-                                background: @mainColorLight;
-                                color: @mainColor;
-                            }
-                        }
-                    }
                 }
             }
         }
@@ -188,48 +144,3 @@ main {
         }
     }
 }
-
-aside {
-    background: @mainColorLight ;
-    li {
-        background: @mainColorLight;
-        color: @mainColor;
-        font-weight: bold ;
-        &:not(:first-child) {
-            margin-top: 1rem;
-        }
-        a {
-            display: block;
-            padding: 1.25rem .5rem;
-            text-decoration: none;
-            color: @mainColor;
-            &:hover, &:active, &:focus {
-                color: darken(@mainColor,10%,relative);
-            }
-        }
-        &:hover, &:active, &:focus {
-            background: lighten(@mainColorLight,10%,relative);
-        }
-    }
-    form {
-        @paddingForm: 0.5rem;
-        @paddingInput: @paddingForm/2;
-        background: @mainColorLight;
-        color: @mainColor;
-        padding: 2 * @paddingForm @paddingForm;
-        input {
-            display: block;
-            width: @breiteNavBereich - (@paddingForm + @paddingInput) * 2 ;
-            border: none;
-            margin-bottom: @paddingForm;
-            padding: @paddingInput;
-        }
-    }
-    p {
-        line-height: 1.5em;
-        text-align: left;
-        .hyphens();
-        margin: 1em;
-        font-size: 85%;
-    }
-}

ui/public/less/lesslib/media_queries.less

@@ -137,6 +137,7 @@
         width: @breiteNavBereich;
     }
 }
+
 @media screen and (max-width: 830px) {
     html body {
         @boxHeight: 5rem;
@@ -145,16 +146,18 @@
             font-size: @boxHeight;
             text-align: center;
             padding: 1rem;
-
+        }
+        & > footer {
+            padding: 1rem;
         }
         & > nav {
-            background: none;
-            left:auto;
             ul {
                 li {
                     display: inline-block;
                     border: none;
                     width: auto;
+                    height: 1.5em;
+                    padding-top: 0.25em;
                     a {
                         padding: 0.75rem;
                     }
@@ -184,6 +187,7 @@
                 @formLabelWidth: 10rem;
                 @formItemWidth: 40rem;
                 @sectionMargin: 1rem;
+                margin: @sectionMargin;
                 fieldset {
                     width: auto;
                     margin: 1rem auto;
@@ -262,6 +266,41 @@
         }
     }
 }
-
 @media screen and (max-width: 720px) {
+    html body {
+        @boxHeight: 2.5rem;
+        & > header {
+            height: @boxHeight;
+            font-size: @boxHeight;
+            text-align: center;
+            padding: 1rem;
+        }
+
+        & > nav {
+            .hamburgerMenu();
+        }
+        main section header {
+            h1, h2 {
+                text-align: center;
+                margin: 0.5rem auto;
+            }
+        }
+        table {
+            width: 100%;
+            margin: 1rem 0;
+            td, th {
+                padding: 0.25rem;
+            }
+            colgroup:not(:first-child) col:first-child{
+                border-left: solid thin;
+            }
+            thead {
+                th {
+                    font-size: 100%;
+                    font-weight: bold;
+                    .hyphens();
+                }
+            }
+        }
+    }
 }

ui/public/less/lesslib/mixins.framework.less

@@ -1,14 +1,3 @@
-.clearfix() {
-	&:after {
-		content: ".";
-		display: block;
-		height: 0;
-		line-height: 0;
-		clear: both;
-		visibility: hidden;
-	}
-}
-
 .hyphens() {
 	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
@@ -59,27 +48,22 @@
 	text-overflow: ellipsis;
 }
 
-.mywrap() {
-	white-space: normal;
-}
-
 .hamburgerMenu() {
 	color: white;
 	width: 3rem;
 	height: 2rem;
-	top: 0.5rem;
+	top: 0.25rem;
-	right: 0.5rem;
+	left: 0.25rem;
-	left: auto;
 	.border-radius(4px);
 	border: none;
-	.vertical-gradient(#555; #000);
+	.vertical-gradient(@mainColorDark; @mainColor);
 	> ul {
 		height: auto;
 		width: auto;
 		position: absolute;
-		right: 0;
+		left: 0;
 		top: 100%;
-		background: fade(black,80%);
+		background: fade(@mainColorDark,80%);
 		.border-radius(5px);
 		display: none;
 		> li {
@@ -100,7 +84,7 @@
 				&:hover,
 					&:focus {
 					color: white;
-					.vertical-gradient(#59b4fd; #0560e8);
+					.vertical-gradient(@mainColorLight; @mainColor);
 				}
 			}
 			&:first-child {
@@ -115,7 +99,7 @@
 			}
 		}
 	}
-	&:hover, &:focus, &:active {
+	&:hover, &:focus, &:active, &:checked {
 		ul {
 			display: block;
 		}
@@ -130,19 +114,6 @@
 	}
 }
 
-.transition(@property) {
-	-moz-transition: ~"@{property}";
-	-webkit-transition: ~"@{property}";
-	-o-transition: ~"@{property}";
-	-ms-transition: ~"@{property}";
-	transition: ~"@{property}";
-	-moz-transition-duration: 0.5s;
-	-webkit-transition-duration: 0.5s;
-	-o-transition-duration: 0.5s;
-	-ms-transition-duration: 0.5s;
-	transition-duration: 0.5s;
-}
-
 .flexEltern() {
 	display:-ms-flexbox;
 	display: flexbox;
@@ -172,17 +143,3 @@
 	flex: @num;
 	flex-grow: @num;
 }
-
-.background-size(...) {
-	-webkit-background-size: @arguments;
-	-moz-background-size: @arguments;
-	background-size: @arguments;
-}
-
-.transform(...) {
-	-ms-transform: @arguments;
-	-webkit-transform: @arguments;
-	-o-transform: @arguments;
-	-moz-transform: @arguments;
-	transform: @arguments;
-}

ui/public/less/lesslib/print/basics.less

@@ -75,9 +75,6 @@ section article {
         }
     }
     &.http-error {
-        header {
+        display: none;
-            background: hsl(340, 90%, 50%);
-            color: hsl(0, 0%, 95%);
-        }
     }
 }

ui/public/less/lesslib/print/layout.less

@@ -21,17 +21,15 @@ html {
                 margin: 1rem;
             }
         }
+        > nav {
+            display: none;
+        }
         > footer {
             color: contrast(@mainColor);
         }
     }
 }
 
-#inhalts-bereich {
-    background-color: @mainColorLight;
-    color: @mainColor;
-}
-
 main {
     * {
         border-style: none;
@@ -46,22 +44,10 @@ main {
         h1, h2 {
             margin: @sectionMargin;
         }
-        p, ul, ol, dl {
+        p {
             margin: @sectionMargin;
             text-indent: @sectionMargin * 2;
         }
-        ul, ol {
-            margin: initial;
-            li {
-                margin: initial;
-                padding: initial;
-            }
-        }
-        dl {
-            dd {
-                margin-left: 2em;
-            }
-        }
         table {
             colgroup:not(:first-child) col:first-child{
                 border-left: solid medium;
@@ -86,70 +72,10 @@ main {
             }
         }
         form {
-            @formLabelWidth: 10rem;
+            display: none;
-            @formItemWidth: 40rem;
-            fieldset {
-                width: @formItemWidth + @formLabelWidth + 2rem;
-                margin: 1rem auto;
-                border-style: solid ;
-                padding: @sectionMargin;
-                &.tasten {
-                    border: none;
-                    background-color: @mainColorLight;
-                }
-                legend {
-                    margin: @sectionMargin;
-                    margin-left: @sectionMargin * 2;
-                }
-            }
-            div.zelle {
-                &  > label {
-                    width: @formLabelWidth;
-                    display: inline-block;
-                    margin: 0.5rem;
-                }
-                input, textarea {
-                    display: inline-block;
-                    width: @formItemWidth;
-                    padding: 0.25rem;
-                    margin-bottom: 1.0rem;
-                    border-style:  solid;
-                    border-width: thin;
-                }
-                div.radio-button {
-                    padding-left: 20%;
-                    label, input {
-                        display: inline;
-                        width: auto;
-                    }
-                    input {
-                        margin-top: inherit;
-                        margin-right: 1rem;
-                        margin-left: 1rem;
-                        margin-bottom: inherit;
-                    }
-                }
-                textarea {
-                    height: 10rem;
-                }
         }
         button {
-                @farbeHintergrund: @mainColorLight;
+            display: none;
-                @farbeHintergrundHell: lighten(@farbeHintergrund,50%,relativ);
-                @farbeText: spin(lighten(@farbeHintergrund,66%,relativ),@mainColor);
-                @farbeSchatten: fade(@farbeHintergrund,50%);
-                height: 2.5em;
-                .border-radius(1.25em);
-                padding: 0.5em 1.25em;
-                .vertical-gradient(@farbeHintergrundHell,@farbeHintergrund);
-                .box-shadow(0.1em 0.2em 0.5em @farbeSchatten);
-                color: @farbeText;
-                font-weight: bold;
-                &:hover {
-                    .vertical-gradient(@farbeHintergrund,@farbeHintergrundHell);
-                }
-                margin: 0.25rem;
-            }
         }
         footer {
             text-align: right;
@@ -171,48 +97,3 @@ main {
         }
     }
 }
-
-aside {
-    background: @subColorLight ;
-    li {
-        background: @mainColorLight;
-        color: @mainColor;
-        font-weight: bold ;
-        &:not(:first-child) {
-            margin-top: 1rem;
-        }
-        a {
-            display: block;
-            padding: 1.25rem .5rem;
-            text-decoration: none;
-            color: @mainColor;
-            &:hover, &:active, &:focus {
-                color: darken(@mainColor,10%,relative);
-            }
-        }
-        &:hover, &:active, &:focus {
-            background: lighten(@mainColor,10%,relative);
-        }
-    }
-    form {
-        @paddingForm: 0.5rem;
-        @paddingInput: @paddingForm/2;
-        background: @mainColorLight;
-        color: @mainColor;
-        padding: 2 * @paddingForm @paddingForm;
-        input {
-            display: block;
-            width: @mainColor - (@paddingForm + @paddingInput) * 2 ;
-            border: none;
-            margin-bottom: @paddingForm;
-            padding: @paddingInput;
-        }
-    }
-    p {
-        line-height: 1.5em;
-        text-align: left;
-        .hyphens();
-        margin: 1em;
-        font-size: 85%;
-    }
-}