mapstats |
Subversion Repositories: |
Rev 8 | Rev 9 | |
---|---|---|
Line 1... | Line 1... | |
#outerDiv { |
html,body { overflow:auto; border-width:0px; } | |
width: 700px; height: 500px; |
html>body { overflow:visible; } | |
border: 1px solid black; position: relative; |
img { display:block; /* fix for IE */ } | |
overflow: hidden; |
canvas { display:block; } | |
background: #ffffff; |
||
} |
||
#innerDiv { |
||
position: relative; |
||
left: 0px; |
||
top: 0px; |
||
z-index: 0; |
||
} |
||
#underMap { |
||
border-left: 1px solid black; |
||
border-right: 1px solid black; |
||
border-bottom: 1px solid black; |
||
padding: 0px 2px; |
||
//width: 696px; |
||
/* 4 pixels shorter to compensate for 2px padding */ |
||
background: #898989; |
||
color: #ffffff; |
||
font: normal 10px sans-serif; |
||
height: 13px; |
||
} |
||
#resolutionInfo { |
||
float: left; |
||
} |
||
#version { |
||
float: right; |
||
} |
||
#version a { |
||
color: #ffffff; |
||
text-decoration: none; |
||
} |
||
#version a:hover { |
||
color: #ffffff; |
||
text-decoration: none; |
||
} |
||
#zoomPanel { |
||
position: absolute; |
||
left:5px; |
||
top:5px; |
||
border: 1px solid black; |
||
width: 32px; |
||
height: 53px; |
||
z-index:10; |
||
} |
||
#legend { |
||
position: absolute; |
||
left:5px; |
||
bottom:5px; |
||
border: 1px solid #898989; |
||
background: #c0c0c0; |
||
z-index:10; |
||
display: none; |
||
} |
||
#legendcanvas { |
||
float: left; |
||
width: 25px; |
||
padding: 5px; |
||
padding-bottom: 2px; |
||
} |
||
#mapstats_legend { |
||
float: left; |
||
padding-top: 4px; |
||
padding-right: 2px; |
||
} |
||
#menuset { |
||
float:left; |
||
border: 1px solid black; |
||
z-index:1; |
||
margin-left: 10px; |
||
padding: 10px; |
||
background: #ffffff; |
||
} |
||
#mapstats { |
||
position: absolute; |
||
left:0px; |
||
top:0px; |
||
border: none; |
||
width: 900px; |
||
height: 800px; |
||
z-index:1; |
||
} |
||
#mapstats2 { |
||
position: absolute; |
||
left:0px; |
||
top:0px; |
||
border: none; |
||
width: 900px; |
||
height: 800px; |
||
z-index:2; |
||
} |
||
#translucent { |
||
width: 32px; |
||
height: 53px; |
||
background-color: blue; |
||
filter:alpha(opacity=15); |
||
-moz-opacity:0.15; |
||
-khtml-opacity: 0.15; |
||
opacity: 0.15; |
||
} |
||
#opaque { |
||
width: 32px; |
||
height: 53px; |
||
background-color: transparent; |
||
position: absolute; |
||
z-index: 20; |
||
} |
||
#magnifier { |
||
position:absolute; left:0px; top:0px; |
||
border: solid red 1px; |
||
width: 150px; |
||
font-size: 0px; /* hack for IE6 */ |
||
cursor: move; |
||
background-color: white; |
||
filter:alpha(opacity=37); |
||
-moz-opacity:0.37; |
||
-khtml-opacity: 0.37; |
||
opacity: 0.37; |
||
} |
||
.grab { |
||
cursor: url('grab.cur'), default; |
||
} |
||
|
| |
div.miniMap { |
.clr { | |
position:relative; left:0px; top:0px; border: solid black 1px; width: 150px; |
clear:both; | |
} |
} | |
img { |
| |
display: block; /* fix for IE */ |
#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%; | ||
} |