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