1 γραμμή
11 KiB
CSS
1 γραμμή
11 KiB
CSS
|
/* silicon v1.2.7 */ form,nav{justify-content:center;display:flex}div.vp-l,div.vp-m,div.vp-s,div.vp-xs{margin:4rem auto}*,button,input,select,textarea{box-sizing:border-box;color:var(--color-text)}caption,td,th{text-align:left}button:disabled,button[type=reset],input:disabled,tr:hover :not(th){background-color:var(--color-grey)}a,del,ins,s,u{text-decoration-thickness:var(--border-width)}*,button[type=reset],code,kbd,samp{color:var(--color-text)}blockquote footer,button:disabled,input:disabled,label{color:var(--color-darker-grey)}.flex,form,nav{display:flex}:root{--color-primary:#2c62af;--color-secondary-dark:#263342;--color-secondary:#cfdef3;--color-tertiary:#edf2f6;--color-background:#fff;--color-text:#0c0c0c;--color-border:#0c0c0c;--color-grey:#f1f1f1;--color-dark-grey:#ababab;--color-darker-grey:#818181;--color-green:#cbf5c4;--color-red:#f8b8b8;--color-yellow:#f8efb8;--offset-text-color:#f1f1f1;--font-size:1.07rem;--xs-width:20vw;--small-width:30vw;--medium-width:50vw;--large-width:80vw;--gap:15px;--border-width:2px}@media screen and (max-width:1000px){:root{--xs-width:40vw;--small-width:60vw;--medium-width:70vw;--large-width:80vw}}@media screen and (max-width:500px){:root{--xs-width:90vw;--medium-width:90vw;--small-width:90vw;--large-width:90vw}}*{font-family:sans-serif,system-ui,system-ui}html{background-color:var(--color-background)}body{min-width:var(--small-width);width:min-content;margin:auto}.wide,form,form *{width:100%}h1{font-size:3em}h2{font-size:2.2em}caption,h3{font-size:1.7em}h4{font-size:1.5em}h5{font-size:1.3em}h6{font-size:1.2em}a{font-weight:600;color:var(--color-primary)}nav{align-items:center;gap:3rem}.flex,div.grid.gap,form{gap:var(--gap)}footer{margin:3rem 0}div.vp-xs{width:var(--xs-width);max-width:var(--xs-width)}div.vp-s{width:var(--small-width);max-width:var(--small-width)}div.vp-m{width:var(--medium-width);max-width:var(--medium-width)}div.vp-l{width:var(--large-width);max-width:var(--large-width)}form{align-items:center;flex-flow:column;margin:2rem 0}label{padding-bottom:4px;font-size:var(--font-size)}input[type=checkbox],input[type=range],label{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:fit-content;display:inline-block}button,input,select,textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%;padding:.8em;border-radius:4px;background:0 0;border:var(--border-width) solid var(--color-text);outline:0;font-family:sans-serif,system-ui;font-size:var(--font-size);caret-color:var(--color-primary)}code,kbd,samp,var{font-family:monospace}input:focus,input[type=checkbox]:checked:before,input[type=radio]:checked:before,select:focus,textarea:focus{animation:.3s ease-in-out forwards focus_border}button,input[type=submit]{background-color:var(--color-primary);font-weight:600;border:none;color:var(--offset-text-color);cursor:pointer;padding:.4rem 1.2rem}::-moz-selection,::selection{background-color:var(--color-primary);color:var(--color-background);border-radius:4px}button{width:initial;margin:0 4px}button:disabled,input:disabled{font-weight:500;border:var(--border-width) dashed var(--color-darker-grey)}button:disabled{padding:calc(.4rem - var(--border-width)) calc(1.2rem - var(--border-width))}button:disabled:hover,input:disabled:hover{cursor:not-allowed}button[type=reset]{font-weight:600}button:active,input[type=submit]:active{transform:translateY(1px)}button:disabled:active{transform:none}input[type=color]{padding:14px 4px;appearance:none;-moz-appearance:none;-webkit-appearance:none}@-moz-document url-prefix(){input[type=color]{padding:6px}}input[type=color]::-webkit-color-swatch{height:16px;box-sizing:border-box;padding:0;transform:translateY(-8px);border-radius:3px;border:none}input[type=color]::-moz-color-swatch{border-radius:3px;height:16px;border:none}input[type=range]{height:32px;-webkit-appearance:none;margin:0;width:100%;border:0;display:block}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:var(--color-background);border-radius:4px;border:var(--border-width) solid var(--color-text);-webkit-appear
|