put star in a div

This commit is contained in:
Gwenhael Le Moine 2011-07-06 23:13:25 +02:00
parent 38f4e81838
commit 098b744301
2 changed files with 13 additions and 12 deletions

View file

@ -1,11 +1,11 @@
#blackboard{width:320px;height:180px;background:#333;float:left}
.starcell{width:20px;height:20px;display:block;float:left;text-align:center}
.selected{font-weight:bold}
.wall{background-image:url(../themes/HP48/tex_wall.png);color:#000}
.ball{background-image:url(../themes/HP48/tex_ball.png);color:#99f}
.cube{background-image:url(../themes/HP48/tex_cube.png);color:red}
.ball_selected{background-image:url(../themes/HP48/tex_ball_selected.png);color:#99f}
.cube_selected{background-image:url(../themes/HP48/tex_cube_selected.png);color:red}
.gift{background-image:url(../themes/HP48/tex_gift.png);color:yellow}
.void{background-image:url(../themes/HP48/tex_empty.png);}
.selected{background:#555}
.gstar{float:left;width:100%}
.gstar #blackboard{width:320px;height:180px;background:#333;float:left}
.gstar #blackboard .starcell{width:20px;height:20px;display:block;float:left;text-align:center}
.gstar #blackboard .wall{background-image:url(../themes/HP48/tex_wall.png);color:#000}
.gstar #blackboard .ball{background-image:url(../themes/HP48/tex_ball.png);color:#99f}
.gstar #blackboard .cube{background-image:url(../themes/HP48/tex_cube.png);color:red}
.gstar #blackboard .ball_selected{background-image:url(../themes/HP48/tex_ball_selected.png);color:#99f}
.gstar #blackboard .cube_selected{background-image:url(../themes/HP48/tex_cube_selected.png);color:red}
.gstar #blackboard .gift{background-image:url(../themes/HP48/tex_gift.png);color:yellow}
.gstar #blackboard .void{background-image:url(../themes/HP48/tex_empty.png);}

View file

@ -137,7 +137,8 @@ function load_level( levelset, nb ) {
}
function display_level( state, elt ) {
$( elt ).html( '<p id="blackboard">' + format_level( state, false ) + '</p>' );
var starhtml = '<div class="gstar"><p id="blackboard">' + format_level( state, false ) + '</p></div>';
$( elt ).html( starhtml );
}