mapstats

Subversion Repositories:
[/] [mapstats.css] - Rev 9
Compare with Previous - Blame - Download
html,body { overflow:auto; border-width:0px; }
html>body { overflow:visible; }
img { display:block;  /* fix for IE */ }
canvas { display:block; }

.clr {
 clear:both;
}

#wrapper, #map {
 float:left;
} 

#outerDiv {
 background:#ffffff;
 width:700px;
 height:500px;
 border:1px solid black;
 position:relative;
 overflow:hidden;
}
#innerDiv {
 cursor:url('grabbing.cur'), default;
 position:relative;
 left:0;
 top:0;
 z-index:0;
}
#underMap {
 background:#898989;
 color:#ffffff;
 font:normal 10px sans-serif;
 height:13px;
 padding:0 2px;
 width:696px; /* 4 pixels shorter to compensate for 2px padding */
 border:1px solid black;
 border-top:0px none;
}
#resolutionInfo {
 float:left;
}
#version {
 float:right;
}
#version a, #version a:hover {
 color:#ffffff;
 text-decoration:none;
}
#zoomPanel {
 width:32px;
 height:53px;
 border:1px solid black;
 position:absolute;
 left:5px;
 top:5px;
 z-index:10;
}
#legend {
 background:#c0c0c0;
 display:none;
 border:1px solid #898989;
 position:absolute;
 left:5px;
 bottom:5px;
 z-index:10;
}
#legendcanvas {
 float:left;
 width:25px;
 padding:5px 5px 2px 5px;
}
#mapstats_legend {
 float:left;
 padding:4px 2px 0 0;
}
#menuset {
 float:left;
 background:#ffffff;
 padding:10px;
 margin-left:10px;
 border:1px solid black;
 z-index:1;
}
#mapstats {
 width:900px;
 height:800px;
 border:0px none;
 position:absolute;
 left:0;
 top:0;
 z-index:1;
}
#mapstats_over {
 background:url('blank.gif');
 width:900px;
 height:800px;
 border:0px none;
 position:absolute;
 left:0;
 top:0;
 z-index:46;
}
#translucent {
  width:32px;
  height:53px;
  background-color:blue;
  filter:alpha(opacity=15);
  -moz-opacity:0.15;
  -khtml-opacity:0.15;
  opacity:0.15;
}
#zooms {
  width:32px;
  height:53px;
  background-color:transparent;
  position:absolute;
  z-index:50;
}
#zooms a {
 background:#c5eec5;
 display:inline-block;
 font-size:0;
 width:20px;
 height:5px;
 border:1px solid black;
}
#zooms a.active {
 background:#e66755;
}
#zooms #zoom0 {
 position:absolute;
 top:5px;
 left:5px;
}
#zooms #zoom1 {
 position:absolute;
 top:17px;
 left:5px;
}
#zooms #zoom2 {
 position:absolute;
 top:29px;
 left:5px;
}
#zooms #zoom3 {
 position:absolute;
 top:41px;
 left:5px;
}
#magnifier {
 width:150px;
 font-size:0;
 background-color:#fff;
 border:1px solid red;
 position:absolute;
 left:0;
 top:0;
 cursor:move;
 filter:alpha(opacity=37);
 -moz-opacity:0.37;
 -khtml-opacity:0.37;
 opacity:0.37;
}
.ap {
 background:url('ap.png');
 font-size:0;
 width:62px;
 height:34px;
 cursor:url('grab.cur'), default;
}
.node {
 font-size:0;
 width:14px;
 height:14px;
 cursor:url('grab.cur'), default;
}
.client {
 background:url('client.png');
 font-size:0;
 width:14px;
 height:14px;
 cursor:url('grab.cur'), default;
}
.switch {
 background:url('switch.png');
 font-size:0;
 width:12px;
 height:12px;
 cursor:url('grab.cur'), default;
}
.infopoint {
 background:url('info.png');
 font-size:0;
 width:14px;
 height:14px;
 cursor:url('grab.cur'), default;
}
.stitek {
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 background:#000;
 color:#fff;
 white-space:nowrap;
 letter-spacing:1px;
 cursor:url('grab.cur'), default;
 padding:0 2px 0 3px;
}
.legend {
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#000;
 letter-spacing:1px;
 white-space:nowrap;
 padding:0 2px 0 3px;
 cursor:default;
 position:relative;
}

div.miniMap {
 width:150px;
 border:1px solid black;
 position:relative;
 left:0;
 top:0;
}
#mapstats_update {
 _width:100%;
}