docs: revise the doxygen design

This commit is contained in:
Youjin Lee 2023-09-10 11:11:37 +09:00 committed by Hermet Park
parent bfaea7f918
commit 81b70e0334
6 changed files with 575 additions and 95 deletions

View file

@ -1,11 +1,13 @@
/* The standard CSS for doxygen 1.9.1 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&family=Source+Code+Pro&display=swap');
body, table, div, p, dl {
font: 400 14px/22px Roboto,sans-serif;
font: 300 16px/22px Poppins,sans-serif;
}
p.reference, p.definition {
font: 400 14px/22px Roboto,sans-serif;
font: 400 14px/22px Poppins,sans-serif;
}
/* @group Heading Levels */
@ -15,7 +17,7 @@ h1.groupheader {
}
.title {
font: 400 14px/28px Roboto,sans-serif;
font: 400 14px/28px Poppins,sans-serif;
font-size: 150%;
font-weight: bold;
margin: 10px 2px;
@ -220,6 +222,7 @@ a.el {
a.elRef {
}
/* sample code color */
a.code, a.code:visited, a.line, a.line:visited {
color: #181818;
}
@ -266,18 +269,27 @@ pre.fragment {
font-size: 105%;
}
div.fragment {
padding: 0 0 1px 0; /*Fixed: last line underline overlap border*/
margin: 4px 8px 4px 2px;
background-color: #F7F7F7;
border: 1px solid #959595;
/* <code> type in .content */
code {
font-family: 'Source Code Pro', monospace, fixed !important;
color: #37474f;
}
/* sample code background color */
div.fragment {
padding: 10px 16px; /*Fixed: last line underline overlap border*/
margin: 4px 40px 4px 20px;
background-color: #fdfdfd;
border: 1px solid #959595;
border-radius: 4px;
}
/* sample code text */
div.line {
font-family: monospace, fixed;
font-size: 13px;
font-family: 'Source Code Pro', monospace, fixed;
font-size: 13px;
min-height: 13px;
line-height: 1.0;
line-height: 1.8em;
text-wrap: unrestricted;
white-space: -moz-pre-wrap; /* Moz */
white-space: -pre-wrap; /* Opera 4-6 */
@ -453,8 +465,9 @@ span.keywordflow {
color: #e08000
}
/* sample code comment */
span.comment {
color: #800000
color: #aa1f91
}
span.preprocessor {
@ -570,15 +583,46 @@ table.memberdecls {
box-shadow: 0 0 15px cyan;
}
/* memItem background color */
.mdescLeft, .mdescRight,
.memItemLeft, .memItemRight,
.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
background-color: #F3F3F3;
background-color: #f9f9f9;
border: none;
margin: 4px;
padding: 1px 0 0 8px;
}
/* Classes text */
.memItemLeft, .memItemRight,
/* functions text */
.memTemplItemLeft, .memTemplItemRight {
font: 300 16px/22px 'Source Code Pro',sans-serif;
}
/* Classes text link */
.memItemLeft a, .memItemLeft a:visited {
font: 300 18px/22px 'Source Code Pro',sans-serif;
color: #185abc;
}
.memItemRight a, .memItemRight a:visited,
.memTemplItemRight a, .memTemplItemRight a:visited {
font: 300 18px/22px 'Source Code Pro',sans-serif;
color: #185abc;
font-weight: bold;
}
.mdescRight .el {
font: 300 16px/22px 'Source Code Pro',sans-serif;
color: #185abc;
}
.memdoc .el {
font: 300 16px/22px 'Source Code Pro',sans-serif;
color: #185abc !important;
}
.mdescLeft, .mdescRight {
padding: 0px 8px 4px 8px;
color: #555;
@ -613,15 +657,10 @@ table.memberdecls {
.memtitle {
padding: 8px;
border-top: 1px solid #6E6E6E;
border-left: 1px solid #6E6E6E;
border-right: 1px solid #6E6E6E;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
margin-bottom: -1px;
background-image: url('nav_f.png');
background-repeat: repeat-x;
background-color: #C7C7C7;
background-color: #FFFFFF;
line-height: 1.25;
font-weight: 300;
float:left;
@ -674,6 +713,11 @@ table.memberdecls {
.memname {
font-weight: 400;
margin-left: 6px;
font-family: 'Source Code Pro' !important;
}
.memname a, .memname a:visited {
color: #185abc;
}
.memname td {
@ -681,24 +725,10 @@ table.memberdecls {
}
.memproto, dl.reflist dt {
border-top: 1px solid #6E6E6E;
border-left: 1px solid #6E6E6E;
border-right: 1px solid #6E6E6E;
padding: 6px 0px 6px 0px;
padding: 6px 0px;
color: #030303;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
background-color: #C0C0C0;
/* opera specific markup */
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
border-top-right-radius: 4px;
/* firefox specific markup */
-moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
-moz-border-radius-topright: 4px;
/* webkit specific markup */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-webkit-border-top-right-radius: 4px;
background-color: #f9f9f9;
}
.overload {
@ -706,28 +736,10 @@ table.memberdecls {
font-size: 65%;
}
/* border, shadow, background in memdoc area */
.memdoc, dl.reflist dd {
border-bottom: 1px solid #6E6E6E;
border-left: 1px solid #6E6E6E;
border-right: 1px solid #6E6E6E;
padding: 6px 10px 2px 10px;
background-color: #F7F7F7;
border-top-width: 0;
background-image:url('nav_g.png');
background-repeat:repeat-x;
background-color: #FFFFFF;
/* opera specific markup */
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
/* firefox specific markup */
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
/* webkit specific markup */
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
dl.reflist dt {
@ -747,8 +759,9 @@ dl.reflist dd {
white-space: nowrap;
}
/* parameter text color */
.paramname {
color: #602020;
color: #37474f;
white-space: nowrap;
}
.paramname em {
@ -787,6 +800,14 @@ td.mlabels-left {
padding: 0px;
}
td.mlabels-left .memname {
font: 300 16px/22px 'Source Code Pro',sans-serif !important;
}
td.mlabels-left .memname a {
color: #185abc;
}
td.mlabels-right {
vertical-align: bottom;
padding: 0px;
@ -798,11 +819,7 @@ span.mlabels {
}
span.mlabel {
background-color: #383838;
border-top:1px solid #232323;
border-left:1px solid #232323;
border-right:1px solid #959595;
border-bottom:1px solid #959595;
background-color: #383838;
text-shadow: none;
color: white;
margin-right: 4px;
@ -950,7 +967,7 @@ div.directory {
}
table.directory {
font: 400 14px Roboto,sans-serif;
font: 300 16px Poppins,sans-serif;
}
/* @end */
@ -993,6 +1010,7 @@ table.doxtable th {
padding-top: 5px;
}
/* Enumerator table border */
table.fieldtable {
/*width: 100%;*/
margin-bottom: 10px;
@ -1001,9 +1019,6 @@ table.fieldtable {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}
.fieldtable td, .fieldtable th {
@ -1038,10 +1053,9 @@ table.fieldtable {
border-bottom: none;
}
/* Enumerator table header background */
.fieldtable th {
background-image:url('nav_f.png');
background-repeat:repeat-x;
background-color: #C7C7C7;
background-color: #f9f9f9;
font-size: 90%;
color: #030303;
padding-bottom: 4px;
@ -1068,15 +1082,13 @@ table.fieldtable {
font-size: 13px;
}
/* footer background */
.navpath ul
{
font-size: 11px;
background-image:url('tab_b.png');
background-repeat:repeat-x;
background-position: 0 -5px;
height:30px;
line-height:30px;
color:#4D4D4D;
color:#FFFFFF;
border:solid 1px #919191;
overflow:hidden;
margin:0px;
@ -1112,6 +1124,7 @@ table.fieldtable {
color:#303030;
}
/* footer */
.navpath li.footer
{
list-style-type:none;
@ -1123,6 +1136,7 @@ table.fieldtable {
background-position:right;
color:#0B0B0B;
font-size: 8pt;
visibility: hidden;
}
@ -1135,6 +1149,7 @@ div.summary
text-align: right;
}
/* summary link at the top right of the content header */
div.summary a
{
white-space: nowrap;
@ -1159,9 +1174,10 @@ div.ingroups
text-align: left;
}
div.ingroups a
div.ingroups a, div.ingroups a:visited
{
white-space: nowrap;
color: #185abc;
}
div.header
@ -1198,11 +1214,15 @@ dl.section.DocNodeRTL {
padding-right: 0px;
}
/* Note color */
dl.note {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #D0C000;
border-color: #ffd300;
background-color: #fff9da;
}
dl.note.DocNodeRTL {
@ -1215,11 +1235,15 @@ dl.note.DocNodeRTL {
border-color: #D0C000;
}
/* Warning text */
dl.warning, dl.attention {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #FF0000;
background-color: #fff3f0;
}
dl.warning.DocNodeRTL, dl.attention.DocNodeRTL {
@ -1233,10 +1257,13 @@ dl.warning.DocNodeRTL, dl.attention.DocNodeRTL {
}
dl.pre, dl.post, dl.invariant {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #00D000;
background-color: #ebffeb;
}
dl.pre.DocNodeRTL, dl.post.DocNodeRTL, dl.invariant.DocNodeRTL {
@ -1250,10 +1277,13 @@ dl.pre.DocNodeRTL, dl.post.DocNodeRTL, dl.invariant.DocNodeRTL {
}
dl.deprecated {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #505050;
background-color: #f7f7f7;
}
dl.deprecated.DocNodeRTL {
@ -1267,10 +1297,13 @@ dl.deprecated.DocNodeRTL {
}
dl.todo {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #00C0E0;
border-color: #00a3ff;
background-color: #e2f5ff;
}
dl.todo.DocNodeRTL {
@ -1284,10 +1317,13 @@ dl.todo.DocNodeRTL {
}
dl.test {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #3030E0;
background-color: #ebebff;
}
dl.test.DocNodeRTL {
@ -1301,10 +1337,13 @@ dl.test.DocNodeRTL {
}
dl.bug {
margin-left: -7px;
padding-left: 3px;
margin-left: 7px; margin-right: 7px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left: 4px solid;
border-color: #C08050;
border-color: #ff9300;
background-color: #fff1df;
}
dl.bug.DocNodeRTL {
@ -1365,9 +1404,15 @@ dl.section dd {
padding: 0px;
margin: 0px;
width: 100%;
height: 0px; /* hide top title */
border-bottom: 1px solid #232323;
}
#titlearea tbody
{
visibility: hidden; /* hide top title */
}
.image
{
text-align: center;
@ -1575,7 +1620,7 @@ tr.heading h2 {
#powerTip div {
margin: 0px;
padding: 0px;
font: 12px/16px Roboto,sans-serif;
font: 12px/16px Poppins,sans-serif;
}
#powerTip:before, #powerTip:after {

View file

@ -1,3 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
#nav-tree .children_ul {
margin:0;
padding:4px;
@ -43,7 +45,7 @@
#nav-tree .label {
margin:0px;
padding:0px;
font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
font: 300 14px Poppins,Geneva,Helvetica,Arial,sans-serif;
}
#nav-tree .label a {
@ -62,7 +64,7 @@
#nav-tree .item {
margin:0px;
padding:0px;
padding: 6px 0px;
}
#nav-tree {

View file

@ -447,12 +447,12 @@ function navTo(o,root,hash,relpath)
function showSyncOff(n,relpath)
{
n.html('<img src="'+relpath+'sync_off.png" title="'+SYNCOFFMSG+'"/>');
n.html('<img src="'+relpath+'sync_off.svg" title="'+SYNCOFFMSG+'"/>');
}
function showSyncOn(n,relpath)
{
n.html('<img src="'+relpath+'sync_on.png" title="'+SYNCONMSG+'"/>');
n.html('<img src="'+relpath+'sync_on.svg" title="'+SYNCONMSG+'"/>');
}
function toggleSyncButton(relpath)

6
docs/html/sync_off.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="1.0" d="M2 12C2 17.5228 6.47715 22 12 22C13.8526 22 15.5875 21.4962 17.0752 20.6182C17.0775 20.6169 17.0797 20.6156 17.0819 20.6143C17.5169 20.3571 17.9308 20.0679 18.3202 19.7499C20.5661 17.9162 22 15.1255 22 12C22 6.47715 17.5228 2 12 2C10.1443 2 8.40658 2.50549 6.91715 3.38628C6.88285 3.40657 6.84867 3.42705 6.81464 3.44773C6.41584 3.69005 6.03533 3.95947 5.67568 4.25345C3.43217 6.08725 2 8.87638 2 12Z" fill="#000"/>
<path d="M13.1285 7.50055V10.0881L6.91725 3.38672C6.48105 3.64467 6.06613 3.93482 5.67578 4.25389L13.3285 12.5104C13.5382 12.7367 13.8651 12.8114 14.1524 12.6988C14.4396 12.5861 14.6285 12.3091 14.6285 12.0005V7.50055C14.6285 7.08633 14.2928 6.75055 13.8785 6.75055C13.4643 6.75055 13.1285 7.08633 13.1285 7.50055Z" fill="#fff"/>
<path d="M10.4208 11.4823C10.2091 11.2607 9.88389 11.1902 9.59944 11.3043C9.31499 11.4183 9.12854 11.6939 9.12854 12.0004V16.5004C9.12854 16.9146 9.46432 17.2504 9.87854 17.2504C10.2928 17.2504 10.6285 16.9146 10.6285 16.5004V13.8711L17.0753 20.6187C17.5128 20.3605 17.9289 20.0699 18.3203 19.7503L10.4208 11.4823Z" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

6
docs/html/sync_on.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="1.0" cx="12" cy="12" r="10" fill="#000"/>
<path d="M7.37756 11.6296H6.62756H7.37756ZM7.37756 12.5556L6.81609 13.0528C6.95137 13.2056 7.14306 13.2966 7.34695 13.3049C7.55084 13.3133 7.74932 13.2382 7.89662 13.0969L7.37756 12.5556ZM9.51905 11.5414C9.81805 11.2547 9.82804 10.7799 9.54137 10.4809C9.2547 10.182 8.77994 10.172 8.48095 10.4586L9.51905 11.5414ZM6.56148 10.5028C6.28686 10.1927 5.81286 10.1639 5.50277 10.4385C5.19267 10.7131 5.16391 11.1871 5.43852 11.4972L6.56148 10.5028ZM14.9317 9.0093C15.213 9.31337 15.6875 9.33184 15.9915 9.05055C16.2956 8.76927 16.3141 8.29476 16.0328 7.9907L14.9317 9.0093ZM12.0437 6.25C9.05802 6.25 6.62756 8.653 6.62756 11.6296H8.12756C8.12756 9.49251 9.87531 7.75 12.0437 7.75V6.25ZM6.62756 11.6296L6.62756 12.5556H8.12756L8.12756 11.6296H6.62756ZM7.89662 13.0969L9.51905 11.5414L8.48095 10.4586L6.85851 12.0142L7.89662 13.0969ZM7.93904 12.0583L6.56148 10.5028L5.43852 11.4972L6.81609 13.0528L7.93904 12.0583ZM16.0328 7.9907C15.0431 6.9209 13.6212 6.25 12.0437 6.25V7.75C13.1879 7.75 14.2154 8.23504 14.9317 9.0093L16.0328 7.9907Z" fill="#fff"/>
<path d="M16.6188 11.4443L17.1795 10.9462C17.044 10.7937 16.8523 10.703 16.6485 10.6949C16.4447 10.6868 16.2464 10.7621 16.0993 10.9034L16.6188 11.4443ZM14.4805 12.4581C14.1817 12.745 14.1722 13.2198 14.4591 13.5185C14.746 13.8173 15.2208 13.8269 15.5195 13.54L14.4805 12.4581ZM17.4393 13.4972C17.7144 13.8068 18.1885 13.8348 18.4981 13.5597C18.8078 13.2846 18.8358 12.8106 18.5607 12.5009L17.4393 13.4972ZM9.04688 15.0047C8.76342 14.7027 8.28879 14.6876 7.98675 14.9711C7.68472 15.2545 7.66966 15.7292 7.95312 16.0312L9.04688 15.0047ZM11.9348 17.7499C14.9276 17.7499 17.3688 15.3496 17.3688 12.3703H15.8688C15.8688 14.5047 14.1158 16.2499 11.9348 16.2499V17.7499ZM17.3688 12.3703V11.4443H15.8688V12.3703H17.3688ZM16.0993 10.9034L14.4805 12.4581L15.5195 13.54L17.1383 11.9853L16.0993 10.9034ZM16.0581 11.9425L17.4393 13.4972L18.5607 12.5009L17.1795 10.9462L16.0581 11.9425ZM7.95312 16.0312C8.94543 17.0885 10.3635 17.7499 11.9348 17.7499V16.2499C10.792 16.2499 9.76546 15.7704 9.04688 15.0047L7.95312 16.0312Z" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

File diff suppressed because one or more lines are too long