1 files changed, 56 insertions, 83 deletions
diff --git a/style/style.less b/style/style.less
index 7ee3edb..f333d72 100644
--- a/style/style.less
+++ b/style/style.less
@@ -7,29 +7,71 @@
  * International License. <http://creativecommons.org/licenses/by-sa/4.0/>
  */
 
-@import "constants.less";
+@import "preamble.less";
 @import "reset.less";
 @import "typography.less";
-@import "footer.less";
-@import "header.less";
+/*@import "footer.less";
+@import "header.less";*/
 
 /* Import the prism code highlighter stylesheet */
 @import (less) "lib/prism.css";
+@import (less) "lib/prism_osml.css";
 
-span.ipa {
-	color: gray;
+body {
+	background-color: @color-bg;
 }
 
-ol.footnotes {
-	color: @color-light;
-	font-size: 10pt;
+main > section {
+	max-width: @layout-width;
+	margin: 0 auto;
+	padding: 1rem 3rem;
+	vertical-align: top;
 }
 
+/* Responsively move "asides" to the side */
+@media (min-width: (@layout-width + 18em)) {
+
+aside {
+	position: absolute;
+	left: -14rem;
+	max-width: 12rem;
+	text-align: right;
+}
+
+main > section {
+	padding-left: 16rem;
+}
+
+}
+
+/* Responsively increase font size to screen size */
+@media (min-width: 300px) {
+	html {
+		font-size: 10pt;
+	}
+}
+@media (min-width: 500px) {
+	html {
+		font-size: 11pt;
+	}
+}
+@media (min-width: 1400px) {
+	html {
+		font-size: 13pt;
+	}
+}
+@media (min-width: 1900px) {
+	html {
+		font-size: 14pt;
+	}
+}
+
+
 
 /**
  * Source code
  */
-pre {
+/*pre {
 	text-align: left;
 	margin: 1em 0;
 	padding: 1em;
@@ -55,85 +97,14 @@ pre mark {
 	background-color: #ad7fa8;
 	color: white;
 	text-shadow: none;
-}
-
-/**
- * Main text
- */
-
-main section#masthead ul#downloads li a {
-}
+}*/
 
-main section {
-	text-align: justify;
-	-moz-hyphens: auto;
-	hyphens: auto;
-}
-
-.footnoteRef {
-	position: relative;
-	font-size: 85%;
-	top: -0.25em;
-	color: crimson;
-}
-
-.footnote {
-	font-size: 85%;
-	color: gray;
-}
-
-ol.footnotes {
-	clear: both;
-}
-
-/**
- * Masthead
- */
-section.masthead {
-
-	h1 {
-		font-size: 30pt;
-	}
-
-	h2 {
-		font-size: 20pt;
-	}
-
-	.pitch {
-		font-size: 14pt;
-		-moz-hyphens: none;
-		hyphens: none;
-		text-align: left;
-	}
-}
-
-.nav a.button:first-child {
-	background-color: @color-main;
-	font-weight: bold;
-	color: white;
-	width: 14em;
-}
-
-main a.button {
-	text-align: center;
-	display: inline-block;
-	width: 4em;
-	padding: 0.5em 2em;
-	margin: 1em;
-	border-radius: 2px;
-	border: 1px solid @color-main;
-}
-
-main a.button:hover {
-	background-color: @color-main;
-	color: white;
-}
 
 /*
  * Addresses
  */
 
-span.address, span.mail, span.phone {
+/*span.address, span.mail, span.phone {
 	display: block;
 }
 
@@ -152,4 +123,6 @@ img[name=license] {
 
 .column.nav {
 	text-align: center;
-}
+}*/
+
+