149 lines
2.4 KiB
CSS
149 lines
2.4 KiB
CSS
@font-face {
|
|
font-family: Urbit Sans;
|
|
src: url(https://media.urbit.org/fonts/UrbitSans/UrbitSansVFWeb-Regular.woff2) format("woff2");
|
|
font-weight: 100 700;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-UltraThin.otf);
|
|
font-weight: 100;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-Thin.otf);
|
|
font-weight: 200;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-Light.otf);
|
|
font-weight: 300;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-Regular.otf);
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-Medium.otf);
|
|
font-weight: 500;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-SemiBold.otf);
|
|
font-weight: 600;
|
|
font-style: normal
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Urbit Serif Italic";
|
|
src: url(https://media.urbit.org/fonts/UrbitSerifItalic/UrbitSerifItalic-Bold.otf);
|
|
font-weight: 700;
|
|
font-style: normal
|
|
}
|
|
|
|
body,
|
|
html {
|
|
font-family: Urbit Sans
|
|
}
|
|
|
|
/* utility */
|
|
.f {
|
|
display: flex;
|
|
}
|
|
|
|
.fs {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.g1 {
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.g2 {
|
|
gap: 1rem;
|
|
}
|
|
|
|
/* base */
|
|
|
|
:root {
|
|
--black: #141A14;
|
|
--white: #FFFFFF;
|
|
--primary: #FFF450;
|
|
--muted: #B9B13D;
|
|
}
|
|
|
|
|
|
* {
|
|
background-color: var(--primary);
|
|
color: var(--black);
|
|
}
|
|
|
|
/* nav */
|
|
nav {
|
|
padding: 1rem;
|
|
}
|
|
|
|
#nav-main {
|
|
background-color: var(--black);
|
|
color: var(--primary);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* index */
|
|
main {
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
#index-top {
|
|
margin-bottom: 1.5rem;
|
|
font-size: 1.4rem;
|
|
font-weight: 600;
|
|
|
|
div {
|
|
opacity: 0.5;
|
|
cursor: pointer;
|
|
}
|
|
|
|
& .active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.thread-preview {
|
|
padding: 0.5rem 0;
|
|
|
|
border-bottom: 2px solid black;
|
|
|
|
&:first-child {
|
|
border-top: 2px solid black;
|
|
}
|
|
|
|
& .num {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
& a {
|
|
font-size: 1.1rem;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
}
|
|
|
|
& .meta {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
} |