From 432d60b600842c7d09de9ca1f33800358e8e058d Mon Sep 17 00:00:00 2001
From: David Robillard <d@drobilla.net>
Date: Mon, 22 Apr 2019 10:52:21 +0200
Subject: Update documentation

---
 doc/style.css | 396 ++++++++++++++++++++++++++++++++--------------------------
 1 file changed, 222 insertions(+), 174 deletions(-)

(limited to 'doc/style.css')

diff --git a/doc/style.css b/doc/style.css
index f6ff8bb..52fdc05 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -1,68 +1,113 @@
 body {
-	max-width: 80em;
-	margin: 0;
+	background: #FFF;
+	color: #222;
+	font-style: normal;
+	line-height: 1.6em;
 	margin-left: auto;
 	margin-right: auto;
-	background: #FFF;
-	color: #000;
+    padding: 1em;
+	max-width: 60em;
+    font-family: "DejaVu Serif",Palatino,serif;
+    text-rendering: optimizeLegibility;
 }
 
-#titlearea {
-	display: none;
+h1, .title, #projectname, h2, h3, h4, h5, h6 {
+	line-height: 1.0125em;
+    color: #444;
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+    margin: 1em 0 0.5em 0;
+}
+
+h1, .titlearea .header .titlebox, #projectname {
+	font-size: 300%;
+	font-weight: 400;
+    margin-bottom: 0.25em;
+    margin-top: 0;
 }
 
-h1 {
+.header .headertitle .title {
 	font-size: 180%;
-	font-weight: 900;
+	font-weight: 400;
+    margin: 0.75em 0.25em 0.5em 0;
 }
 
-h2 {
-	font-size: 140%;
-	font-weight: 700;
+.ingroups {
+    display: inline;
+}
+.title .ingroups a {
+    font-size: small;
+    margin-left: 1em;
 }
 
-h3 {
-	font-size: 120%;
-	font-weight: 700;
+#titlebox, #metabox {
+	display: inline-block;
+}
+#titlebox{
+	display: inline-block;
+	width: 75%;
+	left: 0;
+	top: 0;
 }
 
-h4 {
-	font-size: 110%;
-	font-weight: 700;
+#title {
+    margin-bottom: 0.25em;
 }
 
-h5 {
-	font-size: 100%;
-	font-weight: 700;
+#shortdesc {
+	margin: 0;
+    color: #666;
+    display: inline-block;
+    font-style: italic;
+    padding: 0;
 }
 
-h6 {
-	font-size: 100%;
-	font-weight: 600;
+#titlearea {
+	margin: 0.25em auto 0.25em auto;
+    padding: 0;
+	position: relative;
+    clear: both;
+    line-height: 1.0em;
 }
 
-p {
-	margin: 0 0 1em 0;
+h2 {
+	font-size: 160%;
+	font-weight: 400;
 }
 
-dt {
-	font-weight: 700;
+h3 {
+	font-size: 140%;
+	font-weight: 400;
 }
 
-p.startli,p.startdd,p.starttd {
-	margin-top: 2px;
+h4 {
+	font-size: 120%;
+	font-weight: 500;
 }
 
-p.endli {
-	margin-bottom: 0;
+h5, h6 {
+	font-size: 110%;
+	font-weight: 600;
 }
 
-p.enddd {
-	margin-bottom: 4px;
+h1 a, h1 a:link, h1 a:visited ,
+h2 a, h2 a:link, h2 a:visited ,
+h3 a, h3 a:link, h3 a:visited ,
+h4 a, h4 a:link, h4 a:visited ,
+h5 a, h5 a:link, h5 a:visited ,
+h6 a, h6 a:link, h6 a:visited {
+    color: #444;
 }
 
-p.endtd {
-	margin-bottom: 2px;
+p {
+	margin: 0.5em 0 0.5em 0;
+}
+
+dt {
+	font-weight: 700;
+}
+
+dd {
+    margin-left: 2em;
 }
 
 caption {
@@ -115,30 +160,20 @@ code {
 	color: #444;
 }
 
-a.code {
-	color: #4665A2;
-}
-
-a.codeRef {
-	color: #4665A2;
-}
-
 /* @end */
 dl.el {
 	margin-left: -1cm;
 }
 
 .fragment {
-	font-family: monospace, fixed;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
 }
 
 pre.fragment {
 	border: 1px solid #C4C4C4;
 	background-color: #F9F9F9;
-	padding: 4px 6px;
-	margin: 4px 8px 4px 2px;
+	padding: 0.5em;
 	overflow: auto;
-	line-height: 125%;
 }
 
 div.ah {
@@ -167,10 +202,11 @@ div.groupText {
 	font-style: italic;
 }
 
-div.contents {
-	margin-top: 10px;
-	margin-left: 10px;
-	margin-right: 10px;
+div.contents, #content {
+    padding: 0 0.25em 0 0.25em;
+    max-width: 60em;
+	margin-left: auto;
+	margin-right: auto;
 }
 
 td.indexkey {
@@ -188,6 +224,10 @@ td.indexvalue {
 	margin: 2px 0;
 }
 
+table.memname {
+    font-family: "DejaVu Sans Mono",monospace,fixed;
+}
+
 tr.memlist {
 	background-color: #EEF1F7;
 }
@@ -213,7 +253,6 @@ div.center img {
 
 address.footer {
 	text-align: right;
-	padding-right: 12px;
 }
 
 img.footer {
@@ -223,43 +262,31 @@ img.footer {
 
 /* @group Code Colorization */
 span.keyword {
-	color: green;
+    color: #586E75;
 }
 
 span.keywordtype {
-	color: #3E873E;
+	color: #546E00;
 }
 
 span.keywordflow {
-	color: #e08000;
+	color: #586E75;
 }
 
 span.comment {
-	color: maroon;
+	color: #6C71C4;
 }
 
 span.preprocessor {
-	color: #806020;
+	color: #D33682;
 }
 
 span.stringliteral {
-	color: #002080;
+	color: #CB4B16;
 }
 
 span.charliteral {
-	color: teal;
-}
-
-span.vhdldigit {
-	color: #F0F;
-}
-
-span.vhdlkeyword {
-	color: #700070;
-}
-
-span.vhdllogic {
-	color: red;
+	color: #CB4B16;
 }
 
 /* @end */
@@ -285,17 +312,20 @@ hr {
 	margin: 2em 0 1em;
 }
 
-hr.footer {
-	height: 1px;
+#footer {
+	bottom: 0;
+	clear: both;
+	font-size: x-small;
+	margin: 2em 0 0;
+	padding: 0 1em 1em 1em;
+	vertical-align: top;
+	color: #888;
 }
 
 /* @group Member Descriptions */
 table.memberdecls {
 	border-spacing: 0.125em;
-}
-
-h2.groupheader {
-	margin: 0.5em 0 0.25em 0;
+    line-height: 1.3em;
 }
 
 .mdescLeft,.mdescRight,.memItemLeft,.memItemRight,.memTemplItemLeft,.memTemplItemRight,.memTemplParams {
@@ -309,7 +339,7 @@ h2.groupheader {
 
 .memItemLeft,.memItemRight,.memTemplParams {
 	border: 0;
-	font-family: monospace, fixed;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
 }
 
 .memItemLeft,.memTemplItemLeft {
@@ -334,7 +364,7 @@ td.memSeparator {
 td.mlabels-right {
 	vertical-align: top;
 	padding-top: 4px;
-	color: #AA6;
+	color: #B4C342;
 }
 
 .memtitle {
@@ -345,13 +375,15 @@ td.mlabels-right {
 /* @group Member Details */
 /* Styles for detailed member documentation */
 .memtemplate {
-	color: #4665A2;
-	font-weight: bold;
+	color: #888;
+    font-style: italic;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
+    font-size: small;
 }
 
 .memnav {
-	background-color: #EBEFF6;
-	border: 1px solid #A3B4D7;
+	background-color: #EEE;
+	border: 1px solid #B4C342;
 	text-align: center;
 	margin: 2px;
 	margin-right: 15px;
@@ -359,23 +391,25 @@ td.mlabels-right {
 }
 
 .memitem {
-	padding: 0;
-	margin: 1em 0 1em 0;
+	padding: 0.25em 0.5em 0.25em 0.5em;
+	margin: 0 0 1em 0;
+	border-radius: 6px;
+    border: 1px solid #DDD;
 }
 
 .memproto {
-	padding: 0;
-	font-weight: bold;
-	color: #000;
+	font-size: 110%;
+	font-weight: 400;
+    line-height: 1em;
+    color: #000;
 }
 
 .memproto .paramname {
-	color: #444;
 	font-style: normal;
 }
 
 .memdoc {
-	padding: 0 0 0.5em 2em;
+	padding: 0 0.25em 0 0.25em;
 }
 
 .paramkey {
@@ -383,37 +417,54 @@ td.mlabels-right {
 }
 
 .paramtype {
-	color: #3E873E;
+	color: #666;
+    padding-right: 0.5em;
 	white-space: nowrap;
 }
 
 .paramname {
-	color: #444;
+	color: #111;
 	white-space: nowrap;
-	font-weight: bold;
-}
-
-td.paramname {
-	vertical-align: top;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
+    font-style: italic;
+    padding-right: 0.5em;
 }
 
 .fieldname {
 	color: #000;
 }
 
+.fieldtable {
+    padding-top: 0.25em;
+    border-top: 1px dashed #DDD;
+}
+
+.fieldtable tbody tr:first-child {
+    display: none;
+}
+
 td.fieldname {
-	padding-right: 1em;
+	padding: 0 0.5em 0 0.25em;
 	vertical-align: top;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
 }
 
 td.fieldtype {
+	color: #666;
+	padding: 0 0.5em 0 0;
 	vertical-align: top;
-	color: #444;
-	padding-right: 0.5em;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
 }
 
 td.fielddoc p {
 	margin: 0;
+	vertical-align: top;
+	padding: 0 0.5em 0 0;
+}
+
+p.reference {
+    font-size: x-small;
+    font-style: italic;
 }
 
 /* @end */
@@ -454,6 +505,22 @@ td.fielddoc p {
 	vertical-align: -30%;
 }
 
+td.entry {
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+    font-weight: 400;
+    padding-right: 1em;
+}
+
+td.entry .arrow {
+    display: none;
+}
+
+td.entry b {
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+    font-weight: 400;
+    font-size: 130%;
+}
+
 /* these are for tree view when not used as main index */
 .directory-alt {
 	font-size: 100%;
@@ -491,7 +558,7 @@ div.dynheader {
 
 address {
 	font-style: normal;
-	color: #2A3D61;
+	color: #444;
 }
 
 table.doxtable {
@@ -523,23 +590,20 @@ table.doxtable th {
 }
 
 div.navpath {
-	padding: 0.25em;
+    color: #DDD;
 }
 
 .navpath ul {
-	font-size: x-small;
-	color: #8AA0CC;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
 }
 
 .navpath li {
-	list-style-type: none;
 	float: left;
-	padding-left: 10px;
-	padding-right: 15px;
-	color: #364D7C;
+	padding-left: 0;
+    margin-left: 0.5em;
+	padding-right: 1em;
 }
 
 .navpath a {
@@ -548,62 +612,68 @@ div.navpath {
 	outline: none;
 }
 
-.navpath a:hover {
-	color: #6884BD;
-}
-
 div.summary {
-	float: right;
-	font-size: x-small;
-	padding: 0.25em 0.5em 0 0;
-	width: 50%;
-	text-align: right;
+	font-size: small;
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+    margin: 0;
+    color: #FFF; /* Hide separator bars */
+    border-bottom: 1px solid #DDD;
+	padding: 0.25em 0;
 }
 
 div.summary a {
 	white-space: nowrap;
 }
 
-div.header {
-	background-color: #F3F3F3;
-	margin: 0;
+/* Metadata box (right aligned next to title) */
+
+#metabox {
+	display: inline-block;
+	font-size: x-small;
+	margin: 0 0 0.25em 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+    color: #666;
+    font-style: italic;
+    padding: 0 1em;
+}
+
+#meta {
+	border-style: hidden;
+    margin-right: 0.25em;
+}
+
+#meta tr, #meta th, #meta td {
+	background-color: transparent;
 	border: 0;
+    margin: 0;
+	font-weight: normal;
 }
 
-div.headertitle {
-	font-size: 180%;
-	font-weight: bold;
-	color: #FFF;
-	padding: 0.125em 0.25em 0.125em 0.25em;
-	background-color: #333;
-	background: linear-gradient(to bottom, #333 0%, #111 100%);
-	border: solid 1px #444;
-	border-top: 0;
-	border-radius: 0 0 6px 6px;
+#meta th {
+	text-align: right;
+}
+
+#meta th:after {
+	content: ":";
 }
 
 div.line {
-	font-family: monospace, fixed;
-	font-size: 13px;
-	min-height: 13px;
-	line-height: 1.0;
-	text-wrap: avoid;
+    font-family: "DejaVu Sans Mono",monospace,fixed;
+	line-height: 1.4em;
 	white-space: pre-wrap;
-	text-indent: -53px;
-	padding-left: 53px;
-	padding-bottom: 0;
-	margin: 0;
 }
 
 .glow {
-	background-color: cyan;
-	box-shadow: 0 0 10px cyan;
+	background-color: #2AA198;
+	box-shadow: 0 0 10px #2AA198;
 }
 
 span.lineno {
 	padding-right: 4px;
 	text-align: right;
-	border-right: 2px solid #0F0;
+	border-right: 2px solid #546E00;
 	background-color: #E8E8E8;
 	white-space: pre;
 }
@@ -616,22 +686,17 @@ span.lineno a:hover {
 }
 
 .tabs, .tabs2, .navpath {
-	background-image: none;
-	background-color: #333;
-	background: linear-gradient(to bottom, #333 0%, #111 100%);
-	border: 0;
-	border-bottom: solid 2px #000;
-	padding: 0;
-	padding-top: 2px;
-	font-size: small;
-}
-
-#navrow1 {
-	border: 0;
+	padding: 0.25em 0;
+    border-bottom: 1px solid #DDD;
+    font-size: small;
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+    margin: 0;
 }
 
 th {
 	text-align: left;
+    font-size: 110%;
+    font-weight: 500;
 }
 
 .mlabel {
@@ -650,40 +715,23 @@ th {
 	display: table-cell;
 	line-height: 2em;
 	list-style: none;
-	background-color: #333;
-	background: linear-gradient(to bottom, #444 0%, #222 100%);
-	border: 1px solid #222;
 	border-bottom: 0;
-	border-radius: 6px 6px 0 0;
-	color: #DDD;
 }
 
 .tablist a {
 	display: block;
-	padding: 0 20px;
-	font-weight: bold;
-	color: #859900;
+	padding: 0 1em 0 0;
+    font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
 	text-decoration: none;
 	outline: none;
 }
 
-.header a {
-	color: #859900;
-}
-
 .tabs3 .tablist a {
 	padding: 0 10px;
 }
 
-.tablist a:hover {
-	color: #fff;
-	text-shadow: 0 1px 1px rgba(0, 0, 0, 1.0);
-	text-decoration: none;
-}
-
 .tablist li.current a {
-	color: #fff;
-	text-shadow: 0 1px 1px rgba(0, 0, 0, 1.0);
+	color: #222;
 }
 
 span.icon {
-- 
cgit v1.2.1