layout_sleek.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <!--
  3. Smooth and Sleek by christopher robinson
  4. http://www.edg3.co.uk/
  5. hope you enjoy it and find it usefull :)
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head profile="http://gmpg.org/xfn/11">
  9. <title>{{=request.application}}</title>
  10. <style>
  11. <!--
  12. /*
  13. Author : Christopher Robinson
  14. Email : christopher@edg3.co.uk
  15. Website : http://www.edg3.co.uk/
  16. */
  17. * {
  18. border:0;
  19. margin:0;
  20. padding:0;
  21. }
  22. /* body */
  23. body {
  24. background:#fff;
  25. color:#666;
  26. font:0.75em/100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  27. line-height:1.4em;
  28. }
  29. /* general */
  30. a {
  31. color:#9C0;
  32. text-decoration:none;
  33. }
  34. a:hover {
  35. color:#555;
  36. text-decoration:none;
  37. }
  38. /* header */
  39. #header {
  40. background:#323232 url('/{{=request.application}}/static/sleek/background_header.jpg') center repeat-y;
  41. width:100%;
  42. }
  43. #header:after {
  44. clear:both;
  45. content:'.';
  46. display:block;
  47. height:0;
  48. visibility:hidden;
  49. }
  50. #header_inside {
  51. border-left:1px solid #bbb;
  52. border-right:1px solid #bbb;
  53. margin:0 auto;
  54. width:800px;
  55. }
  56. #header_inside h1 {
  57. color:#fff;
  58. float:left;
  59. font:3.2em 'Trebuchet MS', Verdana, sans-serif;
  60. height:100px;
  61. line-height:100px;
  62. margin:0 0 0 20px;
  63. width:180px;
  64. }
  65. #header_inside h1 span {
  66. color:#9c0;
  67. }
  68. #header_inside ul {
  69. float:right;
  70. height:100px;
  71. list-style:none;
  72. width:600px;
  73. }
  74. #header_inside ul li {
  75. border-right:1px solid #555;
  76. float:right;
  77. height:100px;
  78. list-style:none;
  79. width:75px;
  80. }
  81. #header_inside ul li a {
  82. color:#fff;
  83. display:block;
  84. height:50px;
  85. line-height:50px;
  86. padding:50px 0 0;
  87. text-align:center;
  88. width:75px;
  89. }
  90. #header_inside ul li a:hover {
  91. background:#fff;
  92. color:#111;
  93. }
  94. #header_inside ul li a.active {
  95. background:#fff;
  96. color:#111;
  97. }
  98. /* content */
  99. #content {
  100. background:#fff url('/{{=request.application}}/static/sleek/background_content.jpg') center repeat-y;
  101. clear:both;
  102. width:100%;
  103. }
  104. #content_inside {
  105. border-left:1px solid #bbb;
  106. border-right:1px solid #bbb;
  107. margin:0 auto;
  108. width:800px;
  109. }
  110. #content_inside_sidebar {
  111. border-left:1px solid #bbb;
  112. clear:both;
  113. float:right;
  114. height:auto;
  115. line-height:175%;
  116. margin:5px 0;
  117. padding:0 10px;
  118. width:200px;
  119. }
  120. #content_inside_sidebar h2 {
  121. background:#fff;
  122. color:#000;
  123. font-size:110%;
  124. font-weight:400;
  125. padding:5px 0;
  126. text-align:right;
  127. }
  128. #content_inside_sidebar ul {
  129. letter-spacing:-1px;
  130. list-style:none;
  131. margin:0 0 10px;
  132. }
  133. #content_inside_sidebar ul li {
  134. list-style:none;
  135. }
  136. #content_inside_sidebar ul li a {
  137. border-bottom:1px solid #e9e9e9;
  138. display:block;
  139. padding:3px;
  140. text-align:right;
  141. width:194px;
  142. }
  143. #content_inside_sidebar ul li a:hover {
  144. background:#ddd;
  145. color:#000;
  146. }
  147. #content_inside_main {
  148. background:#fff;
  149. float:left;
  150. letter-spacing:-1px;
  151. line-height:175%;
  152. margin:0 auto;
  153. padding:10px;
  154. width:559px;
  155. }
  156. #content_inside_main h1 {
  157. border-bottom:1px solid #ccc;
  158. font-size:125%;
  159. padding:0 0 2px;
  160. }
  161. #content_inside_main h2 {
  162. color:#ccc;
  163. font-size:115%;
  164. text-align:right;
  165. }
  166. #content_inside_main h2.flash {
  167. color:red;
  168. font-size:115%;
  169. text-align:right;
  170. }
  171. #content_inside_main p {
  172. padding:0 0 10px;
  173. }
  174. /* footer */
  175. #footer {
  176. background:#323232 url('/{{=request.application}}/static/sleek/background_footer.jpg') center repeat-y;
  177. clear:both;
  178. height:100px;
  179. width:100%;
  180. }
  181. #footer_inside {
  182. border-left:1px solid #bbb;
  183. border-right:1px solid #bbb;
  184. height:100px;
  185. margin:0 auto;
  186. width:800px;
  187. }
  188. #footer_inside p {
  189. color:#fff;
  190. line-height:100px;
  191. text-align:center;
  192. }
  193. -->
  194. </style>
  195. <meta http-equiv="cache-control" content="no-cache" />
  196. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  197. <meta http-equiv="content-language" content="en-gb" />
  198. <meta http-equiv="imagetoolbar" content="false" />
  199. <meta http-equiv="pragma" content="no-cache" />
  200. <meta name="author" content="Christopher Robinson" />
  201. <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" />
  202. <meta name="description" content=""/>
  203. <meta name="keywords" content="" />
  204. <meta name="last-modified" content="Thursday, 01 February 2007 12:00:00 GMT" />
  205. <meta name="mssmarttagspreventparsing" content="true" />
  206. <meta name="robots" content="index, follow, noarchive" />
  207. <meta name="revisit-after" content="7 days" />
  208. </head>
  209. <body>
  210. <div id="header">
  211. <div id="header_inside">
  212. <h1><span>{{=request.application}}</span> {{=request.controller}} {{request.function}}</h1>
  213. <ul>
  214. {{if response.menu:}}
  215. {{for item,active,link in response.menu:}}
  216. {{if not active:}}<li>{{=A(item,_href=link)}}</li>{{else:}}
  217. <li>{{=A(item,_href=link,_class='active')}}</li>{{pass}}
  218. {{pass}}
  219. {{pass}}
  220. </ul>
  221. </div>
  222. </div>
  223. <div id="content">
  224. <div id="content_inside">
  225. <div id="content_inside_sidebar">
  226. </div>
  227. <div id="content_inside_main">
  228. {{if response.flash:}}<h2 class="flash">FLASH: {{=response.flash}}</h2>{{pass}}
  229. {{include}}
  230. </div>
  231. <div id="footer">
  232. <div id="footer_inside">
  233. </div>
  234. </div>
  235. </div>
  236. </body>
  237. </html>