diff --git a/jekyll-assets/_layouts/boxes.html b/jekyll-assets/_layouts/boxes.html index b86426c8a..3f8ffa3e8 100644 --- a/jekyll-assets/_layouts/boxes.html +++ b/jekyll-assets/_layouts/boxes.html @@ -1,42 +1,70 @@ - - {% include head.html %} - - - {% include header.html %} - -
-

Raspberry Pi Documentation

-
- -
- {% include tabs.html %} + + + {% include head.html %} + + + + {% include header.html %} + +
+

Raspberry Pi Documentation

+
+
+ {% include tabs.html %} +
-
-
- {% for item in site.data.index.tabs %} - {% if page.dir == item.path or page.dir == "/" and item.default_tab and item.default_tab == "yes" %} - {% for entry in item.subitems %} - {% if entry.path %} - - {% else %} - - {% endif %} - - {{ entry.title | markdownify }} - {{ entry.description }} - - {% endfor %} +
+
+ {% for item in site.data.index.tabs %} + {% if page.dir == item.path or page.dir == "/" and item.default_tab and item.default_tab == "yes" %} + {% for entry in item.subitems %} + {% if entry.path %} + + {% else %} + {% endif %} + + {{ entry.title | markdownify }} + {{ entry.description }} + + {% endfor %} + {% endif %} {% endfor %} +
+
+ + + + {% include legal.html %} + {% include footer.html %} + {% include search.html %} - {% include legal.html %} - {% include footer.html %} - {% include search.html %} + - - + \ No newline at end of file diff --git a/jekyll-assets/css/style.css b/jekyll-assets/css/style.css index 58465ec9b..c3fd04dba 100644 --- a/jekyll-assets/css/style.css +++ b/jekyll-assets/css/style.css @@ -234,13 +234,24 @@ div.subtitle p { margin-right: 0px; } -#container .section { +#container .section, +#related-container .section { display: flex; flex-direction: column; width: 100%; } -#docs-content #container { +#related-title { + text-align: center; +} + +#related-title h2 { + padding-top: 20px; + font-size: 1.5em; +} + +#docs-content #container, +#docs-content #related-container { align-items: start; } @@ -520,7 +531,8 @@ li > a { color: var(--subtle-text); } -#container section#content { +#container section#content, +#related-container section#content { flex-grow: 1; } @@ -1403,7 +1415,7 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 { content: ""; display: block; height: 60px; - margin -60px 0 0; + margin: -60px 0 0; } /* when the mobile menu is visible, hide all page content so we don't end up with dueling scrollbars */ @@ -1443,7 +1455,8 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 { max-width: 100vw; } - #container { + #container, + #related-container { justify-content: center; flex-wrap: wrap; margin-left: 3px; @@ -1544,8 +1557,6 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 { #content { margin-left: 0px; } - #container { - } } @media print { @@ -1560,7 +1571,8 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 { ul#tab-container li a { display: none !important; } - div#container { + div#container, + div#related-container { margin-left: 0; margin-right: 0; justify-content: center !important; @@ -1581,7 +1593,8 @@ input:not(:checked) ~ li ~ .itemcontents .sectlevel1 { box-sizing: border-box; } -section#box-content { +section#box-content, +section#related-content { display: flex; flex-wrap: wrap; flex-direction: row; @@ -1639,7 +1652,8 @@ div.subtitle.error-message p a { color: var(--bg); } -#container { +#container, +#related-container { display: flex; justify-content: center; margin-right: 10px;