You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dropin-minimal-css/min/water.min.css

1 line
8.2 KiB
CSS

:root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#999;--links:#0076d1;--focus:#0096bfab;--border:#dbdbdb;--code:#000;--animation-duration:.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3C?xmlversion='1.0'encoding='utf-8'?%3E%3Csvgversion='1.1'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'height='62.5'width='116.9'fill='%23161f27'%3E%3Cpathd='M115.3,1.6C113.7,0111.1,0109.5,1.6L58.5,52.7L7.4,1.6C5.8,03.2,01.6,1.6C0,3.20,5.81.6,7.4L55.5,61.3C56.3,62.157.3,62.558.4,62.5C59.4,62.560.5,62.161.3,61.3L115.2,7.4C116.9,5.8116.9,3.2115.3,1.6Z'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#161f27;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#717880;--links:#41adff;--focus:#0096bfab;--border:#dbdbdb;--code:#ffbe85;--animation-duration:.1s;--button-hover:#324759;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:#141414;--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3C?xmlversion='1.0'encoding='utf-8'?%3E%3Csvgversion='1.1'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'height='62.5'width='116.9'fill='%23efefef'%3E%3Cpathd='M115.3,1.6C113.7,0111.1,0109.5,1.6L58.5,52.7L7.4,1.6C5.8,03.2,01.6,1.6C0,3.20,5.81.6,7.4L55.5,61.3C56.3,62.157.3,62.558.4,62.5C59.4,62.560.5,62.161.3,61.3L115.2,7.4C116.9,5.8116.9,3.2115.3,1.6Z'/%3E%3C/svg%3E")}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:var(--text-bright)}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}q:before{content:none}q:after{content:none}blockquote,q{border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}blockquote cite{font-style:normal}address{font-style:normal}a[href^='mailto']::before{content:'📧 '}a[href^='tel']::before{content:'📞 '}a[href^='sms']::before{content:'💬 '}mark{background-color:var(--highlight);border-radius:2px;padding:0 2px 0 2px;color:#000}button,select,input[type='submit'],input[type='button'],input[type='checkbox'],input[type='range'],input[type='radio']{cursor:pointer}input:not([type='checkbox']):not([type='radio']),select{display:block}input,button,textarea,select{color:var(--form-text);background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:0;border-radius:6px;outline:0}input,select,button,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}select{background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button,input[type='submit'],input[type='button']{padding-right:30px;padding-left:30px}button:hover,input[type='submit']:hover,input[type='button']:hover{background:var(--button-hover)}input:focus,select:focus,button:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus)}input[type='checkbox'],input[type='radio']{position:relative;width:14px;height:14px;display:inline-block;ver