Curren version of the webpage

4 files changed, 69 insertions, 57 deletions

diff --git a/style/footer.less b/style/footer.less
index 1a86b18..51ee7bb 100644
--- a/style/footer.less
+++ b/style/footer.less
@@ -29,13 +29,12 @@ footer {
 		text-transform: uppercase;
 		font-weight: bold;
 	}
-}
 
-@media (min-width: 50rem) {
-	footer nav ul > li {
+	nav ul > li {
 		vertical-align: top;
 		display: inline-block;
 		width: 8rem;
 		margin: 0;
 	}
 }
+
diff --git a/style/header.less b/style/header.less
new file mode 100644
index 0000000..9e35e35
--- /dev/null
+++ b/style/header.less
@@ -0,0 +1,32 @@
+header {
+	nav {
+		ul {
+			float: right;
+			display: inline-block;
+		}
+	
+		ul li {
+			display: inline-block;
+
+			a {
+				padding: 0.5em 1em;
+			}
+
+			a:hover {
+				color: white;
+				background-color: crimson;
+				text-decoration: none;
+			}
+		}
+
+	}
+
+	h1 {
+		float: left;
+		font-weight: normal;
+		text-transform: uppercase;
+		color: gray;
+		margin: 0;
+	}
+}
+
diff --git a/style/style.less b/style/style.less
index 3348e93..021afd4 100644
--- a/style/style.less
+++ b/style/style.less
@@ -11,6 +11,7 @@
 @import "reset.less";
 @import "typography.less";
 @import "footer.less";
+@import "header.less";
 
 span.ipa {
 	color: gray;
@@ -53,31 +54,6 @@ pre mark {
 }
 
 /**
- * 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
  */
 
@@ -161,36 +137,12 @@ span.address > span {
 	display: block;
 }
 
-/*
- * 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;
-	}
+	padding-bottom: 3em;
 }
 
+img[name=license] {
+	display: block;
+	padding: 1em;
 }
 
-
diff --git a/style/typography.less b/style/typography.less
index d104536..f3a5e2e 100644
--- a/style/typography.less
+++ b/style/typography.less
@@ -1,5 +1,24 @@
+@font-face {
+	font-family: 'Noto Sans';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Noto Sans'), local('NotoSans'), url('../fonts/NotoSans.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Noto Sans';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('../fonts/NotoSansBold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Noto Sans';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Noto Sans Italic'), local('NotoSans-Italic'), url('../fonts/NotoSansItalic.ttf') format('truetype');
+}
 
-@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700);
 html {
 	font-family: 'Noto Sans', 'DejaVu Sans', sans-serif;
 	font-size: 12pt;
@@ -49,8 +68,18 @@ header, main {
 
 dt {
 	font-weight: bold;
+	color: @color-main;
 }
 
+dd, dt {
+	display: block;
+}
+
+dd {
+	margin-bottom: 0.5em;
+}
+
+
 /**
  * Footnotes
  */