You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>The Screenless Office - Mailroom</title>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
font-family: "CMU Serif";
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
}
|
|
|
|
|
#header {
|
|
|
|
|
font-family: "CMU Sans Serif";
|
|
|
|
|
}
|
|
|
|
|
#main {
|
|
|
|
|
margin-top: 2em;
|
|
|
|
|
}
|
|
|
|
|
#content {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 63%;
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
line-height: 0.9em;
|
|
|
|
|
}
|
|
|
|
|
#menu {
|
|
|
|
|
width: 30%;
|
|
|
|
|
float: left;
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
}
|
|
|
|
|
.cmd {
|
|
|
|
|
clear: both;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<div id="container">
|
|
|
|
|
<div id="header">
|
|
|
|
|
<div class="env-info">From: ${msg.fromstr}</div>
|
|
|
|
|
<div class="env-info">CC: ${msg.cc}</div>
|
|
|
|
|
<div class="env-info">Subject: ${msg.subject}</div>
|
|
|
|
|
<div class="env-info">Date: ${msg.date}</div>
|
|
|
|
|
<div class="env-info">To: ${msg.tostr}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="main">
|
|
|
|
|
<div id="content">
|
|
|
|
|
${msg.content}
|
|
|
|
|
</div>
|
|
|
|
|
<div id="menu">
|
|
|
|
|
<div class="cmd">Mark as Unread</div>
|
|
|
|
|
<div class="cmd">Delete</div>
|
|
|
|
|
<div class="cmd">Mark as SPAM</div>
|
|
|
|
|
<div class="cmd">Reply</div>
|
|
|
|
|
<div class="cmd">Reply All</div>
|
|
|
|
|
<div class="cmd">Print a Copy</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</html>
|
