Transform hard-coded theme into Jinja template

themes/theme/templates/style.css

@@ -0,0 +1,112 @@
+body {
+	font: 1.2rem/1.0 Lato,sans-serif;
+	background-color: rgb(245, 245, 245);
+}
+
+a {
+	color: #000000;
+	text-decoration: none;
+	outline: none;
+}
+
+pre {
+	font-size: 1rem;
+	background-color: #eee;
+	padding: 1rem;
+}
+
+.container {
+	max-width: 56rem;
+	margin: 2rem auto 0 auto;
+}
+
+.sidebar {
+	margin-top: 2px;
+	float: left;
+	width: 8rem;
+	text-align: right;
+}
+
+.sidebar img {
+	width: 100%;
+	display: block;
+}
+
+.sidebar p {
+	margin-top: 1.1875rem;
+}
+
+.sidebar a {
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+	display: block;
+}
+.sidebar a:hover {
+	background-color: #eee;
+}
+
+.topbar {
+	text-align: center;
+}
+
+.topbar ul {
+	padding-left: 0;
+}
+
+.topbar li {
+	display: inline;
+	margin-right: 0.5rem;
+}
+
+.toc {
+	float: right;
+	background-color: #eee;
+	padding: 0.75rem;
+	padding-top: 0;
+}
+
+.toc ul {
+	padding-left: 1.2rem;
+	margin: 0;
+}
+
+.toc li {
+	margin-top: 0.75rem;
+}
+
+.content p.metadata {
+	color: #555;
+	font: 1rem/1.0 Apparatus SIL,serif;
+	font-style: italic;
+}
+
+.content div.summary p {
+	font-style: italic;
+}
+
+.content {
+	max-width: 36rem;
+}
+
+.content p {
+	font: 1.2rem/1.5 Apparatus SIL,serif;
+}
+
+.content a {
+	border-bottom: 1px solid #000;
+}
+
+@media screen and (min-width:36rem) {
+	.content {
+		margin-left: 10rem;
+	}
+	.topbar {
+		display: none;
+	}
+}
+
+@media screen and (max-width:36rem) {
+	.sidebar {
+		display: none;
+	}
+}