abtmtr-v4/views/styles/style.css

87 lines
1.4 KiB
CSS
Raw Normal View History

2023-12-21 07:42:28 +00:00
@font-face {
font-family: "Lexend Deca";
src: url("/assets/fonts/Lexend Deca/Variable.ttf");
}
@font-face {
font-family: "Minecraft";
src: url("/assets/fonts/Minecraft/Regular.otf");
}
2023-12-21 16:04:15 +00:00
@font-face {
font-family: "Renogare";
src: url("/assets/fonts/Renogare/Regular.otf");
}
@font-face {
font-family: "NDS12";
src: url("/assets/fonts/NDS12/Regular.otf");
}
2023-12-22 04:08:35 +00:00
@font-face {
font-family: "OpenDyslexic";
src: url("/assets/fonts/OpenDyslexic/Regular.otf");
}
2023-12-21 06:23:50 +00:00
:root {
2024-01-23 21:04:38 +00:00
--header-font-family: "Renogare";
--header-font-weight: 400;
2023-12-21 06:23:50 +00:00
--font-family: "Lexend Deca";
2024-01-23 21:04:38 +00:00
--border-width: calc(2rem / 16);
--base-color: 311, 32%;
--border-radius: calc(4rem / 16);
2023-12-21 06:23:50 +00:00
}
2023-11-23 08:53:28 +00:00
#accessibility {
2023-11-27 00:58:46 +00:00
/* position: sticky;
2023-11-23 08:53:28 +00:00
bottom: 1em;
2023-11-27 00:58:46 +00:00
left: 1em; */
2023-11-23 08:53:28 +00:00
padding: 0.5em;
}
#accessibility fieldset {
margin-block: 0;
}
/* * {
font-smooth: never;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
} */
2023-12-01 04:48:59 +00:00
.nav {
max-width: 38em;
margin: auto;
}
2023-11-26 19:14:50 +00:00
.nav p {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1em;
}
2023-12-01 04:48:59 +00:00
2024-01-23 22:10:54 +00:00
.nav p * {
2023-12-01 04:48:59 +00:00
text-align: center;
}
html.base .nav {
margin: 0;
}
2024-01-23 23:12:09 +00:00
html.base .nav p * {
2023-12-01 04:48:59 +00:00
text-align: start;
}
2024-01-23 21:04:38 +00:00
2024-01-23 22:10:54 +00:00
h1 {
border-bottom: var(--border-width) var(--border-style) var(--border-color);
padding-bottom: 0em;
}
2024-01-23 21:04:38 +00:00
h2 {
border-bottom: var(--border-width) var(--border-style) var(--border-color);
padding-bottom: 0.25em;
}
h1 a,
h2 a {
text-decoration: none !important;
}
.rs {
float: inline-end;
}