Inferencium/website
1
0
Fork 0
Code Issues Activity

Update CSS "main" from version 11.0.0-beta.1+53 to 11.1.0-beta.1

Browse Source
This commit is contained in:
inference 2023-11-16 20:52:17 +00:00
parent 17659e34e2
commit d878909509
Signed by: inference
SSH Key Fingerprint: SHA256:FtEVfx1CmTKMy40VwZvF4k+3TC+QhCWy+EmPRg50Nnc
1 changed files with 68 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
main.css
View File

@ -3,7 +3,7 @@
/* Copyright 2022 Jake Winters */ /* Copyright 2022 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */ /* SPDX-License-Identifier: BSD-3-Clause */
/* Version: 11.0.0-beta.1+53 */ /* Version: 11.1.0-beta.1 */
/* Body */ /* Body */
@ -18,16 +18,10 @@ body {
} }
/* Section */
section {
padding-bottom: 30px;
}
/* Headings */ /* Headings */
h1 { h1 {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 24px; font-size: 26px;
text-align: center; text-align: center;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
@ -36,28 +30,28 @@ h1 {
h2 { h2 {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 22px; font-size: 24px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h3 { h3 {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 20px; font-size: 22px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h4 { h4 {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 18px; font-size: 20px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h5 { h5 {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 16px; font-size: 18px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
@ -80,8 +74,8 @@ p {
/* Blockquote */ /* Blockquote */
blockquote { blockquote {
font-size: 16px; font-size: 17px;
color: #ffffff; color: #ffffff;
} }
@ -115,7 +109,7 @@ a:hover {
h1 a, h1 a:visited { h1 a, h1 a:visited {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 24px; font-size: 26px;
text-align: center; text-align: center;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
@ -124,28 +118,28 @@ h1 a, h1 a:visited {
h2 a, h2 a:visited { h2 a, h2 a:visited {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 22px; font-size: 24px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h3 a, h3 a:visited { h3 a, h3 a:visited {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 20px; font-size: 22px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h4 a, h4 a:visited { h4 a, h4 a:visited {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 18px; font-size: 20px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
h5 a, h5 a:visited { h5 a, h5 a:visited {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 16px; font-size: 18px;
line-height: 130%; line-height: 130%;
color: #ffffff; color: #ffffff;
} }
@ -205,8 +199,8 @@ td {
} }
/* Sidebar */ /* Navigation bar */
.sidebar { .nav-bar {
height: 100%; height: 100%;
width: 250px; width: 250px;
position: fixed; position: fixed;
@ -219,6 +213,15 @@ td {
overflow: auto; 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 { .logo-small {
transform: translate(0px, 13px); transform: translate(0px, 13px);
} }
@ -234,15 +237,6 @@ td {
color: #000000; 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 */ /* Emphasis */
strong { strong {
@ -253,57 +247,57 @@ strong {
/* Media */ /* Media */
@media (max-width: 600px) { @media (max-width: 600px) {
html { html {
overflow-x: hidden; scroll-padding-top: 75px;
} }
body {
padding-top: 80px;
margin: 15px;
position: relative;
overflow-x: hidden;
}
.sidebar { body {
width: 100vw; padding-top: 80px;
height: 40px; margin: 15px;
font-size: 12px; position: relative;
line-height: 0%; overflow-x: scroll;
padding-top: 20px; }
overflow: auto;
white-space: nowrap;
}
.sidebar div { nav {
font-size: min(max(7vw, 20px), 30px); width: 100vw;
display: inline-block; height: 35px;
} font-size: 12px;
line-height: 0%;
padding-top: 20px;
overflow: auto;
white-space: nowrap;
}
.sidebar img, .sidebar .title { nav div {
display: none; font-size: min(max(7vw, 20px), 30px);
} display: inline-block;
}
h2 { nav img, nav .title {
text-align: center; display: none;
} }
h3 { h2 {
text-align: center; text-align: center;
} }
h4 { h3 {
text-align: center; text-align: center;
} }
h5 { h4 {
text-align: center; text-align: center;
} }
h6 { h5 {
text-align: center; text-align: center;
} }
.update_date { h6 {
text-align: center; text-align: center;
} }
.update_date {
text-align: center;
}
} }