From d878909509845092fe3209ae2dbde819d8777153 Mon Sep 17 00:00:00 2001 From: inference Date: Thu, 16 Nov 2023 20:52:17 +0000 Subject: [PATCH] Update CSS "main" from version 11.0.0-beta.1+53 to 11.1.0-beta.1 --- main.css | 142 ++++++++++++++++++++++++++----------------------------- 1 file changed, 68 insertions(+), 74 deletions(-) diff --git a/main.css b/main.css index 60e4c1b..d04307b 100644 --- a/main.css +++ b/main.css @@ -3,7 +3,7 @@ /* Copyright 2022 Jake Winters */ /* SPDX-License-Identifier: BSD-3-Clause */ -/* Version: 11.0.0-beta.1+53 */ +/* Version: 11.1.0-beta.1 */ /* Body */ @@ -18,16 +18,10 @@ body { } -/* Section */ -section { - padding-bottom: 30px; -} - - /* Headings */ h1 { font-family: Roboto, sans-serif; - font-size: 24px; + font-size: 26px; text-align: center; line-height: 130%; color: #ffffff; @@ -36,28 +30,28 @@ h1 { h2 { font-family: Roboto, sans-serif; - font-size: 22px; + font-size: 24px; line-height: 130%; color: #ffffff; } h3 { font-family: Roboto, sans-serif; - font-size: 20px; + font-size: 22px; line-height: 130%; color: #ffffff; } h4 { font-family: Roboto, sans-serif; - font-size: 18px; + font-size: 20px; line-height: 130%; color: #ffffff; } h5 { font-family: Roboto, sans-serif; - font-size: 16px; + font-size: 18px; line-height: 130%; color: #ffffff; } @@ -80,8 +74,8 @@ p { /* Blockquote */ blockquote { - font-size: 16px; - color: #ffffff; + font-size: 17px; + color: #ffffff; } @@ -115,7 +109,7 @@ a:hover { h1 a, h1 a:visited { font-family: Roboto, sans-serif; - font-size: 24px; + font-size: 26px; text-align: center; line-height: 130%; color: #ffffff; @@ -124,28 +118,28 @@ h1 a, h1 a:visited { h2 a, h2 a:visited { font-family: Roboto, sans-serif; - font-size: 22px; + font-size: 24px; line-height: 130%; color: #ffffff; } h3 a, h3 a:visited { font-family: Roboto, sans-serif; - font-size: 20px; + font-size: 22px; line-height: 130%; color: #ffffff; } h4 a, h4 a:visited { font-family: Roboto, sans-serif; - font-size: 18px; + font-size: 20px; line-height: 130%; color: #ffffff; } h5 a, h5 a:visited { font-family: Roboto, sans-serif; - font-size: 16px; + font-size: 18px; line-height: 130%; color: #ffffff; } @@ -205,8 +199,8 @@ td { } -/* Sidebar */ -.sidebar { +/* Navigation bar */ +.nav-bar { height: 100%; width: 250px; position: fixed; @@ -219,6 +213,15 @@ td { overflow: auto; } +.nav-bar div, .nav-bar div a, .nav-bar div a:visited { + padding: 6px; + font-family: Roboto, sans-serif; + font-size: 22px; + color: #000000; + display: block; + z-index: 100; +} + .logo-small { transform: translate(0px, 13px); } @@ -234,15 +237,6 @@ td { color: #000000; } -sidebar div, .sidebar div a, .sidebar div a:visited { - padding: 6px; - font-family: Roboto, sans-serif; - font-size: 22px; - color: #000000; - display: block; - z-index: 100; -} - /* Emphasis */ strong { @@ -253,57 +247,57 @@ strong { /* Media */ @media (max-width: 600px) { - html { - overflow-x: hidden; - } - - body { - padding-top: 80px; - margin: 15px; - position: relative; - overflow-x: hidden; - } + html { + scroll-padding-top: 75px; + } - .sidebar { - width: 100vw; - height: 40px; - font-size: 12px; - line-height: 0%; - padding-top: 20px; - overflow: auto; - white-space: nowrap; - } + body { + padding-top: 80px; + margin: 15px; + position: relative; + overflow-x: scroll; + } - .sidebar div { - font-size: min(max(7vw, 20px), 30px); - display: inline-block; - } + nav { + width: 100vw; + height: 35px; + font-size: 12px; + line-height: 0%; + padding-top: 20px; + overflow: auto; + white-space: nowrap; + } - .sidebar img, .sidebar .title { - display: none; - } + nav div { + font-size: min(max(7vw, 20px), 30px); + display: inline-block; + } - h2 { - text-align: center; - } + nav img, nav .title { + display: none; + } - h3 { - text-align: center; - } + h2 { + text-align: center; + } - h4 { - text-align: center; - } + h3 { + text-align: center; + } - h5 { - text-align: center; - } + h4 { + text-align: center; + } - h6 { - text-align: center; - } + h5 { + text-align: center; + } - .update_date { - text-align: center; - } + h6 { + text-align: center; + } + + .update_date { + text-align: center; + } }