]> begriffs open source - cmsis/blob - main/Zone/html/extra_stylesheet.css
Update documentation for branch main
[cmsis] / main / Zone / html / extra_stylesheet.css
1 /* The standard CSS for doxygen 1.9.6*/
2 :root {
3   --arm_light_blue: #00C1DE;
4   --arm_blue: #11809F;
5   --arm_blue1: #0091BD;
6   --arm_dark_blue: #002B49;
7   --arm_light_gray: #E5ECEB;
8   --arm_light_gray1: #EFF5F4;
9   --arm_light_gray2: #EBEBEB;
10   --arm_light_gray3: #F7F7F7;
11   --arm_dark_gray: #7D868C;
12   --arm_dark_gray1: #6F777C;
13   --arm_dark_gray2:#383b40;
14   --arm_black: #333E48;
15   --arm_black1: #1f2023;
16   --arm_black2: #2d2f34;
17   --arm_orange: #FF6B00;
18   --max_content_width: 1200px;
19   --max_textblock_width: 950px;
20   
21   /* default spacings. Most components reference these values for spacing, to provide uniform spacing on the page. */
22    --spacing-small: 5px;
23    --spacing-medium: 10px;
24    --spacing-large: 16px;
25
26    --toc-sticky-top: var(--spacing-medium);
27    --toc-width: 250px;
28    --toc-max-height: calc(100vh - 2 * var(--spacing-medium) - 85px);
29    --toc-font-size: 14px;
30    --toc-header-font-size: 15px;
31    
32 }
33
34 html {
35         /* page base colors */
36         --page-background-color: white;
37         --page-foreground-color: black;
38         --page-link-color: var(--arm_blue);
39         --page-visited-link-color: var(--arm_blue);
40         
41         /* index */
42         --index-odd-item-bg-color: #F7F8FB;
43         --index-even-item-bg-color: var(--page-background-color);
44         --index-header-color: black;
45         --index-separator-color: #A0A0A0;
46         
47         /* header */
48         --header-background-color: var(--page-background-color);
49         --header-separator-color: var(--page-background-color);
50         --header-gradient-image: none;
51         --group-header-separator-color: var(--arm_light_gray3);
52         --group-header-color: var(--page-foreground-color);
53         --inherit-header-color: gray;
54         
55         --footer-foreground-color: #2A3D61;
56         --footer-logo-width: 104px;
57         --citation-label-color: #334975;
58         --glow-color: cyan;
59         
60         --title-background-color: white;
61         --title-separator-color: #5373B4;
62         --directory-separator-color: #9CAFD4;
63         --separator-color:var(--nav-splitbar-color);
64         
65         --blockquote-background-color: #F7F8FB;
66         --blockquote-border-color: var(--separator-color);
67         
68         --scrollbar-thumb-color: #9CAFD4;
69         --scrollbar-background-color: #F9FAFC;
70         
71         --icon-background-color: #728DC1;
72         --icon-foreground-color: white;
73         --icon-doc-image: url('doc.png');
74         
75         /* brief member declaration list */
76         --memdecl-background-color:#F9FAFC;
77         --memdecl-separator-color: #DEE4F0;
78         --memdecl-foreground-color: var(--page-foreground-color);
79         --memdecl-template-color: #4665A2;
80         
81         /* detailed member list */
82         --memdef-border-color: var(--arm_dark_gray);
83         --memdef-title-background-color: var(--arm_light_gray2);
84         --memdef-title-gradient-image: none;
85         --memdef-table-header-background-color: var(--arm_light_gray1);
86         --memdef-proto-background-color: var(--arm_light_gray2);
87         --memdef-proto-text-color: var(--arm_black);
88         --memdef-proto-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
89         --memdef-doc-background-color: var(--page-background-color);
90         --memdef-param-name-color: #602020;
91         --memdef-template-color: #4665A2;
92         
93         /* tables */
94         --table-cell-border-color: var(--arm_light_gray);
95         --table-header-background-color: var(--arm_blue);
96         --table-header-foreground-color: white;
97         --table-even-cell-color: var(--arm_light_gray3);;
98         --table-odd-cell-color:  #white;
99
100         
101         /* labels */
102         --label-background-color: #728DC1;
103         --label-left-top-border-color: #5373B4;
104         --label-right-bottom-border-color: #C4CFE5;
105         --label-foreground-color: white;
106         
107         /** navigation bar/tree/menu */
108         --nav-background-color: var(--page-background-color);
109         --nav-foreground-color: var(--page-foreground-color);
110         --nav-gradient-image: none;
111         --nav-gradient-hover-image: none;
112         --nav-gradient-active-image: none;
113         --nav-gradient-active-image-parent: none;
114         --nav-separator-image: none;
115         --nav-breadcrumb-image: none;
116         --nav-breadcrumb-border-color: #C2CDE4;
117         --nav-splitbar-image: none;
118         --nav-splitbar-color: var(--arm_light_gray);
119         --nav-font-size-level1: 13px;
120         --nav-font-size-level2: 10px;
121         --nav-font-size-level3: 9px;
122         --nav-text-normal-color:var(--arm_black);
123         --nav-text-hover-color: var(--arm_orange);
124         --nav-text-active-color: var(--arm_black);
125         --nav-text-normal-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
126         --nav-text-hover-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
127         --nav-text-active-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
128         --nav-menu-button-color: #364D7C;
129         --nav-menu-background-color: white;
130         --nav-menu-foreground-color: #555555;
131         --nav-menu-toggle-color: rgba(255, 255, 255, 0.5);
132         --nav-arrow-color: var(--arm_blue);
133         --nav-arrow-selected-color: var(--arm_blue);
134         
135         /* table of contents */
136         --toc-background-color: var(--nav-background-color); 
137         --toc-foreground-color: var(--nav-foreground-color); 
138         --toc-active-color: var(--arm_dark_blue);
139         --toc-border-color: #D8DFEE;
140         --toc-header-color: #4665A2;
141         
142         /** search field */
143         --search-background-color: white;
144         --search-foreground-color: #909090;
145         --search-magnification-image: url('mag.svg');
146         --search-magnification-select-image: url('mag_sel.svg');
147         --search-active-color: black;
148         --search-filter-background-color: #F9FAFC;
149         --search-filter-foreground-color: black;
150         --search-filter-border-color: #90A5CE;
151         --search-filter-highlight-text-color: white;
152         --search-filter-highlight-bg-color: #3D578C;
153         --search-results-foreground-color: #425E97;
154         --search-results-background-color: #EEF1F7;
155         --search-results-border-color: black;
156         --search-box-shadow: inset 0.5px 0.5px 3px 0px #555;
157         
158         /** code fragments */
159         --code-keyword-color: #008000;
160         --code-type-keyword-color: #604020;
161         --code-flow-keyword-color: #E08000;
162         --code-comment-color: #800000;
163         --code-preprocessor-color: #806020;
164         --code-string-literal-color: #002080;
165         --code-char-literal-color: #008080;
166         --code-vhdl-digit-color: #FF00FF;
167         --code-vhdl-char-color: #000000;
168         --code-vhdl-keyword-color: #700070;
169         --code-vhdl-logic-color: #FF0000;
170         --code-link-color: var(--arm_blue);
171         --code-external-link-color: #4665A2;
172         --fragment-foreground-color: black;
173         --fragment-background-color: var(--arm_light_gray2);
174         --fragment-border-color: #C4CFE5;
175         --fragment-lineno-border-color: #00FF00;
176         --fragment-lineno-background-color: #E8E8E8;
177         --fragment-lineno-foreground-color: black;
178         --fragment-lineno-link-fg-color: #4665A2;
179         --fragment-lineno-link-bg-color: #D8D8D8;
180         --fragment-lineno-link-hover-fg-color: #4665A2;
181         --fragment-lineno-link-hover-bg-color: #C8C8C8;
182         --tooltip-foreground-color: black;
183         --tooltip-background-color: white;
184         --tooltip-border-color: gray;
185         --tooltip-doc-color: grey;
186         --tooltip-declaration-color: #006318;
187         --tooltip-link-color: #4665A2;
188         --tooltip-shadow: 1px 1px 7px gray;
189         
190         /** font-family */
191         --font-family-normal: Lato, Calibri, sans-serif;
192         --font-family-monospace: monospace,fixed;
193         --font-family-nav: Lato, Calibri, sans-serif;
194         --font-family-title: Lato, Calibri, sans-serif;
195         --font-family-toc: Lato, Calibri, sans-serif;
196         --font-family-search: Lato, Calibri, sans-serif;
197         --font-family-icon: Arial,Helvetica;
198         --font-family-tooltip: Lato, Calibri, sans-serif;
199         
200         }
201         
202 html.dark-mode {
203         
204         /* page base colors */
205         --page-background-color: var(--arm_black2);
206         --page-foreground-color: var(--arm_light_gray);
207         --page-link-color: var(--arm_light_blue);
208         --page-visited-link-color: var(--arm_light_blue);
209         
210         /* index */
211         --index-odd-item-bg-color: var(--nav-background-color);
212         --index-even-item-bg-color: var(--page-background-color);
213         --index-header-color: #C4CFE5;
214         --index-separator-color: #334975;
215         
216         /* header */
217         --header-background-color: var(--page-background-color);
218         --header-separator-color: var(--page-background-color);
219         --header-gradient-image: none;
220         --group-header-separator-color: var(--arm_dark_gray2);
221         --group-header-color: var(--page-foreground-color);
222         --inherit-header-color: #A0A0A0;
223         
224         --footer-foreground-color: #5B7AB7;
225         --footer-logo-width: 60px;
226         --citation-label-color: #90A5CE;
227         --glow-color: cyan;
228         
229         --title-background-color: #090D16;
230         --title-separator-color: #354C79;
231         --directory-separator-color: #283A5D;
232         --separator-color: var(--nav-splitbar-color);
233         --blockquote-background-color: var(--arm_black);
234         --blockquote-border-color: var(--separator-color);
235         
236         --scrollbar-thumb-color: #283A5D;
237         --scrollbar-background-color: #070B11;
238         
239         --icon-background-color: #334975;
240         --icon-foreground-color: #C4CFE5;
241         --icon-doc-image: url('docd.png');
242         
243         /* brief member declaration list */
244         --memdecl-background-color:var(--page-background-color);
245         --memdecl-separator-color: #2C3F65;
246         --memdecl-foreground-color:var(--page-foreground-color);
247         --memdecl-template-color: #7C95C6;
248         
249         /* detailed member list */
250         --memdef-border-color: var(--arm_dark_gray);
251         --memdef-title-background-color: var(--arm_black);
252         --memdef-title-gradient-image: none;
253         --memdef-table-header-background-color: var(--arm_dark_gray2);
254         --memdef-proto-background-color: var(--memdef-title-background-color);
255         --memdef-proto-text-color: var(--page-foreground-color);
256         --memdef-proto-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
257         --memdef-doc-background-color: var(--page-background-color);
258         --memdef-param-name-color: #D28757;
259         --memdef-template-color: #7C95C6;
260         
261         /* tables */
262         --table-cell-border-color: var(--arm_dark_gray1);
263         --table-header-background-color: var(--arm_blue);
264         --table-header-foreground-color: var(--page-forground-color);
265         --table-odd-cell-color: var(--arm_dark_gray2);
266         --table-even-cell-color: var(--page-background-color);
267
268
269         /* labels */
270         --label-background-color: #354C7B;
271         --label-left-top-border-color: #4665A2;
272         --label-right-bottom-border-color: #283A5D;
273         --label-foreground-color: #CCCCCC;
274         
275         /** navigation bar/tree/menu */
276         --nav-background-color: var(--arm_dark_gray2);
277         --nav-foreground-color: var(--page-foreground-color);
278         --nav-gradient-image: none;
279         --nav-gradient-hover-image: none;
280         --nav-gradient-active-image: none;
281         --nav-gradient-active-image-parent: none;
282         --nav-separator-image: none;
283         --nav-breadcrumb-image: none;
284         --nav-breadcrumb-border-color: #2A3D61;
285         --nav-splitbar-image: none;
286         --nav-splitbar-color: var(--arm_dark_gray);
287         --nav-font-size-level1: 13px;
288         --nav-font-size-level2: 10px;
289         --nav-font-size-level3: 9px;
290         --nav-text-normal-color: var(--page-foreground-color);
291         --nav-text-hover-color: var(--arm_orange);
292         --nav-text-active-color:var(--page-foreground-color);
293         --nav-text-normal-shadow: 0px 1px 1px black;
294         --nav-text-hover-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
295         --nav-text-active-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
296         --nav-menu-button-color: #B6C4DF;
297         --nav-menu-background-color: #05070C;
298         --nav-menu-foreground-color: #BBBBBB;
299         --nav-menu-toggle-color: rgba(255, 255, 255, 0.2);
300         --nav-arrow-color: var(--arm_blue);
301         --nav-arrow-selected-color: var(--arm_blue);
302         
303         /* table of contents */
304         --toc-background-color: var(--nav-background-color);
305         --toc-active-color: #4665A2;
306         --toc-foreground-color: var(--nav-foreground-color); 
307         --toc-border-color: #202E4A;
308         --toc-header-color: #A3B4D7;
309         
310         /** search field */
311         --search-background-color: black;
312         --search-foreground-color: #C5C5C5;
313         --search-magnification-image: url('mag_d.svg');
314         --search-magnification-select-image: url('mag_seld.svg');
315         --search-active-color: #C5C5C5;
316         --search-filter-background-color: #101826;
317         --search-filter-foreground-color: #90A5CE;
318         --search-filter-border-color: #7C95C6;
319         --search-filter-highlight-text-color: #BCC9E2;
320         --search-filter-highlight-bg-color: #283A5D;
321         --search-results-background-color: #101826;
322         --search-results-foreground-color: #90A5CE;
323         --search-results-border-color: #7C95C6;
324         --search-box-shadow: inset 0.5px 0.5px 3px 0px #2F436C;
325         
326         /** code fragments */
327         --code-keyword-color: #CC99CD;
328         --code-type-keyword-color: #AB99CD;
329         --code-flow-keyword-color: #E08000;
330         --code-comment-color: #717790;
331         --code-preprocessor-color: #65CABE;
332         --code-string-literal-color: #7EC699;
333         --code-char-literal-color: #00E0F0;
334         --code-vhdl-digit-color: #FF00FF;
335         --code-vhdl-char-color: #000000;
336         --code-vhdl-keyword-color: #700070;
337         --code-vhdl-logic-color: #FF0000;
338         --code-link-color: #79C0FF;
339         --code-external-link-color: #79C0FF;
340         --fragment-foreground-color: #C9D1D9;
341         --fragment-background-color: var(--arm_black);
342         --fragment-border-color: #30363D;
343         --fragment-lineno-border-color: #30363D;
344         --fragment-lineno-background-color: black;
345         --fragment-lineno-foreground-color: #6E7681;
346         --fragment-lineno-link-fg-color: #6E7681;
347         --fragment-lineno-link-bg-color: #303030;
348         --fragment-lineno-link-hover-fg-color: #8E96A1;
349         --fragment-lineno-link-hover-bg-color: #505050;
350         --tooltip-foreground-color: #C9D1D9;
351         --tooltip-background-color: #202020;
352         --tooltip-border-color: #C9D1D9;
353         --tooltip-doc-color: #D9E1E9;
354         --tooltip-declaration-color: #20C348;
355         --tooltip-link-color: #79C0FF;
356         --tooltip-shadow: none;
357         
358
359         /** font-family */
360         --font-family-normal: Lato, Calibri, sans-serif;
361         --font-family-monospace: monospace,fixed;
362         --font-family-nav: Lato, Calibri, sans-serif;
363         --font-family-title: Lato, Calibri, sans-serif;
364         --font-family-toc: Lato, Calibri, sans-serif;
365         --font-family-search: Lato, Calibri, sans-serif;
366         --font-family-icon: Arial,Helvetica;
367         --font-family-tooltip: Lato, Calibri, sans-serif;
368 }
369
370 body, table, div, p, dl {
371         font-family: var(--font-family-normal);
372         font-size: 16px;
373         line-height: 22px;
374 }
375
376
377 .tiles {
378   width: 950;
379   font-size: 0;
380   margin: 0 auto;
381 }
382
383 .tile {
384   width: calc(1000px / 5);
385   height: 130px;
386   display: inline-grid;
387   padding-inline: 5px;
388   padding-bottom: 5px;
389   vertical-align:text-top;
390   text-align:center;
391 }
392
393 .tile:hover {
394  border-color: var(--arm_blue);
395  border-style: solid;
396  border-width: 1px;
397  padding-inline: 4px;
398  padding-bottom: 4px;
399 }
400
401
402 .tile h2 {
403   font-size: 18px;
404   margin-top:5px;
405   margin-bottom:0px;
406   text-align:center;
407 }
408
409 .tile .tileh {
410   font-size: 18px;
411   font-weight:bold;
412   margin-top:5px;
413   margin-bottom:0px;
414   text-align:center;
415   color:var(--page-link-color);
416 }
417
418 .tile-link {
419  vertical-align:text-bottom;
420  margin-top:20px;
421 }
422
423
424 /* styles */
425
426 .style1 {
427         text-align: center;
428 }
429 .style2 {
430                 color: var(--arm_blue);
431                 font-weight: normal;
432 }
433 .style3 {
434                 text-align: left;
435 }
436 .style4 {
437                 color: #008000;
438 }
439 .style5 {
440                 color: #0000FF;
441 }
442 .style6 {
443                 color: #000000;
444                 font-style:italic;
445 }
446 .mand {
447                 color: #0000FF;
448 }
449 .opt {
450                 color: #008000;
451 }
452 .cond {
453                 color: var(--arm_orange);
454 }
455
456 .choice
457 {
458         background-color:#F7F9D0;
459 }
460 .seq
461 {
462         background-color:#C9DECB;
463 }
464 .group1
465 {
466         background-color:#F8F1F1;
467 }
468 .group2
469 {
470         background-color:#DCEDEA;
471 }
472
473 .arrow {
474     color: var(--nav-arrow-color);
475     -webkit-user-select: none;
476     -khtml-user-select: none;
477     -moz-user-select: none;
478     -ms-user-select: none;
479     user-select: none;
480     cursor: pointer;
481     font-size: 100%;
482     width: 16px;
483     height: 22px;
484     display: inline-block;
485 }
486
487 .main-menu {
488     margin: 0;
489     padding: 0;
490     display: table;
491     line-height: 24px;
492 }
493
494 ul {
495         list-style-type: disc;
496         padding-left: 2em;
497         margin-block-start: 0em;
498 }
499
500 li {
501         margin-top: 0.25em;
502         line-height: 24px;
503 }
504
505 ul ul {
506         list-style-type: circle;
507 }
508
509 ul ul ul {
510         list-style-type: square;
511 }
512
513 ul.hierarchy {
514         color: green;
515 }
516
517 em {
518         font-style:italic;
519 }
520
521 code {
522         font-family: monospace;
523         font-size: 85%;
524         line-height: 1.6;
525         background-color: var(--fragment-background-color);
526         border-radius: 6px;
527         padding: 0.2em 0.4em;
528 }
529
530 /*  Tables */
531 table.cmtab1 {
532         padding: 4px;
533         border-collapse: collapse;
534         border: 1px solid var(--arm_dark_gray);
535         text-align: justify;
536         width:70%;
537 }
538
539 th.cmtab1 {
540         background: var(--arm_light_gray3);
541         font-weight: bold;
542         height: 28px;
543 }
544
545 td.cmtab1 {
546         padding:1px;
547         text-align: left;
548 }
549
550 table.cmtable {
551         border-collapse:collapse;
552         margin-top: 4px;
553         margin-bottom: 4px;
554 }
555
556 table.cmtable td, table.cmtable th {
557         border: 1px solid var(--arm_dark_gray);
558         padding: 3px 7px 2px;
559 }
560
561 table.cmtable th {
562         background-color: var(--table-header-background-color);
563         color: var(--table-header-foreground-color);
564         font-size: 100%;
565         padding-bottom: 4px;
566         padding-top: 5px;
567         text-align:left;
568 }
569
570 table.cmtable th a {
571         color: var(--table-header-foreground-color);
572         text-decoration: underline;
573 }
574
575 table.cmtable th a:visited {
576         color: var(--table-header-foreground-color);
577         text-decoration: underline;
578 }
579
580 table.cmtable th a:hover {
581         color: var(--arm_yellow);
582         text-decoration: underline;
583 }
584
585 td.MonoTxt {
586         font-family:"Arial monospaced for SAP";
587 }
588
589 td.XML-Token
590 {
591         azimuth: 180;
592         font-style:italic;
593         z-index:20;
594 }
595
596 span.XML-Token
597 {
598         azimuth: 180;
599         font-style:italic;
600         z-index:20;
601 }
602
603 span.h2
604 {
605         font-size: 120%;
606         font-weight: bold;
607 }
608
609 div.new
610 {
611         background-color:#ccffcc; /* light green */
612 }
613
614 div.mod
615 {
616         background-color:#ffe6cc;  /* light amber */
617 }
618
619 div.del
620 {
621         background-color:#ffcccc;  /* light red */
622 }
623
624 div.contents {
625         margin-top: 10px;
626 /*      margin-left: 12px;
627         margin-right: 8px;
628 */
629 }
630
631 @media screen and (min-width: 1510px) {
632     #doc-content > div > div.contents,
633     .PageDoc > div.contents {
634         display: block;
635         flex-direction: row-reverse;
636         flex-wrap: nowrap;
637         align-items: flex-start;
638     }
639     
640     div.contents .textblock, div.contents .memberdecls, div.contents .memitem, div.contents .directory{
641         min-width: 200px;
642                 max-width: var(--max_textblock_width);
643         flex-grow: 1;
644     }
645
646         div.contents p, div.contents ul, div.contents .image, div.contents .markdownTable, div.contents .fragment, div.contents hr, div.contents h1 {
647                 max-width: var(--max_textblock_width);
648     }
649
650         div.contents hr {
651                 margin-left: 0;
652         }
653
654         div.content .toc {
655                 overflow-x: overlay;
656                 overflow-wrap: normal;
657         }
658
659         div.toc {
660                 max-height: var(--toc-max-height);
661                 max-width: var(--toc-width);
662                 border: 0;
663                 border-left: 1px solid var(--nav-splitbar-color);
664                 border-radius: 0;
665                 background-color: transparent;
666                 box-shadow: none;
667                 float: right;
668                 position: sticky;
669                 top: var(--toc-sticky-top);
670                 padding: 0 0 0 var(--spacing-large);
671                 margin: 0 0 0 var(--spacing-large);
672         }
673 }
674
675 @media screen and (max-width:1510px) {
676     #doc-content > div > div.contents,
677     .PageDoc > div.contents {
678         display: block;
679         flex-direction: row-reverse;
680         flex-wrap: nowrap;
681         align-items: flex-start;
682     }
683     
684     div.contents .textblock, div.contents .memberdecls, div.contents .memitem, div.contents .directory{
685         min-width: 200px;
686                 max-width: var(--max_textblock_width);
687         flex-grow: 1;
688     }
689
690         div.contents p, div.contents ul, div.contents .image, div.contents .markdownTable, div.contents .fragment{
691                 max-width: var(--max_textblock_width);
692     }
693
694         div.toc {
695                 max-height: 0px;
696                 line-height: 0px;
697         overflow-y: hidden;
698                 min-width: var(--toc-width);
699                 border: 0;
700                 border-radius: 0;
701                 background-color: transparent;
702                 box-shadow: none;
703                 padding: 0;;
704                 margin: 0;
705         }
706 }
707
708
709 .memberdecls heading {
710         font-weight: bold;
711 }
712
713 div.contents, div.header .headertitle, div.header .summary {
714     max-width: var(--max_content_width);
715 }
716
717 div.contents, div.header .headertitle {
718     margin-left: 3%;
719         margin-right: auto;
720 }
721
722 /* @group Heading Levels */
723
724 h1 {
725         font-size: 150%;
726         border-top-color: var(--group-header-separator-color);
727         border-top-width: 2px;
728         border-top-style: solid;
729         padding: 1em 0 0;
730         margin-top: 0.5em;
731         margin-bottom: 0.75em;
732 }
733 /*
734 h1:before {
735         margin-bottom: 1em;
736         content: "";
737         background-color: var(--arm_light_gray3);
738         height: 2px;
739         display: block;
740         width: 100%;
741 }
742 */
743 .title {
744         font-size: 150%;
745         font-weight: bold;
746         margin: 10px 0px;
747 }
748
749 h2, h2.groupheader {
750         border: 0px;
751         font-size: 120%;
752         font-weight: bold;
753         margin-top: 1.25em;
754         margin-bottom: 0.25em;
755 }
756
757 h3 {
758         font-size: 100%;
759         margin-top: 1.25em;
760         margin-bottom: 0.25em;
761 }
762
763 h4 {
764         font-size: 100%;
765         color: #505050;
766 }
767
768
769 div.multicol {
770         -moz-column-gap: 1em;
771         -webkit-column-gap: 1em;
772         -moz-column-count: 3;
773         -webkit-column-count: 3;
774 }
775
776 p {
777         margin-block-start: 1em;
778         margin-block-end: 0.5em;
779 }
780
781 p.startli, p.startdd, p.starttd {
782         margin-top: 2px;
783 }
784
785
786 div.qindex, div.navtab{
787         background-color: #EBEFF6;
788         border: 1px solid #A2B4D8;
789         text-align: center;
790 }
791
792 div.qindex, div.navpath {
793         width: 100%;
794         line-height: 140%;
795 }
796
797 div.navtab {
798         margin-right: 15px;
799 }
800
801 /* @group Link Styling */
802
803
804 a.qindex {
805         font-weight: bold;
806 }
807
808 a.qindexHL {
809         font-weight: bold;
810         background-color: #9AAED5;
811         color: #ffffff;
812         border: 1px double #849CCC;
813 }
814
815 .contents a.qindexHL:visited {
816         color: #ffffff;
817 }
818
819 pre.fragment {
820         font-family: monospace;
821         background-color: var(--fragment-background-color);
822         border-radius: 6px;
823         padding: 0.2em 0.4em;
824         font-size: 85%;
825         line-height: 1.45;
826         margin: 0.5em 0px;
827 }
828
829 div.fragment {
830         font-family: monospace;
831         background-color: var(--fragment-background-color);
832         border-radius: 6px;
833         padding: 0.2em 0.4em;
834         font-size: 85%;
835         line-height: 1.45;
836 }
837
838 div.line {
839         font-family: monospace;
840         font-size: 100%;
841         line-height: 1.45;
842         text-wrap: unrestricted;
843         white-space: -moz-pre-wrap; /* Moz */
844         white-space: -pre-wrap;     /* Opera 4-6 */
845         white-space: -o-pre-wrap;   /* Opera 7 */
846         white-space: pre-wrap;      /* CSS3  */
847         word-wrap: break-word;      /* IE 5.5+ */
848         text-indent: -53px;
849         padding-left: 53px;
850         padding-bottom: 0px;
851         margin: 0px;
852 }
853
854 span.lineno {
855         padding-right: 4px;
856         text-align: right;
857         border-right: 2px solid #0F0;
858         background-color: #E8E8E8;
859         white-space: pre;
860 }
861
862 span.lineno a {
863         background-color: #D8D8D8;
864 }
865
866 span.lineno a:hover {
867         background-color: #C8C8C8;
868 }
869
870 div.ah {
871         background-color: black;
872         font-weight: bold;
873         color: #ffffff;
874         margin-bottom: 3px;
875         margin-top: 3px;
876         padding: 0.2em;
877         border: solid thin #333;
878         border-radius: 0.5em;
879         -webkit-border-radius: .5em;
880         -moz-border-radius: .5em;
881 }
882
883 body {
884     color: var(--page-foreground-color);
885     background-color: var(--page-background-color);
886     margin: 0;
887 }
888
889 body a:hover{
890         text-decoration: underline;
891 }
892
893 td.indexkey {
894         background-color: #EBEFF6;
895         font-weight: bold;
896         border: 1px solid #C3CFE6;
897         margin: 2px 0px 2px 0;
898         padding: 2px 10px;
899     white-space: nowrap;
900     vertical-align: top;
901 }
902
903 td.indexvalue {
904         background-color: #EBEFF6;
905         border: 1px solid #C3CFE6;
906         padding: 2px 10px;
907         margin: 2px 0px;
908 }
909
910 tr.memlist {
911         background-color: #EDF1F7;
912 }
913
914 /*
915 .search {
916         color: #003399;
917         font-weight: bold;
918 }
919
920 form.search {
921         margin-bottom: 0px;
922         margin-top: 0px;
923 }
924
925 input.search {
926         font-size: 75%;
927         color: #000080;
928         font-weight: normal;
929         background-color: #e8eef2;
930 }
931 */
932
933 td.tiny {
934         font-size: 75%;
935 }
936
937 img.footer {
938         border: 0px;
939         vertical-align: middle;
940 }
941
942 .memSeparator {
943         line-height: 22px;
944 }
945
946 .memItemLeft, .memItemRight, .memTemplParams {
947         border-top: 1px solid var(--arm_light_gray);/*#C3CFE6;*/
948 }
949
950 a:-webkit-any-link {
951     color: var(--page-link-color);
952     cursor: pointer;
953     text-decoration: none;
954 }
955
956 .a:hover {
957      text-decoration: underline;
958 }
959
960
961 /* @group Member Details */
962
963 /* Styles for detailed member documentation */
964
965 .memtitle {
966         display: inline-block;
967         padding: 8px;
968         padding-bottom: 12px;
969         padding-right: 12px;
970         border-top: 1px solid var(--memdef-border-color);
971         border-left: 1px solid var(--memdef-border-color);
972         border-right: 1px solid var(--memdef-border-color);
973         border-top-right-radius: 4px;
974         border-top-left-radius: 4px;
975         margin-bottom: -1px;
976         background-color: var(--memdef-title-background-color);
977         line-height: 1.25;
978         font-weight: 600;
979         float: none;
980 }
981
982 .permalink
983 {   
984         color: var(--arm_blue);
985     font-size: 100%;
986     display: inline-block;
987     vertical-align: middle;
988     padding-bottom:6px;
989
990
991 .memtemplate {
992         font-size: 80%;
993         color: #4464A5;
994         font-weight: normal;
995         margin-left: 9px;
996 }
997
998 .memnav {
999         background-color: #EBEFF6;
1000         border: 1px solid #A2B4D8;
1001         text-align: center;
1002         margin: 2px;
1003         margin-right: 15px;
1004         padding: 2px;
1005 }
1006
1007 .mempage {
1008         width: 100%;
1009 }
1010
1011 .memitem {
1012         padding: 0;
1013         margin-bottom: 10px;
1014         margin-right: 5px;
1015     -webkit-transition: box-shadow 0.5s linear;
1016     -moz-transition: box-shadow 0.5s linear;
1017     -ms-transition: box-shadow 0.5s linear;
1018     -o-transition: box-shadow 0.5s linear;
1019     transition: box-shadow 0.5s linear;
1020 }
1021
1022 .memitem.glow {
1023     /*box-shadow: 0 0 15px cyan; */
1024 }
1025
1026 .memname {
1027     font-weight: bold;
1028     margin-left: 6px;
1029 }
1030
1031 .memname td {
1032         vertical-align: bottom;
1033 }
1034 .memproto, dl.reflist dt {
1035     border-top: 1px solid var(--memdef-border-color);
1036     border-left: 1px solid var(--memdef-border-color);
1037     border-right: 1px solid var(--memdef-border-color);
1038     padding: 6px 0px 6px 0px;
1039     color: var(--memdef-proto-text-color);
1040     font-weight: bold;
1041     background-color: var(--memdef-proto-background-color);
1042     border-top-right-radius: 4px;
1043     border-top-left-radius: 0px;
1044     /* firefox specific markup */
1045     -moz-border-radius-topright: 4px;
1046     -moz-border-radius-topleft: 0px;
1047     /* webkit specific markup */
1048     -webkit-border-top-right-radius: 4px;
1049     -webkit-border-top-left-radius: 0px;
1050 }
1051
1052 .memdoc, dl.reflist dd {
1053         border: 1px solid var(--memdef-border-color);
1054         padding: 6px 10px 2px 10px;
1055 }
1056
1057 dl.reflist dt {
1058         padding: 5px;
1059 }
1060
1061 dl.reflist dd {
1062         margin: 0px 0px 10px 0px;
1063         padding: 5px;
1064 }
1065
1066 .paramkey {
1067         text-align: right;
1068 }
1069
1070 .paramtype {
1071         white-space: nowrap;
1072 }
1073
1074 .paramname {
1075         color: var(--memdef-param-name-color);
1076         white-space: nowrap;
1077 }
1078 .paramname em {
1079         font-style: normal;
1080 }
1081
1082 .params, .retval, .exception, .tparams {
1083         margin-left: 0px;
1084         padding-left: 0px;
1085 }
1086
1087 .params .paramname, .retval .paramname {
1088         font-weight: bold;
1089         vertical-align: top;
1090 }
1091
1092 .params .paramtype {
1093         font-style: italic;
1094         vertical-align: top;
1095 }
1096
1097 .params .paramdir {
1098         font-family: "courier new",courier,monospace;
1099         vertical-align: top;
1100 }
1101
1102 table.mlabels {
1103         border-spacing: 0px;
1104 }
1105
1106 td.mlabels-left {
1107         width: 100%;
1108         padding: 0px;
1109 }
1110
1111 td.mlabels-right {
1112         vertical-align: bottom;
1113         padding: 0px;
1114         white-space: nowrap;
1115 }
1116
1117 span.mlabels {
1118     margin-left: 8px;
1119 }
1120
1121 span.mlabel {
1122     background-color: #708CC4;
1123     border-top:1px solid #5072B7;
1124     border-left:1px solid #5072B7;
1125     border-right:1px solid #C3CFE6;
1126     border-bottom:1px solid #C3CFE6;
1127     text-shadow: none;
1128     color: white;
1129     margin-right: 4px;
1130     padding: 2px 3px;
1131     border-radius: 3px;
1132     font-size: 7pt;
1133         white-space: nowrap;
1134 }
1135
1136
1137
1138 /* @end */
1139
1140 /* these are for tree view when not used as main index */
1141
1142 div.directory {
1143     margin: 10px 0px;
1144     border-top: 1px solid var(--arm_dark_gray);
1145     border-bottom: 1px solid var(--arm_dark_gray);
1146     width: 100%;
1147 }
1148
1149 .directory table {
1150     border-collapse:collapse;
1151 }
1152
1153 .directory td {
1154     padding: 0px 10px 10px 0px;
1155     vertical-align: middle;
1156 }
1157
1158 .directory td.entry {
1159     white-space: nowrap;
1160     padding-right: 6px;
1161         padding-top:10px;
1162 }
1163
1164 .directory td.entry a {
1165     outline:none;
1166     padding-left: 6px;
1167         padding-top:10px;
1168 }
1169
1170 .directory td.desc {
1171         width: 100%;
1172         padding-left: 6px;
1173         padding-right: 6px;
1174                 padding-top:10px;
1175         border-left: 0px solid rgba(0,0,0,0.05);
1176 }
1177
1178 .directory img {
1179         vertical-align: -30%;
1180 }
1181
1182 .directory .levels {
1183     white-space: nowrap;
1184     width: 100%;
1185     text-align: right;
1186     font-size: 9pt;
1187 }
1188
1189 .directory .levels span {
1190     cursor: pointer;
1191     padding-left: 2px;
1192     padding-right: 2px;
1193         color: #3A568E;
1194 }
1195
1196 div.dynheader {
1197     margin-top: 8px;
1198         -webkit-touch-callout: none;
1199         -webkit-user-select: none;
1200         -khtml-user-select: none;
1201         -moz-user-select: none;
1202         -ms-user-select: none;
1203         user-select: none;
1204 }
1205
1206 address {
1207         font-style: normal;
1208         color: #293C63;
1209 }
1210
1211 table.doxtable {
1212         border-collapse:collapse;
1213     margin-top: 4px;
1214     margin-bottom: 4px;
1215 }
1216
1217 table.doxtable td, table.doxtable th {
1218         border: 1px solid var(--table-cell-border-color);
1219         padding: 7px 10px 5px;
1220         text-align:left;
1221 }
1222
1223 table.doxtable th {
1224         background-color: var(--table-header-background-color);
1225         color: var(--table-header-foreground-color);
1226 }
1227
1228 table.doxtable tr:nth-child(odd) {
1229         background-color: var(--table-odd-cell-color);
1230 }
1231
1232 table.doxtable tr:nth-child(even) {
1233         background-color: var(--table-even-cell-color);
1234 }
1235
1236 table.fieldtable {
1237     width: 100%;
1238     margin-bottom: 10px;
1239     border: 1px solid var(--arm_dark_gray);
1240     border-spacing: 0px;
1241     -moz-border-radius: 4px;
1242     -webkit-border-radius: 4px;
1243     border-radius: 4px;
1244 }
1245
1246 .fieldtable td, .fieldtable th {
1247         padding: 3px 7px 2px;
1248 }
1249
1250 .fieldtable td.fieldtype, .fieldtable td.fieldname, td.fieldoc{
1251         white-space: nowrap;
1252         border-right: 1px solid var(--arm_dark_gray);
1253         border-bottom: 1px solid var(--arm_dark_gray);
1254         vertical-align: top;
1255 }
1256
1257 .fieldtable td.fielddoc {
1258         border-bottom: 1px solid var(--arm_dark_gray);
1259         width: 100%;
1260 }
1261
1262 .fieldtable td.fielddoc p {
1263         margin-top: 0px;
1264 }
1265
1266 .fieldtable tr:last-child td {
1267         border-bottom: none;
1268 }
1269
1270 .fieldtable th {
1271             background-color: var(--memdef-table-header-background-color);
1272         font-size: 100%;
1273                 font-weight: bold;
1274 }
1275
1276
1277 /* @group Markdown */
1278
1279
1280 table.markdownTable {
1281         border-collapse:collapse;
1282         margin-top: 4px;
1283         margin-bottom: 4px;
1284 }
1285
1286 table.markdownTable td, table.markdownTable th {
1287        border: 1px solid var(--table-cell-border-color);
1288        padding: 7px 10px 5px;
1289        text-align:left;
1290 }
1291
1292 table.markdownTable th {
1293        background-color: var(--table-header-background-color);
1294        color: var(--table-header-foreground-color);
1295 }
1296
1297 table.markdownTable tr:nth-child(odd) {
1298         background-color: var(--table-odd-cell-color);
1299 }
1300
1301 table.markdownTable tr:nth-child(even) {
1302        background-color: var(--table-even-cell-color);
1303 }
1304
1305 /* for hyperlinks in table head rows */
1306 table.markdownTable th a{
1307        color: var(--table-header-foreground-color);
1308        text-decoration: underline;
1309 }
1310
1311 table.markdownTable th a:visited{
1312        color: var(--table-header-foreground-color);
1313 }
1314
1315 table.markdownTable th a:hover{
1316        color: var(--arm_yellow);
1317 }
1318
1319 table.markdownTable th.markdownTableHeadLeft, table.markdownTable td.markdownTableBodyLeft {
1320         text-align: left
1321 }
1322
1323 table.markdownTable th.markdownTableHeadRight, table.markdownTable td.markdownTableBodyRight {
1324         text-align: right
1325 }
1326
1327 table.markdownTable th.markdownTableHeadCenter, table.markdownTable td.markdownTableBodyCenter {
1328         text-align: center
1329 }
1330
1331
1332 th.markdownTableHeadLeft, th.markdownTableHeadRight, th.markdownTableHeadCenter, th.markdownTableHeadNone {
1333         font-size: 100%;
1334 }
1335
1336 /* @end */
1337
1338
1339 .tabsearch {
1340         top: 0px;
1341         left: 10px;
1342         height: 36px;
1343         background-image: url('tab_b.png');
1344         z-index: 101;
1345         overflow: hidden;
1346         font-size: 13px;
1347 }
1348
1349 .navpath ul
1350 {
1351         font-size: 11px;
1352         background-color:var(--arm_black);
1353         height:30px;
1354         line-height:30px;
1355         color:white;
1356         border:solid 1px #C1CDE5;
1357         overflow:hidden;
1358         margin:0px;
1359         padding:0px;
1360 }
1361
1362 .navpath li
1363 {
1364         list-style-type:none;
1365         float:left;
1366         padding-left:10px;
1367         padding-right:15px;
1368         color:#344D7E;
1369 }
1370
1371 .navpath li.navelem a
1372 {
1373         height:32px;
1374         display:block;
1375         text-decoration: none;
1376         outline: none;
1377 }
1378
1379 .navpath li.navelem a:hover
1380 {
1381         color:#6583BF;
1382 }
1383
1384 .navpath li.footer
1385 {
1386         list-style-type:none;
1387         float:right;
1388         padding-left:10px;
1389         padding-right:15px;
1390         color:var(--arm_white);
1391         font-size: 8pt;
1392 }
1393
1394 div.summary
1395 {
1396         float: right;
1397         font-size: 8pt;
1398         padding-right: 5px;
1399         width: 50%;
1400         text-align: right;
1401 }
1402
1403 div.summary a
1404 {
1405         white-space: nowrap;
1406 }
1407
1408 div.ingroups
1409 {
1410         margin-left: 5px;
1411         font-size: 8pt;
1412         padding-left: 5px;
1413         width: 50%;
1414         text-align: left;
1415 }
1416
1417 div.ingroups a
1418 {
1419         white-space: nowrap;
1420 }
1421
1422 div.header
1423 {
1424     margin:  0px;
1425 }
1426
1427 div.headertitle
1428 {
1429         padding: 5px 5px 5px 0px;
1430         margin-top: 10px;
1431 }
1432
1433 dl
1434 {
1435     padding: 0 0 0 10px;
1436 }
1437
1438 /* dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug */
1439 dl.section
1440 {
1441         margin-left: 0px;
1442         padding-left: 0px;
1443 }
1444
1445 dl.note
1446 {
1447     margin-left:-7px;
1448     padding-left: 3px;
1449     border-left:4px solid;
1450     border-color: #D0C000;
1451 }
1452
1453 dl.warning, dl.attention
1454 {
1455     margin-left:-7px;
1456     padding-left: 3px;
1457     border-left:4px solid;
1458     border-color: #FF0000;
1459 }
1460
1461 dl.pre, dl.post, dl.invariant
1462 {
1463     margin-left:-7px;
1464     padding-left: 3px;
1465     border-left:4px solid;
1466     border-color: #00D000;
1467 }
1468
1469 dl.deprecated
1470 {
1471     margin-left:-7px;
1472     padding-left: 3px;
1473     border-left:4px solid;
1474     border-color: #505050;
1475 }
1476
1477 dl.todo
1478 {
1479     margin-left:-7px;
1480     padding-left: 3px;
1481     border-left:4px solid;
1482     border-color: #00C0E0;
1483 }
1484
1485 dl.test
1486 {
1487     margin-left:-7px;
1488     padding-left: 3px;
1489     border-left:4px solid;
1490     border-color: #3030E0;
1491 }
1492
1493 dl.bug
1494 {
1495         margin-left:-7px;
1496         padding-left: 3px;
1497         border-left:4px solid;
1498         border-color: #C08050;
1499 }
1500
1501 dl.safety
1502 {
1503         margin-left:-7px;
1504         padding-left: 3px;
1505         border-left:4px solid;
1506         border-color: #008000;
1507 }
1508
1509
1510 dl.section dd {
1511         margin-bottom: 6px;
1512 }
1513
1514
1515 #projectlogo
1516 {
1517         text-align: center;
1518         vertical-align: middle;
1519         border-collapse: separate;
1520 }
1521
1522 #projectlogo img
1523 {
1524         border: 0px none;
1525 }
1526
1527 #projectname
1528 {
1529         font: 270% 'Lato Lite', Lato, Caibri, sans-serif;
1530         font-weight: 600;
1531         margin: 0px;
1532         color:  white;
1533         padding: 2px 0px;
1534 }
1535
1536 #projectbrief
1537 {
1538         font: 140% "Lato Lite", Lato, Caibri, sans-serif;
1539         margin: 0px;
1540         color:  white;
1541         padding: 4px 0px 4px;
1542 }
1543
1544 #projectnumber
1545 {
1546         font: 50% "Lato Lite", Lato, Caibri, sans-serif;
1547         margin: 0px;
1548         color: white;
1549         padding: 0px;
1550 }
1551
1552 #top
1553 {
1554         border-bottom: 1px solid var(--arm_dark_gray);
1555 }
1556
1557 #titlearea
1558 {
1559         padding: 0px;
1560         margin: 0px;
1561         width: 100%;
1562         border-bottom: 1px solid var(--arm_dark_gray);
1563         background-color: var(--arm_black);
1564 }
1565
1566 .image
1567 {
1568         text-align: left;
1569         display: grid;
1570         justify-content: center;
1571         align-items: center;
1572         justify-items: center;
1573 }
1574
1575 .dotgraph
1576 {
1577         text-align: center;
1578 }
1579
1580 .mscgraph
1581 {
1582         text-align: center;
1583 }
1584
1585 .caption
1586 {
1587         font-weight: bold;
1588         font-size: 80%;
1589 }
1590
1591 div.zoom
1592 {
1593         border: 1px solid #8EA4D0;
1594 }
1595
1596 dl.citelist {
1597         margin-bottom:50px;
1598 }
1599
1600 dl.citelist dt {
1601         color:#314877;
1602         float:left;
1603         font-weight:bold;
1604         margin-right:10px;
1605         padding:5px;
1606 }
1607
1608 dl.citelist dd {
1609         margin:2px 0;
1610         padding:5px 0;
1611 }
1612
1613
1614 div.toc li {
1615         background: none;
1616         font-family: var(--font-family-toc);
1617                 font-size: var(--toc-font-size);
1618         margin-top: 5px;
1619         padding-left: 10px;
1620         padding-top: 2px;
1621 }
1622
1623 div.toc h3 {
1624     color: var(--toc-foreground);
1625     font-size: var(--toc-header-font-size);
1626         font-weight: normal;
1627     margin: var(--spacing-large) 0 var(--spacing-medium) 0;
1628 }
1629
1630 div.toc li {
1631     padding: 0;
1632     background: none;
1633     line-height: var(--toc-font-size);
1634     margin: var(--toc-font-size) 0 0 0;
1635 }
1636
1637 div.toc ul {
1638     margin-top: 0
1639 }
1640
1641 div.toc li a.active {
1642     font-weight: bold;
1643         color: var(--toc-active-color) !important;
1644 }
1645
1646 div.toc li a:hover {
1647     color: var(--nav-text-hover-color) !important;
1648 }
1649
1650 div.toc li a {
1651     font-size: var(--toc-font-size);
1652         color: var(--nav-foreground-color) !important;
1653     text-decoration: none;
1654 }
1655
1656 .inherit_header {
1657     font-weight: bold;
1658     color: gray;
1659     cursor: pointer;
1660         -webkit-touch-callout: none;
1661         -webkit-user-select: none;
1662         -khtml-user-select: none;
1663         -moz-user-select: none;
1664         -ms-user-select: none;
1665         user-select: none;
1666 }
1667
1668 .inherit_header td {
1669         padding: 6px 0px 2px 5px;
1670 }
1671
1672 .inherit {
1673         display: none;
1674 }
1675
1676 tr.heading h2 {
1677         margin-top: 12px;
1678         margin-bottom: 4px;
1679 }
1680
1681 @media print
1682 {
1683   #top { display: none; }
1684   #side-nav { display: none; }
1685   #nav-path { display: none; }
1686   body { overflow:visible; }
1687   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
1688   .summary { display: none; }
1689   .memitem { page-break-inside: avoid; }
1690   #doc-content
1691   {
1692     margin-left:0 !important;
1693     height:auto !important;
1694     width:auto !important;
1695     overflow:inherit;
1696     display:inline;
1697   }
1698 }
1699