Add navigation

1 files changed, 24 insertions, 0 deletions

diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index f92f58d..227093c 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -17,12 +17,36 @@
 
 body {
 	font-family: Hebrew, sans-serif;
+	position: relative;
 }
 
 .container {
 	max-width: 970px;
 }
 
+#sticky-nav {
+	padding-top: 1em;
+}
+
+@media (min-width: 1270px) {
+	/* 970px is width of .container; 200px is width of #sticky-nav. This places
+	 * the nav buttons to the left of the content. */
+	#sticky-nav {
+		left: calc(50% - 970px/2 - 150px);
+		position: fixed;
+		text-align: right;
+		width: 150px;
+	}
+
+	#sticky-nav li {
+		float: none;
+	}
+
+	#sticky-nav li > a {
+		display: inline-block;
+	}
+}
+
 .greyed-out {
 	color: #888;
 }