Begin a basic responsive theme

themes/theme/static/style.css

@@ -0,0 +1,50 @@
+body {
+	text-rendering: optimizeLegibility;
+	font: 1rem/1.3 sans-serif;
+}
+
+.container {
+	max-width: 40rem;
+	margin: 1rem auto 0 auto;
+}
+
+.sidebar {
+	margin-top: 1rem;
+	float: left;
+	width: 8rem;
+	text-align: right;
+}
+
+.sidebar img {
+	width: 100%;
+}
+
+.topbar {
+}
+
+.topbar ul {
+	padding-left: 0;
+}
+
+.topbar li {
+	display: inline;
+	margin-right: 0.5rem;
+}
+
+.content {
+}
+
+@media screen and (min-width:30rem) {
+	.content {
+		margin-left: 10rem;
+	}
+	.topbar {
+		display: none;
+	}
+}
+
+@media screen and (max-width:30rem) {
+	.sidebar {
+		display: none;
+	}
+}