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;
+}