Add basic message template

13 years ago · c53c8a4f16
parent 7bbe1c05fa
commit c53c8a4f16
2 changed files with 98 additions and 0 deletions
--- a/templates/message.html
+++ b/templates/message.html
@ -0,0 +1,33 @@
 <!doctype html>
 <html>
 	<head>
 		<title>"?subject" from ?from (?date) - ?title</title>
 		<link rel="stylesheet" href="style.css">
 	</head>
 	<body>
 		<h1>?title</h1>
 		<a href="?index" class="back">&lt;&lt; back to index</a>
 		<div class="main">
 			<h2>?subject</h2>
 			<h3>?version</h3>
 			<table class="message">
 				<tr>
 					<th>From:</th>
 					<th>To:</th>
 					<th>Date:</th>
 				</tr>
 				<tr>
 					<td>?from</td>
 					<td>?to</td>
 					<td>?date</td>
 				</tr>
 				<tr>
 					<td colspan="3" class="body">
 						?body
 					</td>
 				</tr>
 			</table>
 		</div>
 	</body>
 </html>
--- a/templates/style.css
+++ b/templates/style.css
@ -0,0 +1,65 @@
 html, body
 {
 	padding: 0px;
 	margin: 0px;
 	font-family: sans-serif;
 	background-color: #F7F7F7;
 }
 h1
 {
 	margin: 0px;
 	padding: 9px 12px;
 	background-color: #181818;
 	color: white;
 }
 a.back
 {
 	padding: 7px 12px;
 	color: white;
 	display: block;
 	background-color: #393939;
 }
 a.back:hover
 {
 	background-color: #444444;
 }
 .main
 {
 	padding: 9px 13px;
 }
 h2, h3
 {
 	margin: 3px 0px;
 }
 table.message
 {
 	width: 100%;
 	border: 2px solid #313131;
 	border-collapse: collapse;
 	margin-top: 20px;
 }
 table th, table td
 {
 	text-align: left;
 	border: 1px solid #313131;
 	padding: 5px 7px;
 }
 table th
 {
 	background-color: #313131;
 	color: white;
 }
 table td.body
 {
 	border: 2px solid #313131;
 	padding: 16px 13px;
 }