]> begriffs open source - cmsis/blob - main/General/html/extra_stylesheet.css
Update documentation for branch main
[cmsis] / main / General / 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 /* styles */
377
378 .style1 {
379         text-align: center;
380 }
381 .style2 {
382                 color: var(--arm_blue);
383                 font-weight: normal;
384 }
385 .style3 {
386                 text-align: left;
387 }
388 .style4 {
389                 color: #008000;
390 }
391 .style5 {
392                 color: #0000FF;
393 }
394 .style6 {
395                 color: #000000;
396                 font-style:italic;
397 }
398 .mand {
399                 color: #0000FF;
400 }
401 .opt {
402                 color: #008000;
403 }
404 .cond {
405                 color: var(--arm_orange);
406 }
407
408 .choice
409 {
410         background-color:#F7F9D0;
411 }
412 .seq
413 {
414         background-color:#C9DECB;
415 }
416 .group1
417 {
418         background-color:#F8F1F1;
419 }
420 .group2
421 {
422         background-color:#DCEDEA;
423 }
424
425 .arrow {
426     color: var(--nav-arrow-color);
427     -webkit-user-select: none;
428     -khtml-user-select: none;
429     -moz-user-select: none;
430     -ms-user-select: none;
431     user-select: none;
432     cursor: pointer;
433     font-size: 100%;
434     width: 16px;
435     height: 22px;
436     display: inline-block;
437 }
438
439 .main-menu {
440     margin: 0;
441     padding: 0;
442     display: table;
443     line-height: 24px;
444 }
445
446 ul {
447         list-style-type: disc;
448         padding-left: 2em;
449         margin-block-start: 0em;
450 }
451
452 li {
453         margin-top: 0.25em;
454         line-height: 24px;
455 }
456
457 ul ul {
458         list-style-type: circle;
459 }
460
461 ul ul ul {
462         list-style-type: square;
463 }
464
465 ul.hierarchy {
466         color: green;
467 }
468
469 em {
470         font-style:italic;
471 }
472
473 code {
474         font-family: monospace;
475         font-size: 85%;
476         line-height: 1.6;
477         background-color: var(--fragment-background-color);
478         border-radius: 6px;
479         padding: 0.2em 0.4em;
480 }
481
482 /*  Tables */
483 table.cmtab1 {
484         padding: 4px;
485         border-collapse: collapse;
486         border: 1px solid var(--arm_dark_gray);
487         text-align: justify;
488         width:70%;
489 }
490
491 th.cmtab1 {
492         background: var(--arm_light_gray3);
493         font-weight: bold;
494         height: 28px;
495 }
496
497 td.cmtab1 {
498         padding:1px;
499         text-align: left;
500 }
501
502 table.cmtable {
503         border-collapse:collapse;
504         margin-top: 4px;
505         margin-bottom: 4px;
506 }
507
508 table.cmtable td, table.cmtable th {
509         border: 1px solid var(--arm_dark_gray);
510         padding: 3px 7px 2px;
511 }
512
513 table.cmtable th {
514         background-color: var(--table-header-background-color);
515         color: var(--table-header-foreground-color);
516         font-size: 100%;
517         padding-bottom: 4px;
518         padding-top: 5px;
519         text-align:left;
520 }
521
522 table.cmtable th a {
523         color: var(--table-header-foreground-color);
524         text-decoration: underline;
525 }
526
527 table.cmtable th a:visited {
528         color: var(--table-header-foreground-color);
529         text-decoration: underline;
530 }
531
532 table.cmtable th a:hover {
533         color: var(--arm_yellow);
534         text-decoration: underline;
535 }
536
537 td.MonoTxt {
538         font-family:"Arial monospaced for SAP";
539 }
540
541 td.XML-Token
542 {
543         azimuth: 180;
544         font-style:italic;
545         z-index:20;
546 }
547
548 span.XML-Token
549 {
550         azimuth: 180;
551         font-style:italic;
552         z-index:20;
553 }
554
555 span.h2
556 {
557         font-size: 120%;
558         font-weight: bold;
559 }
560
561 div.new
562 {
563         background-color:#ccffcc; /* light green */
564 }
565
566 div.mod
567 {
568         background-color:#ffe6cc;  /* light amber */
569 }
570
571 div.del
572 {
573         background-color:#ffcccc;  /* light red */
574 }
575
576 div.contents {
577         margin-top: 10px;
578 /*      margin-left: 12px;
579         margin-right: 8px;
580 */
581 }
582
583 @media screen and (min-width: 1510px) {
584     #doc-content > div > div.contents,
585     .PageDoc > div.contents {
586         display: block;
587         flex-direction: row-reverse;
588         flex-wrap: nowrap;
589         align-items: flex-start;
590     }
591     
592     div.contents .textblock, div.contents .memberdecls, div.contents .memitem, div.contents .directory{
593         min-width: 200px;
594                 max-width: var(--max_textblock_width);
595         flex-grow: 1;
596     }
597
598         div.contents p, div.contents ul, div.contents .image, div.contents .markdownTable, div.contents .fragment, div.contents hr, div.contents h1 {
599                 max-width: var(--max_textblock_width);
600     }
601
602         div.contents hr {
603                 margin-left: 0;
604         }
605
606         div.content .toc {
607                 overflow-x: overlay;
608                 overflow-wrap: normal;
609         }
610
611         div.toc {
612                 max-height: var(--toc-max-height);
613                 max-width: var(--toc-width);
614                 border: 0;
615                 border-left: 1px solid var(--nav-splitbar-color);
616                 border-radius: 0;
617                 background-color: transparent;
618                 box-shadow: none;
619                 float: right;
620                 position: sticky;
621                 top: var(--toc-sticky-top);
622                 padding: 0 0 0 var(--spacing-large);
623                 margin: 0 0 0 var(--spacing-large);
624         }
625 }
626
627 @media screen and (max-width:1510px) {
628     #doc-content > div > div.contents,
629     .PageDoc > div.contents {
630         display: block;
631         flex-direction: row-reverse;
632         flex-wrap: nowrap;
633         align-items: flex-start;
634     }
635     
636     div.contents .textblock, div.contents .memberdecls, div.contents .memitem, div.contents .directory{
637         min-width: 200px;
638                 max-width: var(--max_textblock_width);
639         flex-grow: 1;
640     }
641
642         div.contents p, div.contents ul, div.contents .image, div.contents .markdownTable, div.contents .fragment{
643                 max-width: var(--max_textblock_width);
644     }
645
646         div.toc {
647                 max-height: 0px;
648                 line-height: 0px;
649         overflow-y: hidden;
650                 min-width: var(--toc-width);
651                 border: 0;
652                 border-radius: 0;
653                 background-color: transparent;
654                 box-shadow: none;
655                 padding: 0;;
656                 margin: 0;
657         }
658 }
659
660
661 .memberdecls heading {
662         font-weight: bold;
663 }
664
665 div.contents, div.header .headertitle, div.header .summary {
666     max-width: var(--max_content_width);
667 }
668
669 div.contents, div.header .headertitle {
670     margin-left: 3%;
671         margin-right: auto;
672 }
673
674 /* @group Heading Levels */
675
676 h1 {
677         font-size: 150%;
678         border-top-color: var(--group-header-separator-color);
679         border-top-width: 2px;
680         border-top-style: solid;
681         padding: 1em 0 0;
682         margin-top: 0.5em;
683         margin-bottom: 0.75em;
684 }
685 /*
686 h1:before {
687         margin-bottom: 1em;
688         content: "";
689         background-color: var(--arm_light_gray3);
690         height: 2px;
691         display: block;
692         width: 100%;
693 }
694 */
695 .title {
696         font-size: 150%;
697         font-weight: bold;
698         margin: 10px 0px;
699 }
700
701 h2, h2.groupheader {
702         border: 0px;
703         font-size: 120%;
704         font-weight: bold;
705         margin-top: 1.25em;
706         margin-bottom: 0.25em;
707 }
708
709 h3 {
710         font-size: 100%;
711         margin-top: 1.25em;
712         margin-bottom: 0.25em;
713 }
714
715 h4 {
716         font-size: 100%;
717         color: #505050;
718 }
719
720
721 div.multicol {
722         -moz-column-gap: 1em;
723         -webkit-column-gap: 1em;
724         -moz-column-count: 3;
725         -webkit-column-count: 3;
726 }
727
728 p {
729         margin-block-start: 1em;
730         margin-block-end: 0.5em;
731 }
732
733 p.startli, p.startdd, p.starttd {
734         margin-top: 2px;
735 }
736
737
738 div.qindex, div.navtab{
739         background-color: #EBEFF6;
740         border: 1px solid #A2B4D8;
741         text-align: center;
742 }
743
744 div.qindex, div.navpath {
745         width: 100%;
746         line-height: 140%;
747 }
748
749 div.navtab {
750         margin-right: 15px;
751 }
752
753 /* @group Link Styling */
754
755
756 a.qindex {
757         font-weight: bold;
758 }
759
760 a.qindexHL {
761         font-weight: bold;
762         background-color: #9AAED5;
763         color: #ffffff;
764         border: 1px double #849CCC;
765 }
766
767 .contents a.qindexHL:visited {
768         color: #ffffff;
769 }
770
771 pre.fragment {
772         font-family: monospace;
773         background-color: var(--fragment-background-color);
774         border-radius: 6px;
775         padding: 0.2em 0.4em;
776         font-size: 85%;
777         line-height: 1.45;
778         margin: 0.5em 0px;
779 }
780
781 div.fragment {
782         font-family: monospace;
783         background-color: var(--fragment-background-color);
784         border-radius: 6px;
785         padding: 0.2em 0.4em;
786         font-size: 85%;
787         line-height: 1.45;
788 }
789
790 div.line {
791         font-family: monospace;
792         font-size: 100%;
793         line-height: 1.45;
794         text-wrap: unrestricted;
795         white-space: -moz-pre-wrap; /* Moz */
796         white-space: -pre-wrap;     /* Opera 4-6 */
797         white-space: -o-pre-wrap;   /* Opera 7 */
798         white-space: pre-wrap;      /* CSS3  */
799         word-wrap: break-word;      /* IE 5.5+ */
800         text-indent: -53px;
801         padding-left: 53px;
802         padding-bottom: 0px;
803         margin: 0px;
804 }
805
806 span.lineno {
807         padding-right: 4px;
808         text-align: right;
809         border-right: 2px solid #0F0;
810         background-color: #E8E8E8;
811         white-space: pre;
812 }
813
814 span.lineno a {
815         background-color: #D8D8D8;
816 }
817
818 span.lineno a:hover {
819         background-color: #C8C8C8;
820 }
821
822 div.ah {
823         background-color: black;
824         font-weight: bold;
825         color: #ffffff;
826         margin-bottom: 3px;
827         margin-top: 3px;
828         padding: 0.2em;
829         border: solid thin #333;
830         border-radius: 0.5em;
831         -webkit-border-radius: .5em;
832         -moz-border-radius: .5em;
833 }
834
835 body {
836     color: var(--page-foreground-color);
837     background-color: var(--page-background-color);
838     margin: 0;
839 }
840
841 body a:hover{
842         text-decoration: underline;
843 }
844
845 td.indexkey {
846         background-color: #EBEFF6;
847         font-weight: bold;
848         border: 1px solid #C3CFE6;
849         margin: 2px 0px 2px 0;
850         padding: 2px 10px;
851     white-space: nowrap;
852     vertical-align: top;
853 }
854
855 td.indexvalue {
856         background-color: #EBEFF6;
857         border: 1px solid #C3CFE6;
858         padding: 2px 10px;
859         margin: 2px 0px;
860 }
861
862 tr.memlist {
863         background-color: #EDF1F7;
864 }
865
866 /*
867 .search {
868         color: #003399;
869         font-weight: bold;
870 }
871
872 form.search {
873         margin-bottom: 0px;
874         margin-top: 0px;
875 }
876
877 input.search {
878         font-size: 75%;
879         color: #000080;
880         font-weight: normal;
881         background-color: #e8eef2;
882 }
883 */
884
885 td.tiny {
886         font-size: 75%;
887 }
888
889 img.footer {
890         border: 0px;
891         vertical-align: middle;
892 }
893
894 .memSeparator {
895         line-height: 22px;
896 }
897
898 .memItemLeft, .memItemRight, .memTemplParams {
899         border-top: 1px solid var(--arm_light_gray);/*#C3CFE6;*/
900 }
901
902 a:-webkit-any-link {
903     color: var(--page-link-color);
904     cursor: pointer;
905     text-decoration: none;
906 }
907
908 .a:hover {
909      text-decoration: underline;
910 }
911
912
913 /* @group Member Details */
914
915 /* Styles for detailed member documentation */
916
917 .memtitle {
918         display: inline-block;
919         padding: 8px;
920         padding-bottom: 12px;
921         padding-right: 12px;
922         border-top: 1px solid var(--memdef-border-color);
923         border-left: 1px solid var(--memdef-border-color);
924         border-right: 1px solid var(--memdef-border-color);
925         border-top-right-radius: 4px;
926         border-top-left-radius: 4px;
927         margin-bottom: -1px;
928         background-color: var(--memdef-title-background-color);
929         line-height: 1.25;
930         font-weight: 600;
931         float: none;
932 }
933
934 .permalink
935 {   
936         color: var(--arm_blue);
937     font-size: 100%;
938     display: inline-block;
939     vertical-align: middle;
940     padding-bottom:6px;
941
942
943 .memtemplate {
944         font-size: 80%;
945         color: #4464A5;
946         font-weight: normal;
947         margin-left: 9px;
948 }
949
950 .memnav {
951         background-color: #EBEFF6;
952         border: 1px solid #A2B4D8;
953         text-align: center;
954         margin: 2px;
955         margin-right: 15px;
956         padding: 2px;
957 }
958
959 .mempage {
960         width: 100%;
961 }
962
963 .memitem {
964         padding: 0;
965         margin-bottom: 10px;
966         margin-right: 5px;
967     -webkit-transition: box-shadow 0.5s linear;
968     -moz-transition: box-shadow 0.5s linear;
969     -ms-transition: box-shadow 0.5s linear;
970     -o-transition: box-shadow 0.5s linear;
971     transition: box-shadow 0.5s linear;
972 }
973
974 .memitem.glow {
975     /*box-shadow: 0 0 15px cyan; */
976 }
977
978 .memname {
979     font-weight: bold;
980     margin-left: 6px;
981 }
982
983 .memname td {
984         vertical-align: bottom;
985 }
986 .memproto, dl.reflist dt {
987     border-top: 1px solid var(--memdef-border-color);
988     border-left: 1px solid var(--memdef-border-color);
989     border-right: 1px solid var(--memdef-border-color);
990     padding: 6px 0px 6px 0px;
991     color: var(--memdef-proto-text-color);
992     font-weight: bold;
993     background-color: var(--memdef-proto-background-color);
994     border-top-right-radius: 4px;
995     border-top-left-radius: 0px;
996     /* firefox specific markup */
997     -moz-border-radius-topright: 4px;
998     -moz-border-radius-topleft: 0px;
999     /* webkit specific markup */
1000     -webkit-border-top-right-radius: 4px;
1001     -webkit-border-top-left-radius: 0px;
1002 }
1003
1004 .memdoc, dl.reflist dd {
1005         border: 1px solid var(--memdef-border-color);
1006         padding: 6px 10px 2px 10px;
1007 }
1008
1009 dl.reflist dt {
1010         padding: 5px;
1011 }
1012
1013 dl.reflist dd {
1014         margin: 0px 0px 10px 0px;
1015         padding: 5px;
1016 }
1017
1018 .paramkey {
1019         text-align: right;
1020 }
1021
1022 .paramtype {
1023         white-space: nowrap;
1024 }
1025
1026 .paramname {
1027         color: var(--memdef-param-name-color);
1028         white-space: nowrap;
1029 }
1030 .paramname em {
1031         font-style: normal;
1032 }
1033
1034 .params, .retval, .exception, .tparams {
1035         margin-left: 0px;
1036         padding-left: 0px;
1037 }
1038
1039 .params .paramname, .retval .paramname {
1040         font-weight: bold;
1041         vertical-align: top;
1042 }
1043
1044 .params .paramtype {
1045         font-style: italic;
1046         vertical-align: top;
1047 }
1048
1049 .params .paramdir {
1050         font-family: "courier new",courier,monospace;
1051         vertical-align: top;
1052 }
1053
1054 table.mlabels {
1055         border-spacing: 0px;
1056 }
1057
1058 td.mlabels-left {
1059         width: 100%;
1060         padding: 0px;
1061 }
1062
1063 td.mlabels-right {
1064         vertical-align: bottom;
1065         padding: 0px;
1066         white-space: nowrap;
1067 }
1068
1069 span.mlabels {
1070     margin-left: 8px;
1071 }
1072
1073 span.mlabel {
1074     background-color: #708CC4;
1075     border-top:1px solid #5072B7;
1076     border-left:1px solid #5072B7;
1077     border-right:1px solid #C3CFE6;
1078     border-bottom:1px solid #C3CFE6;
1079     text-shadow: none;
1080     color: white;
1081     margin-right: 4px;
1082     padding: 2px 3px;
1083     border-radius: 3px;
1084     font-size: 7pt;
1085         white-space: nowrap;
1086 }
1087
1088
1089
1090 /* @end */
1091
1092 /* these are for tree view when not used as main index */
1093
1094 div.directory {
1095     margin: 10px 0px;
1096     border-top: 1px solid var(--arm_dark_gray);
1097     border-bottom: 1px solid var(--arm_dark_gray);
1098     width: 100%;
1099 }
1100
1101 .directory table {
1102     border-collapse:collapse;
1103 }
1104
1105 .directory td {
1106     padding: 0px 10px 10px 0px;
1107     vertical-align: middle;
1108 }
1109
1110 .directory td.entry {
1111     white-space: nowrap;
1112     padding-right: 6px;
1113         padding-top:10px;
1114 }
1115
1116 .directory td.entry a {
1117     outline:none;
1118     padding-left: 6px;
1119         padding-top:10px;
1120 }
1121
1122 .directory td.desc {
1123         width: 100%;
1124         padding-left: 6px;
1125         padding-right: 6px;
1126                 padding-top:10px;
1127         border-left: 0px solid rgba(0,0,0,0.05);
1128 }
1129
1130 .directory img {
1131         vertical-align: -30%;
1132 }
1133
1134 .directory .levels {
1135     white-space: nowrap;
1136     width: 100%;
1137     text-align: right;
1138     font-size: 9pt;
1139 }
1140
1141 .directory .levels span {
1142     cursor: pointer;
1143     padding-left: 2px;
1144     padding-right: 2px;
1145         color: #3A568E;
1146 }
1147
1148 div.dynheader {
1149     margin-top: 8px;
1150         -webkit-touch-callout: none;
1151         -webkit-user-select: none;
1152         -khtml-user-select: none;
1153         -moz-user-select: none;
1154         -ms-user-select: none;
1155         user-select: none;
1156 }
1157
1158 address {
1159         font-style: normal;
1160         color: #293C63;
1161 }
1162
1163 table.doxtable {
1164         border-collapse:collapse;
1165     margin-top: 4px;
1166     margin-bottom: 4px;
1167 }
1168
1169 table.doxtable td, table.doxtable th {
1170         border: 1px solid var(--table-cell-border-color);
1171         padding: 7px 10px 5px;
1172         text-align:left;
1173 }
1174
1175 table.doxtable th {
1176         background-color: var(--table-header-background-color);
1177         color: var(--table-header-foreground-color);
1178 }
1179
1180 table.doxtable tr:nth-child(odd) {
1181         background-color: var(--table-odd-cell-color);
1182 }
1183
1184 table.doxtable tr:nth-child(even) {
1185         background-color: var(--table-even-cell-color);
1186 }
1187
1188 table.fieldtable {
1189     width: 100%;
1190     margin-bottom: 10px;
1191     border: 1px solid var(--arm_dark_gray);
1192     border-spacing: 0px;
1193     -moz-border-radius: 4px;
1194     -webkit-border-radius: 4px;
1195     border-radius: 4px;
1196 }
1197
1198 .fieldtable td, .fieldtable th {
1199         padding: 3px 7px 2px;
1200 }
1201
1202 .fieldtable td.fieldtype, .fieldtable td.fieldname, td.fieldoc{
1203         white-space: nowrap;
1204         border-right: 1px solid var(--arm_dark_gray);
1205         border-bottom: 1px solid var(--arm_dark_gray);
1206         vertical-align: top;
1207 }
1208
1209 .fieldtable td.fielddoc {
1210         border-bottom: 1px solid var(--arm_dark_gray);
1211         width: 100%;
1212 }
1213
1214 .fieldtable td.fielddoc p {
1215         margin-top: 0px;
1216 }
1217
1218 .fieldtable tr:last-child td {
1219         border-bottom: none;
1220 }
1221
1222 .fieldtable th {
1223             background-color: var(--memdef-table-header-background-color);
1224         font-size: 100%;
1225                 font-weight: bold;
1226 }
1227
1228
1229 /* @group Markdown */
1230
1231
1232 table.markdownTable {
1233         border-collapse:collapse;
1234         margin-top: 4px;
1235         margin-bottom: 4px;
1236 }
1237
1238 table.markdownTable td, table.markdownTable th {
1239        border: 1px solid var(--table-cell-border-color);
1240        padding: 7px 10px 5px;
1241        text-align:left;
1242 }
1243
1244 table.markdownTable th {
1245        background-color: var(--table-header-background-color);
1246        color: var(--table-header-foreground-color);
1247 }
1248
1249 table.markdownTable tr:nth-child(odd) {
1250         background-color: var(--table-odd-cell-color);
1251 }
1252
1253 table.markdownTable tr:nth-child(even) {
1254        background-color: var(--table-even-cell-color);
1255 }
1256
1257 /* for hyperlinks in table head rows */
1258 table.markdownTable th a{
1259        color: var(--table-header-foreground-color);
1260        text-decoration: underline;
1261 }
1262
1263 table.markdownTable th a:visited{
1264        color: var(--table-header-foreground-color);
1265 }
1266
1267 table.markdownTable th a:hover{
1268        color: var(--arm_yellow);
1269 }
1270
1271 table.markdownTable th.markdownTableHeadLeft, table.markdownTable td.markdownTableBodyLeft {
1272         text-align: left
1273 }
1274
1275 table.markdownTable th.markdownTableHeadRight, table.markdownTable td.markdownTableBodyRight {
1276         text-align: right
1277 }
1278
1279 table.markdownTable th.markdownTableHeadCenter, table.markdownTable td.markdownTableBodyCenter {
1280         text-align: center
1281 }
1282
1283
1284 th.markdownTableHeadLeft, th.markdownTableHeadRight, th.markdownTableHeadCenter, th.markdownTableHeadNone {
1285         font-size: 100%;
1286 }
1287
1288 /* @end */
1289
1290
1291 .tabsearch {
1292         top: 0px;
1293         left: 10px;
1294         height: 36px;
1295         background-image: url('tab_b.png');
1296         z-index: 101;
1297         overflow: hidden;
1298         font-size: 13px;
1299 }
1300
1301 .navpath ul
1302 {
1303         font-size: 11px;
1304         background-color:var(--arm_black);
1305         height:30px;
1306         line-height:30px;
1307         color:white;
1308         border:solid 1px #C1CDE5;
1309         overflow:hidden;
1310         margin:0px;
1311         padding:0px;
1312 }
1313
1314 .navpath li
1315 {
1316         list-style-type:none;
1317         float:left;
1318         padding-left:10px;
1319         padding-right:15px;
1320         color:#344D7E;
1321 }
1322
1323 .navpath li.navelem a
1324 {
1325         height:32px;
1326         display:block;
1327         text-decoration: none;
1328         outline: none;
1329 }
1330
1331 .navpath li.navelem a:hover
1332 {
1333         color:#6583BF;
1334 }
1335
1336 .navpath li.footer
1337 {
1338         list-style-type:none;
1339         float:right;
1340         padding-left:10px;
1341         padding-right:15px;
1342         color:var(--arm_white);
1343         font-size: 8pt;
1344 }
1345
1346 div.summary
1347 {
1348         float: right;
1349         font-size: 8pt;
1350         padding-right: 5px;
1351         width: 50%;
1352         text-align: right;
1353 }
1354
1355 div.summary a
1356 {
1357         white-space: nowrap;
1358 }
1359
1360 div.ingroups
1361 {
1362         margin-left: 5px;
1363         font-size: 8pt;
1364         padding-left: 5px;
1365         width: 50%;
1366         text-align: left;
1367 }
1368
1369 div.ingroups a
1370 {
1371         white-space: nowrap;
1372 }
1373
1374 div.header
1375 {
1376     margin:  0px;
1377 }
1378
1379 div.headertitle
1380 {
1381         padding: 5px 5px 5px 0px;
1382         margin-top: 10px;
1383 }
1384
1385 dl
1386 {
1387     padding: 0 0 0 10px;
1388 }
1389
1390 /* dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug */
1391 dl.section
1392 {
1393         margin-left: 0px;
1394         padding-left: 0px;
1395 }
1396
1397 dl.note
1398 {
1399     margin-left:-7px;
1400     padding-left: 3px;
1401     border-left:4px solid;
1402     border-color: #D0C000;
1403 }
1404
1405 dl.warning, dl.attention
1406 {
1407     margin-left:-7px;
1408     padding-left: 3px;
1409     border-left:4px solid;
1410     border-color: #FF0000;
1411 }
1412
1413 dl.pre, dl.post, dl.invariant
1414 {
1415     margin-left:-7px;
1416     padding-left: 3px;
1417     border-left:4px solid;
1418     border-color: #00D000;
1419 }
1420
1421 dl.deprecated
1422 {
1423     margin-left:-7px;
1424     padding-left: 3px;
1425     border-left:4px solid;
1426     border-color: #505050;
1427 }
1428
1429 dl.todo
1430 {
1431     margin-left:-7px;
1432     padding-left: 3px;
1433     border-left:4px solid;
1434     border-color: #00C0E0;
1435 }
1436
1437 dl.test
1438 {
1439     margin-left:-7px;
1440     padding-left: 3px;
1441     border-left:4px solid;
1442     border-color: #3030E0;
1443 }
1444
1445 dl.bug
1446 {
1447         margin-left:-7px;
1448         padding-left: 3px;
1449         border-left:4px solid;
1450         border-color: #C08050;
1451 }
1452
1453 dl.safety
1454 {
1455         margin-left:-7px;
1456         padding-left: 3px;
1457         border-left:4px solid;
1458         border-color: #008000;
1459 }
1460
1461
1462 dl.section dd {
1463         margin-bottom: 6px;
1464 }
1465
1466
1467 #projectlogo
1468 {
1469         text-align: center;
1470         vertical-align: middle;
1471         border-collapse: separate;
1472 }
1473
1474 #projectlogo img
1475 {
1476         border: 0px none;
1477 }
1478
1479 #projectname
1480 {
1481         font: 270% 'Lato Lite', Lato, Caibri, sans-serif;
1482         font-weight: 600;
1483         margin: 0px;
1484         color:  white;
1485         padding: 2px 0px;
1486 }
1487
1488 #projectbrief
1489 {
1490         font: 140% "Lato Lite", Lato, Caibri, sans-serif;
1491         margin: 0px;
1492         color:  white;
1493         padding: 4px 0px 4px;
1494 }
1495
1496 #projectnumber
1497 {
1498         font: 50% "Lato Lite", Lato, Caibri, sans-serif;
1499         margin: 0px;
1500         color: white;
1501         padding: 0px;
1502 }
1503
1504 #top
1505 {
1506         border-bottom: 1px solid var(--arm_dark_gray);
1507 }
1508
1509 #titlearea
1510 {
1511         padding: 0px;
1512         margin: 0px;
1513         width: 100%;
1514         border-bottom: 1px solid var(--arm_dark_gray);
1515         background-color: var(--arm_black);
1516 }
1517
1518 .image
1519 {
1520         text-align: left;
1521         display: grid;
1522         justify-content: center;
1523         align-items: center;
1524         justify-items: center;
1525 }
1526
1527 .dotgraph
1528 {
1529         text-align: center;
1530 }
1531
1532 .mscgraph
1533 {
1534         text-align: center;
1535 }
1536
1537 .caption
1538 {
1539         font-weight: bold;
1540         font-size: 80%;
1541 }
1542
1543 div.zoom
1544 {
1545         border: 1px solid #8EA4D0;
1546 }
1547
1548 dl.citelist {
1549         margin-bottom:50px;
1550 }
1551
1552 dl.citelist dt {
1553         color:#314877;
1554         float:left;
1555         font-weight:bold;
1556         margin-right:10px;
1557         padding:5px;
1558 }
1559
1560 dl.citelist dd {
1561         margin:2px 0;
1562         padding:5px 0;
1563 }
1564
1565
1566 div.toc li {
1567         background: none;
1568         font-family: var(--font-family-toc);
1569                 font-size: var(--toc-font-size);
1570         margin-top: 5px;
1571         padding-left: 10px;
1572         padding-top: 2px;
1573 }
1574
1575 div.toc h3 {
1576     color: var(--toc-foreground);
1577     font-size: var(--toc-header-font-size);
1578         font-weight: normal;
1579     margin: var(--spacing-large) 0 var(--spacing-medium) 0;
1580 }
1581
1582 div.toc li {
1583     padding: 0;
1584     background: none;
1585     line-height: var(--toc-font-size);
1586     margin: var(--toc-font-size) 0 0 0;
1587 }
1588
1589 div.toc ul {
1590     margin-top: 0
1591 }
1592
1593 div.toc li a.active {
1594     font-weight: bold;
1595         color: var(--toc-active-color) !important;
1596 }
1597
1598 div.toc li a:hover {
1599     color: var(--nav-text-hover-color) !important;
1600 }
1601
1602 div.toc li a {
1603     font-size: var(--toc-font-size);
1604         color: var(--nav-foreground-color) !important;
1605     text-decoration: none;
1606 }
1607
1608 .inherit_header {
1609     font-weight: bold;
1610     color: gray;
1611     cursor: pointer;
1612         -webkit-touch-callout: none;
1613         -webkit-user-select: none;
1614         -khtml-user-select: none;
1615         -moz-user-select: none;
1616         -ms-user-select: none;
1617         user-select: none;
1618 }
1619
1620 .inherit_header td {
1621         padding: 6px 0px 2px 5px;
1622 }
1623
1624 .inherit {
1625         display: none;
1626 }
1627
1628 tr.heading h2 {
1629         margin-top: 12px;
1630         margin-bottom: 4px;
1631 }
1632
1633 @media print
1634 {
1635   #top { display: none; }
1636   #side-nav { display: none; }
1637   #nav-path { display: none; }
1638   body { overflow:visible; }
1639   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
1640   .summary { display: none; }
1641   .memitem { page-break-inside: avoid; }
1642   #doc-content
1643   {
1644     margin-left:0 !important;
1645     height:auto !important;
1646     width:auto !important;
1647     overflow:inherit;
1648     display:inline;
1649   }
1650 }
1651