Update documentation style

1 files changed, 223 insertions, 85 deletions

diff --git a/doc/style.css b/doc/style.css
index 4c62b46..65ec384 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -1,69 +1,59 @@
 body {
-	font-size: medium;
 	font-family: sans-serif;
-}
-
-#top {
-	background-color: #F3F3F3;
+	max-width: 80em;
 	margin: 0;
-	padding: 0;
-	border-bottom: 1px solid #DDD;
-	margin-bottom: 1ex;
-	font-size: xx-large;
-	font-weight: bold;
-}
-
-div.header {
-	display: none;
+	margin-left: auto;
+	margin-right: auto;
+	background: #FFF;
+	color: #000;
 }
 
-.tabs {
+#titlearea {
 	display: none;
 }
 
-h1 h2 h3 h4 h5 h6 {
-	font-weight: bold;
-}
-
 h1 {
-	font-size: 164%;
+	font-size: 180%;
+	font-weight: 900;
 }
 
 h2 {
-	font-size: 132%;
+	font-size: 140%;
+	font-weight: 700;
 }
 
 h3 {
-	font-size: 124%;
+	font-size: 120%;
+	font-weight: 700;
 }
 
 h4 {
-	font-size: 116%;
+	font-size: 110%;
+	font-weight: 700;
 }
 
 h5 {
-	font-size: 108%;
+	font-size: 100%;
+	font-weight: 700;
 }
 
 h6 {
 	font-size: 100%;
+	font-weight: 600;
 }
 
 p {
 	margin: 0 0 1ex 0;
 }
 
-br {
-	display: none;
-}
+/* br { */
+/* 	display: none; */
+/* } */
 
 dt {
 	font-weight: 700;
 }
 
-div.multicol {
-}
-
 p.startli,p.startdd,p.starttd {
 	margin-top: 2px;
 }
@@ -102,23 +92,18 @@ div.qindex,div.navtab {
 	padding: 2px;
 }
 
-div.qindex,div.navpath {
-	width: 100%;
-	line-height: 140%;
-}
-
 div.navtab {
 	margin-right: 15px;
 }
 
 /* @group Link Styling */
 a {
-	color: #3D8C57;
+	color: #546E00; /*70957E;*/
 	text-decoration: none;
 }
 
 .contents a:visited {
-	color: #50755E;
+	color: #344E00;
 }
 
 a:hover {
@@ -131,12 +116,16 @@ a.qindexHL {
 	border: 1px double #869DCA;
 }
 
+code {
+	color: #444;
+}
+
 a.code {
-	color: #4665A2;
+	color: #70957E;
 }
 
 a.codeRef {
-	color: #4665A2;
+	color: #70957E;
 }
 
 /* @end */
@@ -146,16 +135,9 @@ dl.el {
 
 .fragment {
 	font-family: monospace, fixed;
-	font-size: 105%;
-}
-
-pre.fragment {
-	border: 1px solid #C4C4C4;
-	background-color: #F9F9F9;
-	padding: 4px 6px;
-	margin: 4px 8px 4px 2px;
-	overflow: auto;
-	font-size: 9pt;
+	border-left: 1px solid #C4C4C4;
+	padding-left: 1em;
+	margin: 1em 2em;
 	line-height: 125%;
 }
 
@@ -176,17 +158,15 @@ div.groupHeader {
 	font-weight: 700;
 }
 
+a + h2.groupheader {
+	display: none;
+}
+
 div.groupText {
 	margin-left: 16px;
 	font-style: italic;
 }
 
-body {
-	background: #FFF;
-	color: #000;
-	margin: 0;
-}
-
 div.contents {
 	margin-top: 10px;
 	margin-left: 10px;
@@ -216,9 +196,6 @@ p.formulaDsp {
 	text-align: center;
 }
 
-img.formulaDsp {
-}
-
 img.formulaInl {
 	vertical-align: middle;
 }
@@ -236,7 +213,7 @@ div.center img {
 
 address.footer {
 	text-align: right;
-	padding: 0 0.25em 0.25em 0;
+	padding-right: 12px;
 }
 
 img.footer {
@@ -250,23 +227,23 @@ span.keyword {
 }
 
 span.keywordtype {
-	color: #604020;
+	color: #3E873E;
 }
 
 span.keywordflow {
-	color: #e08000;
+	color: #DEB542;
 }
 
 span.comment {
-	color: maroon;
+	color: #69CABF;
 }
 
 span.preprocessor {
-	color: #806020;
+	color: #F771AC;
 }
 
 span.stringliteral {
-	color: #002080;
+	color: #FF6E64;
 }
 
 span.charliteral {
@@ -314,14 +291,16 @@ hr.footer {
 
 /* @group Member Descriptions */
 table.memberdecls {
-	border-spacing: 0;
-	font-size: small;
+	border-spacing: 0.125em;
+}
+
+h2.groupheader {
+	margin: 1em 0 0.5em 0;
 }
 
 .mdescLeft,.mdescRight,.memItemLeft,.memItemRight,.memTemplItemLeft,.memTemplItemRight,.memTemplParams {
-	background-color: #FBFBFB;
 	margin: 0;
-	padding: 0.25ex;
+	padding: 0;
 }
 
 .mdescLeft,.mdescRight {
@@ -329,12 +308,19 @@ table.memberdecls {
 }
 
 .memItemLeft,.memItemRight,.memTemplParams {
-	border-top: 1px solid #DDD;
+	border: 0;
+	font-family: monospace;
+	font-size: 90%;
 }
 
 .memItemLeft,.memTemplItemLeft {
 	white-space: nowrap;
 	padding-left: 2em;
+	padding-right: 1ex;
+}
+
+.memItemLeft a.el {
+	font-weight: bold;
 }
 
 .memTemplParams {
@@ -342,13 +328,28 @@ table.memberdecls {
 	white-space: nowrap;
 }
 
+td.memSeparator {
+	display: none;
+}
+
+td.mlabels-right {
+	vertical-align: top;
+	padding-top: 4px;
+	color: #AA6;
+}
+
+.memtitle {
+	display: none;
+}
+
 /* @end */
 /* @group Member Details */
 /* Styles for detailed member documentation */
 .memtemplate {
 	font-size: 80%;
-	color: #4665A2;
+	color: #AA6;
 	font-weight: bold;
+	padding-left: 6px;
 }
 
 .memnav {
@@ -363,12 +364,14 @@ table.memberdecls {
 .memitem {
 	padding: 0;
 	margin: 1ex 0 2ex 0;
-	border: 1px solid #CCC;
+	border: 1px solid #333;
+	border-radius: 6px;
 }
 
 .memname {
-	white-space: nowrap;
+	/*white-space: nowrap;*/
 	font-weight: bold;
+	font-family: monospace;
 }
 
 .memproto {
@@ -376,12 +379,21 @@ table.memberdecls {
 	padding: 0.5ex;
 	font-weight: bold;
 	background-color: #F3F3F3;
+	border-radius: 6px 6px 0 0;
+	background: linear-gradient(to bottom, #444 0%, #000 100%);
+	color: #FFF;
+}
+
+.memproto .paramname {
+	color: #CCC;
+	font-style: normal;
 }
 
 .memdoc {
 	padding: 1ex;
 	background-color: #FBFBFB;
 	border-top-width: 0;
+	border-radius: 0 0 6px 6px;
 }
 
 .paramkey {
@@ -389,18 +401,36 @@ table.memberdecls {
 }
 
 .paramtype {
+	color: #B4C342;
 	white-space: nowrap;
 }
 
 .paramname {
-	color: #602020;
+	color: #444;
 	white-space: nowrap;
+	font-weight: bold;
+	font-family: monospace;
 }
 
 .paramname em {
 	font-style: normal;
 }
 
+td.paramname {
+	padding-right: 1ex;
+	vertical-align: top;
+}
+
+.fieldname {
+	color: #444;
+	font-family: monospace;
+}
+
+td.fieldname {
+	padding-right: 1ex;
+	vertical-align: top;
+}
+
 /* @end */
 /* @group Directory (tree) */
 /* for the tree view */
@@ -411,9 +441,8 @@ table.memberdecls {
 
 /* these are for tree view when used as main index */
 .directory {
-	font-size: 9pt;
-	font-weight: bold;
-	margin: 5px;
+	font-size: small;
+	margin: 0.5em;
 }
 
 .directory h3 {
@@ -508,12 +537,13 @@ table.doxtable th {
 	font-size: 13px;
 }
 
+div.navpath {
+	padding: 0.25em;
+}
+
 .navpath ul {
-	font-size: 11px;
-	height: 30px;
-	line-height: 30px;
+	font-size: x-small;
 	color: #8AA0CC;
-	border: 1px solid #C2CDE4;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
@@ -528,7 +558,6 @@ table.doxtable th {
 }
 
 .navpath a {
-	height: 32px;
 	display: block;
 	text-decoration: none;
 	outline: none;
@@ -540,8 +569,8 @@ table.doxtable th {
 
 div.summary {
 	float: right;
-	font-size: 8pt;
-	padding-right: 5px;
+	font-size: x-small;
+	padding: 0.25em 0.5em 0 0;
 	width: 50%;
 	text-align: right;
 }
@@ -553,11 +582,120 @@ div.summary a {
 div.header {
 	background-color: #F3F3F3;
 	margin: 0;
-	border-bottom: 1px solid #DDD;
+	border: 0;
 }
 
 div.headertitle {
-	padding: 5px 5px 5px 10px;
 	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, #444 0%, #000 100%);
+	border: solid 1px #444;
+	border-top: 0;
+	border-radius: 0 0 6px 6px;
+}
+
+div.line {
+	font-family: monospace, fixed;
+	font-size: 13px;
+	min-height: 13px;
+	line-height: 1.0;
+	text-wrap: avoid;
+	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;
+}
+
+span.lineno {
+	padding-right: 4px;
+	text-align: right;
+	border-right: 2px solid #0F0;
+	background-color: #E8E8E8;
+	white-space: pre;
+}
+span.lineno a {
+	background-color: #D8D8D8;
+}
+
+span.lineno a:hover {
+	background-color: #C8C8C8;
+}
+
+.tabs, .tabs2, .navpath {
+	background-image: none;
+	background-color: #333;
+	background: linear-gradient(to bottom, #444 0%, #000 100%);
+	border: 0;
+	border-bottom: solid 2px #000;
+	padding: 0;
+	padding-top: 2px;
+	font-size: small;
+}
+
+#navrow1 {
+	border: 0;
+}
+
+th {
+	text-align: left;
+}
+
+.mlabel {
+	padding: 0.125em;
+}
+
+/* tabs*/
+
+.tablist {
+	margin: 0;
+	padding: 0;
+	display: table;
+}
+
+.tablist li {
+	display: table-cell;
+	line-height: 2em;
+	list-style: none;
+	background-color: #333;
+	background: linear-gradient(to bottom, #555 0%, #111 100%);
+	border: 1px solid #000;
+	border-radius: 6px 6px 0 0;
+	color: #fff;
+}
+
+.tablist a {
+	display: block;
+	padding: 0 20px;
+	font-weight: bold;
+	color: #fff;
+	text-decoration: none;
+	outline: none;
+}
+
+.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);
+}
+
+span.icon {
+	display: none;
 }