37 lines
532 B
CSS
37 lines
532 B
CSS
|
/** stylesheet for lasertank-js **/
|
||
|
|
||
|
body {
|
||
|
background-image: url('images/dirt.gif');
|
||
|
}
|
||
|
|
||
|
.game {
|
||
|
position: relative;
|
||
|
|
||
|
margin: 0px auto;
|
||
|
width: 696px;
|
||
|
}
|
||
|
|
||
|
/* 16x16 board */
|
||
|
.game canvas {
|
||
|
width: 512px;
|
||
|
height: 512px;
|
||
|
border: 2px inset gray;
|
||
|
}
|
||
|
|
||
|
.game .hud {
|
||
|
position: absolute;
|
||
|
|
||
|
background-image: url('images/hud.bmp');
|
||
|
background-repeat: no-repeat;
|
||
|
|
||
|
width: 180px;
|
||
|
height: 245px;
|
||
|
right: 0px;
|
||
|
top: 0px;
|
||
|
}
|
||
|
|
||
|
/** temporary during development **/
|
||
|
.load {
|
||
|
background-color: rgba( 255, 255, 255, 0.5 );
|
||
|
}
|