refactor(doc): better CSS and layout

doxygen/DoxygenLayout.xml

@@ -0,0 +1,226 @@
+<doxygenlayout version="1.0">
+  <!-- Generated by doxygen 1.8.17 -->
+  <!-- Navigation index tabs for HTML output -->
+  <navindex>
+    <tab type="mainpage" visible="yes" title=""/>
+    <tab type="pages" visible="yes" title="" intro=""/>
+    <tab type="modules" visible="yes" title="" intro=""/>
+    <tab type="namespaces" visible="yes" title="">
+      <tab type="namespacelist" visible="yes" title="" intro=""/>
+      <tab type="namespacemembers" visible="yes" title="" intro=""/>
+    </tab>
+    <tab type="interfaces" visible="yes" title="">
+      <tab type="interfacelist" visible="yes" title="" intro=""/>
+      <tab type="interfaceindex" visible="$ALPHABETICAL_INDEX" title=""/> 
+      <tab type="interfacehierarchy" visible="yes" title="" intro=""/>
+    </tab>
+    <tab type="classes" visible="yes" title="">
+      <tab type="classlist" visible="yes" title="" intro=""/>
+      <tab type="classindex" visible="$ALPHABETICAL_INDEX" title=""/> 
+      <tab type="hierarchy" visible="yes" title="" intro=""/>
+      <tab type="classmembers" visible="yes" title="" intro=""/>
+    </tab>
+    <tab type="structs" visible="yes" title="">
+      <tab type="structlist" visible="yes" title="" intro=""/>
+      <tab type="structindex" visible="$ALPHABETICAL_INDEX" title=""/> 
+    </tab>
+    <tab type="exceptions" visible="yes" title="">
+      <tab type="exceptionlist" visible="yes" title="" intro=""/>
+      <tab type="exceptionindex" visible="$ALPHABETICAL_INDEX" title=""/> 
+      <tab type="exceptionhierarchy" visible="yes" title="" intro=""/>
+    </tab>
+    <tab type="files" visible="yes" title="">
+      <tab type="filelist" visible="yes" title="" intro=""/>
+      <tab type="globals" visible="yes" title="" intro=""/>
+    </tab>
+    <tab type="examples" visible="yes" title="" intro=""/>  
+  </navindex>
+
+  <!-- Layout definition for a class page -->
+  <class>
+    <briefdescription visible="yes"/>
+    <includes visible="$SHOW_INCLUDE_FILES"/>
+    <inheritancegraph visible="$CLASS_GRAPH"/>
+    <collaborationgraph visible="$COLLABORATION_GRAPH"/>
+    <detaileddescription title=""/>
+    <memberdecl>
+      <publicmethods title=""/>
+      <publicstaticmethods title=""/>
+      <publicattributes title=""/>
+      <publicstaticattributes title=""/>
+      <protectedtypes title=""/>
+      <protectedslots title=""/>
+      <protectedmethods title=""/>
+      <protectedstaticmethods title=""/>
+      <protectedattributes title=""/>
+      <protectedstaticattributes title=""/>
+      <nestedclasses visible="yes" title=""/>
+      <publictypes title=""/>
+      <services title=""/>
+      <interfaces title=""/>
+      <publicslots title=""/>
+      <signals title=""/>
+      <packagetypes title=""/>
+      <packagemethods title=""/>
+      <packagestaticmethods title=""/>
+      <packageattributes title=""/>
+      <packagestaticattributes title=""/>
+      <properties title=""/>
+      <events title=""/>
+      <privatetypes title=""/>
+      <privateslots title=""/>
+      <privatemethods title=""/>
+      <privatestaticmethods title=""/>
+      <privateattributes title=""/>
+      <privatestaticattributes title=""/>
+      <friends title=""/>
+      <related title="" subtitle=""/>
+      <membergroups visible="yes"/>
+    </memberdecl>
+    <memberdef>
+      <constructors title=""/>
+      <functions title=""/>
+      <related title=""/>
+      <variables title=""/>
+      <properties title=""/>
+      <inlineclasses title=""/>
+      <typedefs title=""/>
+      <enums title=""/>
+      <services title=""/>
+      <interfaces title=""/>
+      <events title=""/>
+    </memberdef>
+    <allmemberslink visible="yes"/>
+    <usedfiles visible="$SHOW_USED_FILES"/>
+    <authorsection visible="yes"/>
+  </class>
+
+  <!-- Layout definition for a namespace page -->
+  <namespace>
+    <briefdescription visible="yes"/>
+    <detaileddescription title=""/>
+    <memberdecl>
+      <nestednamespaces visible="yes" title=""/>
+      <constantgroups visible="yes" title=""/>
+      <interfaces visible="yes" title=""/>
+      <classes visible="yes" title=""/>
+      <structs visible="yes" title=""/>
+      <exceptions visible="yes" title=""/>
+      <typedefs title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <functions title=""/>
+      <variables title=""/>
+      <membergroups visible="yes"/>
+    </memberdecl>
+    <memberdef>
+      <inlineclasses title=""/>
+      <typedefs title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <functions title=""/>
+      <variables title=""/>
+    </memberdef>
+    <authorsection visible="yes"/>
+  </namespace>
+
+  <!-- Layout definition for a file page -->
+  <file>
+    <briefdescription visible="yes"/>
+    <includes visible="$SHOW_INCLUDE_FILES"/>
+    <includegraph visible="$INCLUDE_GRAPH"/>
+    <includedbygraph visible="$INCLUDED_BY_GRAPH"/>
+    <sourcelink visible="yes"/>
+    <detaileddescription title=""/>
+    <memberdecl>
+      <interfaces visible="yes" title=""/>
+      <classes visible="yes" title=""/>
+      <structs visible="yes" title=""/>
+      <exceptions visible="yes" title=""/>
+      <namespaces visible="yes" title=""/>
+      <constantgroups visible="yes" title=""/>
+      <defines title=""/>
+      <typedefs title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <functions title=""/>
+      <variables title=""/>
+      <membergroups visible="yes"/>
+    </memberdecl>
+    <memberdef>
+      <inlineclasses title=""/>
+      <defines title=""/>
+      <typedefs title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <functions title=""/>
+      <variables title=""/>
+    </memberdef>
+    <authorsection/>
+  </file>
+
+  <!-- Layout definition for a group page -->
+  <group>
+    <briefdescription visible="yes"/>
+    <groupgraph visible="$GROUP_GRAPHS"/>
+    <detaileddescription title=""/>
+    <memberdecl>
+      <nestedgroups visible="yes" title=""/>
+      <namespaces visible="yes" title=""/>
+      <functions title=""/>
+      <classes visible="yes" title=""/>
+      <defines title=""/>
+      <typedefs title=""/>
+      <dirs visible="yes" title=""/>
+      <files visible="yes" title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <enumvalues title=""/>
+      <variables title=""/>
+      <signals title=""/>
+      <publicslots title=""/>
+      <protectedslots title=""/>
+      <privateslots title=""/>
+      <events title=""/>
+      <properties title=""/>
+      <friends title=""/>
+      <membergroups visible="yes"/>
+    </memberdecl>
+    <memberdef>
+      <pagedocs/>
+      <inlineclasses title=""/>
+      <defines title=""/>
+      <typedefs title=""/>
+      <sequences title=""/>
+      <dictionaries title=""/>
+      <enums title=""/>
+      <enumvalues title=""/>
+      <functions title=""/>
+      <variables title=""/>
+      <signals title=""/>
+      <publicslots title=""/>
+      <protectedslots title=""/>
+      <privateslots title=""/>
+      <events title=""/>
+      <properties title=""/>
+      <friends title=""/>
+    </memberdef>
+    <authorsection visible="yes"/>
+  </group>
+
+  <!-- Layout definition for a directory page -->
+  <directory>
+    <briefdescription visible="yes"/>
+    <directorygraph visible="yes"/>
+    <detaileddescription title=""/>
+    <memberdecl>
+      <dirs visible="yes"/>
+      <files visible="yes"/>
+    </memberdecl>
+  </directory>
+</doxygenlayout>

doxygen/doxygen-style.css

@@ -0,0 +1,843 @@
+/* This doxygen theme is free to use. If you like this, please Star https://github.com/kcwongjoe/doxygen_theme_flat_design */
+
+/* Color Pattern. You can change this pattern to design your theme. */
+
+:root {
+    /* Content */
+    --bgcolor: #ffffff;
+    --bgfont: #303030;
+    --bgfont2: #3771c8;
+    --bgfont-hover: #3771c8;
+    --bgfont-hover-text-decoration: underline solid #3771c8;
+    --bgborder: #7d7d7d;
+    --bgborder2: #f6f6f6;
+    --bgfont-link:#1751a8;
+    /* Main Header */
+    --bg1color: #303030;
+    --bg1font: #ffffff;
+    --bg1font2: #3771c8;
+    /* Second header */
+    --bg2color: #E2E2E2;
+    --bg2font: #7D7D7D;
+    --bg2-hover-bg: #ffffff;
+    --bg2-hover-font: #303030;
+    --bg2-hover-topborder: #3771c8;
+    /* Third header */
+    --bg3color: #f6f6f6;
+    --bg3font: #303030;
+    --bg3font2: #7D7D7D;
+    /* Code */
+    --code-bg: #232323;
+    --code-comment: #a5c261;
+    --code-keyword: #db4939;
+    --code-preprocessor: #efcd45;
+    --code-keywordtype: #87bbff;
+    --code-text: #b1cfb1;
+    --code-code: #d3d0cc;
+    --code-line: #73707c;
+    --code-line-bg: #232323;
+    --code-link: #b7dbff;
+    /* Namespace List, Class List icon */
+    --icon-bg: #303030
+    --icon-font: #3771c8;
+    /* Class Index */
+    --qindex-menu-bg: #303030;
+    --qindex-menu-font: #ffffff;
+    --qindex-menu-font-hover: #3771c8;
+    --qindex-icon-bg: #3771c8;
+    --qindex-icon-font: #303030;
+    /* Member table */
+    --mem-title-bg: #3771c8;
+    --mem-title-font: #ffffff;
+    --mem-subtitle-bg: #77b1f8;
+    --mem-subtitle-font: #303030;
+    --mem-subtitle-font-hover: #303030;
+    --mem-content-bg: #ffffff;
+    --mem-content-font: #303030;
+    --mem-content-border: grey;
+    --mem-content-highlighted:#3771c8;
+    /* Nav Tree */
+    --nav-tree-bg: #E2E2E2;
+    --nav-tree-bg-hover: #ffffff;
+    --nav-tree-font: #7D7D7D;
+    --nav-tree-font-hover: #303030;
+    --nav-tree-bg-selected: #3771c8;
+    --nav-tree-font-selected: white;
+}
+
+body, table, div, p, dl {
+    color: var(--bgfont);
+    background-color: var(--bgcolor);
+    line-height: 150%;
+    font-size: 18px;
+}
+
+div.contents p {
+    margin-left:1em;
+}
+
+div.contents {
+    margin: 20px 40px;
+}
+
+div.contents ul {
+    line-height: 200%;
+    margin-left:1.5em;
+}
+
+/*
+h1 {
+    margin:0px;
+    margin-top: 2em;
+    margin-bottom:1em;
+    background-color:var(--bgfont2);
+    color: var(--bgcolor);
+    font-size: 200%;
+    padding:1em;
+    border: 2px solid var(--bgfont2);
+    box-shadow:0.5em 0.5em 0.5em var(--bgfont);
+    font-family:monospace;
+}
+*/
+
+h1 {
+    color: #303030;
+    font-size: 160%;
+    font-weight: bold;
+    border-bottom: 2px solid var(--bgfont2);
+    padding-bottom:3px;
+    margin-top:2em;
+}
+
+/*h2.groupheader {*/
+h2 {
+    color: #303030;
+    font-size: 140%;
+    font-weight: bold;
+    border-bottom: 1px solid var(--bgfont2);
+    padding-bottom:1px;
+    margin-top:1.5em;
+}
+
+h3 {
+    color: #303030;
+    font-size: 120%;
+    font-weight: bold;
+    margin-top:1.5em;
+}
+
+div.textblock > p:first-of-type {
+    font-size: 120%;
+    margin:1em;
+    border: thin solid black;
+    padding: 1em;
+    background-color:var(--bgfont2);
+    color: var(--bgcolor);
+    border: 2px solid var(--bgfont2);
+    box-shadow:0.5em 0.5em 0.5em var(--bgfont);
+}
+
+/***********************************/
+
+/********** Project header *********/
+
+/***********************************/
+
+.title {
+    font-size: 2em;
+}
+
+#titlearea {
+    border-bottom: none;
+    padding-bottom: 20px;
+    padding-top: 20px;
+}
+
+#titlearea, #titlearea * {
+    color: var(--bg1font);
+    background-color: var(--bg1color);
+}
+
+#projectname {
+    padding: 0px 40px !important;
+}
+
+#projectbrief {
+    padding: 0px 40px !important;
+}
+
+#projectalign {
+    padding: 0px !important;
+    vertical-align: bottom;
+}
+
+#projectlogo > img {
+    width: 100px;
+}
+
+/***********************************/
+
+/************ Main Menu ************/
+
+/***********************************/
+
+/* Margin */
+
+#main-menu {
+    padding: 0px 30px;
+}
+
+#main-menu a, #main-menu a:hover {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+/* Menu button */
+
+#main-menu li a {
+    background-image: none;
+    font-family: Arial;
+    text-shadow: none;
+    font-size: 14px;
+    font-weight: 700;
+}
+
+#main-menu, #main-menu>li>a {
+    background-image: none;
+    background-color: var(--bg2color);
+    color: var(--bg2font);
+    transition: 0.2s;
+}
+
+/* hover Effect */
+
+#main-menu>li {
+    border-top: 5px solid var(--bg2color);
+}
+
+#main-menu>li:hover {
+    color: var(--bg2-hover-font);
+    background-color: var(--bg2-hover-bg);
+    border-top: 5px solid var(--bg2-hover-topborder);
+    font-width: bold;
+}
+
+#main-menu>li:hover, #main-menu>li>a:hover, #main-menu>li>a.highlighted {
+    color: var(--bg2-hover-font);
+    background-color: var(--bg2-hover-bg);
+    font-width: bold;
+}
+
+/* Search Bar */
+
+#MSearchBox {
+    border-radius: 0;
+    box-shadow: none;
+}
+
+#MSearchBox>span {
+    margin: 10px;
+}
+
+#main-menu>li:last-child {
+    padding: 25px 0px;
+}
+
+/* Reset search hover color*/
+
+#main-menu>li:last-child:hover {
+    color: var(--bg2font);
+    background-color: var(--bg2color);
+    border-top: 5px solid var(--bg2color);
+}
+
+#MSearchResultsWindow {
+    border: 1px solid var(--bg3font2);
+    background-color: var(--bg3color);
+    padding: 10px;
+}
+
+body.SRPage, body.SRPage * {
+    font-family: Arial;
+}
+
+/* Sub Menu  */
+
+#main-menu>li ul {
+    transition: max-height 0.2s ease-in-out;
+    padding: 0px;
+    border-radius: 0px !important;
+}
+
+#main-menu>li ul:before, #main-menu>li ul:after {
+    border-width: 0px;
+}
+
+#main-menu>li>ul li a, #main-menu>li>ul li {
+    background-color: var(--bgcolor);
+    color: var(--bgfont);
+    background-image: none;
+}
+
+#main-menu>li>ul li a:hover, #main-menu>li>ul li:hover {
+    background-color: var(--bgfont2);
+    /*color: var(--bgfont);*/
+    color: white;
+    font-width: bold;
+}
+
+/***********************************/
+
+/************** Header *************/
+
+/***********************************/
+
+div.headertitle {
+    padding: 5px 40px;
+}
+
+div.header, div.header * {
+    color: var(--bg3font);
+    background-color: var(--bg3color);
+    border-bottom: none;
+}
+
+div.summary {
+    padding-right: 40px;
+}
+
+/***********************************/
+
+/************** Link *************/
+
+/***********************************/
+
+a, a:visited, a:active, .contents a:visited, body.SRPage a, body.SRPage a:visited, body.SRPage a:active {
+    color: var(--bgfont-link);
+    text-decoration: none;
+}
+
+a:hover, .contents a:hover, body.SRPage a:hover {
+    color: var(--bgfont-hover);
+    text-decoration: var(--bgfont-hover-text-decoration);
+    
+}
+
+.dynheader {
+    color: var(--bgfont-link);
+    text-decoration: none;
+}
+
+.dynheader:hover {
+    color: var(--bgfont-hover);
+    text-decoration: var(--bgfont-hover-text-decoration);
+}
+
+/***********************************/
+
+/************ Nav-path ************/
+
+/***********************************/
+
+#nav-path, #nav-path ul {
+    background-image: none;
+}
+
+#nav-path ul {
+    padding: 5px 30px;
+}
+
+#nav-path, #nav-path * {
+    color: var(--bg3font2);
+    background-color: var(--bg3color);
+    border: none;
+    font-family: Arial;
+}
+
+li.navelem {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI5Mi4zNTkgMjkyLjM1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjIyLjk3OSwxMzMuMzMxTDk1LjA3Myw1LjQyNEM5MS40NTYsMS44MDcsODcuMTc4LDAsODIuMjI2LDBjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuODk4LTUuNDI0LDEyLjg0N3YyNTUuODEzYzAsNC45NDgsMS44MDcsOS4yMzIsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4ICAgYzQuOTQ5LDAsOS4yMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNi0xMjcuOTA3YzMuNjE0LTMuNjEzLDUuNDI4LTcuODk3LDUuNDI4LTEyLjg0NyAgIEMyMjguNDA3LDE0MS4yMjksMjI2LjU5NCwxMzYuOTQ4LDIyMi45NzksMTMzLjMzMXoiIGZpbGw9IiM3ZDdkN2QiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
+    background-size: 9px;
+}
+
+li.navelem a {
+    margin-right: 20px;
+}
+
+/***********************************/
+
+/*************** mem ***************/
+
+/***********************************/
+
+.memtitle {
+    padding: 15px;
+    margin-top: 30px;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+}
+
+.memtitle, .memtitle *, .memtitle a:visited {
+    border: none;
+    background-image: none;
+    color: var(--mem-title-font);
+    background-color: var(--mem-title-bg);
+}
+
+.memproto {
+    padding: 2em;
+    text-shadow: none;
+    border-top-right-radius: 0px;
+    -moz-border-radius-topright: 0px;
+    -webkit-border-top-right-radius: 0px;
+}
+
+.memproto, .memproto *, .memproto a:visited {
+    border: none;
+    background-image: none;
+    background-color: var(--mem-subtitle-bg);
+    color: var(--mem-subtitle-font);
+    font-size: inherit;
+    line-height: 100%
+}
+
+.memproto a:hover {
+    color: var(--mem-subtitle-font-hover);
+}
+
+.memdoc {
+    border-bottom: 1px solid var(--mem-content-border);
+    border-left: 1px solid var(--mem-content-border);
+    border-right: 1px solid var(--mem-content-border);
+    background-color: var(--mem-content-bg);
+    color: var(--mem-content-font);
+    border-bottom-left-radius: 0px;
+    border-bottom-right-radius: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    -moz-border-radius-bottomright: 0px;
+    -webkit-border-bottom-left-radius: 0px;
+    -webkit-border-bottom-right-radius: 0px;
+    padding:1em;
+}
+
+.memdoc p, .memdoc dt {
+    /*padding: 0px 20px;*/
+}
+
+.memdoc > p {
+    font-size:1em;
+}
+
+.paramname {
+    color:black;
+}
+
+td.memItemRight > a:first-of-type {
+    font-size:1.3em;
+}
+
+/***********************************/
+
+/************* Contents ************/
+
+/***********************************/
+
+a.anchor {
+    padding-top: 20px;
+}
+
+dl {
+    border-left: 5px solid;
+    padding:1em;
+}
+
+dt {
+    font-variant-caps: small-caps;
+}
+
+dl.warning {
+    border-top: thin solid red;
+    border-right: thin solid red;
+    border-bottom: thin solid red;
+    border-left-color: red;
+    background-color: #fee;
+}
+
+dl.warning > dt {
+    color: #500;
+}
+
+dl.note {
+    border-top:thin solid green;
+    border-right:thin solid green;
+    border-bottom:thin solid green;
+    border-left-color:green;
+    background-color: #efe;
+}
+
+dl.note > dt {
+    color: #050;
+}
+
+div.textblock {
+    padding:2em;
+    border: 2px solid var(--bgfont2);
+    box-shadow:0.5em 0.5em 0.5em var(--bgfont);
+    background-color: #fafaff;
+}
+
+/*
+div.textblock > p {
+    font-size:1.2em;
+}
+*/
+
+div.textblock > p.definition {
+    font-size:0.8em;
+}
+
+p.definition {
+    font-size: 0.8em;
+}
+
+p.reference {
+    font-size: 0.8em;
+}
+
+p {
+    background-color: transparent;
+}
+
+table {
+    margin-top:4em;
+}
+
+table.memname {
+    margin-top:0.1em;
+}
+
+table.mlabels {
+    margin-top:0.1em;
+}
+
+/***********************************/
+
+/************* fragment ************/
+
+/***********************************/
+
+div.fragment, pre.fragment {
+    border: none;
+    padding: 1em;
+    margin-left: 1em;
+    margin-right: 1em;
+    background-color: var(--code-bg);
+    border-left: 2px solid black;
+    border-top: 2px solid black;
+    border-right: 2px solid grey;
+    border-bottom: 2px solid grey;
+}
+
+div.fragment > div.line {
+    font-size:1em;
+    line-height:150%;
+    color: var(--code-code);
+}
+
+.textblock > div.fragment {
+    font-size: 1em;
+}
+
+.textblock > dl.section {
+    font-size: 1.2em;
+}
+
+div.line {
+    background-color: var(--code-bg);
+}
+
+span.comment {
+    color: var(--code-comment);
+}
+
+span.keyword {
+    color: var(--code-keyword);
+}
+
+span.preprocessor {
+    color: var(--code-preprocessor);
+}
+
+span.keywordtype {
+    color: var(--code-keywordtype);
+}
+
+span.stringliteral {
+    color: var(--code-text);
+}
+
+span.mlabel {
+    background-color: var(--code-text);
+    color: var(--code-bg);
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+    padding: 10px;
+    border-radius: 0px;
+}
+
+div.fragment > div.line > a.code {
+    color: var(--code-link);
+}
+
+span.lineno, span.lineno>* {
+    color: var(--code-line);
+    border-right: none;
+    background-color: var(--code-bg);
+}
+
+span.lineno a {
+    background-color: var(--code-line-bg);
+}
+
+span.lineno a:hover {
+    color: var(--bg3font);
+    background-color: var(--code-line-bg);
+}
+
+code {
+    background-color: #eee;
+    color: black;
+}
+
+/***********************************/
+
+/************* directory ***********/
+
+/***********************************/
+
+.directory tr.even {
+    background-color: inherit;
+}
+
+.iconfclosed {
+    background-image: url(closed-folder.png);
+    margin-right: 10px;
+}
+
+.iconfopen {
+    background-image: url(opened-folder.png);
+    margin-right: 10px;
+}
+
+.icondoc {
+    background-image: url(document.png);
+    margin-right: 10px;
+}
+
+.arrow {
+    color: #7d7d7d;
+}
+
+.icona {
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
+.icon {
+    background-color: var(--icon-bg);
+    color: var(--icon-font);
+    display: table-cell;
+    vertical-align: middle;
+    height: 20px;
+    width: 20px;
+}
+
+div.ah {
+    background-color: var(--qindex-icon-bg);
+    color: var(--qindex-icon-font);
+    text-align: center;
+    background-image: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-border-radius: 0px;
+    border-radius: 0px;
+    border: none;
+}
+
+div.qindex {
+    background-color: var(--qindex-menu-bg);
+    border: none;
+    padding: 20px;
+}
+
+a.qindex {
+    color: var(--qindex-menu-font);
+    font-weight: normal;
+    font-size: 20px;
+}
+
+a:hover.qindex {
+    color: var(--qindex-menu-font-hover);
+}
+
+a:visited.qindex {
+    color: var(--qindex-menu-font);
+}
+
+table.classindex {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+table.classindex a.el {
+    font-weight: normal;
+}
+
+table.params {
+    margin-top:1em;
+}
+
+#titlearea > table {
+    margin-top:0px;
+}
+
+table.directory > tbody > tr {
+    border-top: thin solid var(--nav-tree-bg);
+    border-bottom: thin solid var(--nav-tree-bg);
+}
+
+/***********************************/
+
+/************** footer *************/
+
+/***********************************/
+
+div.directory {
+    border-top: 1px solid var(--bgborder);
+    border-bottom: none;
+    margin: 20px 0px;
+}
+
+div.directory a.el {
+    font-weight: normal;
+}
+
+div.directory>table {
+    margin: 20px 0px;
+}
+
+hr.footer {
+    border: none;
+}
+
+.contents>hr {
+    border-top: 0px;
+}
+
+/***********************************/
+
+/*********** memberdecls ***********/
+
+/***********************************/
+
+.memItemLeft, .memItemRight {
+    padding: 15px 30px;
+    background-color: inherit;
+}
+
+.mdescRight {
+    padding: 0px 30px 10px 30px;
+}
+
+.memberdecls * {
+    background-color: inherit;
+}
+
+.memSeparator {
+    border-bottom: 1px solid var(--bgborder2);
+}
+
+.memTemplParams {
+    color: var(--bgfont);
+}
+
+/***********************************/
+
+/*********** nav-tree ***********/
+
+/***********************************/
+
+#nav-tree-contents {
+    background-color: var(--nav-tree-bg);
+    margin: 0px;
+}
+
+#side-nav, #nav-tree {
+    background-image: none;
+    background-color: var(--nav-tree-bg);
+}
+
+#nav-tree .item {
+    background-color: var(--nav-tree-bg);
+    font-family: Arial;
+    text-shadow: none;
+    font-size: 90%;
+    font-weight: 700;
+    padding: 0.5em;
+    color: var(--nav-tree-font);
+}
+
+#nav-tree .arrow {
+    color: var(--nav-tree-font);
+}
+
+#nav-tree .selected {
+    background-image: none;
+    background-color: var(--nav-tree-bg-selected);
+}
+
+#nav-tree .selected a {
+    color: var(--nav-tree-font-selected);
+}
+
+#nav-tree .item:hover {
+    background-color: var(--nav-tree-bg-hover);
+    color: var(--nav-tree-font-hover);
+}
+
+#nav-tree .item a:hover {
+    color: var(--nav-tree-font-hover);
+}
+
+#side-nav .ui-resizable-e {
+    background-image: none;
+    background-color: var(--nav-tree-bg);
+}
+
+#nav-sync {
+    background-color: transparent;
+}
+
+#nav-sync>img {
+    content: url(off_sync.png);
+}
+
+#nav-sync.sync>img {
+    content: url(on_sync.png);
+}
+
+div.toc {
+    margin: 1em ;
+    margin-top: 15em;
+}
+
+/***********************************/
+
+/*********** Plant UML ***********/
+
+/***********************************/
+
+.plantumlgraph > img {
+    width: 80%;
+}