|
|
|
|
:root{--size:1rem;--radius:0rem;--fg:#17202A;--bg:#FDFEFE;--mg:#99A3A4;--white:#FFF;--black:#000;--gray:#777;--light:#EEE;--dark:#222;--theme:steelblue;--warning:#B7950B;--danger:#C0392B;--success:#1E8449}[data-theme=dark]{--mg:#99A3A4;--bg:#17202A;--fg:#EAECEE}*{padding:0;margin:0}*,:after,:before{box-sizing:border-box}body,html,table{background:var(--bg)}body,html{color:var(--fg);accent-color:var(--theme);margin:0;font-family:system-ui,sans-serif;font-size:16px;letter-spacing:.0125em;line-height:1.5rem;box-sizing:border-box;padding:0}button,div,input,label,select,textarea{margin-bottom:.25rem}p{margin:1rem 0}audio,embed,iframe,img,object,video{height:auto;max-width:100%;border:0}li,ol,ul{margin-left:1rem}label{display:inline-block;font-weight:600;color:var(--dark);white-space:nowrap;vertical-align:top}label.addon{max-height:2.5rem;background:var(--light);padding:.5rem 1rem;text-align:center;border:1px solid var(--theme)}main{margin:0 auto;padding:var(--size);max-width:1140px}table{border-collapse:collapse;border-spacing:0;width:100%}table>thead>tr>th{border-bottom:2px solid var(--theme)}table.striped tbody>:nth-child(2n-1){background:#f5f5f5}th{text-align:left}td,th{padding:.5rem;border-bottom:1px solid var(--theme)}table.condensed *{padding:0}fieldset{padding:1rem;border:1px solid var(--theme)}blockquote.primary,legend{color:var(--theme);border:1px solid var(--theme)}fieldset,legend{background:var(--bg)}legend{font-size:larger;font-weight:600;display:block;width:fit-content;padding:.25rem .5rem;margin:0;line-height:inherit}blockquote{margin:var(--size)0;color:var(--black);background:var(--light);padding:var(--size)}blockquote.primary{background:#ebf5fb}blockquote.danger{background:#fdedec;color:var(--danger);border:1px solid var(--danger)}blockquote.warn{background:#fef9e7;color:var(--warning);border:1px solid var(--warning)}blockquote.success{background:#eafaf1;color:var(--success);border:1px solid var(--success)}blockquote.default{background:#eee;color:var(--dark);border:1px solid var(--dark)}hr{border:1px solid}h1,h2,h3,h4,h5,h6{color:var(--theme);margin:var(--size)0;padding-bottom:calc(var(--size)/2);text-transform:capitalize}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}a,hr{color:var(--theme)}a:hover{color:var(--dark)}article,section{margin-bottom:2rem}article{border:1px solid rgba(0,0,0,.125);background:var(--light);padding:var(--size)}details{margin:var(--size)0;color:var(--fg);cursor:pointer}details[open],summary{background-color:var(--bg);border:1px solid var(--theme)}details[open]{margin-bottom:var(--size)}details>*{box-sizing:border-box;padding:.5rem 1rem}summary{color:var(--theme);height:40px}a.button,button,input{outline:0;box-sizing:border-box;font-size:1rem;background:var(--bg);min-width:fit-content;height:2.5rem;border:1px solid var(--theme);padding:.5rem 1rem}a.button,input{display:inline-block;width:100%;border-radius:var(--radius)}input{color:var(--fg)}input[type=color]{padding:.25rem}input[type=checkbox],input[type=radio]{padding:0;width:1.1rem;height:1.1rem;margin-right:.5rem;margin-top:.25rem}button,input[type=reset],input[type=submit]{display:inline-block;border-radius:var(--radius);width:initial}button[disabled],button[disabled]:hover{color:var(--gray);background-color:var(--light);border:1px solid var(--gray);cursor:not-allowed;pointer-events:none}button.link,button.link:hover{border:0;background:0 0;color:var(--theme)}button.link:hover{text-decoration:underline}button.default{background:var(--light);color:var(--black)}a.button,button,button.primary{background:var(--theme);color:var(--white)}button.warning{background:var(--warning);color:var(--white)}button.danger{background:var(--danger);color:var(--white)}button.success{background:var(--success);color:var(--white)}a.button:hover,button:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--dark);border:2px solid var(--theme);color:var(--light);cursor:pointer}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;pointer-events:none;border-
|
