Styling changes.

This commit is contained in:
Robert Kolner committed 2012-12-03 22:47:10 +01:00
1 parent 870467a602
commit c0b08fce69
1 file changed
+11 -9
+11 -9
View File
@@ -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>