css

css/code.css

@@ -34,7 +34,7 @@ code[class*="language-"],
 pre[class*="language-"] {
 	color: #657b83; /* base00 */
 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	font-size: 1em;
+	font-size: .9em;
 	text-align: left;
 	white-space: pre;
 	word-spacing: normal;

css/position.css

@@ -0,0 +1,29 @@
+.bigbox{
+    width: 100%;
+    border: 2px solid yellowgreen;
+    padding: 1em 1em 0 1em;
+    position: relative;
+    min-height: 400px;
+}
+.box{
+    width: 32%;
+    height: 150px;
+    background-color: yellowgreen;
+    margin: 0 2% 2% 0;
+    overflow:auto;
+}
+.relative{
+    position: relative;
+}
+.absolute{
+    position: absolute;
+    bottom: -40px;
+    right: -40px;
+}
+.fixed{
+    position: fixed;
+}
+.sticky{
+    position: sticky;
+    top: 0;
+}

css/struktur.css

@@ -0,0 +1,22 @@
+.bigbox{
+    width: 100%;
+    border: 2px solid yellowgreen;
+    padding: 1em 1em 0 1em;
+}
+.box{
+    width: 32%;
+    height: 150px;
+    background-color: yellowgreen;
+    margin: 0 2% 2% 0;
+    overflow:auto;
+}
+.floatleft{
+    float: left;
+}
+.clearfix:after {
+    content: ".";
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0px;
+}

css/style.css

@@ -11,13 +11,15 @@ header, footer{
     background: #ddd
 }
 header{
-background: linear-gradient(178deg,  #000 0%,#000 70%,#fff 70%,#fff 100%);
+    background:#000;
+    clip-path: polygon(0 0, 100% 0, 100% 60%, 0 200px);
 }
 footer{
-    background: linear-gradient(2deg,  #000 0%,#000 70%,#fff 70%,#fff 100%);
+    background:#000;
+    clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 200px);
     }
 header img{
-    padding-top: 62px;
+    padding-top: 2px;
     float: left;
 }
 nav ul{