Custom CSS used on this site
Here you find the CSS code I'm using on this site. For installation instructions head to github.com/zaphbbrox/sketch-nono-ma-dark-theme#install.
/*
Initially Written in 2019 by Nono Martínez Alonso
Customized in 2023 by zaphbbrox
To the extent possible under law, the author(s) have dedicated all
copyright and related and neighboring rights to this software to the
public domain worldwide. This software is distributed without any
warranty.
You should have received a copy of the CC0 Public Domain Dedication
along with this software. If not, see
http://creativecommons.org/publicdomain/zero/1.0
*/
@font-face {
font-family: 'Iosevka';
src: url('fonts/iosevka-medium.woff2') format('woff2')
}
@font-face {
font-family: 'Oswald';
src: url('fonts/Oswald-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.h-entry {
border: 1px solid rgba(0,0,0,.07);
padding: 1.75em 1em;
}
#blog-title {
font-family: 'Oswald', sans-serif;
font-size: 5em;
text-transform: uppercase;
color: hotpink;
text-align: center;
}
h1#blog-title a.u-url {
font-family: 'Oswald', sans-serif;
}
header nav a {
font-family: 'Iosevka', monospace;
font-size: 1.5em;
color: #c4c4c4;
}
p.description.p-note {
font-family: 'Iosevka', monospace;
font-size: 1.5em;
color: hotpink;
}
body {
background-color: black;
}
body#collection article {
padding: 1.75em 1em;
max-width: 70%;
background-color: #e6e6e6;
}
@media only screen and (max-width: 768px) {
body#collection article { max-width: 99%; }
}
body#collection article p {
font-family: 'Iosevka', monospace;
}
section#wrapper h1 {
color: #c4c4c4;
background-color: black;
}
section#wrapper article {
background-color: #e6e6e6;
}
#wrapper h2+time {
text-transform: uppercase;
font-size: 14px;
text-align: center;
}
body#collection #wrapper time {
font-size: 14px;
color: #7b7b7b;
font-family: 'Libre Franklin', serif;
font-weight: 600;
}
body#post article h2#title {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #444;
font-size: 2.5em;
text-align: center;
text-decoration: underline;
}
article#post-body {
background-color: #e6e6e6;
}
a.u-url {
font-family: 'Oswald', sans-serif;
color: hotpink;
}
a.user.hidden.action {
font-family: 'Iosevka', monospace;
}
li {
font-family: 'Iosevka', monospace;
}
h2.post-title {
text-align: center;
text-transform: uppercase;
}
#post article p {
font-family: 'Iosevka';
}
#post article.norm {
line-height: 24px;
font-size: 1.3em;
max-width: 70%;
}
@media only screen and (max-width: 768px) {
#post article.norm { max-width: 99%; }
}
h1, h2, h3, h4, h5 {
font-family: 'Iosevka', monospace;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
div.badges {
display: flex;
max-width: 75%;
margin-right: auto;
margin-left: auto;
}
body#collection article .book h1 {
font-size: 1.75em;
}
body#post header {
text-align: left;
}
body#post header h1#blog-title {
font-size: 1.6em;
color: hotpink;
}
p a {
color: #ee464c;
text-decoration: underline;
}
li a {
color: #ee464c;
text-decoration: underline;
}
a.h-card {
color: hotpink;
}
a.h-card.p-author {
font-family: 'Oswald', sans-serif;
}
body#post header, body#subpage header {
-webkit-opacity: 1;
opacity: 1;
}
table {
font-family: 'Iosevka', monospace;
}
.footnote {
text-decoration: underline;
color: hotpink;
}
.footnote:hover {
color: black;
}
.footnote-ref {
text-decoration: underline;
font-size: 12px;
color: hotpink;
}
.footnote-ref:hover {
color: black;
}
.footnote-ref-text {
font-size: 12px;
}