Update documentation style

1 files changed, 248 insertions, 130 deletions

diff --git a/doc/doxy-style.css b/doc/doxy-style.css
index 3070102..df8fcea 100644
--- a/doc/doxy-style.css
+++ b/doc/doxy-style.css
@@ -7,33 +7,114 @@ body {
   margin-right: auto;
   padding: 1em;
   max-width: 60em;
-  font-family: "DejaVu Serif",Palatino,serif;
+  font-family: "SF Pro Text", Verdana, "DejaVu Sans", sans-serif;
   text-rendering: optimizeLegibility;
 }
 
-h1, .title, #projectname, h2, h3, h4, h5, h6 {
-  line-height: 1.0125em;
+h1 {
+  font-size: 1.68em;
+  font-weight: 500;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  line-height: 2em;
+  margin: 0 0 0.25em 0;
+}
+
+h2 {
+  line-height: 1.68em;
+  font-size: 1.41em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
+h3 {
+  line-height: 1.41em;
+  font-size: 1.18em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
+h4 {
+  line-height: 1.18em;
+  font-size: 1em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
+h5, h6 {
+  font-size: 0.7em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
+a {
+  color: #546E00;
+  text-decoration: none;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   color: #444;
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
-  margin: 1em 0 0.5em 0;
 }
 
-h1, .titlearea .header .titlebox, #projectname {
-  font-size: 300%;
+a:hover {
+  text-decoration: underline;
+}
+
+h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
+  color: #444;
+}
+
+h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
+  color: #444;
+}
+
+p {
+  margin: 0.5em 0 0.5em 0;
+}
+
+dt {
+  font-weight: 600;
+}
+
+dd {
+  margin-left: 2em;
+}
+
+caption {
+  font-weight: 700;
+}
+
+.title, #projectname {
+  line-height: 1.0125em;
+  margin: 0.75em 0 0 0;
+}
+
+.titlearea .header .titlebox, #projectname {
+  font-size: 1.68em;
   font-weight: 400;
   margin-bottom: 0.25em;
   margin-top: 0;
 }
 
+#header {
+  padding: 0 0 0.5em 0;
+  border-bottom: 1px solid #EEE;
+}
+
 .header .headertitle .title {
-  font-size: 180%;
-  font-weight: 400;
-  margin: 0.75em 0.25em 0.5em 0;
+  line-height: 1.68em;
+  font-size: 1.68em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
 }
 
 .ingroups {
-  display: inline;
+  display: none;
 }
+
 .title .ingroups a {
   font-size: small;
   margin-left: 1em;
@@ -42,7 +123,8 @@ h1, .titlearea .header .titlebox, #projectname {
 #titlebox, #metabox {
   display: inline-block;
 }
-#titlebox{
+
+#titlebox {
   display: inline-block;
   width: 75%;
   left: 0;
@@ -51,6 +133,18 @@ h1, .titlearea .header .titlebox, #projectname {
 
 #title {
   margin-bottom: 0.25em;
+  line-height: 1.25em;
+  font-size: 2.5em;
+  color: #333;
+  font-weight: 600;
+}
+
+.PageDoc {
+  margin-top: 1.5em;
+}
+
+.PageDoc .header .headertitle .title {
+  display: none;
 }
 
 #shortdesc {
@@ -58,68 +152,24 @@ h1, .titlearea .header .titlebox, #projectname {
   color: #666;
   display: inline-block;
   font-style: italic;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
   padding: 0;
 }
 
 #titlearea {
-  margin: 0.25em auto 0.25em auto;
+  margin: 0.25em auto 0 auto;
   padding: 0;
   position: relative;
   clear: both;
-  line-height: 1.0em;
-}
-
-h2 {
-  font-size: 160%;
-  font-weight: 400;
-}
-
-h3 {
-  font-size: 140%;
-  font-weight: 400;
-}
-
-h4 {
-  font-size: 120%;
-  font-weight: 500;
-}
-
-h5, h6 {
-  font-size: 110%;
-  font-weight: 600;
-}
-
-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 {
-  margin: 0.5em 0 0.5em 0;
-}
-
-dt {
-  font-weight: 700;
-}
-
-dd {
-  margin-left: 2em;
-}
-
-caption {
-  font-weight: 700;
+  line-height: 1em;
 }
 
-span.legend {
+.legend {
   font-size: small;
   text-align: center;
 }
 
-h3.version {
+.version {
   font-size: small;
   text-align: center;
 }
@@ -136,20 +186,10 @@ div.navtab {
   margin-right: 15px;
 }
 
-/* @group Link Styling */
-a {
-  color: #546E00;
-  text-decoration: none;
-}
-
 .contents a:visited {
   color: #344E00;
 }
 
-a:hover {
-  text-decoration: underline;
-}
-
 a.qindexHL {
   background-color: #9CAFD4;
   color: #FFF;
@@ -158,15 +198,15 @@ a.qindexHL {
 
 code {
   color: #444;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
 }
 
-/* @end */
 dl.el {
   margin-left: -1cm;
 }
 
 .fragment {
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
 }
 
 pre.fragment {
@@ -182,7 +222,7 @@ div.ah {
   color: #FFF;
   margin-bottom: 3px;
   margin-top: 3px;
-  padding: .2em;
+  padding: 0.2em;
   border: thin solid #333;
 }
 
@@ -193,6 +233,14 @@ div.groupHeader {
   font-weight: 700;
 }
 
+h2.groupheader {
+  line-height: 1.18em;
+  font-size: 1em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
 a + h2.groupheader {
   display: none;
 }
@@ -203,12 +251,17 @@ div.groupText {
 }
 
 div.contents, #content {
-  padding: 0 0.25em 0 0.25em;
   max-width: 60em;
   margin-left: auto;
   margin-right: auto;
 }
 
+.groupheader + p {
+  font-style: italic;
+  color: #666;
+  margin: 0 0 1em 0;
+}
+
 td.indexkey {
   background-color: #EBEFF6;
   font-weight: 700;
@@ -225,7 +278,20 @@ td.indexvalue {
 }
 
 table.memname {
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
+  border-spacing: 0;
+}
+
+table.memname tbody tr:last-child {
+  display: none;
+}
+
+table.memname tbody tr:only-child {
+  display: table-cell;
+}
+
+table.memname tbody tr:nth-last-child(2)::after {
+  content: ")";
 }
 
 tr.memlist {
@@ -260,7 +326,6 @@ img.footer {
   vertical-align: middle;
 }
 
-/* @group Code Colorization */
 span.keyword {
   color: #586E75;
 }
@@ -289,7 +354,6 @@ span.charliteral {
   color: #CB4B16;
 }
 
-/* @end */
 td.tiny {
   font-size: x-small;
 }
@@ -309,7 +373,7 @@ hr {
   height: 0;
   border: none;
   border-top: 1px solid #DDD;
-  margin: 2em 0 1em;
+  margin: 2em 0;
 }
 
 #footer {
@@ -322,12 +386,27 @@ hr {
   color: #888;
 }
 
-/* @group Member Descriptions */
+td.ititle {
+  padding-bottom: 0.75em;
+}
+
 table.memberdecls {
   border-spacing: 0.125em;
   line-height: 1.3em;
 }
 
+table.memberdecls h3 {
+  line-height: 1.18em;
+  font-size: 1em;
+  font-weight: 600;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  margin: 1.25em 0 0.5em 0;
+}
+
+tr.inherit_header td {
+  padding: 1em 0 0.5em 0;
+}
+
 .mdescLeft,.mdescRight,.memItemLeft,.memItemRight,.memTemplItemLeft,.memTemplItemRight,.memTemplParams {
   margin: 0;
   padding: 0;
@@ -339,13 +418,12 @@ table.memberdecls {
 
 .memItemLeft,.memItemRight,.memTemplParams {
   border: 0;
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
 }
 
 .memItemLeft,.memTemplItemLeft {
   white-space: nowrap;
   padding-left: 2em;
-  padding-right: 1em;
 }
 
 .memItemLeft a.el {
@@ -361,23 +439,35 @@ td.memSeparator {
   display: none;
 }
 
+td.mlabels-left {
+  margin-left: 0;
+  padding-left: 0;
+}
+
 td.mlabels-right {
-  vertical-align: top;
-  padding-top: 4px;
   color: #B4C342;
+  font-weight: normal;
+  margin-left: 1em;
+  vertical-align: bottom;
 }
 
 .memtitle {
+  border-bottom: 1px solid #EEE;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
+  font-size: 1.18em;
+  font-weight: 600;
+  line-height: 1.41em;
+  margin: 1.5em 0 0 0;
+}
+
+.permalink {
   display: none;
 }
 
-/* @end */
-/* @group Member Details */
-/* Styles for detailed member documentation */
 .memtemplate {
   color: #888;
   font-style: italic;
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
   font-size: small;
 }
 
@@ -391,25 +481,53 @@ td.mlabels-right {
 }
 
 .memitem {
-  padding: 0.25em 0.5em 0.25em 0.5em;
-  margin: 0 0 1em 0;
-  border-radius: 6px;
-  border: 1px solid #DDD;
+  padding: 0;
+  margin: 0 0 3em 0;
 }
 
 .memproto {
-  font-size: 110%;
-  font-weight: 400;
-  line-height: 1em;
-  color: #000;
+  border-bottom: 1px solid #EEE;
+  border-left: 1px solid #EEE;
+  color: #444;
+  float: right;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
+  font-size: small;
+  margin-bottom: 1em;
+  margin-left: 1em;
+  padding: 0.25em 0 0.25em 0.25em;
 }
 
 .memproto .paramname {
   font-style: normal;
+  padding-right: 0.25em;
+}
+
+.mlabels {
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .memdoc {
-  padding: 0 0.25em 0 0.25em;
+  padding: 0;
+}
+
+.memdoc > p:first-child, .memdoc .textblock > p:first-child {
+  font-style: italic;
+  color: #444;
+  margin-bottom: 0.75em;
+  margin-top: 0;
+  padding-top: 0.25em;
+  font-weight: normal;
+}
+
+.memdoc > p:first-child, .memdoc .textblock > h3:first-child {
+  color: #444;
+  margin-bottom: 0.75em;
+  margin-top: 0;
+  padding-top: 0.25em;
+  font-weight: normal;
+  color: #444;
+  font-size: 0.9em;
 }
 
 .paramkey {
@@ -418,16 +536,17 @@ td.mlabels-right {
 
 .paramtype {
   color: #666;
-  padding-right: 0.5em;
+  padding: 0 0.25em 0 0.25em;
   white-space: nowrap;
 }
 
-.paramname {
+.params .paramname {
   color: #111;
   white-space: nowrap;
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
   font-style: italic;
   padding-right: 0.5em;
+  vertical-align: top;
 }
 
 .fieldname {
@@ -435,8 +554,8 @@ td.mlabels-right {
 }
 
 .fieldtable {
-  padding-top: 0.25em;
-  border-top: 1px dashed #DDD;
+  margin-top: 1em;
+  border-collapse: collapse;
 }
 
 .fieldtable tbody tr:first-child {
@@ -444,21 +563,29 @@ td.mlabels-right {
 }
 
 td.fieldname {
-  padding: 0 0.5em 0 0.25em;
   vertical-align: top;
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
+}
+
+td.fielddoc {
+  padding: 0.125em 0.5em 0 0.5em;
+  vertical-align: top;
+}
+
+.fieldtable tbody tr td {
+  border-top: 1px dashed #DDD;
+  border-bottom: 1px dashed #DDD;
 }
 
 td.fieldtype {
   color: #666;
   padding: 0 0.5em 0 0;
   vertical-align: top;
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
 }
 
 td.fielddoc p {
   margin: 0;
-  vertical-align: top;
   padding: 0 0.5em 0 0;
 }
 
@@ -467,17 +594,12 @@ p.reference {
   font-style: italic;
 }
 
-/* @end */
-/* @group Directory (tree) */
-/* for the tree view */
 .ftvtree {
-  font-family: sans-serif;
+  font-family: "DejaVu Sans", Verdana, Helvetica, Arial, sans-serif;
   margin: 0;
 }
 
-/* these are for tree view when used as main index */
 .directory {
-  font-size: small;
   margin: 0.5em;
 }
 
@@ -506,7 +628,7 @@ p.reference {
 }
 
 td.entry {
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+  font-family: "DejaVu Sans", Verdana, Helvetica, Arial, sans-serif;
   font-weight: 400;
   padding-right: 1em;
 }
@@ -522,12 +644,11 @@ td.entry {
 }
 
 td.entry b {
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+  font-family: "DejaVu Sans", Verdana, 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%;
   font-weight: bold;
@@ -557,7 +678,6 @@ td.entry b {
   vertical-align: -30%;
 }
 
-/* @end */
 div.dynheader {
   margin-top: 8px;
 }
@@ -620,29 +740,25 @@ div.navpath {
 
 div.summary {
   font-size: small;
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+  font-family: "DejaVu Sans", Verdana, Helvetica, Arial, sans-serif;
   margin: 0;
-  color: #FFF; /* Hide separator bars */
-  border-bottom: 1px solid #DDD;
   padding: 0.25em 0;
+  display: none;
 }
 
 div.summary a {
   white-space: nowrap;
 }
 
-/* Metadata box (right aligned next to title) */
-
 #metabox {
   display: inline-block;
   font-size: x-small;
-  margin: 0 0 0.25em 0;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
   position: absolute;
   right: 0;
-  top: 0;
+  bottom: 0.25em;
   color: #666;
   font-style: italic;
-  padding: 0 1em;
 }
 
 #meta {
@@ -661,12 +777,12 @@ div.summary a {
   text-align: right;
 }
 
-#meta th:after {
+#meta th::after {
   content: ":";
 }
 
 div.line {
-  font-family: "DejaVu Sans Mono",monospace,fixed;
+  font-family: "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace, fixed;
   line-height: 1.4em;
   white-space: pre-wrap;
 }
@@ -683,6 +799,7 @@ span.lineno {
   background-color: #E8E8E8;
   white-space: pre;
 }
+
 span.lineno a {
   background-color: #D8D8D8;
 }
@@ -693,9 +810,8 @@ span.lineno a:hover {
 
 .tabs, .tabs2, .navpath {
   padding: 0.25em 0;
-  border-bottom: 1px solid #DDD;
   font-size: small;
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+  font-family: Helvetica, Arial, "DejaVu Sans Condensed", Verdana, sans-serif;
   margin: 0;
 }
 
@@ -709,7 +825,10 @@ th {
   padding: 0.125em;
 }
 
-/* tabs*/
+#navrow1, #navrow2 {
+  /* Disable menu from Doxygen 1.8.15, it is faked in the template */
+  display: none;
+}
 
 .tablist {
   margin: 0;
@@ -727,7 +846,6 @@ th {
 .tablist a {
   display: block;
   padding: 0 1em 0 0;
-  font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
   text-decoration: none;
   outline: none;
 }