website/main.css

302 lines
4.2 KiB
CSS
Raw Normal View History

2023-11-20 01:50:58 +00:00
/* Inferencium - Website - CSS - Main */
/* Version: 11.2.0-alpha.5 */
/* Copyright 2022 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */
/* Body */
body {
padding-top: 40px;
margin-left: min(400px, 45vw);
margin-right: min(150px, 12vw);
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 130%;
2023-09-02 14:11:02 +01:00
background-color: #121212;
}
2023-09-02 13:44:01 +01:00
/* Headings */
h1 {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 26px;
text-align: center;
line-height: 130%;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
h2 {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 24px;
line-height: 130%;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
h3 {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 22px;
line-height: 130%;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
h4 {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 20px;
line-height: 130%;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
h5 {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 18px;
line-height: 130%;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
h6 {
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 130%;
color: #ffffff;
}
/* Paragraph */
p {
font-family: Roboto, sans-serif;
2023-06-18 18:30:15 +01:00
font-size: 17px;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
2023-06-05 00:14:31 +01:00
/* Blockquote */
blockquote {
2023-11-14 13:49:12 +00:00
font-size: 17px;
color: #ffffff;
2023-06-05 00:14:31 +01:00
}
2023-09-02 13:44:01 +01:00
/* Code */
code {
2023-06-18 18:30:15 +01:00
font-size: 15px;
color: #ffffff;
2023-09-09 23:55:06 +01:00
background-color: #424242;
padding: 2px;
}
2023-09-02 13:44:01 +01:00
/* Links */
a {
font-family: Roboto, sans-serif;
2023-09-02 13:44:01 +01:00
font-size: 17px;
2023-09-09 23:38:48 +01:00
color: #90caf9;
text-decoration: none;
}
2023-09-02 13:44:01 +01:00
a:visited {
2023-09-09 23:39:46 +01:00
color: #ce93d8;
2023-09-02 13:44:01 +01:00
}
a:hover {
text-decoration: underline;
}
h1 a, h1 a:visited {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 26px;
2023-09-02 13:44:01 +01:00
text-align: center;
line-height: 130%;
color: #ffffff;
padding-bottom: 40px;
}
h2 a, h2 a:visited {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 24px;
2023-09-02 13:44:01 +01:00
line-height: 130%;
color: #ffffff;
}
h3 a, h3 a:visited {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 22px;
2023-09-02 13:44:01 +01:00
line-height: 130%;
color: #ffffff;
}
h4 a, h4 a:visited {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 20px;
2023-09-02 13:44:01 +01:00
line-height: 130%;
color: #ffffff;
}
h5 a, h5 a:visited {
font-family: Roboto, sans-serif;
2023-11-14 19:06:51 +00:00
font-size: 18px;
2023-09-02 13:44:01 +01:00
line-height: 130%;
color: #ffffff;
}
h6 a, h6 a:visited {
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 130%;
color: #ffffff;
}
/* Lists */
2023-03-10 09:23:11 +00:00
li {
font-family: Roboto, sans-serif;
2023-06-20 20:06:05 +01:00
font-size: 17px;
2023-03-10 09:23:11 +00:00
color: #ffffff;
}
2023-03-10 03:52:27 +00:00
ul li::before {
margin-left: -1em;
display: inline-block;
width: 1em;
font-weight: bold;
color: #ffffff;
}
/* Tables */
table, th, td {
border: 2px solid;
border-collapse: collapse;
border-color: #ffffff;
padding: 15px;
font-family: Roboto, sans-serif;
2023-06-18 18:30:15 +01:00
font-size: 17px;
color: #ffffff;
}
2023-09-02 13:44:01 +01:00
th {
font-family: Roboto, sans-serif;
2023-06-18 18:30:15 +01:00
font-size: 17px;
color: #ffffff;
font-weight: bold;
text-align: center;
}
2023-09-02 13:44:01 +01:00
td {
font-family: Roboto, sans-serif;
2023-06-18 18:30:15 +01:00
font-size: 17px;
color: #ffffff;
text-align: center;
}
td.td-desc {
2023-09-02 14:04:29 +01:00
text-align: left;
}
2023-11-20 01:43:37 +00:00
td.td-red {
background-color: #e50000;
}
/* Image */
img.logo-small {
transform: translate(0px, 13px);
}
/* Navigation bar */
nav.navbar {
height: 100%;
width: 250px;
position: fixed;
left: 0;
top: 0;
padding-top: 55px;
background-color: #909090;
text-align: center;
z-index: 99;
2023-05-06 20:12:31 +01:00
overflow: auto;
}
nav.navbar div, .navbar div a, .navbar div a:visited {
padding: 6px;
font-family: Roboto, sans-serif;
font-size: 22px;
color: #000000;
display: block;
z-index: 100;
}
.title {
padding: 8px;
font-family: Roboto, sans-serif;
2023-06-18 18:30:15 +01:00
font-size: 28px;
2023-09-02 13:44:01 +01:00
color: #000000;
}
.title a:visited {
color: #000000;
}
/* Emphasis */
2023-03-10 06:09:43 +00:00
strong {
color: #ffffff;
}
/* Media */
@media (max-width: 600px) {
2023-11-14 13:49:12 +00:00
body {
padding-top: 80px;
margin: 15px;
position: relative;
overflow-x: scroll;
2023-11-14 13:49:12 +00:00
}
nav.navbar {
2023-11-14 13:49:12 +00:00
width: 100vw;
height: 35px;
font-size: 10px;
2023-11-14 13:49:12 +00:00
line-height: 0%;
padding-top: 8px;
padding-bottom: 8px;
2023-11-14 13:49:12 +00:00
overflow: auto;
white-space: nowrap;
}
nav.navbar div {
2023-11-14 13:49:12 +00:00
font-size: min(max(7vw, 20px), 30px);
display: inline-block;
}
nav.navbar img, nav.navbar .title {
2023-11-14 13:49:12 +00:00
display: none;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
h4 {
text-align: center;
}
h5 {
text-align: center;
}
h6 {
text-align: center;
}
.update_date {
text-align: center;
}
}