Finalize theme

themes/theme/static/fonts/fonts.css

@@ -0,0 +1,51 @@
+@font-face {
+    font-family: 'Apparatus SIL';
+    src: url('AppSILR.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-style: italic;
+    src: url('AppSILI.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-weight: bold;
+    src: url('AppSILB.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Apparatus SIL';
+	font-weight: bold;
+	font-style: italic;
+    src: url('AppSILBI.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Lato Italic'), local('Lato-Italic'), url('Lato-Italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('Lato-BoldItalic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
+}

themes/theme/static/style.css

@@ -1,15 +1,22 @@
 body {
 	text-rendering: optimizeLegibility;
-	font: 1rem/1.3 sans-serif;
+	font: 1.2rem/1.0 Lato,sans-serif;
+	background-color: rgb(245, 245, 245);
+}
+
+a {
+	color: #000000;
+	text-decoration: none;
+	outline: none;
 }
 
 .container {
-	max-width: 40rem;
+	max-width: 56rem;
 	margin: 1rem auto 0 auto;
 }
 
 .sidebar {
-	margin-top: 1rem;
+	margin-top: 2px;
 	float: left;
 	width: 8rem;
 	text-align: right;
@@ -17,9 +24,24 @@ body {
 
 .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: #eeeeee;
 }
 
 .topbar {
+	text-align: center;
 }
 
 .topbar ul {
@@ -31,10 +53,27 @@ body {
 	margin-right: 0.5rem;
 }
 
-.content {
+.toc {
+	float: right;
 }
 
-@media screen and (min-width:30rem) {
+.toc li {
+	margin-top: 0.5rem;
+}
+
+.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;
 	}
@@ -43,7 +82,7 @@ body {
 	}
 }
 
-@media screen and (max-width:30rem) {
+@media screen and (max-width:36rem) {
 	.sidebar {
 		display: none;
 	}