1 line
No EOL
3 KiB
CSS
1 line
No EOL
3 KiB
CSS
body{padding:0;font-family:Lato,sans-serif;background:#000;margin:8em 0}body a{-webkit-transition:.5s all;transition:.5s all}input[type=button]{-webkit-transition:.5s all;transition:.5s all}h1,h2,h3,h4,h5,h6,label,p{margin:0}.header{margin-bottom:8em}.header h1{color:#fff;font-size:3em;font-weight:700;border:4px solid #fff;width:33%;margin:0 auto;padding:10px;font-family:Montserrat,sans-serif}.header h1 a{color:#fff;text-decoration:none;display:block}.header p{color:#fff;font-size:1.5em;letter-spacing:2px;font-weight:400;font-family:Montserrat,sans-serif;margin-top:1em}.panel{padding:1.5em 3em;background:#191919;margin-top:3em;color:#fff;font-weight:400}.form input[type=text]{width:100%;color:#fff;background:#191919;outline:0;font-size:1.3em;padding:1em 0;border:none;-webkit-appearance:none}.form input[type=button]{border:none;outline:0;color:#fff;padding:.6em;font-size:1.3em;font-weight:500;margin:1.3em 0 0 0;-webkit-appearance:none;background:#198a88;width:100%;-webkit-transition:.5s all;transition:.5s all}.form input[type=button]:hover{background:#d78716}.check{margin:.5em 0}.checkbox{margin-bottom:4px;padding-left:30px;line-height:27px;cursor:pointer;position:relative;font-size:1.2em;color:#fff;font-weight:400}.checkbox:last-child{margin-bottom:0}.checkbox i{position:absolute;bottom:4px;left:17.5em;display:block;width:19px;height:19px;outline:0;border:1px solid #97a2a8}.checkbox i.left{position:absolute;bottom:4px;left:0;display:block;width:19px;height:19px;outline:0;border:1px solid #97a2a8}.checkbox input{position:absolute;left:-9999px}.checkbox input+i:after{content:'';background:url(../images/tick-mark.png) no-repeat 1px 2px;top:4px;left:2px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center;position:absolute;opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}.checkbox input:checked+i:after{opacity:1}.statistics{padding-bottom:3.2em}.statistics>div{margin-bottom:15px}.statistics>div:not(.percentage){clear:both}.probability{width:85%;margin:5px 0;height:18px;background:#191919;float:left}.probability-bar{height:100%;display:block;background-color:#d78716}.percentage{float:right;width:15%}.percentage h5{color:#fff;margin:2px 0 0 14px;font-weight:500}#address,#private-key{font-family:monospace;font-size:1.2em;color:#969696;margin-left:15px}@media screen and (max-width:1280px){.header h1{font-size:2.8em;width:32%}}@media screen and (max-width:1024px){.header h1{font-size:2.5em;border:3px solid #fff;width:34%}.header p{font-size:1.4em;margin-top:.8em}body{margin:7em 0 5em 0}.header{margin-bottom:4em}}@media screen and (max-width:768px){.header h1{width:43%}}@media screen and (max-width:640px){.header h1{width:46%;font-size:2.2em;padding:8px}.header p{font-size:1.3em;margin-top:.7em}body{margin:5em 0 4em 0}.header{margin-bottom:4em}}@media screen and (max-width:480px){.header h1{width:57%;font-size:2em;padding:7px;border:2px solid #fff}.header p{font-size:1.2em}}@media screen and (max-width:320px){.header h1{width:73%;font-size:1.6em;padding:6px}.header p{font-size:1em}} |