Lines Matching +full:pre +full:- +full:div
2 * Copyright (c) 2019-2020, Juan Linietsky, Ariel Manzur and the Godot community
4 * SPDX-License-Identifier: CC-BY-3.0
12 …--system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto…
13 …--header-font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, …
30 .rst-content .toctree-wrapper p.caption,
31 .rst-versions {
32 font-family: var(--system-font-family);
42 .rst-content .toctree-wrapper p.caption {
43 /* Use a lighter font for headers (Semi-Bold instead of Bold) */
44 font-weight: 600;
45 font-family: var(--header-font-family);
48 .rst-content div.figure p.caption {
50 text-align: center;
51 margin-top: 8px;
55 .rst-content div.figure.figure-w480 {
56 max-width: 480px;
62 .wy-plain-list-disc,
63 .wy-plain-list-decimal,
64 .rst-content ol.arabic,
65 .rst-content .section ul,
66 .rst-content .toctree-wrapper ul,
67 .rst-content .section ol {
69 line-height: 25px;
73 .rst-content table.docutils thead {
74 color: var(--body-color);
78 color: var(--link-color);
82 color: var(--link-color-hover);
83 text-decoration: underline;
88 color: var(--link-color-active);
92 color: var(--link-color-visited);
96 text-decoration: none;
99 .sphinx-tabs .sphinx-menu a.item {
101 color: var(--link-color) !important;
104 .rst-content .toc-backref {
105 color: var(--link-color);
110 background-position: center right;
111 background-repeat: no-repeat;
112 background-image: var(--external-reference-icon);
113 padding-right: 13px;
117 #search-results .search li:first-child,
118 #search-results .search li {
119 border-color: var(--hr-color);
123 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
124 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
125 background-color: var(--admonition-note-background-color);
126 border-color: var(--admonition-note-title-background-color);
127 color: var(--admonition-note-color);
129 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
130 background-color: transparent;
131 border-color: transparent;
132 color: var(--footer-color);
134 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
135 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
136 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
137 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
138 font-weight: 600;
140 margin-bottom: 1px;
143 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
144 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
145 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
146 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
147 font-family: var(--monospace-font-family);
148 font-variant-ligatures: none;
149 font-size: 90%;
150 font-weight: normal;
151 margin-bottom: 16px;
154 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
155 color: var(--highlight-type2-color);
156 font-weight: normal;
158 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
159 color: var(--highlight-function-color);
160 font-weight: 700;
162 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
163 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
164 color: var(--highlight-operator-color) !important;
165 font-weight: normal;
168 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
169 font-style: italic;
171 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
172 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
173 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
174 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
175 color: var(--code-literal-color);
176 font-style: normal;
179 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
180 font-style: normal;
182 html.writer-html5 .rst-content dl:not(.docutils) > dt, html.writer-html5 .rst-content dl[class]:not…
183 border-top-color: var(--highlight-background-emph-color);
184 background: var(--highlight-background-color);
186 …-html5 .rst-content dl:not(.docutils) dl:not(.option-list):not(.field-list):not(.footnote):not(.ci…
187 border-left-color: var(--highlight-background-emph-color);
188 background: var(--highlight-background-color);
190 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
191 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
192 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
193 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
194 color: var(--highlight-number-color);
195 font-style: italic;
197 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
198 color: var(--highlight-keyword-color);
200 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
201 color: var(--link-color) !important;
203 html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glo…
204 color: var(--link-color-visited);
206 html.writer-html5 .rst-content dl.field-list > dd strong {
207 font-family: var(--monospace-font-family);
208 font-variant-ligatures: none;
212 #search-results .context {
213 color: var(--footer-color);
217 a.icon-home,
218 a.icon-home:visited {
219 color: var(--navbar-level-1-color);
224 .wy-nav-content-wrap {
225 background-color: var(--content-wrap-background-color);
228 .wy-nav-content {
229 background-color: var(--content-background-color);
230 min-height: 100vh;
231 min-height: 100dvh;
235 .wy-body-for-nav {
236 background-color: var(--content-wrap-background-color);
239 @media only screen and (min-width: 769px) {
240 .wy-nav-content {
241 max-width: 915px;
247 .rst-content table.docutils,
248 .wy-table-bordered-all td,
249 .rst-content table.docutils td,
250 .wy-table thead th,
251 .rst-content table.docutils thead th,
252 .rst-content table.field-list thead th {
253 border-color: var(--code-border-color);
256 .rst-content table.docutils caption, .rst-content table.field-list caption, .wy-table caption {
257 color: var(--body-color);
259 .wy-table-odd td,
260 .wy-table-striped tr:nth-child(2n-1) td,
261 .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td {
262 background-color: var(--table-row-odd-background-color);
265 /* Override table no-wrap */
267 .wy-table-responsive table td:not(:nth-child(1)),
268 .wy-table-responsive table th:not(:nth-child(1)) {
269 white-space: normal;
273 .wy-table-responsive table.wrap-normal td,
274 .wy-table-responsive table.wrap-normal th {
275 white-space: normal;
279 .wy-table-responsive table td kbd {
280 white-space: nowrap;
283 /* Force table content font-size in responsive tables to be 100%
285 .wy-table-responsive td p {
286 font-size: 100%;
292 .rst-content tt,
293 .rst-content code {
294 font-size: 14px;
295 background-color: var(--code-background-color);
296 border: 1px solid var(--code-border-color);
299 .rst-content tt.literal,
300 .rst-content code.literal {
301 color: var(--code-literal-color);
304 .rst-content div[class^="highlight"] {
305 border-color: none;
309 .rst-content pre.literal-block,
310 .rst-content div[class^="highlight"] pre,
311 .rst-content .linenodiv pre {
313 font-size: 14px;
314 line-height: 1.5;
317 .rst-content pre.literal-block {
319 border-radius: 0.25rem;
320 background-color: var(--code-background-color);
327 .sphinx-tabs-panel {
328 background-color: var(--code-background-color) !important;
331 .sphinx-tabs-tab {
332 color: var(--link-color) !important;
335 .sphinx-tabs-tab[aria-selected="true"] {
336 background-color: var(--code-background-color) !important;
337 border-bottom: 1px solid var(--code-background-color) !important;
342 color: var(--link-color);
346 color: var(--link-color-visited);
351 .tab div[class^='highlight']:last-child {
352 margin-bottom: 1em;
355 .rst-content tt.literal, .rst-content code.literal, .highlight {
356 border-radius: 0.25rem;
360 background-color: var(--highlight-background-color);
365 background-color: var(--highlight-background-emph-color);
372 color: var(--highlight-default-color);
379 color: var(--highlight-comment-color);
391 color: var(--highlight-keyword-color);
396 color: var(--highlight-keyword2-color);
406 color: var(--highlight-number-color);
413 color: var(--highlight-decorator-color);
418 color: var(--highlight-type-color);
429 color: var(--highlight-type2-color);
435 color: var(--highlight-function-color);
443 color: var(--highlight-operator-color);
457 color: var(--highlight-string-color);
462 .rst-content .admonition,
463 .rst-content .admonition.note,
464 .rst-content .admonition.seealso {
465 background-color: var(--admonition-note-background-color);
466 color: var(--admonition-note-color);
470 .rst-content .admonition .admonition-title,
471 .rst-content .admonition.note .admonition-title,
472 .rst-content .admonition.seealso .admonition-title {
473 background-color: var(--admonition-note-title-background-color);
474 color: var(--admonition-note-title-color);
477 .rst-content .admonition.attention,
478 .rst-content .admonition.caution,
479 .rst-content .admonition.warning {
480 background-color: var(--admonition-attention-background-color);
481 color: var(--admonition-attention-color);
485 .rst-content .admonition.attention .admonition-title,
486 .rst-content .admonition.caution .admonition-title,
487 .rst-content .admonition.warning .admonition-title {
488 background-color: var(--admonition-attention-title-background-color);
489 color: var(--admonition-attention-title-color);
492 .rst-content .admonition.danger {
493 background-color: var(--admonition-danger-background-color);
494 color: var(--admonition-danger-color);
498 .rst-content .admonition.danger .admonition-title {
499 background-color: var(--admonition-danger-title-background-color);
500 color: var(--admonition-danger-title-color);
503 .rst-content .admonition.tip,
504 .rst-content .admonition.important {
505 background-color: var(--admonition-tip-background-color);
506 color: var(--admonition-tip-color);
510 .rst-content .admonition.tip .admonition-title,
511 .rst-content .admonition.important .admonition-title {
512 background-color: var(--admonition-tip-title-background-color);
513 color: var(--admonition-tip-title-color);
516 /* Admonition tweaks - sphinx_togglebutton */
518 .rst-content .admonition.toggle {
522 .rst-content .admonition.toggle button {
523 display: inline-flex;
524 color: var(--admonition-note-title-color);
527 .rst-content .admonition.toggle .tb-icon {
534 .rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > kbd,
535 .rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > .kbd {
536 background-color: var(--kbd-background-color);
537 border: 1px solid var(--kbd-outline-color);
538 border-radius: 3px;
539 box-shadow: inset 0 -1px 0 var(--kbd-shadow-color);
540 color: var(--kbd-text-color);
541 display: inline-block;
542 font-size: 12px;
543 line-height: 11px;
545 vertical-align: middle;
549 .rst-content .guilabel,
550 .rst-content .menuselection {
551 color: var(--body-color);
552 background-color: var(--guiitems-background-color);
553 border-color: var(--guiitems-border-color);
558 .rst-content section > h1 {
559 font-weight: 700;
560 margin-bottom: 2.5rem;
562 line-height: 1;
563 z-index: 1;
566 .rst-content section > h1::before {
569 z-index:-1;
573 bottom: -1px;
574 …r-gradient(to right, var(--admonition-note-title-background-color), var(--admonition-note-title-ba…
578 .rst-content section > h2,
579 .rst-content section > h3,
580 .rst-content section > h4,
581 .rst-content section > h5 {
582 font-weight: 500;
583 padding-inline-start: 8px;
584 margin-inline-start: 0px;
585 border-inline-start: 8px solid;
586 padding-top: 0.2em;
587 padding-bottom: 0.2em;
590 .rst-content section > h2 {
591 border-color: var(--admonition-note-title-background-color);
594 .rst-content section > h3 {
595 border-color: var(--admonition-note-background-color);
598 .rst-content section > h4 {
599 border-color: transparent;
600 font-weight: 400;
603 .rst-content section > h5 {
604 border-color: transparent;
605 font-weight: 100;
610 .btn-neutral {
611 background-color: var(--btn-neutral-background-color) !important;
612 color: var(--body-color) !important;
615 .btn-neutral:hover {
616 background-color: var(--btn-neutral-hover-background-color) !important;
619 .btn-neutral:visited {
620 color: var(--body-color) !important;
626 opacity: var(--logo-opacity);
629 .wy-side-nav-search > a img.logo {
636 .wy-side-nav-search {
637 background-color: var(--navbar-background-color);
640 .wy-side-nav-search.fixed {
644 @media only screen and (min-width: 769px) {
647 .wy-side-nav-search.fixed-and-scrolled::after {
651 bottom: -8px;
654 pointer-events: none;
655 background: linear-gradient(hsla(0, 0%, 0%, 0.2), transparent);
659 .wy-side-nav-search > a:hover,
660 .wy-side-nav-search .wy-dropdown > a:hover {
661 background-color: var(--navbar-background-color-hover);
664 .wy-side-nav-search > a:active,
665 .wy-side-nav-search .wy-dropdown > a:active {
666 background-color: var(--navbar-background-color-active);
669 .wy-side-nav-search input[type=search] {
671 border-radius: 50px;
673 background-color: var(--input-background-color);
674 color: var(--body-color);
677 box-shadow: none;
680 font-size: 14px;
683 .wy-side-nav-search input[type="search"]:focus {
684 border: 2px solid var(--input-focus-border-color);
687 .wy-side-nav-search input[type="search"]::placeholder {
688 color: var(--body-color);
694 .wy-nav-side {
695 background-color: var(--navbar-background-color);
698 .wy-menu-vertical header,
699 .wy-menu-vertical p.caption {
700 color: var(--navbar-heading-color);
703 letter-spacing: 0.75px;
708 .wy-nav-top,
709 .wy-nav-top a {
710 background-color: var(--navbar-background-color);
711 color: var(--navbar-level-1-color);
715 .wy-side-nav-search > div.version {
716 color: var(--navbar-level-3-color);
722 .wy-menu-vertical a {
723 color: var(--navbar-level-1-color);
726 .wy-menu-vertical a:hover {
727 background-color: var(--navbar-background-color-hover);
728 color: var(--navbar-level-1-color);
731 .wy-menu-vertical a:active {
732 background-color: var(--navbar-background-color-active);
735 .wy-menu-vertical li.toctree-l1.current > a {
739 .wy-side-nav-search, .wy-menu-vertical a, .wy-menu-vertical a span.toctree-expand,
740 .wy-menu-vertical li.toctree-l2 a span.toctree-expand {
741 color: var(--navbar-level-3-color);
743 margin-right: 8px;
746 .wy-side-nav-search, .wy-menu-vertical a, .wy-menu-vertical a:hover span.toctree-expand,
747 .wy-menu-vertical li.toctree-l2 a:hover span.toctree-expand {
748 color: var(--navbar-level-2-color);
752 .wy-side-nav-search, .wy-menu-vertical a, .wy-menu-vertical a:active span.toctree-expand,
753 .wy-menu-vertical li.toctree-l2 a:active span.toctree-expand {
754 color: var(--navbar-level-1-color);
760 .wy-menu-vertical li.current a {
766 .wy-menu-vertical li.current a,
767 .wy-menu-vertical li.toctree-l2.current > a,
768 .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a,
769 .wy-menu-vertical li.toctree-l2.current li.toctree-l4 > a {
770 background-color: var(--navbar-current-background-color);
771 color: var(--navbar-level-2-color);
772 border-color: var(--navbar-current-background-color);
775 .wy-menu-vertical li.current a:hover,
776 .wy-menu-vertical li.toctree-l2.current > a:hover,
777 .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover,
778 .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a:hover {
779 background-color: var(--navbar-current-background-color-hover);
782 .wy-menu-vertical li.current a:active,
783 .wy-menu-vertical li.toctree-l2.current > a:active,
784 .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:active,
785 .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a:active {
786 background-color: var(--navbar-current-background-color-active);
789 .wy-menu-vertical a {
790 /* This overrides 8px margin added in other multi-selector rules */
791 margin-right: 0;
795 .wy-nav-side .ethical-rtd.fixed {
801 .rst-versions {
802 background-color: var(--navbar-current-background-color);
805 .rst-versions a,
806 .rst-versions .rst-current-version,
807 .rst-versions .rst-current-version .fa,
808 .rst-versions .rst-other-versions dd a {
809 color: var(--navbar-level-1-color);
812 .rst-versions .rst-other-versions small {
813 color: var(--navbar-level-3-color);
816 .rst-versions .rst-other-versions dd a:hover {
817 text-decoration: underline;
820 .rst-versions .rst-other-versions {
821 color: var(--navbar-heading-color);
824 .rst-versions .rst-current-version {
825 background-color: var(--navbar-current-background-color);
828 .rst-versions .rst-current-version:hover {
829 background-color: var(--navbar-current-background-color-hover);
832 .rst-versions .rst-current-version:active {
833 background-color: var(--navbar-current-background-color-active);
836 .rst-versions.shift-up {
837 overflow-y: auto;
841 .rst-content .highlighted {
842 background-color: transparent;
843 font-weight: inherit;
848 @media only screen and (min-width: 769px) {
849 .wy-side-scroll {
853 .wy-nav-side .wy-side-scroll .ethical-rtd {
854 width: calc(300px - 1.25em);
858 .wy-menu.wy-menu-vertical {
859 overflow-y: auto;
860 overflow-x: hidden;
861 max-height: calc(100% - 243px);
863 @media screen and (max-width: 768px) {
864 .wy-nav-side {
865 padding-bottom: 44px;
867 .wy-menu.wy-menu-vertical {
868 overflow-y: initial;
869 max-height: initial;
871 .wy-nav-content {
872 min-height: calc(100vh - 64px);
873 min-height: calc(100dvh - 64px);
878 .wy-menu.wy-menu-vertical {
879 scrollbar-color: var(--navbar-scrollbar-color) var(--navbar-scrollbar-background);
881 .wy-menu.wy-menu-vertical::-webkit-scrollbar {
884 .wy-menu.wy-menu-vertical::-webkit-scrollbar-track {
885 background-color: var(--navbar-scrollbar-background);
887 .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb {
888 background-color: var(--navbar-scrollbar-color);
890 /* Firefox does the dimming on hover automatically. We emulate it for Webkit-based browsers. */
891 .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb:hover {
892 background-color: var(--navbar-scrollbar-hover-color);
894 .wy-menu.wy-menu-vertical::-webkit-scrollbar-thumb:active {
895 background-color: var(--navbar-scrollbar-active-color);
900 .rst-columns {
901 column-width: 18em;
904 .rst-content div.figure, .rst-content figure {
905 text-align: center;
908 .wy-alert.wy-alert-danger {
909 background-color: var(--admonition-danger-background-color);
913 dark-mode-toggle::part(fieldset) {
914 padding-inline: 0.75rem;
915 padding-block: 0;
918 dark-mode-toggle::part(darkLabel),
919 dark-mode-toggle::part(lightLabel),
920 dark-mode-toggle::part(toggleLabel){
921 font-size: unset;
926 list-style-type: none !important;
927 display: -webkit-box;
928 display: -ms-flexbox;
930 -ms-flex-wrap: wrap;
931 flex-wrap: wrap;
932 -webkit-box-pack: center;
933 -ms-flex-pack: center;
934 justify-content: center;
936 max-width: calc((160px + 2rem) * 4);
939 .grid-item {
940 list-style-type: none !important;
941 -webkit-box-flex: 0;
942 -ms-flex: 0 0 auto;
945 text-align: center;
949 .grid-item a {
954 display: -webkit-box;
955 display: -ms-flexbox;
957 -webkit-box-orient: vertical;
958 -webkit-box-direction: normal;
959 -ms-flex-direction: column;
960 flex-direction: column;
961 -webkit-box-pack: center;
962 -ms-flex-pack: center;
963 justify-content: center;
964 -webkit-box-align: center;
965 -ms-flex-align: center;
966 align-items: center;
967 border-radius: 1rem;
968 background: linear-gradient(135deg, #0070c5 0%, #5c13a5 100%);
972 .grid-item h2 {
973 font-size: 1rem;
976 .grid-item img {
977 margin-bottom: 1rem;
978 max-width: 75%;
981 .grid-item a:hover {
982 text-decoration: none;
985 .grid-item p {
986 font-size: 0.9rem;
987 margin-top: 0.5rem;
988 color: var(--body-color);
989 font-weight: 200;
990 margin-left: -0.9em;
991 margin-right: -0.9em;
992 line-height: 1.4rem;
995 .grid-icon {
996 line-height: 1.5;
997 font-size: 3rem;
1002 font-weight: 200;
1003 font-size: 0.9rem;
1008 .rst-content {
1011 flex-direction: column;
1016 flex-grow: 1;
1021 .search-container {
1025 #search-se-settings-icon {
1027 color: var(--body-color);
1030 transform: translateY(-50%);
1035 #search-se-menu {
1038 font-size: 11px;
1039 background-color: var(--input-background-color);
1040 color: var(--body-color);
1043 border: solid 1px var(--body-color);
1044 border-radius: 10px;
1045 z-index: 1000;
1048 #search-se-menu ul {
1049 list-style: none;
1054 #search-se-menu ul li {
1058 justify-content: space-between;
1059 align-items: center;
1063 #search-se-menu [role="menuitemradio"]:focus {
1064 background-color: var(--navbar-current-background-color-hover);
1065 color: var(--navbar-level-1-color);
1066 border-radius: 10px;
1069 #search-se-menu ul li .fa-check {
1073 #search-se-menu ul li.selected .fa-check {
1079 display: inline-block;
1080 background-color: var(--admonition-note-title-background-color);
1081 color: var(--admonition-note-title-color);
1083 border-radius: 12px;
1084 margin-left: 8px;
1085 font-size: 0.875em;
1086 font-weight: bold;
1089 .code-sample-list li {
1090 margin-bottom: 0.25em;
1092 .code-sample-name {
1093 font-weight: bold;
1094 padding-right: 0.5em;
1097 .code-sample-description {
1098 font-weight: 300;
1101 .code-sample-description::before {
1102 content: '\F0A9'; /* arrow-circle-right */
1103 font-family: 'FontAwesome';
1104 padding-right: 0.5em;
1107 li>a.code-sample-link.reference.internal {
1108 font-weight: 100;
1111 li>a.code-sample-link.reference.internal.current {
1112 text-decoration: underline;
1116 .sidebar.board-overview {
1117 border-radius: 12px;
1119 background: var(--admonition-note-background-color);
1120 color: var(--admonition-note-title-color);
1121 border-color: var(--admonition-note-title-background-color);
1124 @media screen and (max-width: 480px) {
1125 .sidebar.board-overview {
1127 margin-left: 0;
1131 .sidebar.board-overview .sidebar-title {
1132 font-family: var(--header-font-family);
1133 background: var(--admonition-note-title-background-color);
1134 color: var(--admonition-note-title-color);
1135 border-radius: 12px 12px 0px 0px;
1137 text-align: center;
1140 .sidebar.board-overview * {
1141 color: var(--admonition-note-color);
1144 .sidebar.board-overview figure {
1146 margin-bottom: -1rem;
1149 .sidebar.board-overview figure img {
1153 .sidebar.board-overview figure figcaption p {
1154 margin-bottom: 0px;
1157 .sidebar.board-overview dl.field-list {
1158 align-items: center;
1159 margin-top: 12px !important;
1160 margin-bottom: 12px !important;
1161 grid-template-columns: auto 1fr !important;
1162 padding-right: 1em;
1165 .sidebar.board-overview dl.field-list > dt {
1169 .sidebar.board-overview dl.field-list>dd {
1170 margin-left: 1em;
1171 text-overflow: ellipsis;
1175 .sidebar.board-overview dl.field-list>dd code {
1176 font-size: 0.9em;