:root { --fsz: 13px; --pad: 0.625rem; --bdw: 1px; --rad: 0.25rem; --min: 360px; --max: 1024px; --col: 12rem; --bg: #222222; --bd: #444444; --tx: #FFFFFF; --tx-lnk: #FFFFFF; --bg-sys: #1F1F1F; --bd-sys: #303030; --tx-sys: #FFFFFF; --bg-cod: #121212; --bd-cod: #444444; --tx-cod: #FFFFFF; --bg-hdr: #121212; --bd-hdr: #303030; --tx-hdr: #FFFFFF; --bg-bdy: #1A1A1A; --bd-bdy: #444444; --tx-bdy: #CCCCCC; --bg-ftr: #121212; --bd-ftr: #303030; --tx-ftr: #FFFFFF; --bg-pnl: #1A1A1A; --bd-pnl: #303030; --tx-pnl: #FFFFFF; --bg-prm: #F24600; --bd-prm: #F24600; --tx-prm: #FFFFFF; --bg-sec: #FF6600; --bd-sec: #FF6600; --tx-sec: #FFFFFF; --bg-inf: #198B9B; --bd-inf: #198B9B; --tx-inf: #FFFFFF; --bg-scc: #23963C; --bd-scc: #23963C; --tx-scc: #FFFFFF; --bg-wrn: #D4A500; --bd-wrn: #D4A500; --tx-wrn: #FFFFFF; --bg-dng: #C5303F; --bd-dng: #C5303F; --tx-dng: #FFFFFF; --bg-wht: #FFFFFF; --bd-wht: #FFFFFF; --tx-wht: #555555; --bg-blk: #000000; --bd-blk: #000000; --tx-blk: #FFFFFF; } html { color: var(--tx); line-height: 1.15; font-size: var(--fsz); font-family: sans-serif; background-color: var(--bg); text-rendering: optimizeLegibility; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } input, button, select, textarea, optgroup { margin: 0; font-size: 100%; line-height: 1.15; font-family: inherit; } button, select { text-transform: none; } a { color: var(--tx-lnk); text-decoration: none; } *, ::before, ::after { box-sizing: border-box; } a, abbr, b, cite, code, dfn, em, i, img, kbd, label, output, q, samp, select, small, span, strong, sub, sup, textarea, time, var, input { display: inline; vertical-align: baseline; } datalist { display: none; } input[list]::-webkit-calendar-picker-indicator { display: none !important; } ul, ol, p, blockquote, menu, h1, h2, h3, h4, h5, h6, pre { margin-top: 0; font-weight: normal; line-height: 1.5rem; margin-bottom: 0.5rem; } ul, ol { margin: 0; padding: 0; list-style-position: inside; } br { line-height: 2rem; } hr { height: 1px; border: none; margin: 1rem 0; background-color: var(--bd-sys); } h1 { font-size: 2rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.4rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1rem; } small, sup, sub { font-size: 0.8rem; } table { width: 100%; border-collapse: collapse; } th { text-align: left; font-weight: normal; } th, td { padding: 0; vertical-align: middle; } fieldset { margin-left: 0; margin-right: 0; margin-inline-end: 0; margin-inline-start: 0; } [type="radio"], [type="checkbox"] { width: 1rem; height: 1rem; padding: 0; cursor: pointer; appearance: none; position: relative; display: inline-block; vertical-align: middle; background-clip: content-box; border: 1px solid var(--bd-sys); background-color: var(--bg-sys); } [type="radio"] { border-radius: 50%; } [type="radio"]:checked, [type="checkbox"]:checked { border-color: var(--bd-prm); background-color: var(--bg-prm); box-shadow: inset 0 0 0 2px var(--bg-sys); } ::placeholder { opacity: 0.8; color: inherit; } summary { display: block; } summary::-webkit-details-marker { display: none; } dialog { inset: 0; margin: auto; border: none; display: none; z-index: 999999; position: fixed; background: none; overflow: hidden; max-height: 100%; padding: var(--pad); min-width: var(--min); max-width: var(--max); flex-direction: column; } dialog[open] { display: flex; } dialog >:last-child { margin-bottom: 0; } .pnl { display: flex; max-height: 100%; overflow: hidden; color: var(--tx-pnl); flex-direction: column; background: var(--bg-pnl); border-radius: var(--rad); margin-bottom: var(--pad); border: var(--bdw) solid var(--bd-pnl); } .grd > .pnl, .row > .pnl, .bdy > .pnl:last-child { margin-bottom: 0; } .hdr, .bdy, .ftr { padding: var(--pad); } .hdr, .ftr { white-space: nowrap; } .hdr { color: var(--tx-hdr); background: var(--bg-hdr); border-bottom: var(--bdw) solid var(--bd-hdr); } .bdy { overflow: auto; color: var(--tx-bdy); background: var(--bg-bdy); } .ftr { color: var(--tx-ftr); background: var(--bg-ftr); border-top: var(--bdw) solid var(--bd-ftr); } .hdr h1, .hdr h2, .hdr h3, .hdr h4, .hdr h5, .hdr h6, .ftr h1, .ftr h2, .ftr h3, .ftr h4, .ftr h5, .ftr h6 { margin-bottom: 0; font-size: 1rem; font-weight: bold; } .hdr, .ftr, .hdr > .wrp, .ftr > .wrp { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); align-items: center; gap: var(--pad); } .hdr > *, .ftr > *, .hdr > .wrp > *, .ftr > .wrp > * { min-width: 0; margin-bottom: 0; justify-self: center; } .hdr > :last-child, .ftr > :last-child, .hdr > .wrp > :last-child, .ftr > .wrp > :last-child { justify-self: end; } .hdr > :first-child, .ftr > :first-child, .hdr > .wrp > :first-child, .ftr > .wrp > :first-child { justify-self: start; } .pnl > .hdr:only-child { border-bottom: 0; } .pnl > .ftr:only-child { border-top: 0; } .grl { height: 100%; display: flex; overflow: hidden; flex-direction: column; width: max(100%, var(--min)); } .grl > * { min-width: 0; min-height: 0; flex: 1 1 auto; } .grl > :first-child, .grl > :last-child { min-width: auto; min-height: auto; flex: 0 0 auto; } .row { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: var(--pad); } .row > * { flex: 1 1 var(--col); min-width: min(100%, var(--col)); } .wrp { width: 100%; margin-inline: auto; max-width: var(--max); } .col, .col1 { --col-size: 8.333333%; } .col2 { --col-size: 16.666667%; } .col3 { --col-size: 25%; } .col4 { --col-size: 33.333333%; } .col5 { --col-size: 41.666667%; } .col6 { --col-size: 50%; } .col7 { --col-size: 58.333333%; } .col8 { --col-size: 66.666667%; } .col9 { --col-size: 75%; } .col10 { --col-size: 83.333333%; } .col11 { --col-size: 91.666667%; } .col12 { --col-size: 100%; } .col, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width: var(--col-size); max-width: var(--col-size); } .grd { display: grid; gap: var(--pad); align-items: start; align-content: start; grid-template-columns: repeat(auto-fill, minmax(var(--col), 1fr)); } .grd > * { width: auto; min-width: 0; max-width: none; } .mry { columns: var(--col); column-gap: var(--pad); } .mry > * { width: 100%; break-inside: avoid; margin-bottom: var(--pad); } button, input, .btn, select, textarea, .ipt, code, kbd, samp, var, output, .cod { border-style: solid; border-width: var(--bdw); border-radius: var(--rad); } button, input, .btn, select, textarea, .ipt { padding: var(--pad); } button, input[type="button"], input[type="reset"], input[type="submit"], .btn { cursor: pointer; text-align: center; white-space: nowrap; width: auto; color: var(--tx-sys); display: inline-block; border-color: var(--bd-sys); background-color: var(--bg-sys); appearance: none; -moz-appearance: none; -webkit-appearance: none; } input, select, textarea, .ipt { width: 100%; font: inherit; outline: none; appearance: none; color: var(--tx-sys); display: inline-block; border-color: var(--bd-sys); background-color: var(--bg-sys); } [type="hidden"] { display: none; } select { cursor: pointer; } .pnl > input.bdy, .pnl > select.bdy, .pnl > textarea.bdy { border: 0; } fieldset.pnl { padding: 0; display: block; } fieldset.pnl > legend { border: 0; margin: 0; float: left; width: 100%; padding: var(--pad); color: var(--tx-hdr); background-color: var(--bg-hdr); border-bottom: var(--bdw) solid var(--bd-hdr); } fieldset.pnl > .ftr, fieldset.pnl > legend + .bdy { clear: both; } code, kbd, samp, var, output, .cod { color: var(--tx-cod); display: inline-block; vertical-align: baseline; border-color: var(--bd-cod); padding: calc(var(--pad) / 2); background-color: var(--bg-cod); } pre code, pre kbd, pre samp, pre var, pre output, pre .cod { width: 100%; display: block; overflow: auto; padding: var(--pad); } .prm { color: var(--tx-prm); border-color: var(--bd-prm); background-color: var(--bg-prm); } .sec { color: var(--tx-sec); border-color: var(--bd-sec); background-color: var(--bg-sec); } .inf { color: var(--tx-inf); border-color: var(--bd-inf); background-color: var(--bg-inf); } .scc { color: var(--tx-scc); border-color: var(--bd-scc); background-color: var(--bg-scc); } .wrn { color: var(--tx-wrn); border-color: var(--bd-wrn); background-color: var(--bg-wrn); } .dng { color: var(--tx-dng); border-color: var(--bd-dng); background-color: var(--bg-dng); } .wht { color: var(--tx-wht); border-color: var(--bd-wht); background-color: var(--bg-wht); } .blk { color: var(--tx-blk); border-color: var(--bd-blk); background-color: var(--bg-blk); } .sys { color: var(--tx-sys); border-color: var(--bd-sys); background-color: var(--bg-sys); } @media (max-width: 540px) { .row > * { width: 100%; flex: 0 0 100%; max-width: 100%; } } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('/fon/roboto-condensed-v30-latin-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('/fon/roboto-condensed-v30-latin-italic.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; src: url('/fon/roboto-condensed-v30-latin-600.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: url('/fon/roboto-mono-v30-latin-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Mono'; font-style: normal; font-weight: 600; src: url('/fon/roboto-mono-v30-latin-600.woff2') format('woff2'); } a svg, h1 svg, h2 svg, h3 svg, h4 svg, h5 svg, h6 svg, label svg { width: auto; height: 0.8rem; display: inline-block; vertical-align: middle; } svg+span { display: inline-block; vertical-align: middle; } h1 svg { height: 1.2rem; } :root { --max: 768px; --fsz: 15px; --rad: 0.5rem; --bg-pat: #2C2C2C; --bg-logo: #D40000; --bg-hdr-pat: #1C1C1C; --bg-pnl-pat: #242424; } html { font-family: 'Roboto Condensed'; } main .hdr > * { height: 1rem; } article p, article ul, article ol { line-height: 1.5rem; margin-bottom: 1rem; } [data-link] { cursor: pointer; } .pnl[data-link]:hover { z-index: 1; position: relative; transform: scale(1.05); } .hdr, .ftr { white-space: nowrap; background-size: 4px 4px; background-attachment: fixed; background-color: var(--bg-hdr); background-image: repeating-linear-gradient(45deg,var(--bg-hdr-pat) 0,var(--bg-hdr-pat) 0.4px,transparent 0,transparent 50%); } .pnl, .bdy { background-size: 4px 4px; background-attachment: fixed; background-color: var(--bg-pnl); background-image: repeating-linear-gradient(45deg,var(--bg-pnl-pat) 0,var(--bg-pnl-pat) 0.4px,transparent 0,transparent 50%); } main.bdy { background-size: 4px 4px; background-attachment: fixed; background-color: var(--bg); background-image: repeating-linear-gradient(45deg,var(--bg-pat) 0,var(--bg-pat) 0.4px,transparent 0,transparent 50%); } .pnl { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); } .hdr h1, .hdr h2, .hdr h3, .hdr h4, .hdr h5, .hdr h6 { margin: 0; gap: 0.25rem; display: flex; font-size: 1rem; font-weight: bold; color: var(--tx-hdr); align-items: center; text-transform: uppercase; } a { transition: color 0.1s ease; } .hdr a:hover,.ftr a:hover { color: var(--bg-prm); } .hdr a, .ftr a, a.btn:hover, .hdr h1 a:hover,.ftr h1 a:hover, .hdr h2 a:hover,.ftr h2 a:hover, .hdr h3 a:hover,.ftr h3 a:hover, .hdr h4 a:hover,.ftr h4 a:hover, .hdr h5 a:hover,.ftr h5 a:hover, .hdr h6 a:hover,.ftr h6 a:hover { color: var(--tx); } .hdr nav a, .hdr h1 a, .hdr h2 a, .hdr h3 a, .hdr h4 a, .hdr h5 a, .hdr h6 a { gap: 0.25rem; color: inherit; line-height: 1; align-items: center; display: inline-flex; text-decoration: none; } .ico { display: inline-flex; align-items: center; justify-content: center; line-height: 1; flex: 0 0 auto; } .hdr h1 .ico,.ftr h1 .ico, .hdr h2 .ico,.ftr h2 .ico, .hdr h3 .ico,.ftr h3 .ico, .hdr h4 .ico,.ftr h4 .ico, .hdr h5 .ico,.ftr h5 .ico, .hdr h6 .ico,.ftr h1 .ico { color: var(--bg-prm); } .ico > svg { width: auto; height: 0.8rem; display: block; overflow: visible; position: relative; } .hdr h1 a .ico > svg { width: auto; height: 1.25rem; } .hdr menu, .ftr menu { gap: 0; margin: 0; padding: 0; display: flex; list-style: none; } .hdr li, .ftr li { display: inline-flex; align-items: center; } .hdr menu a, .ftr menu a { gap: 0.25rem; line-height: 1; font-size: 0.8rem; font-weight: bold; align-items: center; display: inline-flex; text-transform: uppercase; } .hdr menu li:not(:last-child)::after, .ftr menu li:not(:last-child)::after { content: "|"; margin-left: var(--pad); margin-right: var(--pad); color: var(--tx-hdr); opacity: 0.3; } .hdr a .ico > svg { transform: translateY(-0.06em); } .ftr { font-size: 0.8rem; text-transform: uppercase; } #article .bdy { padding: calc(var(--pad)*2); font-family: "Roboto Mono",monospace; } #explore .bdy { font-family: 'Roboto Condensed'; } #explore article > .bdy { padding: 0; } #explore article > .bdy div { padding: var(--pad); } #article li::marker { color: var(--bg-prm); } #article .bdy h1, #article .bdy h2, #article .bdy h3, #article .bdy h4, #article .bdy h5, #article .bdy h6 { font-weight: bold; line-height: 2.5rem; text-transform: uppercase; padding-left: var(--pad); margin-block: calc(var(--pad)*2); border-left: 5px solid var(--bg-prm); font-family: 'Roboto Condensed'; } #article .bdy h1:first-child, #article .bdy h2:first-child, #article .bdy h3:first-child, #article .bdy h4:first-child, #article .bdy h5:first-child, #article .bdy h6:first-child { margin-top: 0; } #article p, #article ul, #article ol { line-height: 2rem; } article .bdy > * > :last-child, section .bdy > * > :last-child { margin-bottom: 0; } #article .bdy > img, #explore .bdy > img { padding: 0; display: block; width: 100%; height: auto; } #explore .bdy .dsc { margin: 0; } body > footer p .ico { transform: translateY(1px); } body > header h1 a .ico > svg path:first-of-type { fill: var(--bg-logo)!important; } body > header h1 a .ico > svg linearGradient stop:nth-child(1) { stop-color: var(--bg-sec)!important; stop-opacity: 1!important; } body > header h1 a .ico > svg linearGradient stop:nth-child(2) { stop-color: var(--bg-sec)!important; stop-opacity: 0!important; } @media (prefers-reduced-motion: no-preference) { a { transition: color 0.1s ease; } [data-link]{ transition: all 0.2s ease; } } :root.color-amber { --bg-pat: #1a0f00; --bg-hdr-pat: #000000; --bg-pnl-pat: #000000; --bg-logo: #ffb000; --bg: #000000; --bd: #593000; --tx: #ffb000; --tx-lnk: #ffcc00; --bg-sys: #0d0700; --bd-sys: #804500; --tx-sys: #ffb000; --bg-cod: #050300; --bd-cod: #402200; --tx-cod: #ffc433; --bg-hdr: #050300; --bd-hdr: #402200; --tx-hdr: #ffb000; --bg-bdy: #000000; --bd-bdy: #593000; --tx-bdy: #ffb000; --bg-ftr: #050300; --bd-ftr: #402200; --tx-ftr: #cc8800; --bg-pnl: #0f0800; --bd-pnl: #593000; --tx-pnl: #ffb000; --bg-prm: #ffb000; --bd-prm: #ffb000; --tx-prm: #000000; --bg-sec: #ff8800; --bd-sec: #ff8800; --tx-sec: #000000; --bg-inf: #ffd700; --bd-inf: #ffd700; --tx-inf: #000000; --bg-scc: #ffb000; --bd-scc: #ffb000; --tx-scc: #000000; --bg-wrn: #ffaa00; --bd-wrn: #ffaa00; --tx-wrn: #000000; --bg-dng: #ff3300; --bd-dng: #ff3300; --tx-dng: #ffffff; --bg-wht: #ffebd0; --bd-wht: #ffebd0; --tx-wht: #1a0a00; --bg-blk: #000000; --bd-blk: #000000; --tx-blk: #ffb000; }