From b5af44f350661fba6061d20981c11a9615754001 Mon Sep 17 00:00:00 2001
From: Eorn <eorn@goe.land>
Date: Wed, 15 Apr 2020 15:56:29 +0200
Subject: [PATCH] some formating fixes

---
 static/css/style.css | 61 +++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 6 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index a82123f..b06a83b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -64,10 +64,10 @@ main {
 }
 .sidebar {
 	flex: 0 0 250px;
-	font-size: 0.9em;
+	font-size: 1em;
 }
 .page-content {
-	font-size: 1em;
+	font-size: 1.25em;
 	min-width: 320px;
 	flex-grow: 1;
 	padding-left: 12px;
@@ -210,7 +210,7 @@ body {
 	color: white;
 	background-color: #232627;
 	text-rendering: optimizeLegibility;
-	line-height: 1.15;
+	line-height: 1.25;
 	margin: 0 auto;
 	max-width: 1280px;
 	padding: 15px;
@@ -223,8 +223,8 @@ body {
 
 
 .page-content p {
-	margin-top: 10px;
-	margin-bottom: 10px;
+	margin-top: 15px;
+	margin-bottom: 15px;
 }
 
 a {
@@ -273,20 +273,24 @@ a:hover {
 	font-size: 25px;
 	font-weight: bold;
 	color: #bbb677;
+	margin-top: 30px;
 }
 .page-content h3 {
 	font-size: 20px;
 	font-weight: bold;
 	color: #bbb677;
+	margin-top: 35px;
 }
 .page-content h4 {
 	font-size: 15px;
 	font-weight: bold;
 	color: #bbb677;
+	margin-top: 20px;
 }
 .page-content h5 {
 	font-size: 15px;
 	color: #bbb677;
+	margin-top: 10px;
 }
 
 .page-content .article-date {
@@ -316,7 +320,52 @@ article .post-content {
 	display: inline-block;
 	width: 0.75em;
 	margin-left: -0.5em;
+}
 
+
+.page-content ol {
+	margin-left: 20px;
+	list-style: decimal;
+}
+.page-content ol li{
+	margin-left: 10px;
+}
+
+
+.page-content em {
+	font-style: italic;
+}
+
+.page-content strong {
+	font-weight: bold;
+}
+
+.page-content code {
+	font-family: "Source Code Pro", monospace;
+}
+
+
+
+figure {
+	padding: 5px;
+	border: 1px dotted #bbb677;
+}
+
+figure.large-img {
+	max-width: 80%;
+}
+
+figure.center {
+	margin: 0 auto;
+}
+
+
+figure img {
+	max-width: 100%;
+}
+
+.center {
+	text-align: center;
 }
 
 
@@ -329,6 +378,7 @@ article .post-content {
 
 
 
+
 /* Responsive */
 @media only screen and (max-width: 800px) {
 	.flex {
@@ -350,4 +400,3 @@ article .post-content {
 	}
 
 }
-