expoweb/map/map.css
expoonserver 6224053447 Add basic slippy map implementation. Needs apache config to keep torggle out of this dir.
ents.gpx file should really come from elsewhere once this is working.
The javascript link should point to /usr/share/javascript which contains openlayers (from libjs-openlayers)
2013-08-11 21:03:59 +01:00

103 lines
1.6 KiB
CSS

@charset "utf-8";
html,body {
background-color: #FFF;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
overflow: hidden;
color: #000;
}
a {
color: #0000FF;
text-decoration: none;
}
a:hover {
color: #000011;
text-decoration: underline;
}
#map {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
font-size: 1em;
color: #000;
}
.olFramedCloudPopupContent {
font-size: 0.8em;
font-family: Verdana, sans-serif;
}
#descriptionToggle {
position: absolute;
font-size: 1em;
z-index: 10000;
left: 80px;
height: 14px;
border-left: 1px solid #000040;
border-bottom: 1px solid #000040;
border-right: 1px solid #000040;
padding: 2px 10px;
margin-right: 200px;
background-color: #EEE;
font-size: 12px;
cursor: default;
opacity: 0.7;
}
#descriptionToggle:hover {
background-color: #FFF;
opacity: 1;
}
#description {
position: absolute;
z-index: 10000;
left: 80px;
top: 18px;
border: 1px solid #000040;
padding: 10px 10px;
margin-right: 200px;
background-color: #FFF;
font-size: 12px;
}
#attribution {
bottom: 0;
left: 0;
padding: 5px 8px 1px 8px;
position: absolute;
font-size: 11px;
font-style: italic;
z-index: 1000;
}
#layer {
position: absolute;
top: 60px;
right: 10px;
z-index: 10002;
}
#layer > div {
border: 1px solid #000;
background-color: #FFF;
padding: 4px 5px;
font-size: 0.7em;
cursor: default;
margin-bottom: 4px;
}
#layer div:hover {
}
#layer .active {
background-color: #EEF;
}
.hide { display: none; }