diff --git a/main.css b/main.css index 9f66b94..1784c41 100644 --- a/main.css +++ b/main.css @@ -1,5 +1,5 @@ /* Inferencium - Website - CSS - Main */ -/* Version: 11.6.0-beta.1 */ +/* Version: 11.7.0-beta.1 */ /* Copyright 2022 Jake Winters */ /* SPDX-License-Identifier: BSD-3-Clause */ @@ -231,7 +231,7 @@ nav.navbar { overflow: auto; } -nav.navbar div, .navbar div a, .navbar div a:visited { +nav.navbar div, nav.navbar div a, nav.navbar div a:visited { padding: 6px; font-family: Roboto, sans-serif; font-size: 22px; @@ -240,15 +240,27 @@ nav.navbar div, .navbar div a, .navbar div a:visited { z-index: 100; } -.title { +nav.navbar div.title a, nav.navbar div.title a:visited { padding: 8px; font-family: Roboto, sans-serif; font-size: 28px; - color: #000000; } -.title a:visited { - color: #000000; +nav.navbar div.logo a img, nav.navbar div.logo a img { + width: 110px; + height: 110px; +} + +nav.navbar div.sitemap a, nav.navbar div.sitemap a:visited { + position: absolute; + bottom: 120px; + left: 90px; + font-size: 14px; +} + + +div.sitemap-small { + display: none; } @@ -262,32 +274,40 @@ strong { @media (max-width: 600px) { body { - padding-top: 80px; + padding-top: 60px; margin: 15px; position: relative; overflow-x: scroll; } nav.navbar { + display: flex; + align-items: center; + padding-top: 6px; + padding-bottom: 6px; + white-space: nowrap; width: 100vw; height: 35px; - font-size: 10px; - line-height: 0%; - padding-top: 8px; - padding-bottom: 8px; - overflow: auto; - white-space: nowrap; + overflow-y: hidden; } - nav.navbar div { - font-size: min(max(7vw, 20px), 30px); - display: inline-block; + nav.navbar div.logo a img { + width: 30px; + height: 30px; } - nav.navbar img, nav.navbar .title { + nav.navbar .title { display: none; } + nav.navbar div.sitemap { + display: none; + } + + nav.navbar div a { + font-size: 20px; + } + h2 { text-align: center; } @@ -308,15 +328,24 @@ strong { text-align: center; } - .update_date { + div.sitemap-small, div.sitemap-small a { + display: block; + padding-top: 20px; + margin-right: auto; + margin-left: auto; + width: 50%; text-align: center; + font-size: 12px; } - img.avatar { display: block; width: 30%; margin-right: auto; margin-left: auto; } + + .update_date { + text-align: center; + } }