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 { background-position: right center; background-repeat: no-repeat; background-size: 0.8em; padding-right: 0.85em; background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20version%3D%221.1%22%20viewBox%3D%220%200%2021.167%2021.167%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%280%20-275.83%29%22%3E%3Cg%20transform%3D%22matrix%281.0164%200%200%201.0164%201.0366%20-5.9055%29%22%20stroke-width%3D%222.0825%22%3E%3Crect%20x%3D%221.3229%22%20y%3D%22284.56%22%20width%3D%2211.112%22%20height%3D%2211.112%22%20fill%3D%22none%22%20stroke%3D%22%2308f%22%2F%3E%3Cpath%20d%3D%22m4.1425%20288.86%203.996%203.996%206.66-6.66%202.664%202.664v-9.324h-9.324l2.664%202.664z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%230af%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } a.cnp-external:hover { position: relative; } a.cnp-external:hover:after { text-decoration: none; /*color: gray;*/ display: inline-block; font-size: 0.8em; position: absolute; background-color: #ffd; color: black; border: 1px solid black; z-index: 20px; white-space: nowrap; padding: 1px; left: 100%; bottom: 0; } a.cnp-external-http:hover:after { content: 'http'; } a.cnp-external-https:hover:after { content: 'https'; } a.cnp-external-cnp:hover:after { content: 'cnp'; } 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; }