.container { width: 100%; height: 100%; } .container .layout { width: 100%; height: 100%; position: absolute; display: block; top: 0; right: 0; overflow: hidden; } #background { background: transparent url(/images/debug-bg.jpg) repeat 0 0; z-index: 0; } #ground { z-index: 30; } #game { z-index: 60; } /* The Ship */ #game #ship { position: absolute; display: none; top:0; left:0; background: transparent; } #ship .wing { position: absolute; top:33px; left:6px; display: block; width: 70px; height: 55px; background: transparent url(/images/sprites/wings_eagle_sprite.png) no-repeat 0 0; } #ship .wing.right { left: 83px; background-position: right 0; } #ship .ship-body { position: absolute; display: block; top: 20px; left: 0; width: 154px; height: 137px; background: transparent url(/images/sprites/spaceship_body.png) no-repeat 0 0; } #ship .ship-canon { position: absolute; display: block; top:0; left: 71px; width: 18px; height: 40px; background: transparent url(/images/sprites/weapon_pilot.png) no-repeat 0 0; } #ship .ship-foray { position: absolute; display: block; top:30px; left: 117px; width: 19px; height: 33px; background: transparent url(/images/sprites/weapon_foray.png) no-repeat 0 0; } #ship .ship-foray.right { background-position: right 0; left: 24px; } #ship .ship-reactor { position: absolute; display: block; background: transparent url(/images/sprites/reactor_drum.png) no-repeat 0 0; top:85px; left:72px; width: 15px; height: 14px; } #ship .ship_reactor_fire { position: absolute; display: block; background: transparent url(/images/sprites/reactor_fire_sprite.png) no-repeat -88px 0; top:88px; left: 58px; width: 44px; height: 68px; } /* Ennemies */ /*#game .ennemy { border: 1px solid blue; } */ /* The HUD */ #hud { z-index: 90; display: none; } /* Debug Panel */ #debug { position: absolute; display: block; right: 10px; top: 10px; color:#fff; z-index: 1000; }