metanohi-misc-subsites/old-projects/sq/style.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}