more styling for the admin interface

This commit is contained in:
phil 2015-04-26 18:32:08 +00:00
parent 618c0659ad
commit 2b42525660
3 changed files with 52 additions and 17 deletions

View file

@ -0,0 +1,18 @@
div#help {
font-family: monospace;
border: 1px solid #8cacbb;
color: black;
background-color: white;
padding: 3px;
margin: 2em 0 2em 0;
font-size: small;
background-color: #EEEEFF;
}
div#help dt {
padding-top: 1em;
}
div#timestamp {
padding-bottom: 1em;
}

View file

@ -4,19 +4,32 @@
<xi:include href="layout.html" />
<head>
<title>Admin Ticker</title>
<link href="../admin.css" type="text/css" rel="stylesheet" />
<link href="../bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all" />
<link href="../bootstrap/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div class="container theme-showcase" role="main">
<h1 id="title">Tycker Administration Interface</h1>
<?python
import datetime
now = datetime.datetime.now()
?>
<div class="page-header"></div>
<div class="container">
<p><i><a href="../../${static_url}" title="static website">show tycker website</a></i></p>
<p>The content may be written in <a href="http://www.wikicreole.org/imageServlet?page=CheatSheet%2Fcreole_cheat_sheet.png" target="_blank">wikicreole syntax</a>. Here are some examples:</p>
<div id="help">
<dl>
<p>The content may be written in <a href="http://www.wikicreole.org/imageServlet?page=CheatSheet%2Fcreole_cheat_sheet.png" target="_blank">wikicreole syntax</a>. Here are some examples:</p>
<dl>
<dt><strong>accentuation</strong></dt>
<dd>//italics// --> <em>italics</em></dd>
<dd>**bold** --> <strong>bold</strong></dd>
@ -27,11 +40,14 @@
<dd>== Large heading</dd>
<dd>=== Medium heading</dd>
<dd>==== Small heading</dd>
</dl>
</dl>
</div>
<form action="generate" method="GET">
<div id="timestamp">
<form action="generate" method="GET">
<input type="submit" value="Generate current timestamp" />
</form>
</form>
</div>
<table border="1">
<tr><th>Timestamp</th><th>Title</th><th>Content</th></tr>
@ -53,6 +69,7 @@
</form></td>
</tr>
</table>
</div>
</div>
</body>
</html>