96 lines
1.7 KiB
CSS
96 lines
1.7 KiB
CSS
* {
|
|
padding:0;
|
|
margin:0
|
|
}
|
|
|
|
body {
|
|
background:#0094ff url(bg.png) center;
|
|
}
|
|
|
|
#bmd {
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
margin-left:0;
|
|
margin-top:0;
|
|
width:0;
|
|
height:0;
|
|
background-color:#666;
|
|
border:2px solid #000;
|
|
z-index:2;
|
|
display:none;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#bmdd {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:430px;
|
|
height:365px;
|
|
padding:5px;
|
|
color:#fff;
|
|
font:14px 'lucida console','lucida sans',verdana,arial;
|
|
}
|
|
|
|
#bmdc {
|
|
position:absolute;
|
|
bottom:5px;
|
|
left:50%;
|
|
width:100px;
|
|
height:20px;
|
|
margin-left:-50px;
|
|
text-align:center;
|
|
color:#fff;
|
|
font:18px 'lucida console';
|
|
background:#444;
|
|
cursor:pointer;
|
|
z-index:3;
|
|
}
|
|
|
|
#bmdc:hover {
|
|
background:#888;
|
|
}
|
|
|
|
#game {
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
margin-left:-320px;
|
|
margin-top:-200px;
|
|
width:640px;
|
|
height:400px;
|
|
border:2px solid #000;
|
|
}
|
|
|
|
#game div {
|
|
position:absolute;
|
|
}
|
|
|
|
#gb {
|
|
position:absolute;
|
|
width:64px;
|
|
height:96px;
|
|
}
|
|
|
|
#gb div {
|
|
position:absolute;
|
|
width:64px;
|
|
height:96px;
|
|
background-repeat:no-repeat;
|
|
background-image:url(gb.png);
|
|
visibility:hidden;
|
|
}
|
|
|
|
#gb00 {background-position:0 0}
|
|
#gb01 {background-position:-64px 0}
|
|
#gb02 {background-position:-128px 0}
|
|
#gb10 {background-position:0 -96px}
|
|
#gb11 {background-position:-64px -96px}
|
|
#gb12 {background-position:-128px -96px}
|
|
#gb #gb20 {background-position:0 -192px;visibility:visible}
|
|
#gb21 {background-position:-64px -192px}
|
|
#gb22 {background-position:-128px -192px}
|
|
#gb30 {background-position:0 -288px}
|
|
#gb31 {background-position:-64px -288px}
|
|
#gb32 {background-position:-128px -288px} |