<!DOCTYPE html>
2048-game
<br> #game {<br> display: none;<br> position: absolute;<br> left: 0px;<br> top: 0px;<br> right: 0px;<br> bottom: 0px;<br> background-color: #9DA5C3;<br> opacity: 0.5;<br> z-index: 1;<br> }<br><br> .clear:after {<br> content: "";<br> display: table;<br> clear: both;<br> }<br><br> .left {<br> float: left;<br> }<br><br> .right {<br> float: right;<br> }<br><br> .scoreShow {<br> height: 50px;<br> text-align: center;<br> line-height: 50px;<br> }<br><br> .model {<br> text-decoration: none;<br> color: white;<br> background-color: #bbada0;<br> font-size: 36px;<br> border-radius: 10px;<br> }<br><br> .head {<br> width: 480px;<br> height: 50px;<br> margin: 0 auto;<br> font-size: 25px;<br> }<br><br> #gridPanel {<br> width: 480px;<br> height: 480px;<br> margin: 0 auto;<br> background-color: #bbada0;<br> border-radius: 10px;<br> position: relative;<br> z-index: 1;<br> }<br><br> .grid,<br> .cell {<br> width: 100px;<br> height: 100px;<br> border-radius: 6px;<br> }<br><br> .grid {<br> background-color: #ccc0b3;<br> float: left;<br> margin: 16px 0 0 16px;<br> }<br><br> .cell {<br> position: absolute;<br> font-size: 60px;<br> text-align: center;<br> line-height: 100px;<br> color: #fff;<br> }<br><br> .n2 {<br> background-color: #eee3da<br> }<br><br> .n4 {<br> background-color: #ede0c8<br> }<br><br> .n8 {<br> background-color: #f2b179<br> }<br><br> .n16 {<br> background-color: #f59563<br> }<br><br> .n32 {<br> background-color: #f67c5f<br> }<br><br> .n64 {<br> background-color: #f65e3b<br> }<br><br> .n128 {<br> background-color: #edcf72<br> }<br><br> .n256 {<br> background-color: #edcc61<br> }<br><br> .n512 {<br> background-color: #9c0<br> }<br><br> .n1024 {<br> background-color: #33b5e5<br> }<br><br> .n2048 {<br> background-color: #09c<br> }<br><br> .n4096 {<br> background-color: #a6c<br> }<br><br> .n8192 {<br> background-color: #93c<br> }<br><br> .n2,<br> .n4 {<br> color: #776e65<br> }<br><br> #gameover {<br> width: 100%;<br> display: none;<br> position: fixed;<br> left: 50%;<br> right: 50%;<br> top: 148px;<br> width: 220px;<br> height: 200px;<br> border-radius: 10px;<br> background-color: white;<br> margin-left: -110px;<br> text-align: center;<br> z-index: 5;<br> }<br><br> #gameover>a {<br> display: inline-block;<br> width: 170px;<br> height: 50px;<br> border-radius: 10px;<br> text-decoration: none;<br> background-color: #9F8D77;<br> color: white;<br> font-size: 36px;<br> }<br>
