Something went wrong. Try again.
Something went wrong. Try again.
4.4 kB · 266 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267@import "normalize.css";@import "rose-pine-media.css";
@font-face { font-family: "Lato"; src: local("Lato"), url("/fonts/Lato-Regular.ttf"); font-weight: regular;}
@font-face { font-family: "Lato"; src: local("Lato"), url("/fonts/Lato-Bold.ttf"); font-weight: bold;}
@font-face { font-family: "Source Serif Pro"; src: local("Source Serif Pro"), url("/fonts/SourceSerifPro-Regular.ttf"); font-weight: normal; font-style: normal;}
@font-face { font-family: "Source Serif Pro"; src: local("Source Serif Pro"), url("/fonts/SourceSerifPro-Bold.ttf"); font-weight: bold; font-style: normal;}
@font-face { font-family: "Source Serif Pro"; src: local("Source Serif Pro"), url("/fonts/SourceSerifPro-Italic.ttf"); font-weight: normal; font-style: italic;}
@font-face { font-family: "Source Serif Pro"; src: local("Source Serif Pro"), url("/fonts/SourceSerifPro-BoldItalic.ttf"); font-weight: bold; font-style: italic;}
:root { --color-bg: var(--rp-base); --color-fg: var(--rp-text); --color-link: var(--rp-iris); --color-link-hover: var(--rp-rose); --color-heading: var(--rp-text); --color-border: var(--rp-muted); --color-muted: var(--rp-subtle); --color-highlight: var(--rp-highlight-low);}
ul.post-list { padding-left: 0; list-style: none;}
ul.post-list li { margin-bottom: 6px;}
ul.post-list li a { text-decoration: none;}
ul.post-list li em { color: var(--color-border);}
ul.post-list li .subtext::before { content: " — "; font-size: 0.8em; color: var(--color-border);}
@media (max-width: 600px) { ul.post-list li .subtext::before { content: ""; }
ul.post-list li .subtext { display: block; }}
body { background-color: var(--color-bg); color: var(--color-fg); font-family: Lato, "Source Sans Pro", sans; font-size: 18px; line-height: 1.5em; margin: 0px auto 0px auto; padding: 0 15px; max-width: 700px;}
#content article .body { font-family: "Source Serif Pro", sans;}
a,a:visited { color: var(--color-link); text-decoration: none;}
a:hover,a:focus { color: var(--color-link-hover);}
div#header { border-bottom: 1px solid var(--color-border); margin-bottom: 30px; padding: 12px 0px 12px 0px; display: flex;}
div#logo,div#navigation { flex-grow: 1;}
div#logo a { float: left; font-size: 18px; text-decoration: none;}
div#header div#logo a,div#header div#logo a:visited { color: var(--color-muted);}
div#header a,div#header a:visited { color: var(--color-link);}
div#header a:active,div#header a:hover { color: var(--color-link-hover);}
div#header #navigation { text-align: right;}
div#header #navigation ul { list-style: none; margin: 0;}
div#header #navigation ul li { display: inline;}
div#header #navigation a { font-size: 16px; margin-left: 12px; text-decoration: none; text-transform: lowercase;}
#footer { border-top: solid 1px var(--color-border); color: var(--color-muted); font-size: 12px; margin-top: 30px; padding: 12px 0px 12px 0px;}
h1,h2,h3,h4,h5 { font-family: Lato, sans; font-weight: bold; color: var(--color-heading);}
h1 { font-size: 32px;}
h2 { font-size: 24px;}
div.info { color: var(--color-muted); font-size: 14px; font-style: italic;}
body pre { font-size: 0.8em; line-height: 1.5em; background: var(--color-highlight); overflow-x: scroll; padding: 10px 15px;}
blockquote { border-left: 10px solid var(--color-border); margin-left: 0; padding-left: 30px; color: var(--color-fg); font-size: 1.1em; line-height: 1.5em;}
hr { border: 0; border-bottom: 1px solid var(--color-border);}
section.header { margin: 0; font-size: 16px; padding-bottom: 15px; color: var(--color-fg); border-bottom: solid 1px var(--color-muted);}
.tag { font-size: 0.8em; display: inline-block; padding-right: 5px; color: var(--color-border); white-space: nowrap;}
.tag::before { content: "#"; color: var(--color-muted);}
.tag a:link,.tag a:visited,.tag a:active { color: var(--color-muted);}
.tag a:hover { color: var(--color-link-hover);}
code { color: var(--color-fg); font-size: 0.9em; background: var(--color-highlight); padding: 1px 4px; border-radius: 5px;}
a code { text-decoration: underline;}
pre code { background-color: transparent;}