brutcss/brut.min.css

/* Copyright 2022 Yann Esposito; MIT licensed */:root{--bg:#fff;--fg:#000;--navfg:#aaa;--bg2:#eee;--darken:rgba(0, 0, 0, 0.1);--cn0:#888;--cn1:#7b7b7b;--cn2:#6f6f6f;--ci0:#59d;--ci1:#408cd9;--ci2:#2a7fd5;--co0:#494;--co1:#3c873c;--co2:#347634;--cw0:#d93;--cw1:#d38d23;--cw2:#bd7e20;--ce0:#d33;--ce1:#d32323;--ce2:#bd2020;--shadow:rgba(0, 0, 0, 0.75)}@media(prefers-color-scheme:dark){:root{--bg:#000;--fg:#aaa;--navfg:#555;--bg2:#333;--darken:rgba(255, 255, 255, 0.1);--cn0:#6f6f6f;--cn1:#7b7b7b;--cn2:#888888;--ci0:#2a7fd5;--ci1:#408cd9;--ci2:#4b99e7;--co0:#347634;--co1:#3c873c;--co2:#39a439;--cw0:#bd7e20;--cw1:#d38d23;--cw2:#e99b27;--ce0:#bd2020;--ce1:#d32323;--ce2:#e92727;--shadow:rgba(128, 128, 128, 0.3)}}html{font-size:12px}body,textarea,input,select{background:var(--bg);color:var(--fg);border-radius:0;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:1rem;margin:0}*{box-sizing:border-box}.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:10px}.btn,.nav a{text-decoration:none}.container{margin:0 20px;width:auto}.block{padding:6px;margin:6px}.card{padding:5px;margin:5px;border:solid 2px}.col .bot{margin-top:auto}.hero{background:var(--bg2);padding:2rem;outline-style:double;outline-width:.5rem;margin:1rem}@media(min-width:1310px){.container{margin:auto;width:1270px}}pre{background:var(--bg2);padding:10px}code{background:var(--darken);border:solid 1px var(--darken);padding:1px}img{max-width:100%}.big{font-size:2em}.huge{font-size:3em}.tb{font-weight:700;cursor:pointer;padding:2px}.tb:before,.tb:after{opacity:.3}.tb:before{content:"〈"}.tb:after{content:"〉"}.tb:hover:before,.tb:hover:after{opacity:1}.tb:hover:before{content:"《"}.tb:hover:after{content:"》"}.tb:active:before{content:"【"}.tb:active:after{content:"】"}.tb-a{color:var(--ci0)}.tb-a:hover{color:var(--ci1)}.tb-a:active{color:var(--ci2)}.tb-b{color:var(--co1)}.tb-b:hover{color:var(--co1)}.tb-b:active{color:var(--co2)}.tb-c{color:var(--ce2)}.tb-c:hover{color:var(--ce1)}.tb-c:active{color:var(--ce2)}.btn{background:var(--cn0);border:solid 2px #000;color:#fff;font-weight:700;cursor:pointer;display:inline-block;margin:2px 0;padding:1rem 2rem;box-shadow:4px 4px var(--shadow)}.btn:hover{background:var(--cn1)}.btn:active,.btn:focus{background:var(--cn2);box-shadow:1px 1px #000;position:relative;top:3px;left:3px}.btn-a{background:var(--ci0)}.btn-a:hover{background:var(--ci1)}.btn-a:active,.btn-a:focus{background:var(--ci2)}.btn-b{background:var(--co0)}.btn-b:hover{background:var(--co1)}.btn-b:active,.btn-b:focus{background:var(--co2)}.btn-c{background:var(--ce0)}.btn-c:hover{background:var(--ce1)}.btn-c:active,.btn-c:focus{background:var(--ce2)}.btn-sm{padding:.5rem 1rem}.btn-std{width:12rem}.row{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap}.col{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap}.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}@media(max-width:870px){.row .col{width:100%}}h1,h2,h3,h4,h5,h6{display:table;padding:.25rem;font-size:1rem}h1{font-size:2rem}h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{opacity:.3;font-size:1rem}h1:before{content:"# "}h2:before{content:"## "}h3:before{content:"### "}h4:before{content:"#### "}h5:before{content:"##### "}h6:before{content:"###### "}.ico{font:20px Arial Unicode MS,Lucida Sans Unicode;line-height:10px;vertical-align:top}label>*{display:inline}form>*{display:block;margin-bottom:10px}textarea,input,select{border:2px solid #ccc;padding:8px}textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em;outline:0;border:2px solid #888}.addon{padding:8px 12px;border-width:2px;border-color:#888;border-style:solid none solid solid}.nav,.nav .current,.nav a:hover{background:var(--fg);color:var(--bg)}.nav{height:50px;padding:11px 0 15px}.nav a{color:var(--navfg);padding-right:1em;position:relative;top:-1px}.nav .pagename{font-size:22px;top:1px}.btn.btn-close{background:var(--fg);color:var(--bg);float:right;font-size:25px;margin:-54px 7px;display:none}@media(max-width:500px){.btn.btn-close{display:block}.nav{overflow:hidden}.pagename{margin-top:-11px}.nav:active,.nav:focus{height:auto}.nav div:before{background:var(--fg);border-bottom:10px double;border-top:3px solid;content:'';float:right;height:4px;position:relative;right:3px;top:14px;width:20px}.nav a{display:block;padding:.5em 0;width:50%}}.table th,.table td{padding:.5em;text-align:left}.table tbody>:nth-child(2n-1){background:var(--bg2)}.msg{background:#ddd;border-left:5px solid #999;padding:1.5em}.info{background:#d1e5fa;border-color:#59d}.ok{background:#c1ecc1;border-color:#73cf73}.warn{background:#ffd9b4;border-color:#fa6}.err{background:#fcbdbd;border-color:#e75d5d}.black,.black *{background:#333;border-color:#000;color:#fff}.attention,.attention *{background:#b74fde;border-color:#9311bb;color:#fff}.fatal,.fatal *{background:#df1023;border-color:#ba0000;color:#fff}