-<!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.html :: head">juplo - TESTLABTEMPLATE</title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <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>