638 lines
14 KiB
CSS
638 lines
14 KiB
CSS
/* 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: #f3c60a;
|
|
--bgfont-hover: #f3c60a;
|
|
--bgfont-hover-text-decoration: none;
|
|
--bgborder: #7d7d7d;
|
|
--bgborder2: #f6f6f6;
|
|
/* Main Header */
|
|
--bg1color: #303030;
|
|
--bg1font: #ffffff;
|
|
--bg1font2: #f3c60a;
|
|
/* Second header */
|
|
--bg2color: #E2E2E2;
|
|
--bg2font: #7D7D7D;
|
|
--bg2-hover-bg: #ffffff;
|
|
--bg2-hover-font: #303030;
|
|
--bg2-hover-topborder: #f3c60a;
|
|
/* Third header */
|
|
--bg3color: #f6f6f6;
|
|
--bg3font: #303030;
|
|
--bg3font2: #7D7D7D;
|
|
/* Code */
|
|
--code-bg: #f6f6f6;
|
|
--code-comment: #7D7D7D;
|
|
--code-keyword: #d73a49;
|
|
--code-preprocessor: #d73a49;
|
|
--code-keywordtype: #d73a49;
|
|
--code-text: #303030;
|
|
--code-code: #6f42c1;
|
|
--code-line: #7D7D7D;
|
|
--code-line-bg: #D8D8D8;
|
|
/* Namespace List, Class List icon */
|
|
--icon-bg: #303030;
|
|
--icon-font: #f3c60a;
|
|
/* Class Index */
|
|
--qindex-menu-bg: #303030;
|
|
--qindex-menu-font: #ffffff;
|
|
--qindex-menu-font-hover: #f3c60a;
|
|
--qindex-icon-bg: #f3c60a;
|
|
--qindex-icon-font: #303030;
|
|
/* Member table */
|
|
--mem-title-bg: #303030;
|
|
--mem-title-font: #ffffff;
|
|
--mem-subtitle-bg: #f3c60a;
|
|
--mem-subtitle-font: #303030;
|
|
--mem-subtitle-font-hover: #303030;
|
|
--mem-content-bg: #ffffff;
|
|
--mem-content-font: #303030;
|
|
--mem-content-border: #f6f6f6;
|
|
/* Nav Tree */
|
|
--nav-tree-bg: #E2E2E2;
|
|
--nav-tree-bg-hover: #ffffff;
|
|
--nav-tree-font: #7D7D7D;
|
|
--nav-tree-font-hover: #303030;
|
|
--nav-tree-bg-selected: #f3c60a;
|
|
--nav-tree-font-selected: #303030;
|
|
}
|
|
|
|
body, table, div, p, dl {
|
|
color: var(--bgfont);
|
|
background-color: var(--bgcolor);
|
|
line-height: 150%;
|
|
font: 14px/22px, Roboto, Arial;
|
|
}
|
|
|
|
div.contents {
|
|
margin: 20px 40px;
|
|
}
|
|
|
|
div.contents ul {
|
|
line-height: 200%;
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/********** Project header *********/
|
|
|
|
/***********************************/
|
|
|
|
#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;
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************ 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-transform: uppercase;
|
|
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);
|
|
}
|
|
|
|
#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);
|
|
}
|
|
|
|
/* 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);
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************** 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);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover, .contents a:hover, body.SRPage a: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: 10px;
|
|
text-shadow: none;
|
|
padding: 20px;
|
|
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;
|
|
}
|
|
|
|
.memdoc p, .memdoc dt {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************* Contents ************/
|
|
|
|
/***********************************/
|
|
|
|
a.anchor {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************* fragment ************/
|
|
|
|
/***********************************/
|
|
|
|
h2.groupheader {
|
|
color: #303030;
|
|
font-size: 200%;
|
|
font-weight: bold;
|
|
border-bottom: none;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
div.fragment, pre.fragment {
|
|
border: none;
|
|
padding: 20px;
|
|
margin: none;
|
|
background-color: var(--code-bg);
|
|
}
|
|
|
|
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.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;
|
|
}
|
|
|
|
a.code {
|
|
color: var(--code-code);
|
|
}
|
|
|
|
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);
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************* 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;
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/************** 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-transform: uppercase;
|
|
text-shadow: none;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
padding: 10px;
|
|
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);
|
|
}
|
|
|
|
/***********************************/
|
|
|
|
/*********** Plant UML ***********/
|
|
|
|
/***********************************/
|
|
|
|
.plantumlgraph > img {
|
|
width: 80%;
|
|
} |