186 lines
2.6 KiB
CSS
186 lines
2.6 KiB
CSS
/* Inferencium - Website - CSS */
|
|
|
|
/* Copyright 2022-2023 Inference */
|
|
/* SPDX-License-Identifier: BSD-3-Clause-Clear */
|
|
|
|
/* Version: 2.0.0.11 */
|
|
|
|
|
|
h1 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 26px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
h2 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 22px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
h4 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
h5 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
h6 {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
body {
|
|
padding-top: 40px;
|
|
margin-left: min(400px, 45vw);
|
|
margin-right: min(150px, 12vw);
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 20px;
|
|
background-color: #262626;
|
|
}
|
|
|
|
.body-link {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
p {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
code {
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
a {
|
|
font-family: Roboto, sans-serif;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
table, th, td {
|
|
border: 2px solid;
|
|
border-collapse: collapse;
|
|
border-color: #ffffff;
|
|
padding: 15px;
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.table-title {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-main {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-link {
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sidebar {
|
|
height: 100%;
|
|
width: 250px;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
padding-top: 55px;
|
|
background-color: #909090;
|
|
text-align: center;
|
|
}
|
|
|
|
.sidebar div {
|
|
padding: 8px;
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 24px;
|
|
display: block;
|
|
}
|
|
|
|
.title {
|
|
padding: 8px;
|
|
font-family: Roboto, sans-serif;
|
|
font-size: 32px;
|
|
}
|
|
|
|
.logo-small {
|
|
transform: translate(0px, 13px);
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
.sidebar {
|
|
width: 100vw;
|
|
height: auto;
|
|
font-size: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sidebar div {
|
|
font-size: min(max(7vw, 20px), 30px);
|
|
display: inline-block;
|
|
}
|
|
|
|
.sidebar img, .sidebar .title {
|
|
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;
|
|
}
|
|
|
|
body {
|
|
margin: 15px;
|
|
}
|
|
|
|
}
|