From b7caba4e99effe0aa8f2fca74dc33a2f4495924a Mon Sep 17 00:00:00 2001
From: David Robillard <d@drobilla.net>
Date: Sun, 24 Mar 2019 23:42:23 +0100
Subject: Use lighter style consistent with documentation

---
 themes/lv2/static/css/main.css      | 124 +++++++++++++++++++-----------------
 themes/lv2/static/css/slideshow.css |  18 +++---
 2 files changed, 74 insertions(+), 68 deletions(-)

(limited to 'themes/lv2/static/css')

diff --git a/themes/lv2/static/css/main.css b/themes/lv2/static/css/main.css
index 799cb10..61cb6fa 100644
--- a/themes/lv2/static/css/main.css
+++ b/themes/lv2/static/css/main.css
@@ -1,15 +1,16 @@
 /* Page Style */
 
 body {
-	font-family: sans-serif;
-	font-size: 100%;
-	background-color: #fff;
-	color: #000;
-	margin: 0;
-	padding: 0;
-	max-width: 60em;
+	background: #FFF;
+	color: #222;
+	font-style: normal;
+	line-height: 1.6em;
 	margin-left: auto;
 	margin-right: auto;
+	padding: 0 1em 0 1em;
+	max-width: 60em;
+	font-family: "DejaVu Serif",Palatino,serif;
+	text-rendering: optimizeLegibility;
 }
 
 a:link {
@@ -21,54 +22,54 @@ a:visited {
 }
 
 a:link {
-	color: #3D8C57;
+	color: #546E00;
 }
 
 a:visited {
-	color: #50755E;
+	color: #344E00;
 }
 
 a:hover {
 	text-decoration: underline;
 }
 
+.biglink {
+	font-size: large;
+	font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+}
+
+.siglink {
+	font-style: italic;
+}
+
 img {
 	border: 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
-	line-height: 1.125em;
-	margin: 1em 0 0.75em 0;
-}
-
-h1 {
-	font-size: 180%;
-	font-weight: 900;
+	line-height: 1.0125em;
+	color: #444;
+	font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+	margin: 1em 0 0.5em 0;
+	font-weight: 400;
 }
 
 h2 {
-	font-size: 140%;
-	font-weight: 700;
+	font-size: 160%;
 }
 
 h3 {
-	font-size: 120%;
-	font-weight: 600;
+	font-size: 140%;
 }
 
 h4 {
-	font-size: 115%;
-	font-weight: 700;
-}
-
-h5 {
-	font-size: 105%;
-	font-weight: 700;
+	font-size: 120%;
+	font-weight: 500;
 }
 
-h6 {
-	font-size: 100%;
-	font-weight: 700;
+h5, h6 {
+	font-size: 110%;
+	font-weight: 600;
 }
 
 table {
@@ -94,8 +95,8 @@ th {
 }
 
 time, #sitename {
-	color: #c0c0c0;
-	font-size: 75%;
+	color: #666;
+	font-size: small;
 	font-variant: small-caps;
 }
 
@@ -118,12 +119,29 @@ p.caption {
 	margin-top: 0;
 }
 
+div.article h2 {
+	margin-bottom: 0;
+}
+
+.postmeta {
+	font-size: small;
+	font-style: italic;
+	color: #666;
+}
+
+hr {
+	height: 0;
+	border: none;
+	border-top: 1px solid #DDD;
+	margin: 2em 0;
+}
+
 ul, ol {
 	padding: .25em 0em 0 3em;
 }
 
-ul li, ol li {
-	padding: 0 0 1em 0;
+li {
+	list-style-type: circle;
 }
 
 strong {
@@ -131,7 +149,7 @@ strong {
 }
 
 tt, pre {
-	font-family: monospace;
+	font-family: "DejaVu Sans Mono",monospace,fixed;
 	line-height: 1.2em;
 }
 
@@ -144,53 +162,43 @@ pre {
 }
 
 nav {
-	background-color: #222;
-	background: linear-gradient(to bottom, #444 0%, #000 100%);
-	border-bottom: solid 2px #444;
-	border-left: solid 2px #444;
-	border-right: solid 2px #444;
-	border-radius: 0 0 6px 6px;
-	color: #EEE;
-	margin: 0;
-	padding: 0.5em;
+	border-bottom: 1px solid #DDD;
+	padding: 0.75em 0;
+	vertical-align: baseline;
+	font-size: small;
 }
 
 nav a, nav a:link, nav a:visited {
-	border-bottom: none;
-	color: #EEE;
+	text-decoration: none;
 }
 
 nav ul {
 	margin: 0;
 	padding: 0;
-	font-size: large;
-	font-weight: bold;
+	font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
 }
 
 nav li {
 	display: inline;
-	margin-right: 1em;
+	margin-right: 0.75em;
 }
 
 #logo {
-	vertical-align: middle;
+	vertical-align: baseline;
 }
 
 header a#page-title {
-	font-weight: bold;
-	font-size: x-large;
-	color: black;
+	color: #444;
 }
 
 #content {
-	padding: 0.5em 2em 2em 2em;
+	padding: 0;
 }
 
 .highlight {
-	font-family: monospace;
-	background-color: black;
+	font-family: "DejaVu Sans Mono",monospace,fixed;
 	border: solid 1px #eee;
-	color: white;
+	color: #444;
 	border-radius: 6px;
 }
 
@@ -289,4 +297,4 @@ header a#page-title {
 .vc { color: #00cdcd } /* Name.Variable.Class */
 .vg { color: #00cdcd } /* Name.Variable.Global */
 .vi { color: #00cdcd } /* Name.Variable.Instance */
-.il { color: #cd00cd } /* Literal.Number.Integer.Long */
\ No newline at end of file
+.il { color: #cd00cd } /* Literal.Number.Integer.Long */
diff --git a/themes/lv2/static/css/slideshow.css b/themes/lv2/static/css/slideshow.css
index 508761c..6234fbb 100644
--- a/themes/lv2/static/css/slideshow.css
+++ b/themes/lv2/static/css/slideshow.css
@@ -1,22 +1,20 @@
 #slideshow {
-	line-height: 20em;
-	margin: 2em;
-	margin-left: auto;
-	margin-right: auto;
-	position: relative;
-	text-align: center;
+    width: 16em;
+    height: 16em;
+    float: right;
+    margin: 0 0 2em 2em;
+    right: 0;
+    top: 0;
+	line-height: 16em;
 	transform-style: preserve-3d;
 	vertical-align: middle;
-	width: 640px;
-	height: 480px;
 }
 
 #slideshow img {
 	border-radius: 6px;
 	height: auto;
 	left: 0;
-	margin-left: auto;
-	margin-right: auto;
+    margin: auto auto auto auto;
 	max-height: 100%;
 	max-width: 100%;
 	opacity: 0;
-- 
cgit v1.2.1