Mercurial > hg > batmud > gmap2
view css/mapstyle1.css @ 182:d314c48d16a9 gmap2
Make markers with labels.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 12 Mar 2014 01:21:50 +0200 |
parents | 074b6936ec4f |
children | a0f377c415ee |
line wrap: on
line source
body { font-family: Verdana; background: url(../img/wood2.jpg) black repeat; } #footer { position: absolute; bottom: 0px; height: 2em; left: 0px; right: 0px; margin: 0px; } #footercontent { position: absolute; left: 0.2em; right: 0.2em; top: 0.25em; padding: 0.5em; color: white; font-size: 10pt; background: rgba(0,0,0, 0.6); border-radius: 0.2em; } #footercontent span { color: red; } #sidebar { position: absolute; right: 0px; top: 80px; bottom: 80px; width: 270px; padding: 0px; margin: 0px; } #sidebox { position: absolute; background: url(../img/scroll_mid.png) repeat-y 2px 0px; width: 100%; height: 100%; z-index: 5; } #sidetop { position: absolute; z-index: 10; width: 100%; height: 65px; top: -50px; background: url(../img/scroll_top.png) no-repeat; } #sidebottom { position: absolute; z-index: 10; width: 100%; height: 75px; bottom: -35px; background: url(../img/scroll_bot.png) no-repeat; } #sidecontent { position: absolute; z-index: 15; top: 140px; bottom: 32px; right: 16px; left: 16px; color: black; overflow: auto; font-size: 10pt; font-family: Times; } #sidecontent a { display: block; text-decoration: none; color: black; padding: 2px; margin: 2px; border-radius: 4px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #sidecontent a:hover { background: rgba(0,0,0,0.5); color: #0f0; } #controls { position: absolute; top: 28px; right: 16px; left: 16px; text-align: center; } #controls span { text-shadow: 1px 1px 1px #000; border: 1px solid black; margin: 2px; display: inline-table; } #controls * a { text-decoration: none; color: black; padding: 6px; } #sidecoll { width: 8px; position : absolute; right: 270px; top: 0px; bottom: 0px; min-height: 50px; padding-left: 1px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; margin: 0px; } #collbuttondiv { position: relative; width: auto; height: 16px; top: 50%; margin-top: -8px; padding: 0px; } #collbutton { border: 0px; } #header { background: url(../img/wood2.jpg) black repeat-x; position: absolute; left: 0px; right: 0px; top: 0px; height: 120px; padding: 8px; } #headcontent { color: white; background: url(../img/batmud_logo2.png) no-repeat 0px 0px; font-size: 24pt; height: 100%; padding: 0px; padding-left: 200px; text-shadow: 0px 0px 4px #000; } #map { position: absolute; left: 0px; top: 100px; right: 280px; bottom: 2em; padding: 0px; margin: 0px; box-shadow: 10px 10px 5px #000; } #copyrights { position: absolute; padding: 0.2em; left: 80px; bottom: 4em; height: auto; width: auto; font-size: 8pt; color: rgba(255,255,255, 0.65); text-shadow: 1px 1px 1px #000; } .labels { color: white; background: black; font-family: "Arial", sans-serif; font-weight: bold; font-size: 10px; white-space: nowrap; padding: 2px; border: 1px dotted white; }