ICON Community Interface 0.4.0
Loading...
Searching...
No Matches
doxygen-style.css
Go to the documentation of this file.
1/* This doxygen theme is free to use. If you like this, please Star https://github.com/kcwongjoe/doxygen_theme_flat_design */
2
3/* Color Pattern. You can change this pattern to design your theme. */
4
5:root {
6 /* Content */
7 --bgcolor: #fffffF;
8 --bgfont: #303030;
9 --bgfont2: #f3c60a;
10 --bgfont-hover: #f3c60a;
11 --bgfont-hover-text-decoration: none;
12 --bgborder: #7d7d7d;
13 --bgborder2: #f6f6f6;
14 /* Main Header */
15 --bg1color: #274b9e;
16 --bg1font: #ffffff;
17 --bg1font2: #f3c60a;
18 /* Second header */
19 --bg2color: #E2E2E2;
20 --bg2font: #7D7D7D;
21 --bg2-hover-bg: #ffffff;
22 --bg2-hover-font: #303030;
23 --bg2-hover-topborder: #f3c60a;
24 /* Third header */
25 --bg3color: #f6f6f6;
26 --bg3font: #303030;
27 --bg3font2: #7D7D7D;
28 /* Code */
29 --code-bg: #f6f6f6;
30 --code-comment: #7D7D7D;
31 --code-keyword: #d73a49;
32 --code-preprocessor: #d73a49;
33 --code-keywordtype: #d73a49;
34 --code-text: #303030;
35 --code-code: #6f42c1;
36 --code-line: #7D7D7D;
37 --code-line-bg: #D8D8D8;
38 /* Namespace List, Class List icon */
39 --icon-bg: #303030;
40 --icon-font: #f3c60a;
41 /* Class Index */
42 --qindex-menu-bg: #303030;
43 --qindex-menu-font: #ffffff;
44 --qindex-menu-font-hover: #f3c60a;
45 --qindex-icon-bg: #f3c60a;
46 --qindex-icon-font: #303030;
47 /* Member table */
48 --mem-title-bg: #303030;
49 --mem-title-font: #ffffff;
50 --mem-subtitle-bg: #8a9bc2;
51 --mem-subtitle-font: #303030;
52 --mem-subtitle-font-hover: #303030;
53 --mem-content-bg: #ffffff;
54 --mem-content-font: #303030;
55 --mem-content-border: #f6f6f6;
56 /* Nav Tree */
57 --nav-tree-bg: #E2E2E2;
58 --nav-tree-bg-hover: #ffffff;
59 --nav-tree-font: #7D7D7D;
60 --nav-tree-font-hover: #303030;
61 --nav-tree-bg-selected: #f3c60a;
62 --nav-tree-font-selected: #303030;
63}
64
65body, table, div, p, dl {
66 color: var(--bgfont);
67 background-color: var(--bgcolor);
68 line-height: 150%;
69 font: 14px/22px, Roboto, Arial;
70}
71
72div.contents {
73 margin: 20px 40px;
74}
75
76div.contents ul {
77 line-height: 200%;
78}
79
80/***********************************/
81
82/********** Project header *********/
83
84/***********************************/
85
86#projectlogo {
87 padding-left: 20px;
88 width:auto
89}
90
91#titlearea {
92 border-bottom: 1px solid;
93 border-bottom-color: white;
94 padding-bottom: 20px;
95 padding-top: 20px;
96}
97
98#titlearea, #titlearea * {
99 color: var(--bg1font);
100 background-color: var(--bg1color);
101}
102
103#projectname {
104 padding: 0px 40px !important;
105 width:100%;
106}
107
108#projectbrief {
109 padding: 0px 40px !important;
110}
111
112#projectalign {
113 padding: 0px !important;
114}
115
116/***********************************/
117
118/************ Main Menu ************/
119
120/***********************************/
121
122/* Margin */
123
124#main-menu {
125 padding: 0px 30px;
126}
127
128#main-menu a, #main-menu a:hover {
129 padding-top: 10px;
130 padding-bottom: 10px;
131}
132
133/* Menu button */
134
135#main-menu li a {
136 background-image: none;
137 font-family: Arial;
138 text-transform: uppercase;
139 text-shadow: none;
140 font-size: 14px;
141 font-weight: 700;
142}
143
144#main-menu, #main-menu>li>a {
145 background-image: none;
146 background-color: var(--bg2color);
147 color: var(--bg2font);
148 transition: 0.2s;
149}
150
151/* hover Effect */
152
153#main-menu>li {
154 border-top: 5px solid var(--bg2color);
155}
156
157#main-menu>li:hover {
158 color: var(--bg2-hover-font);
159 background-color: var(--bg2-hover-bg);
160 border-top: 5px solid var(--bg2-hover-topborder);
161}
162
163#main-menu>li:hover, #main-menu>li>a:hover, #main-menu>li>a.highlighted {
164 color: var(--bg2-hover-font);
165 background-color: var(--bg2-hover-bg);
166}
167
168/* Search Bar */
169
170#MSearchBox {
171 border-radius: 0;
172 box-shadow: none;
173}
174
175#MSearchBox>span {
176 margin: 10px;
177}
178
179#main-menu>li:last-child {
180 padding: 25px 0px;
181}
182
183/* Reset search hover color*/
184
185#main-menu>li:last-child:hover {
186 color: var(--bg2font);
187 background-color: var(--bg2color);
188 border-top: 5px solid var(--bg2color);
189}
190
191#MSearchResultsWindow {
192 border: 1px solid var(--bg3font2);
193 background-color: var(--bg3color);
194 padding: 10px;
195}
196
197body.SRPage, body.SRPage * {
198 font-family: Arial;
199}
200
201/* Sub Menu */
202
203#main-menu>li ul {
204 transition: max-height 0.2s ease-in-out;
205 padding: 0px;
206 border-radius: 0px !important;
207}
208
209#main-menu>li ul:before, #main-menu>li ul:after {
210 border-width: 0px;
211}
212
213#main-menu>li>ul li a, #main-menu>li>ul li {
214 background-color: var(--bgcolor);
215 color: var(--bgfont);
216 background-image: none;
217}
218
219#main-menu>li>ul li a:hover, #main-menu>li>ul li:hover {
220 background-color: var(--bgfont2);
221 color: var(--bgfont);
222}
223
224/***********************************/
225
226/************** Header *************/
227
228/***********************************/
229
230h1 {
231 padding-top: 30px;
232}
233h2 {
234 padding-top: 30px;
235}
236
237div.headertitle {
238 padding: 5px 40px;
239}
240
241div.header, div.header * {
242 color: var(--bg3font);
243 background-color: var(--bg3color);
244 border-bottom: none;
245}
246
247div.summary {
248 padding-right: 40px;
249}
250
251/***********************************/
252
253/************** Link *************/
254
255/***********************************/
256
257a, a:visited, a:active, .contents a:visited, body.SRPage a, body.SRPage a:visited, body.SRPage a:active {
258 /*color: var(--bgfont);*/
259 text-decoration: none;
260}
261
262a:hover, .contents a:hover, body.SRPage a:hover {
263 color: var(--bgfont-hover);
264 text-decoration: var(--bgfont-hover-text-decoration);
265}
266
267/***********************************/
268
269/************ Nav-path ************/
270
271/***********************************/
272
273#nav-path, #nav-path ul {
274 background-image: none;
275}
276
277#nav-path ul {
278 padding: 5px 30px;
279}
280
281#nav-path, #nav-path * {
282 color: var(--bg3font2);
283 background-color: var(--bg3color);
284 border: none;
285 font-family: Arial;
286}
287
288li.navelem {
289 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI5Mi4zNTkgMjkyLjM1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMjIyLjk3OSwxMzMuMzMxTDk1LjA3Myw1LjQyNEM5MS40NTYsMS44MDcsODcuMTc4LDAsODIuMjI2LDBjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuODk4LTUuNDI0LDEyLjg0N3YyNTUuODEzYzAsNC45NDgsMS44MDcsOS4yMzIsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4ICAgYzQuOTQ5LDAsOS4yMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNi0xMjcuOTA3YzMuNjE0LTMuNjEzLDUuNDI4LTcuODk3LDUuNDI4LTEyLjg0NyAgIEMyMjguNDA3LDE0MS4yMjksMjI2LjU5NCwxMzYuOTQ4LDIyMi45NzksMTMzLjMzMXoiIGZpbGw9IiM3ZDdkN2QiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
290 background-size: 9px;
291}
292
293li.navelem a {
294 margin-right: 20px;
295}
296
297/***********************************/
298
299/*************** mem ***************/
300
301/***********************************/
302
303.memtitle {
304 padding: 15px;
305 margin-top: 30px;
306 border-top-left-radius: 0px;
307 border-top-right-radius: 0px;
308}
309
310.memtitle, .memtitle *, .memtitle a:visited {
311 border: none;
312 background-image: none;
313 color: var(--mem-title-font);
314 background-color: var(--mem-title-bg);
315}
316
317.memproto {
318 padding: 10px;
319 text-shadow: none;
320 padding: 20px;
321 border-top-right-radius: 0px;
322 -moz-border-radius-topright: 0px;
323 -webkit-border-top-right-radius: 0px;
324}
325
326.memproto, .memproto *, .memproto a:visited {
327 border: none;
328 background-image: none;
329 background-color: var(--mem-subtitle-bg);
330 color: var(--mem-subtitle-font);
331 font-size: inherit;
332 line-height: 100%
333}
334
335.memproto a:hover {
336 color: var(--mem-subtitle-font-hover);
337}
338
339.memdoc {
340 border-bottom: 1px solid var(--mem-content-border);
341 border-left: 1px solid var(--mem-content-border);
342 border-right: 1px solid var(--mem-content-border);
343 background-color: var(--mem-content-bg);
344 color: var(--mem-content-font);
345 border-bottom-left-radius: 0px;
346 border-bottom-right-radius: 0px;
347 -moz-border-radius-bottomleft: 0px;
348 -moz-border-radius-bottomright: 0px;
349 -webkit-border-bottom-left-radius: 0px;
350 -webkit-border-bottom-right-radius: 0px;
351}
352
353.memdoc p, .memdoc dt {
354 padding: 0px 20px;
355}
356
357/***********************************/
358
359/************* Contents ************/
360
361/***********************************/
362
363a.anchor {
364 padding-top: 20px;
365}
366
367/***********************************/
368
369/************* fragment ************/
370
371/***********************************/
372
373h2.groupheader {
374 color: #303030;
375 font-size: 200%;
376 font-weight: bold;
377 border-bottom: none;
378 padding-top: 20px;
379 padding-bottom: 20px;
380}
381
382div.fragment, pre.fragment {
383 border: none;
384 padding: 20px;
385 margin: none;
386 background-color: var(--code-bg);
387}
388
389div.line {
390 background-color: var(--code-bg);
391}
392
393span.comment {
394 color: var(--code-comment);
395}
396
397span.keyword {
398 color: var(--code-keyword);
399}
400
401span.preprocessor {
402 color: var(--code-preprocessor);
403}
404
405span.keywordtype {
406 color: var(--code-keywordtype);
407}
408
409span.mlabel {
410 background-color: var(--code-text);
411 color: var(--code-bg);
412 border-top: none;
413 border-left: none;
414 border-right: none;
415 border-bottom: none;
416 padding: 10px;
417 border-radius: 0px;
418}
419
420a.code {
421 color: var(--code-code);
422}
423
424span.lineno, span.lineno>* {
425 color: var(--code-line);
426 border-right: none;
427 background-color: var(--code-bg);
428}
429
430span.lineno a {
431 background-color: var(--code-line-bg);
432}
433
434span.lineno a:hover {
435 color: var(--bg3font);
436 background-color: var(--code-line-bg);
437}
438
439/***********************************/
440
441/************* directory ***********/
442
443/***********************************/
444
445.directory tr.even {
446 background-color: inherit;
447}
448
449.iconfclosed {
450 background-image: url(closed-folder.png);
451 margin-right: 10px;
452}
453
454.iconfopen {
455 background-image: url(opened-folder.png);
456 margin-right: 10px;
457}
458
459.icondoc {
460 background-image: url(document.png);
461 margin-right: 10px;
462}
463
464.arrow {
465 color: #7d7d7d;
466}
467
468.icona {
469 vertical-align: middle;
470 margin-right: 5px;
471}
472
473.icon {
474 background-color: var(--icon-bg);
475 color: var(--icon-font);
476 display: table-cell;
477 vertical-align: middle;
478 height: 20px;
479 width: 20px;
480}
481
482div.ah {
483 background-color: var(--qindex-icon-bg);
484 color: var(--qindex-icon-font);
485 text-align: center;
486 background-image: none;
487 -webkit-box-shadow: none;
488 box-shadow: none;
489 -webkit-border-radius: 0px;
490 border-radius: 0px;
491 border: none;
492}
493
494div.qindex {
495 background-color: var(--qindex-menu-bg);
496 border: none;
497 padding: 20px;
498}
499
500a.qindex {
501 color: var(--qindex-menu-font);
502 font-weight: normal;
503 font-size: 20px;
504}
505
506a:hover.qindex {
507 color: var(--qindex-menu-font-hover);
508}
509
510a:visited.qindex {
511 color: var(--qindex-menu-font);
512}
513
514table.classindex {
515 margin-top: 30px;
516 margin-bottom: 30px;
517}
518
519table.classindex a.el {
520 font-weight: normal;
521}
522
523/***********************************/
524
525/************** footer *************/
526
527/***********************************/
528
529div.directory {
530 border-top: 1px solid var(--bgborder);
531 border-bottom: none;
532 margin: 20px 0px;
533}
534
535div.directory a.el {
536 font-weight: normal;
537}
538
539div.directory>table {
540 margin: 20px 0px;
541}
542
543hr.footer {
544 border: none;
545}
546
547.contents>hr {
548 border-top: 0px;
549}
550
551/***********************************/
552
553/*********** memberdecls ***********/
554
555/***********************************/
556
557.memItemLeft, .memItemRight {
558 padding: 15px 30px;
559 background-color: inherit;
560}
561
562.mdescRight {
563 padding: 0px 30px 10px 30px;
564}
565
566.memberdecls * {
567 background-color: inherit;
568}
569
570.memSeparator {
571 border-bottom: 1px solid var(--bgborder2);
572}
573
574.memTemplParams {
575 color: var(--bgfont);
576}
577
578/***********************************/
579
580/*********** nav-tree ***********/
581
582/***********************************/
583
584#nav-tree-contents {
585 background-color: var(--nav-tree-bg);
586 margin: 0px;
587}
588
589#side-nav, #nav-tree {
590 background-image: none;
591 background-color: var(--nav-tree-bg);
592}
593
594#nav-tree .item {
595 background-color: var(--nav-tree-bg);
596 font-family: Arial;
597 text-transform: uppercase;
598 text-shadow: none;
599 font-size: 14px;
600 font-weight: 700;
601 padding: 10px;
602 color: var(--nav-tree-font);
603}
604
605#nav-tree .arrow {
606 color: var(--nav-tree-font);
607}
608
609#nav-tree .selected {
610 background-image: none;
611 background-color: var(--nav-tree-bg-selected);
612}
613
614#nav-tree .selected a {
615 color: var(--nav-tree-font-selected);
616}
617
618#nav-tree .item:hover {
619 background-color: var(--nav-tree-bg-hover);
620 color: var(--nav-tree-font-hover);
621}
622
623#nav-tree .item a:hover {
624 color: var(--nav-tree-font-hover);
625}
626
627#side-nav .ui-resizable-e {
628 background-image: none;
629 background-color: var(--nav-tree-bg);
630}
631
632#nav-sync {
633 background-color: transparent;
634}
635
636#nav-sync>img {
637 content: url(off_sync.png);
638}
639
640#nav-sync.sync>img {
641 content: url(on_sync.png);
642}
643
644/***********************************/
645
646/*********** Plant UML ***********/
647
648/***********************************/
649
650.plantumlgraph > img {
651 width: 80%;
652}
653
654doxygen-awesome-fragment-copy-button {
655 opacity: 100;
656 width: 100%;
657 position: relative;
658 right: 20;
659 cursor: pointer;
660 display: flex;
661 justify-content: right;
662}
663
664table.markdownTable {
665 width: 100%;
666}
667th.markdownTableHeadNone {
668 font-size: larger;
669 text-align: left;
670}
671table.markdownTable td, table.markdownTable th {
672 padding-bottom:10px;
673 border:0px solid;
674}
675tr.markdownTableBody:nth-child(even) {background-color: #f2f2f2;}
676tr.markdownTableBody:nth-child(even) {background-color: none;}
Generated by doxygen 1.11.0