juplo.de Git - website/blob - dist/thymeleaf/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     <style type="text/css">
  10
  11       body {
  12         margin: 0;
  13         padding: 0;
  14       }
  15
  16       .testlab
  17       {
  18         width: 100%;
  19         text-indent: 0;
  20         margin: 0 0 20px -320px;
  21         background-color: #fff;
  22       }
  23       .testlab:after
  24       {
  25         content:"";
  26         display:table;
  27       }
  28       .tl970
  29       {
  30         margin-left: 0px;
  31         border-left: 970px solid green;
  32         text-indent: -970px;
  33         background-color: transparent;
  34       }
  35       .tl670
  36       {
  37         margin-left: -970px;
  38         border-left: 670px solid yellow;
  39         text-indent: -670px;
  40         background-color: transparent;
  41       }
  42       .tl480
  43       {
  44         margin-left: -670px;
  45         border-left: 480px solid orange;
  46         text-indent: -480px;
  47         background-color: transparent;
  48       }
  49       .tl320
  50       {
  51         margin-left: -480px;
  52         border-left: 320px solid red;
  53         text-indent: -320px;
  54         background-color: transparent;
  55       }
  56     </style>
  57   </head>
  58   <body>
  59     <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
  60     <div class="testlab tl970">970px
  61       <div class="testlab tl670">670px
  62         <div class="testlab tl480">480px
  63           <div class="testlab tl320">320px
  64             <strong layout:fragment="content">CONTENT</strong>
  65           </div>
  66         </div>
  67       </div>
  68     </div>
  69   </body>
  70 </html>