html {
height: 100%;
font-family: sans-serif;
color: black;
background-color: white;
}
body {
margin: 1em auto;
max-width: 50em;
padding: 0 0.5em;
}
section {
margin: 0.25em;
}
section h1, section h2, section h3,
section h4, section h5, section h6 {
padding: 0;
margin: 0;
display: inline-block;
}
.sec-link {
display: none;
}
:hover>*>.sec-link {
display: inline;
}
a.cnp-external:after {
text-decoration: none;
color: gray;
display: inline-block;
font-size: 0.8em;
content: '\01f517';
}
a.cnp-external-cnp:after {
content: '[cnp]';
}
a.cnp-external-http:after {
content: '[http]';
}
a.cnp-external-https:after {
content: '[https]';
}
main {
border: 1px dashed #aaa;
tab-size: 4;
-moz-tab-size: 4; /* Pale Moon and older FF need prefix */
}
main, section {
padding: 0.75em;
}
main:hover, section:hover {
}
pre, code {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin: 0;
display: inline-block;
white-space: pre-wrap;
}
code {
background-color: #f8f8f8;
border: 1px solid #ccc;
}
pre.cnm-raw {
display: block;
}
pre>code {
background-color: #fbfbfb;
display: block;
border: 1px solid black;
width: auto;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
pre>code:hover {
background-color: #f4f4f4;
}
p, figcaption, pre {
margin-bottom: 1em;
}
figure {
border: 1px solid #aaa;
display: inline-block;
padding: 0 0.5em;
margin: 0 auto;
}
summary {
cursor: pointer;
}
details>summary>* {
text-decoration: underline;
}
details[open]>summary>* {
text-decoration: none;
}
header {
}
footer {
padding-top: 0.5em;
font-size: 0.8em;
}
footer details {
display: inline-block;
}
table {
margin-top: 0.5em;
margin-bottom: 0.5em;
border-collapse: collapse;
}
li p, li pre, li code, table p, table pre, table code {
padding: 0;
margin: 0;
}
table, th, td {
border: 1px solid black;
}
img {
padding-top: 0.5em;
max-width: 100%;
}
#browser {
width: 100%;
border: 1px solid black;
padding: 1em;
display: flex;
}
#browser input[type=text] {
flex: 1;
}
#browser input[type=submit] {
border: 1px solid black;
margin-left: 0.5em;
}