Styling changes.
This commit is contained in:
1 parent
870467a602
commit
c0b08fce69
1 file changed
+11
-9
+11
-9
@@ -13,8 +13,7 @@
|
||||
}
|
||||
#tetris-board, #next-bricks {
|
||||
background-color:black;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
display: inline-block;
|
||||
}
|
||||
#lines {
|
||||
font-size: 4em;
|
||||
@@ -22,18 +21,21 @@
|
||||
}
|
||||
#infobox {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div><canvas id="tetris-board" height="720" width="480" /></div>
|
||||
<div id="infobox" style="position:absolute;top:20px;left:520px;width:200px;">
|
||||
<hr />
|
||||
<p>Lines:<br /><span id="lines">0</span></p>
|
||||
<hr />
|
||||
<p>Next bricks:</p>
|
||||
<div><canvas id="next-bricks" height="500px" width="100px" /></div>
|
||||
<div style="height:800px;width:700px;position:absolute;top:50%;margin-top:-400px;left:50%;margin-left:-350px;">
|
||||
<div style="display:inline-block;"><canvas id="tetris-board" height="720" width="480" /></div>
|
||||
<div id="infobox" style="position:relative;top:0px;left:20px;width:200px;">
|
||||
<hr />
|
||||
<p>Lines:<br /><span id="lines">0</span></p>
|
||||
<hr />
|
||||
<p>Next bricks:</p>
|
||||
<div><canvas id="next-bricks" height="500px" width="100px" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in new issue
Block a user