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')
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