Implement basic theme layout

test-theme/static/css/theme.css

@@ -1,12 +1,43 @@
 body {
 	background-color: #003;
 	color: #5bf;
+	margin:auto;
+	max-width: 500px;
 }
 
 a {
 	color: #8df;
+	text-decoration-color: rgb(0, 209, 140);
 }
 
 h1, h2, h3, h4, h5, h6 {
 	font-family: sans-serif;
 }
+
+main {
+	border-radius: 0pt 15pt 0pt 0pt;
+	border-top: 1px solid;
+	border-right: 1px solid;
+	order: 1;
+	/* Four times wider than <nav>, at least 300px*/
+	flex: 4 300px;
+}
+
+nav {
+	order: 2;
+	float: right;
+	flex: 1;
+	padding: 8px;
+	margin: 6px;
+	background-color: rgb(31, 18, 81);
+	border-radius: 12pt;
+}
+
+#main {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+footer {
+	text-align: right;
+}

test-theme/templates/base.html

@@ -37,6 +37,7 @@
 {% include "header.html" %}
 </header>
 
+<div id=main>
 <nav>
 {% include "sidebar.html" %}
 </nav>
@@ -46,6 +47,7 @@
 <p>No content here...</p>
 {% endblock content %}
 </main>
+</div> <!-- #main -->
 
 <footer>
 {% include "footer.html" %}