copying over more files

styles/main.css

@@ -0,0 +1,184 @@
+body {
+  font-family: "Calibri", "Times New Roman", Times, sans-serif;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+#navigation,
+#content {
+  width: 80%;
+  margin: 0 auto;
+}
+
+#content {
+  padding-bottom: 30px;
+}
+
+a {
+  color: #0024b5;
+  text-decoration: none;
+}
+
+a:focus,a:hover {
+  color: #2a6496;
+  text-decoration: underline;
+}
+
+#navigation {
+  max-width: 800px;
+}
+
+.nav-item {
+  font-weight: bold;
+}
+
+#navigation nav {
+  padding: 15px 20px;
+  display: flex;
+  flex-flow: wrap row;
+  justify-content: space-around;
+  text-align: center;
+}
+
+#navigation nav + nav {
+  border-top: 1px solid gray;
+}
+
+#navigation nav a {
+  margin: 10px 15px;
+  flex: 1 0 auto;
+}
+
+#not-found-content {
+  max-width: 600px;
+  margin: 50px auto;
+  text-align: center;
+}
+
+#not-found-content h1 {
+  font-size: 40px;
+}
+
+pre, code {
+  background-color: #f0f0f0;
+  overflow: auto;
+  border-radius: 3px;
+}
+
+pre {
+  line-height: 1.4;
+  padding: 5px;
+}
+
+code {
+  padding: 2px;
+}
+
+pre > code {
+  overflow: visible;
+  padding: 0;
+  white-space: pre;
+}
+
+li > br {
+	margin-bottom: 8px;
+}
+
+/* Use similar sizes for headings as GitHub .md preview/display.
+    This makes editing in the GitHub editor look closer to what shows up on socvr.org.
+*/
+h1, h2 {
+  padding-bottom: 0.3em;
+  /*border-bottom: 1px solid #eaecef;*/
+}
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+h1 {
+  font-size: 2em;
+}
+h2 {
+  font-size: 1.5em;
+}
+h3 {
+  font-size: 1.25em;
+}
+h4 {
+  font-size: 1em;
+}
+h5 {
+  font-size: 0.875em;
+}
+h6 {
+  font-size: 0.85em;
+  color: #6a737d;
+}
+
+/* Show an anchor upon hover */
+li, h1, h2, h3, h4, h5, p {
+    position: relative;
+}
+a.hover-visible {
+	position: absolute;
+	left: -20px;
+    top: 0;
+	display: block;
+    opacity: 0;
+}
+li a.hover-visible {
+    top: -2px;
+	left: -50px;
+}
+p a.hover-visible {
+    top: -2px;
+	left: -25px;
+}
+h1 a.hover-visible {
+    top: 10px;
+	left: -30px;
+    font-size: 17px;
+}
+h2 a.hover-visible {
+    top: 3px;
+	left: -29px;
+    font-size: 17px;
+}
+h3 a.hover-visible {
+    top: 3px;
+	left: -28px;
+    font-size: 14px;
+}
+h4 a.hover-visible {
+	left: -28px;
+}
+h5 a.hover-visible {
+    top: 1px;
+	left: -24px;
+    font-size: 12px;
+}
+*:hover > a.hover-visible {
+    opacity: 1;
+}
+a.hover-visible::before {
+	display: block;
+	position: absolute;
+	left: 0;
+    top: 0;
+	content: '\01f517\0000a0';
+}
+h3 a.hover-visible::before,
+h5 a.hover-visible::before,
+li a.hover-visible::before {
+	content: '\01f517\0000a0\0000a0\0000a0';
+}
+h1 a.hover-visible::before {
+	content: '\01f517\0000a0\0000a0';
+}