juplo.de Git - website/blob - dist/templates/testlab.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:th="http://www.thymeleaf.org"
   5     xmlns:layout="http://www.thymeleaf.org"
   6     >
   7   <head>
   8     <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
   9     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  10     <style type="text/css">
  11
  12       body {
  13         margin: 0;
  14         padding: 0;
  15       }
  16
  17       .testlab
  18       {
  19         width: 100%;
  20         text-indent: 0;
  21         margin: 0 0 20px -320px;
  22         background-color: #fff;
  23       }
  24       .testlab:after
  25       {
  26         content:"";
  27         display:table;
  28       }
  29       .tl970
  30       {
  31         margin-left: 0px;
  32         border-left: 970px solid green;
  33         text-indent: -970px;
  34         background-color: transparent;
  35       }
  36       .tl670
  37       {
  38         margin-left: -970px;
  39         border-left: 670px solid yellow;
  40         text-indent: -670px;
  41         background-color: transparent;
  42       }
  43       .tl480
  44       {
  45         margin-left: -670px;
  46         border-left: 480px solid orange;
  47         text-indent: -480px;
  48         background-color: transparent;
  49       }
  50       .tl320
  51       {
  52         margin-left: -480px;
  53         border-left: 320px solid red;
  54         text-indent: -320px;
  55         background-color: transparent;
  56       }
  57     </style>
  58   </head>
  59   <body>
  60     <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
  61     <div class="testlab tl970">970px
  62       <div class="testlab tl670">670px
  63         <div class="testlab tl480">480px
  64           <div class="testlab tl320">320px
  65             <strong layout:fragment="content">CONTENT</strong>
  66           </div>
  67         </div>
  68       </div>
  69     </div>
  70   </body>
  71 </html>