layout.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-3.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:tiles="http://www.thymeleaf.org">
  5. <head>
  6. <title tiles:include="title">SecureMail:</title>
  7. <link rel="icon" type="image/x-icon" th:href="@{/resources/img/favicon.ico}" href="../resources/img/favicon.ico"/>
  8. <link th:href="@{/resources/css/bootstrap.css}" href="../resources/css/bootstrap.css" rel="stylesheet"></link>
  9. <style type="text/css">
  10. /* Sticky footer styles
  11. -------------------------------------------------- */
  12. html,
  13. body {
  14. height: 100%;
  15. /* The html and body elements cannot have any padding or margin. */
  16. }
  17. /* Wrapper for page content to push down footer */
  18. #wrap {
  19. min-height: 100%;
  20. height: auto !important;
  21. height: 100%;
  22. /* Negative indent footer by it's height */
  23. margin: 0 auto -60px;
  24. }
  25. /* Set the fixed height of the footer here */
  26. #push,
  27. #footer {
  28. height: 60px;
  29. }
  30. #footer {
  31. background-color: #f5f5f5;
  32. }
  33. /* Lastly, apply responsive CSS fixes as necessary */
  34. @media (max-width: 767px) {
  35. #footer {
  36. margin-left: -20px;
  37. margin-right: -20px;
  38. padding-left: 20px;
  39. padding-right: 20px;
  40. }
  41. }
  42. /* Custom page CSS
  43. -------------------------------------------------- */
  44. /* Not required for template or sticky footer method. */
  45. .container {
  46. width: auto;
  47. max-width: 680px;
  48. }
  49. .container .credit {
  50. margin: 20px 0;
  51. text-align: center;
  52. }
  53. a {
  54. color: green;
  55. }
  56. .navbar-form {
  57. margin-left: 1em;
  58. }
  59. #chat {
  60. height: 15em;
  61. max-height: 200px;
  62. overflow:scroll
  63. }
  64. </style>
  65. <link th:href="@{resources/css/bootstrap-responsive.css}" href="/resources/css/bootstrap-responsive.css" rel="stylesheet"></link>
  66. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  67. <!--[if lt IE 9]>
  68. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  69. <![endif]-->
  70. <script tiles:replace="head"></script>
  71. </head>
  72. <body>
  73. <div id="wrap">
  74. <div class="navbar navbar-inverse navbar-static-top">
  75. <div class="navbar-inner">
  76. <div class="container">
  77. <a class="brand" th:href="@{/}"><img th:src="@{/resources/img/logo.png}" alt="Spring Security Sample"/></a>
  78. <div class="nav-collapse collapse">
  79. <div th:if="${#httpServletRequest.remoteUser != null}">
  80. <form class="navbar-form pull-right" th:action="@{/logout}" method="post">
  81. <input type="submit" value="Log out" />
  82. </form>
  83. <p class="navbar-text pull-right" th:text="${#httpServletRequest.remoteUser}">
  84. sample_user
  85. </p>
  86. </div>
  87. <ul class="nav">
  88. <li><a th:href="@{/}">Chat</a></li>
  89. <li><a th:href="@{/hack}">For Hackers</a></li>
  90. </ul>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <!-- Begin page content -->
  96. <div class="container">
  97. <div class="alert alert-success"
  98. th:if="${globalMessage}"
  99. th:text="${globalMessage}">
  100. Some Success message
  101. </div>
  102. <div tiles:substituteby="content">
  103. Fake content
  104. </div>
  105. </div>
  106. <div id="push"><!-- --></div>
  107. </div>
  108. <div id="footer">
  109. <div class="container">
  110. <p class="muted credit">Visit the <a href="http://spring.io/spring-security">Spring Security</a> site for more <a href="https://github.com/spring-projects/spring-security/blob/master/samples/">samples</a>.</p>
  111. </div>
  112. </div>
  113. </body>
  114. </html>