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