Templates und Seiten ein Verzeichnis höher geschoben und thymeleaf/ gelöscht

[website] / dist / templates / testlab.html
diff --git a/dist/templates/testlab.html b/dist/templates/testlab.html

new file mode 100644 (file)

index 0000000..c382c60
--- /dev/null
+++ b/dist/templates/testlab.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:th="http://www.thymeleaf.org"
+    xmlns:layout="http://www.thymeleaf.org"
+    >
+  <head>
+    <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
+    <style type="text/css">
+
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      .testlab
+      {
+        width: 100%;
+        text-indent: 0;
+        margin: 0 0 20px -320px;
+        background-color: #fff;
+      }
+      .testlab:after
+      {
+        content:"";
+        display:table;
+      }
+      .tl970
+      {
+        margin-left: 0px;
+        border-left: 970px solid green;
+        text-indent: -970px;
+        background-color: transparent;
+      }
+      .tl670
+      {
+        margin-left: -970px;
+        border-left: 670px solid yellow;
+        text-indent: -670px;
+        background-color: transparent;
+      }
+      .tl480
+      {
+        margin-left: -670px;
+        border-left: 480px solid orange;
+        text-indent: -480px;
+        background-color: transparent;
+      }
+      .tl320
+      {
+        margin-left: -480px;
+        border-left: 320px solid red;
+        text-indent: -320px;
+        background-color: transparent;
+      }
+    </style>
+  </head>
+  <body>
+    <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
+    <div class="testlab tl970">970px
+      <div class="testlab tl670">670px
+        <div class="testlab tl480">480px
+          <div class="testlab tl320">320px
+            <strong layout:fragment="content">CONTENT</strong>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>