1 line
2.9 KiB
CSS
1 line
2.9 KiB
CSS
h1,h2{margin-bottom:0}.help,input:not(:last-child){margin-bottom:.75rem}a,button,label.checkbox{cursor:pointer}body,button{display:flex;margin:0;text-align:center}button,input:not([type=checkbox]){background-color:#fff;height:2.5em;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-top:calc(.5em - 1px);position:relative;width:100%}button:hover,input:hover,select:hover{border-color:#b5b5b5}button:focus:not(:active),input:active,input:focus{box-shadow:0 0 0 .125em rgba(72,95,199,.25)}body{align-items:stretch;background-color:#f5f5f5;color:#4a4a4a;flex-direction:column;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;font-weight:400;justify-content:space-between;line-height:1.5;min-height:100vh;position:relative;width:auto}.help,footer,hr,label{display:block}a{color:#485fc7;text-decoration:none}hr{background-color:#f3f4f6;margin:1.5rem 0;border:none;height:2px}header{padding:1.5rem 0}img{margin:auto;height:auto;max-width:100%}h1{color:#363636;font-size:2rem;font-weight:600;line-height:1.125;margin-top:3rem}h2{font-size:1.5rem;font-weight:400;margin-top:.5rem}footer{background-color:#fafafa;padding:3rem 1.5rem 6rem;margin-top:1.5rem}main{max-width:500px;margin:4rem auto auto}.box{background-color:#fff;border-radius:.75rem;box-shadow:0 .5em 1em -.125em hsla(221deg,14%,4%,.1),0 0 0 1px hsla(221deg,14%,4%,.02);padding:1.25rem}.box>h2{margin-top:0;font-size:1.25rem}button,input:not([type=checkbox]),label{font-size:1rem;color:#363636}form{text-align:left}label{font-weight:700;margin-bottom:.5em}input[type=checkbox]{margin-right:.5em}input:not([type=checkbox]){-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:4px;border:1px solid #dbdbdb;box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);box-shadow:none;box-sizing:border-box;display:inline-flex;justify-content:flex-start;max-width:100%;padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);vertical-align:top}input::placeholder{color:rgba(54,54,54,.3)}input:active,input:focus{border-color:#4258ff;outline:0}.help{font-size:.75rem;margin-top:.25rem}.error,.warning{margin-bottom:1.5rem}button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid #dbdbdb;border-radius:4px;box-shadow:rgba(51,51,51,.05) 0 1px 2px 0,rgba(51,51,51,.05) 0 2px 4px 0;justify-content:center;padding-left:1em;padding-right:1em;user-select:none;white-space:nowrap}.error,.success,.warning{border-radius:.375rem;padding:1.375em 1.5em;text-align:justify}button:hover{background-color:#e2e4e9;color:#363636}button:active{background-color:#f0f1f4;border-color:#4a4a4a;color:#363636}button:focus{border-color:#485fc7;color:#363636}.warning{background-color:#fff0cc;color:#422e00}.error{background-color:#ff6685;color:#1a0005}.success{background-color:#d8f3e7;color:#164630;margin:0}
|