juplo.de Git - website/blob - src/main/webapp/WEB-INF/templates/testlab.jsp

   1 <!DOCTYPE html>
   2 <%@page contentType="text/html;charset=UTF-8"%>
   3 <%@page pageEncoding="UTF-8"%>
   4 <%@page session="false" %>
   5 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
   6 <html>
   7   <head>
   8     <title>juplo - <t:getAsString name="title"/></title>
   9     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10     <t:insertAttribute name="htmlhead"/>
  11     <style type="text/css">
  12
  13       body {
  14         margin: 0;
  15         padding: 0;
  16       }
  17
  18       .testlab
  19       {
  20         width: 100%;
  21         text-indent: 0;
  22         margin: 0 0 20px -320px;
  23         background-color: #fff;
  24       }
  25       .testlab:after
  26       {
  27         content:"";
  28         display:table;
  29       }
  30       .tl970
  31       {
  32         margin-left: 0px;
  33         border-left: 970px solid green;
  34         text-indent: -970px;
  35         background-color: transparent;
  36       }
  37       .tl670
  38       {
  39         margin-left: -970px;
  40         border-left: 670px solid yellow;
  41         text-indent: -670px;
  42         background-color: transparent;
  43       }
  44       .tl480
  45       {
  46         margin-left: -670px;
  47         border-left: 480px solid orange;
  48         text-indent: -480px;
  49         background-color: transparent;
  50       }
  51       .tl320
  52       {
  53         margin-left: -480px;
  54         border-left: 320px solid red;
  55         text-indent: -320px;
  56         background-color: transparent;
  57       }
  58     </style>
  59   </head>
  60   <body>
  61     <h1><t:getAsString name="title"/></h1>
  62     <div class="testlab tl970">970px
  63       <div class="testlab tl670">670px
  64         <div class="testlab tl480">480px
  65           <div class="testlab tl320">320px
  66
  67             <t:insertAttribute name="content"/>
  68
  69           </div>
  70         </div>
  71       </div>
  72     </div>
  73   </body>
  74 </html>