pre code {
background-color: #e7e;
padding: 0.2rem 0.5rem;
border-radius: 5px; }
/* ____________________________________________________________________________/ }}}1 */
/* Code Inline ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\ {{{1 */
code:not(pre code) {
display: inline-block;
background-color: #dff;
border-radius: 3px;
border: 1px solid #9bb;
padding-left: 0.2rem;
padding-right: 0.2rem; }
/* ____________________________________________________________________________/ }}}1 */
/* Code Block (langs syntax coloring) ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\ {{{1 */
div.chroma {
background-color: #dff;
margin-right: 0.5rem;
}
tr > .lntd:first-child {
background-color: #add;
border-right: 1px solid #699;
padding: 0.2rem 0.4rem;
}
pre.chroma {
margin: 0rem;
}
code.language-hy[data-lang="hy"],
code.language-python[data-lang="python"],
code.language-haskell[data-lang="haskell"],
code.language-mathematica[data-lang="mathematica"] {
/* hy and python: */
.k {color: #339; font-weight: bold;} ; /* head-keywords */
.nb {color: #838; font-weight: bold;} ; /* keywords */
.p {color: #579; } ; /* parenthesis? */
.nf {color: #518; font-weight: bold;} ; /* methods? */
.kd {color: #753; } ; /* local vars? */
.nv {color: #753; } ; /* local vars? */
.s ,
.s1,
.s2 {color: #667; } ; /* strings */
.mi {color: #931; font-weight: bold;} ; /* numbers */
.o {color: #937; font-weight: bold;} ; /* operators? */
.c {color: #373; font-style: italic;}; /* comments */
/* haskell: */
.sc {colro: #667; } ; /* single-character string */
.se {color: #967; } ; /* string-escape */
.kt {color: #339; font-weight: bold;} ; /* ? */
.kr {color: #339; font-weight: bold;} ; /* ? */
.nf {color: #838; font-weight: bold;} ; /* ? */
.ow {color: #935; font-weight: bold;} ; /* ? */
.c1 {color: #373; font-style: italic;}; /* comments */
}
/* ____________________________________________________________________________/ }}}1 */
/* [Render-Hook] Images ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\ {{{1 */
/*Image (via pups-render-hook):
is rendered if image is made clickable via md
![...]( "...")
*/
li > .fig-block {
justify-content: left;
margin: 0.2rem 0rem;
}
.fig-block {
display: flex;
justify-content: center;
align-items: center;
margin: 0px;
padding: 0px;
margin: 1rem 0rem;
a:hover {
figure {
background: #DDDDFF;
border-left: 2px solid #11D;
border-right: 2px solid #11D;
figcaption p {
text-decoration: #CCF underline;
color: #11D; } } }
figure {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-left: 2px solid #CCC;
border-right: 2px solid #CCC;
background-color: #EEE;
border-radius: 5px;
width: fit-content;
padding: 0.4rem;
margin: 0rem 0rem;
img {
max-width: 100%;
border-radius: 3px; }
figcaption p {
margin-top: 0.4rem;
margin-bottom: 0rem;
font-style: italic;
color: #888;
text-align: center; } } }
/* ____________________________________________________________________________/ }}}1 */
/* [Shortcode] Video (via