1
2.logo {
3    margin-bottom: 30px;
4}
5@media (max-width: 1012px) {
6    .logo {
7        display: none;
8    }
9}
10
11.logo--mobile {
12    display: none;
13}
14@media (max-width: 1012px) {
15    .logo--mobile {
16        display: block;
17        box-sizing: border-box;
18        max-width: 35px;
19        position: absolute;
20        z-index: 10;
21        top: 50%;
22        left: 40px;
23        transform: translateY(-50%);
24    }
25    .logo--mobile img {
26        width: 100%;
27    }
28}
29@media (max-width: 767px) {
30    .logo--mobile {
31        left: 20px;
32    }
33}
34
35
36
37.navigation-footer {
38    margin-top: auto;
39    order: 3;
40    color: #CA4F62;
41    display: flex;
42    align-items: center;
43}
44@media (max-width: 1012px) {
45    .navigation-footer {
46        margin-top: 50px;
47    }
48}
49.navigation-footer img {
50    height: 35px;
51}
52.navigation-footer a {
53    font-size: .9em;
54    margin-left: 10px;
55}
56
57
58
59
60
61/* Search Box */
62#MSearchBox {
63    border-radius: 5px;
64    margin-top: 0px;
65    margin-bottom: 15px;
66    background: none;
67    background-color: white;
68    position: relative;
69    border-radius: 0;
70    box-shadow: none;
71    width: 100%;
72}
73#MSearchBox .right {
74    display: none;
75}
76#MSearchBox .left {
77    width: 100%;
78    height: auto;
79    left: 0;
80}
81#MSearchBox img {
82    position: absolute;
83    z-index: 1;
84    top: 4px;
85    left: 0px;
86}
87#MSearchBox input[type=text] {
88    position: inherit;
89    padding: 16px 15px 14px 30px;
90    border: 0;
91    box-sizing: border-box;
92    background: none;
93    background-color: white;
94    width: 100%;
95    margin: 0;
96    box-sizing: border-box;
97    font-family: 'Roboto', sans-serif;
98    font-size: 0.9em;
99}
100#MSearchSelectWindow {
101    position: fixed;
102    top: 178px !important;
103    left: 49px !important;
104    border: solid 1px #d4d4d4;
105    border-radius: 0;
106    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
107    background-color: white;
108}
109#MSearchSelectWindow .SelectItem {
110    font-family: 'Roboto', sans-serif;
111    padding: 1px 25px 1px 6px;
112}
113#MSearchSelectWindow .SelectionMark {
114    color: black;
115}
116#MSearchSelectWindow .SelectItem:hover {
117    background-color: #CA4F62;
118}
119#MSearchResultsWindow {
120    position: fixed;
121    top: 178px !important;
122    left: 49px !important;
123    border: solid 1px #d4d4d4;
124    border-radius: 0;
125    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
126    background-color: white;
127}
128.SRSymbol {
129    color: #CA4F62;
130}
131
132
133
134/* Main Navigation */
135#main-nav ul {
136    list-style-type: none;
137    margin: 0;
138    padding: 0;
139}
140#main-nav > ul {
141    display: flex;
142    flex-direction: column;
143}
144#main-nav > ul > li > a {
145    font-weight: normal;
146    font-size: 18px;
147}
148#main-nav > ul > li {
149    position: relative;
150    padding-bottom: 20px;
151    flex: 1;
152    order: 2;
153}
154#main-nav > ul > li:last-child {
155    order: 1;
156    float: none !important;
157}
158#main-nav ul li a {
159    display: block;
160}
161
162#main-nav ul li.hasChildren > a:hover[aria-expanded="false"] {
163    text-decoration: none;
164}
165
166#main-nav ul li a:hover {
167    text-decoration: underline;
168    color: #CA4F62;
169}
170
171#main-nav ul ul li {
172    position: relative;
173    padding-bottom: 10px;
174}
175
176#main-nav ul li.hasChildren > a[aria-expanded="false"]:after {
177    position: absolute;
178    content: "+";
179    /*top: -1px;*/
180    right: -2px;
181    line-height: 20px;
182    font-size: 20px;
183}
184
185#main-nav li ul {
186    padding-left: 5px;
187    display: none;
188    padding-top: 15px;
189    /*padding-bottom: 15px;*/
190}
191
192@media (max-width: 1012px) {
193    #main-nav > ul > li.hasChildren:after {
194        top: 9px;
195    }
196    #main-nav > ul > li {
197        padding-bottom: 0px;
198    }
199    #main-nav > ul > li:first-child {
200        border-top: 1px solid rgba(0,0,0,0.2);
201    }
202    #main-nav > ul > li {
203        padding: 10px 0;
204        border-bottom: 1px solid rgba(0,0,0,0.2);
205    }
206    #main-nav > ul > li:last-child {
207        padding: 10px 0;
208    }
209    #main-nav > ul > li ul {
210        padding-bottom: 10px;
211    }
212}
213
214
215/* Page Header */
216div.header {
217    background: none;
218    padding: 0px;
219    margin-bottom: 20px;
220    border-bottom: none;
221}
222div.header .headertitle {
223    padding: 0;
224}
225div.header .title {
226    margin: 0;
227}
228div.header .summary {
229    font-size: 13px;
230    padding: 9px 0 0 0;
231    width: auto;
232}
233@media (max-width: 767px) {
234    div.header .summary {
235        text-align: left;
236        margin-bottom: 20px;
237    }
238}
239div.header .summary a:hover {
240    color: #CA4F62;
241}
242div.header .ingroups {
243    font-size: 13px;
244    width: auto;
245    font-weight: normal;
246}
247
248
249/* Floating labels */
250span.mlabels {
251    margin: 0;
252    margin-left: 10px;
253}
254span.mlabel {
255    margin: 0;
256    margin-left: 10px;
257    border: solid 1px #CA4F62;
258    background-color: #CA4F62;
259    padding: 3px 5px;
260    font-weight: normal;
261}
262
263
264/* Content area */
265div.contents {
266    padding: 0;
267    margin: 0px;
268    margin-bottom: 20px;
269}
270div.contents ul li {
271    margin-bottom: 10px;
272}
273div.contents ul li:last-child {
274    margin-bottom: 0px;
275}
276
277div.toc {
278    padding: 0;
279    padding-bottom: 20px;
280    background-color: transparent;
281    border: none;
282    box-sizing: border-box;
283    float: none;
284    width: 100%;
285    margin: 0;
286    border-radius: 0;
287}
288
289@media (max-width: 767px) {
290    div.toc {
291        //
292    }
293}
294div.toc h3 {
295    margin: 0;
296    margin-bottom: 5px;
297    color: black;
298    font: 400 14px/22px Roboto,sans-serif;
299    font-weight: bold;
300}
301div.toc ul {
302    margin: 0;
303}
304div.toc ul li {
305    margin-left: 0 !important;
306    padding-left: 15px !important;
307    font: 400 14px/22px Roboto,sans-serif;
308}
309div.toc li ul {
310    padding-left: 10px;
311    padding-top: 7px;
312}
313
314/* Group Headers */
315h2.groupheader {
316    border-bottom: solid 1px #d4d4d4;
317    color: black;
318    margin: 0px;
319    margin-top: 30px;
320    padding: 10px 0;
321}
322tr.heading h2 {
323    margin: 0px;
324}
325
326
327/* Tables */
328table.memberdecls {
329    margin-top: 30px;
330    /*margin-bottom: 30px;*/
331}
332table.memberdecls td.memSeparator {
333    line-height: 0;
334    font-size: 0;
335    border-bottom: 1px solid #d4d4d4;
336}
337table.memberdecls td.memItemLeft {
338    padding: 7px 15px 4px 15px;
339    background-color: #f5f5f5;
340}
341table.memberdecls td.memItemRight {
342    padding: 7px 15px 4px 15px;
343    background-color: #f5f5f5;
344}
345table.memberdecls td.mdescLeft {
346    padding: 7px 15px 4px 15px;
347    background-color: #f5f5f5;
348}
349table.memberdecls td.mdescRight {
350    padding: 7px 15px 4px 15px;
351    background-color: #f5f5f5;
352}
353
354table.params .paramname {
355    color: black;
356}
357
358
359table.markdownTable td, table.markdownTable th {
360    border: 1px solid #d4d4d4;
361    padding: 3px 7px;
362    color: black;
363}
364
365table.markdownTable th.markdownTableHeadLeft, table.markdownTable th.markdownTableHeadRight, table.markdownTable th.markdownTableHeadCenter, table.markdownTable th.markdownTableHeadNone {
366    background-color: #f5f5f5;
367    color: black;
368    padding: 3px 7px;
369}
370
371div.contents .fragment {
372    border: solid 1px #CA4F62;
373    padding: 20px;
374    border-radius: 4px;
375}
376
377div.contents .line {
378    line-height: 15px;
379}
380
381
382.memtitle {
383    margin-top: 10px;
384    border-top: solid 1px #d4d4d4;
385    border-left: solid 1px #d4d4d4;
386    border-right: solid 1px #d4d4d4;
387    background: none;
388    background-color: #f5f5f5;
389    padding: 8px 10px;
390    font-weight: bold;
391    font-size: 18px;
392}
393.memtitle .permalink a, .memtitle .permalink a:visited {
394    color: black;
395}
396.memtitle .permalink a:hover {
397    text-decoration: none;
398}
399.memitem {
400    margin: 0;
401    box-shadow: none;
402}
403.memitem.glow {
404    box-shadow: 0 0 15px #CA4F62;
405}
406.memitem .memproto {
407    box-shadow: none;
408    background: none;
409    background-color: #f5f5f5;
410    border-top: solid 1px #d4d4d4;
411    border-left: solid 1px #d4d4d4;
412    border-right: solid 1px #d4d4d4;
413    color: black;
414    padding: 8px 10px;
415}
416.memitem .memproto .memname {
417    margin-left: 0;
418}
419.memitem .memdoc {
420    box-shadow: none;
421    background: none;
422    border-bottom: solid 1px #d4d4d4;
423    border-left: solid 1px #d4d4d4;
424    border-right: solid 1px #d4d4d4;
425    padding: 10px 12px;
426
427}
428
429
430/* General links? */
431a.el {
432    font-weight: normal;
433}
434a.el {
435    color: #CA4F62;
436}
437a.el:visited {
438    color: #CA4F62;
439}
440a.el:hover {
441    color: #CA4F62;
442}
443div.contents a {
444    color: #CA4F62;
445}
446div.contents a:visited {
447    color: #CA4F62;
448}
449div.contents a:hover {
450    color: #CA4F62;
451}
452
453
454/* Highlighted effect */
455h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
456    text-shadow: 0 0 15px #CA4F62;
457}
458
459
460/* Directory */
461div.directory {
462    margin: 20px 0px;
463    border-top: 1px solid #d4d4d4;
464    border-bottom: 1px solid #d4d4d4;
465}
466div.directory .levels {
467    font-size: 13px;
468    padding: 8px 0;
469}
470div.directory .levels span:hover {
471    color: #CA4F62;
472}
473table.directory {
474    /*width: 100%;*/
475}
476table.directory tr.even {
477    background-color: #f5f5f5;
478}
479table.directory td.entry {
480    padding: 8px 6px;
481    vertical-align: middle;
482    box-sizing: border-box;
483}
484table.directory td.desc {
485    padding: 8px 6px;
486    vertical-align: middle;
487    box-sizing: border-box;
488}
489
490
491/* Icons */
492.iconfopen, .icondoc {
493    margin: 0;
494}
495
496
497
498dl.reflist dt {
499    box-shadow: none;
500    background-color: #F5F5F5;
501    border-top: solid 1px #d4d4d4;
502    border-left: solid 1px #d4d4d4;
503    border-right: solid 1px #d4d4d4;
504    padding: 10px;
505}
506dl.reflist dd {
507    box-shadow: none;
508    background: none;
509    border-bottom: solid 1px #d4d4d4;
510    border-left: solid 1px #d4d4d4;
511    border-right: solid 1px #d4d4d4;
512    padding: 10px;
513}
514
515
516/* Standard arrow icon? */
517.arrow {
518    color: #d4d4d4;
519    width: auto;
520    height: auto;
521    margin: 0 5px;
522}
523
524.icona {
525    height: auto;
526    width: auto;
527    margin-right: 8px;
528}
529.icona .icon {
530    font-family: 'Roboto', sans-serif;
531    margin: 0;
532    background-color: #CA4F62;
533    padding: 1px;
534    font-weight: normal;
535}
536
537/* horizontal ruler */
538hr {
539    border: none;
540    border-top: 1px solid #d4d4d4;
541    margin-top: 20px;
542    margin-bottom: 20px;
543}
544
545
546/* Notes */
547dl.warning {
548    margin: 0px;
549    padding: 0px;
550    padding-left: 10px;
551}
552dl.note {
553    margin: 0px;
554    padding: 0px;
555    padding-left: 10px;
556}
557dl.attention {
558    margin: 0px;
559    padding: 0px;
560    padding-left: 10px;
561}
562dl.todo {
563    margin: 0px;
564    padding: 0px;
565    padding-left: 10px;
566}
567dl dt, dl dt a.el {
568    font-weight: bold;
569}
570dl dd {
571    margin: 0px;
572}
573
574
575table.fieldtable {
576    box-shadow: none;
577    border: 1px solid #d4d4d4;
578}
579table.fieldtable th {
580    background: none;
581    background-color: #F5F5F5;
582    border-bottom: 1px solid #d4d4d4;
583    color: black;
584    font-size: 100%;
585    font-weight: bold;
586}
587table.fieldtable td.fieldname, table.fieldtable td.fielddoc {
588    border-bottom: 1px solid #d4d4d4;
589    border-right: 1px solid #d4d4d4;
590    vertical-align: middle;
591}
592
593
594div.qindex {
595    background-color: #F5F5F5;
596    border: none;
597    text-align: center;
598    padding: 8px 0;
599}
600table.classindex div.ah {
601    font-family: 'Roboto', sans-serif;
602    margin: 0;
603    background: none;
604    background-color: #CA4F62;
605    padding: 1px;
606    font-weight: normal;
607    border: none;
608    box-shadow: none;
609    border-radius: 0;
610    padding: 3px;
611}
612table.classindex td {
613    padding: 3px 6px;
614    vertical-align: middle;
615    font-size: 14px;
616}
617table.classindex table td {
618    padding: 0;
619    vertical-align: middle;
620}
621
622
623div.textblock h2 {
624    border-bottom: solid 1px #d4d4d4;
625    padding-bottom: 10px;
626}
627
628
629
630
631
632.navigation-mobile {
633    display: none;
634    background-color: #F5F5F5;
635    position: fixed;
636    top: 0;
637    left: 0;
638    width: 100%;
639    height: 70px;
640}
641@media (max-width: 1012px) {
642    .navigation-mobile {
643        display: block;
644    }
645}
646
647
648.navigation-toggle {
649    cursor: pointer;
650    width: 44px;
651    height: 44px;
652    margin-right: 20px;
653    position: absolute;
654    right: 0;
655    top: 50%;
656    transform: translateY(-50%);
657    bottom: 5%;
658    z-index: 50;
659    display: none;
660}
661@media (max-width: 1012px) {
662    .navigation-toggle {
663        display: block;
664    }
665}
666@media (max-width: 767px) {
667    .navigation-toggle {
668        margin-right: 0px;
669    }
670}
671.navigation-toggle span {
672    display: block;
673    text-indent: -9999px;
674    position: absolute;
675    height: 2px;
676    left: 10px;
677    right: 10px;
678    background-color: #CA4F62;
679    border-radius: 1px;
680    transition: 0.15s all;
681}
682.line-1 {
683    top: 14px;
684}
685.line-2 {
686    top: 50%;
687    margin-top: -1px;
688}
689.line-3 {
690    bottom: 14px;
691}
692.navigation-toggle.clicked .line-1 {
693    transform: rotate(45deg);
694    top: 21px;
695}
696.navigation-toggle.clicked .line-2 {
697    opacity: 0;
698}
699.navigation-toggle.clicked .line-3 {
700    transform: rotate(-45deg);
701    bottom: 21px;
702}
703
704