site/dist/css/style.css

194 lines
3.2 KiB
CSS

/*
* Copyright (c) 2024 BearFM
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
body {
font-family: Arial, sans-serif;
font-size: 1.5em;
margin: 2em;
line-height: 1.6;
height: 100vh;
width: auto;
margin: 0;
padding: 0;
text-align: left;
background-color: #1b1b1b;
color: #ebdbb2;
}
.center-image {
display: block;
margin-left: auto;
margin-right: auto;
}
.meta {
font-size: 0.75em;
line-height: 1;
color: #504945;
}
.center-box {
text-align: left;
width: 15%;
margin: auto;
}
header {
background-color: #2c2927;
color: #ebdbb2;
height: auto;
}
header a {
color: #ebdbb2;
text-decoration: dotted;
font-size: 1.5rem;
}
header a i {
vertical-align: middle;
display: inline-block;
}
nav {
background-color: #2c2927;
color: #ebdbb2;
display: flex;
flex-direction: row;
padding-top: 0.25%;
padding-bottom: 0.25%;
align-items: center;
justify-content: center;
gap: 6px;
}
.title {
font-weight: bolder;
text-align: center;
}
.article {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
text-align: left;
padding-left: 42.25%;
padding-right: 42.25%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: left;
align-items: normal;
white-space: normal;
}
.article p {
text-align: left;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
text-align: left;
display: initial;
}
ul, li, ol {
margin: 0;
padding: 0;
list-style: none;
display: initial;
}
h1, h2, h3, h4, h5, h6 {
color: #fbf1c7;
display: initial;
}
a {
color: #458588;
display: initial;
}
a:hover {
color: #689d6a;
}
button {
background-color: #b16286;
color: #fbf1c7;
}
button:hover {
background-color: #458588;
}
p {
margin-bottom: 1em;
display: initial;
}
pre {
background-color: #504945;
padding: 0.5em;
overflow: auto;
}
code {
font-family: "Courier New", Courier, monospace;
background-color: #504945;
color: #d65d0e;
padding: 0.2em;
border-radius: 3px;
display: block;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
display: table;
}
table th, table td {
border: 1px solid #2c2927;
padding: 8px;
text-align: left;
}
th, td {
border: 1px solid #fbf1c7;
padding: 8px;
text-align: left;
}
th {
background-color: #ebdbb2;
}
blockquote {
border-left: 2px solid #504945;
margin: 1em 0;
padding-left: 1em;
}
footer {
background-color: #2c2927;
color: #d5c4a1;
}
/*# sourceMappingURL=style.css.map */