Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/*
Hi!
Big thanks to Sam for including my scrapbook theme into the workshop <3 <3 <3
If you want to check out the workshop: https://workshops.hackclub.com/scrapbook_css/
Try experimenting with the code - change the font, background, colors and anything else what's changeable!
Happy hacking!
*/
@font-face {
font-family: "Pixelated MS Sans Serif";
src: url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif.woff) format("woff");
src: url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif.woff2) format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family:"Pixelated MS Sans Serif";src:url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif_bold.woff2) format("woff2");font-weight:700;font-style:normal;
}
body {
font-family: "Pixelated MS Sans Serif",Arial;
background-color: #008080;
}
.posts {
border-radius: 0;
background-color: transparent;
}
.post {
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
background: silver !important;
}
.post-text {
color: #222 !important;
}
.nav-link {
color: white !important;
};
.header-link {
color: white !important;
}
.react-calendar-heatmap text {
fill: white !important;
}
.css {
color: white !important;
}
.header-back {
color: white !important;
}
.headline {
color: white !important;
}
a {
color: #00f;
}
.header {
color: white !important;
}
.header-webring-mention:focus, .header-webring-mention:hover {
background-color: white !important;
color: black !important;
box-shadow: none !important;
}
.header-webring-mention {
font-size: 20px !important;
}
/*! Used code of Github repo jdan/98.css */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.