From e13f463e89c8a3548e54e96aa1ecf31b50a0687d Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Fri, 22 May 2020 00:07:30 +0200
Subject: position elements, margins vertically by ems and horisontally by
 percent, margins 2% - center topbar, header float left, sidebar top-margin
 negative, relative to content height

---
 style.scss | 39 ++++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/style.scss b/style.scss
index bce431f..d5f59ce 100644
--- a/style.scss
+++ b/style.scss
@@ -28,7 +28,11 @@ h1 {
 }
 
 .pageheader {
-	padding: 1em;
+	padding: 0;
+	header {
+		float: right;
+		padding: 1em 2%;
+	}
 }
 
 a {
@@ -50,42 +54,46 @@ a {
 }
 
 .topbar {
-	padding: 1em 2em;
+	padding: 1em 2%;
+	text-align: center;
 }
 
 .topbar ul {
 	@include inline-list;
 	li {
-		margin-right: 4%;
+		margin-right: 2em;
 		font-variant: all-petite-caps;
 	}
 }
 
-
 .sidebar {
-	background: none;
-	padding: 1em;
+	float: left;
+	padding: 0;
 	border: none;
-	margin-top: 4em;
-	margin-right: 2em;
-	margin-bottom: 2em;
-	margin-left: 2em;
+	margin-top: -400px;
+	margin-right: 2%;
+	margin-bottom: 1em;
+	margin-left: 2%;
+	width: 21%;
+	background: transparent;
 }
 
-.sidebar ul li {
+.sidebar ul {
 	list-style-type: none;
+	padding-left: 0;
+	margin: 0;
 }
 
 .sidebar ul li .selflink {
 	color: $linkHoverColor;
 }
 
-
 #content {
 	width: 100%;
 	max-width: 52em;
+	min-height: 480px;
 	margin: 0 auto;
-	padding: 1em;
+	padding: 2em 2%;
 }
 
 #backlinks {
@@ -110,3 +118,8 @@ img.solo {
 th {
 	text-align: left;
 }
+
+#pageinfo {
+	border-top: none;
+	padding-left: 2em;
+}
-- 
cgit v1.2.3