-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
3 lines (3 loc) · 2.01 KB
/
style.css
1
2
3
/*http://meyerweb.com/eric/tools/css/reset/v2.0|20110126
License:none(public domain)*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#21395E;font-family:arial}h1{font-size:60px;font-weight:bold;text-align:center;margin:10px 0;margin-top:30px;color:#e7e7e7}.container{width:600px;margin:auto;padding:20px;position:relative}.computer-area{width:560px;height:250px;margin:5px auto;background-color:#41DFB9;background:linear-gradient(to bottom,#FFF 10%,#41DFB9 100%);position:relative;padding-top:40px;box-sizing:border-box}.player-area{width:560px;height:250px;margin:5px auto;background-color:#F2BA4A;background:linear-gradient(to bottom,#F2BA4A 5%,#FFF 100%);position:relative}.info{width:170px;height:60px;position:absolute;left:50%;margin-left:-75px;top:50%;margin-top:-30px;background-color:#21395E;border-radius:30px;z-index:1;text-align:center;line-height:60px;color:#f89bb4;font-size:24px;text-shadow:1px 1px 1px rgba(0,0,0,.3);font-weight:bold}ul{padding-top:80px;padding-left:25px}li{display:inline-block;margin:0 18px}img{width:130px;height:130px;display:block;margin:auto;border-radius:50%}.scissors,.paper,.rock{transition:.3s;position:relative;top:0;cursor:pointer}.scissors:hover,.rock:hover,.paper:hover,.active{box-shadow:0 0 10px 5px #f89bb4}.scissors:active,.rock:active,.paper:active{top:2px}