First commit of the ousia based website architecture

1 files changed, 185 insertions, 0 deletions

diff --git a/style/style.less b/style/style.less
new file mode 100644
index 0000000..5b5d2de
--- /dev/null
+++ b/style/style.less
@@ -0,0 +1,185 @@
+/*!
+ * Ousía Website CSS
+ *
+ * (c) Andreas Stöckel, 2015
+ *
+ * This work is licensed under a Creative Commons Attribution-ShareAlike 4.0
+ * International License. <http://creativecommons.org/licenses/by-sa/4.0/>
+ */
+
+@import "constants.less";
+@import "reset.less";
+@import "typography.less";
+@import "footer.less";
+
+span.ipa {
+	color: gray;
+}
+
+ol.footnotes {
+	color: @color-light;
+	font-size: 10pt;
+}
+
+
+/**
+ * Source code
+ */
+pre {
+	text-align: left;
+	padding: 1em;
+}
+
+pre, code {
+	font-family: "Source Code Pro";
+	background-color: #f3f3f3;
+	font-size: 11pt;
+}
+
+pre em {
+	font-style: normal;
+	font-weight: bold;
+	color: #204a87;
+}
+
+pre var {
+	color: #4e9a06;
+}
+
+pre mark {
+	background-color: #ad7fa8;
+	color: white;
+	text-shadow: none;
+}
+
+/**
+ * Header navigation
+ */
+header nav ul, header nav ul li {
+	display: inline-block;
+}
+
+header nav a {
+	padding: 0.5em 1em;
+}
+
+header nav a:hover {
+	color: white;
+	background-color: crimson;
+	text-decoration: none;
+}
+
+header h1 {
+	font-weight: normal;
+	font-size: 12pt;
+	text-transform: uppercase;
+	color: gray;
+	margin: 0;
+}
+
+/**
+ * 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;
+}
+
+
+/*
+ * For screen
+ */
+
+@media (min-width: 50rem) {
+
+/**
+ * Responsive columns
+ */
+main {
+	section {
+		clear: both;
+	}
+
+	.subsection {
+		display: block;
+		float: left;
+		width: 48.75%;
+		margin: 0.5em 0 0.5em 2.5%;
+	}
+
+	.first {
+		margin-left: 0;
+	}
+
+	.masthead .subsection.nav {
+		text-align: center;
+	}
+}
+
+}
+
+