Something went wrong. Try again.
my page ollie.earth
Something went wrong. Try again.
CSS
at adding-chilp
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195/* hover colors using `data-hover-color` and `data-hover-background` attributes */ a:hover { cursor: pointer;
color: attr(data-hover-color type(<color>), var(--foreground)); background: attr(data-hover-background type(<color>), var(--background));}
a:hover .has-hover-color { fill: currentColor !important; color: attr(data-hover-color type(<color>), var(--foreground));}
a:hover .has-hover-stroke { stroke: currentColor; color: attr(data-hover-stroke type(<color>), var(--foreground));}
/* custom styling stuff */
nav[data-topnav] { font-size: var(--text-7);}
@media screen and (max-width: 600px) { .hide-md { display: none; }}
@media screen and (max-width: 450px) { .hide-s { display: none; }}
@media screen and (min-width: 600px) { .show-md { display: none; }}
.badge:hover { color: var(--background); background-color: var(--foreground);}
.footer { margin: var(--space-6) 0;}
.text-light { color: var(--muted-foreground);}
:root { font-size: 20px}
.post_date { opacity: 0.75; font-size: 0.9rem;}
.post_title { text-decoration: none; color: var(--foreground);}
.post_title:hover { cursor: pointer; color: var(--primary);}
a[role=doc-noteref], a[role=doc-backlink] { text-decoration: none;}
ul { list-style-type: none; padding-left: 0;}
/* websitecarbon.com overrides */
#wcb.carbonbadge{ font-size: inherit !important; text-align: inherit !important; color: inherit !important; line-height: inherit !important;}
#wcb.carbonbadge sub{ vertical-align: inherit !important; position: inherit !important; top: inherit !important; font-size: inherit !important;}
#wcb #wcb_2,#wcb #wcb_a,#wcb #wcb_g{ display:initial !important; justify-content:inherit !important; align-items:inherit !important; text-align:inherit !important; font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; text-decoration:inherit !important; margin:inherit !important;}#wcb #wcb_a,#wcb #wcb_g{ padding:0 0.3em 0 0 !important; border:initial !important;}#wcb #wcb_g{ border-radius:initial !important; background:inherit !important; border-right:initial !important; min-width:initial !important}#wcb #wcb_a{ border-radius:initial !important; border-left:initial !important; background:inherit !important; color: var(--primary) !important; font-weight:inherit !important; border-color:initial !important; text-decoration: underline !important;}#wcb.wcb-d #wcb_a{ color:inherit !important; background:inherit !important; border-color:inherit !important}#wcb.wcb-d #wcb_2{ color:inherit !important;}
/* chilp styling */
.chilp-oat-enhance-hide { display: none;}
.chilp-oat-enhance-inset-2em { padding-inline-start: 2em;}
.chilp-oat-enhance-inset-1em { padding-inline-start: 1em;}
.chilp-oat-enhance-inset-quoteblock { border-left: 1px solid; padding-inline-start: 1.5em;}
.chilp-oat-enhance-inset-blueskyreply,.chilp-oat-enhance-inset-witchskyreply,.chilp-oat-enhance-inset-blackskyreply { /* We reset an oat-set value here. */ gap: unset !important;}
.chilp-oat-enhance-inset-blueskyreply { color: rgb(0, 106, 255); background-color: white;
&::after { content: "luesky"; }}
.chilp-oat-enhance-inset-blackskyreply { color: white; background-color: black;
&::after { content: "lacksky"; }}
.chilp-oat-enhance-inset-witchskyreply { color: white; background-color: rgb(237, 83, 69);
&::after { content: "itchsky"; }}