]> Git Repo - pico-vscode.git/blob - web/docs/styles.css
Merge branch 'main' into main
[pico-vscode.git] / web / docs / styles.css
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 */
216 div.header {
217     background: none;
218     padding: 0px;
219     margin-bottom: 20px;
220     border-bottom: none;
221 }
222 div.header .headertitle {
223     padding: 0;
224 }
225 div.header .title {
226     margin: 0;
227 }
228 div.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 }
239 div.header .summary a:hover {
240     color: #CA4F62;
241 }
242 div.header .ingroups {
243     font-size: 13px;
244     width: auto;
245     font-weight: normal;
246 }
247
248
249 /* Floating labels */
250 span.mlabels {
251     margin: 0;
252     margin-left: 10px;
253 }
254 span.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 */
265 div.contents {
266     padding: 0;
267     margin: 0px;
268     margin-bottom: 20px;
269 }
270 div.contents ul li {
271     margin-bottom: 10px;
272 }
273 div.contents ul li:last-child {
274     margin-bottom: 0px;
275 }
276
277 div.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 }
294 div.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 }
301 div.toc ul {
302     margin: 0;
303 }
304 div.toc ul li {
305     margin-left: 0 !important;
306     padding-left: 15px !important;
307     font: 400 14px/22px Roboto,sans-serif;
308 }
309 div.toc li ul {
310     padding-left: 10px;
311     padding-top: 7px;
312 }
313
314 /* Group Headers */
315 h2.groupheader {
316     border-bottom: solid 1px #d4d4d4;
317     color: black;
318     margin: 0px;
319     margin-top: 30px;
320     padding: 10px 0;
321 }
322 tr.heading h2 {
323     margin: 0px;
324 }
325
326
327 /* Tables */
328 table.memberdecls {
329     margin-top: 30px;
330     /*margin-bottom: 30px;*/
331 }
332 table.memberdecls td.memSeparator {
333     line-height: 0;
334     font-size: 0;
335     border-bottom: 1px solid #d4d4d4;
336 }
337 table.memberdecls td.memItemLeft {
338     padding: 7px 15px 4px 15px;
339     background-color: #f5f5f5;
340 }
341 table.memberdecls td.memItemRight {
342     padding: 7px 15px 4px 15px;
343     background-color: #f5f5f5;
344 }
345 table.memberdecls td.mdescLeft {
346     padding: 7px 15px 4px 15px;
347     background-color: #f5f5f5;
348 }
349 table.memberdecls td.mdescRight {
350     padding: 7px 15px 4px 15px;
351     background-color: #f5f5f5;
352 }
353
354 table.params .paramname {
355     color: black;
356 }
357
358
359 table.markdownTable td, table.markdownTable th {
360     border: 1px solid #d4d4d4;
361     padding: 3px 7px;
362     color: black;
363 }
364
365 table.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
371 div.contents .fragment {
372     border: solid 1px #CA4F62;
373     padding: 20px;
374     border-radius: 4px;
375 }
376
377 div.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? */
431 a.el {
432     font-weight: normal;
433 }
434 a.el {
435     color: #CA4F62;
436 }
437 a.el:visited {
438     color: #CA4F62;
439 }
440 a.el:hover {
441     color: #CA4F62;
442 }
443 div.contents a {
444     color: #CA4F62;
445 }
446 div.contents a:visited {
447     color: #CA4F62;
448 }
449 div.contents a:hover {
450     color: #CA4F62;
451 }
452
453
454 /* Highlighted effect */
455 h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
456     text-shadow: 0 0 15px #CA4F62;
457 }
458
459
460 /* Directory */
461 div.directory {
462     margin: 20px 0px;
463     border-top: 1px solid #d4d4d4;
464     border-bottom: 1px solid #d4d4d4;
465 }
466 div.directory .levels {
467     font-size: 13px;
468     padding: 8px 0;
469 }
470 div.directory .levels span:hover {
471     color: #CA4F62;
472 }
473 table.directory {
474     /*width: 100%;*/
475 }
476 table.directory tr.even {
477     background-color: #f5f5f5;
478 }
479 table.directory td.entry {
480     padding: 8px 6px;
481     vertical-align: middle;
482     box-sizing: border-box;
483 }
484 table.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
498 dl.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 }
506 dl.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 */
538 hr {
539     border: none;
540     border-top: 1px solid #d4d4d4;
541     margin-top: 20px;
542     margin-bottom: 20px;
543 }
544
545
546 /* Notes */
547 dl.warning {
548     margin: 0px;
549     padding: 0px;
550     padding-left: 10px;
551 }
552 dl.note {
553     margin: 0px;
554     padding: 0px;
555     padding-left: 10px;
556 }
557 dl.attention {
558     margin: 0px;
559     padding: 0px;
560     padding-left: 10px;
561 }
562 dl.todo {
563     margin: 0px;
564     padding: 0px;
565     padding-left: 10px;
566 }
567 dl dt, dl dt a.el {
568     font-weight: bold;
569 }
570 dl dd {
571     margin: 0px;
572 }
573
574
575 table.fieldtable {
576     box-shadow: none;
577     border: 1px solid #d4d4d4;
578 }
579 table.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 }
587 table.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
594 div.qindex {
595     background-color: #F5F5F5;
596     border: none;
597     text-align: center;
598     padding: 8px 0;
599 }
600 table.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 }
612 table.classindex td {
613     padding: 3px 6px;
614     vertical-align: middle;
615     font-size: 14px;
616 }
617 table.classindex table td {
618     padding: 0;
619     vertical-align: middle;
620 }
621
622
623 div.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
This page took 0.063174 seconds and 4 git commands to generate.