mikegerwitz
/
lasertank-js
1
0
Fork 0
Code Releases Activity

Added menu to top of game "window" (non-functional)

master
Mike Gerwitz 2012-03-21 21:51:47 -04:00
parent b1e5f18e20
commit eabde5c226
2 changed files with 32 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -6,6 +6,14 @@
</head>
<body>
<div class="game">
<ul class="menu">
<li>Game</li>
<li>Move</li>
<li>Options</li>
<li>Editor [F9]</li>
<li>Help</li>
</ul>
<canvas id="render" width="512" height="512">
Your web browser does not support the canvas element.
</canvas>

29
style.css
View File

@ -14,6 +14,30 @@ body {
width: 696px;
}
.game ul.menu {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.4em;
cursor: default;
}
.game ul.menu li {
margin: 0px 1px;
padding: 0px 0.4em;
float: left;
}
.game ul.menu li:hover {
border-left: 1px solid #d3d7cf;
border-right: 1px solid #888a85;
margin: 0px;
}
/* 16x16 board */
.game canvas {
width: 512px;
@ -32,8 +56,3 @@ body {
right: 0px;
top: 0px;
}
/** temporary during development **/
.load {
background-color: rgba( 255, 255, 255, 0.5 );
}