2 lines
2.8 KiB
CSS
2 lines
2.8 KiB
CSS
|
figure,footer,img,label,section{display:block}img,input,select{max-width:100%}.select,input,select{vertical-align:top;width:100%}a,button,select{cursor:pointer}body,button{text-align:center}body{align-items:stretch;background-color:#f5f5f5;color:#4a4a4a;display:flex;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;margin:0 auto;position:relative;width:auto}button,input,select{align-items:center;background-color:#fff;display:inline-flex;height:2.5em;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-top:calc(.5em - 1px);position:relative}.help,figure,input:not(:last-child){margin-bottom:.75rem}figure{height:256px;margin-left:122px;margin-right:122px;max-width:256px;position:relative}img{height:auto;min-height:256px;min-width:256px;position:relative}a{color:#485fc7;text-decoration:none}footer{background-color:#fafafa;padding:3rem 1.5rem 6rem}section{margin:auto auto 2.5rem;width:500px;padding-top:2.5rem}h1{color:#363636;font-size:2rem;font-weight:600;line-height:1.125;margin-bottom:2.5rem;margin-top:0}input,label,select{font-size:1rem;color:#363636}form{text-align:left}label{font-weight:700;margin-bottom:.5em}input::placeholder{color:rgba(54,54,54,.3)}input:hover,select:hover{border-color:#b5b5b5}input:active,input:focus,select:active,select:focus{border-color:#485fc7;box-shadow:0 0 0 .125em rgba(72,95,199,.25);outline:0}input,select{-moz-appearance:none;-webkit-appearance:none;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;justify-content:flex-start;padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px)}select{display:block;font-size:1em;outline:0;padding-right:2.5em;width:100%}.select{display:inline-block;position:relative}.select::after{border:3px solid #485fc7;border-right:0;border-top:0;border-radius:2px;right:1.125em;z-index:4;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}.help{display:block;font-size:.75rem;margin-top:.25rem}button{-moz-appearance:none;-webkit-appearance:none;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;color:#363636;font-size:1rem;justify-content:center;margin:0 .5rem .5rem;padding-left:1em;padding-right:1em;user-select:none;white-space:nowrap}button:hover{border-color:#b5b5b5;color:#363636}button:active{border-color:#4a4a4a;color:#363636}button:focus{border-color:#485fc7;color:#363636}button:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}
|