Mercurial > hg > batmud > gmap2
view css/mapstyle2.css @ 300:e7aa649b0090 gmap2
Move map label styling into common.css
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 30 Nov 2016 11:20:38 +0200 |
parents | eb98c0758955 |
children |
line wrap: on
line source
body { background-image: url(../img/dark.jpg); font-family: "Arial", sans-serif; } #footer { position: absolute; bottom: 0px; height: 2em; left: 0px; right: 0px; margin: 0px; } #footercontent { position: absolute; left: 0.2em; right: 300px; top: 0.25em; padding: 0.5em; color: white; font-size: 10pt; } #footercontent span { color: red; } #sidebar { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 270px; padding: 0px; margin: 0px; } #sidebox { position: absolute; background: url(../img/gray.jpg) repeat-y 2px 0px; width: 100%; height: 100%; z-index: 5; } #sidetop { position: absolute; background-image: url(../img/graytop.jpg); z-index: 10; width: 100%; height: 10px; top: 0px; } #sidebottom { position: absolute; background-image: url(../img/graybottom.jpg); z-index: 10; width: 100%; height: 10px; bottom: 0px; } #sidecontent { position: absolute; z-index: 15; top: 140px; bottom: 16px; right: 8px; left: 8px; color: black; overflow: auto; font-size: 10pt; font-family: Arial; padding: 0.5em; background: rgba(0,0,0, 0.3); border-radius: 0.5em; box-shadow: 0px 0px 6px #000; } #sidecontent a { display: inline-block; width: 85%; text-decoration: none; color: white; padding: 2px; margin: 2px; border-radius: 4px; text-shadow: 1px 1px 1px #000; } #sidecontent a:hover { background: rgba(0,0,0,0.5); color: #0f0; } #controls { position: absolute; top: 16px; right: 16px; left: 16px; font-size: 12px; text-align: center; } #sidecoll { width: 8px; background-image: url(../img/graystrip.jpg); position : absolute; right: 268px; 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 { position: absolute; left: 0px; right: 0px; top: 0px; height: 120px; padding: 8px; } #headcontent { display: inline-block; vertical-align: top; color: white; height: 100%; padding: 0px; margin-left: 2em; text-shadow: 0px 0px 4px #000; font-size: 0.7em; } #headlogo { display: inline-block; vertical-align: top; width: 150px; height: 90px; padding: 0px; background: url(../img/batmud_logo2.png) no-repeat 0px 0px; } #headcontent h1 { font-size: 2em; padding: 0px; margin: 0px; } .subtitle { font-size: 1.5em; padding: 0px; margin: 0px; color: red; } .credits { font-size: 0.75em; color: white; } .version { } .timestamp { } .controls { position: absolute; right: 280px; width: auto; } .controls a { background: rgba(0,0,0,0.5); padding: 0.5em; color: #ddd; border-radius: 0.5em; border: 1px solid white; box-shadow: 2px 2px 2px #000; } .controls a:hover { background: rgba(0,0,0,0.2); color: #fff; border: 1px solid #888; } #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.85); text-shadow: 1px 1px 1px #000; } #sidecontent div div { display: inline-block; width: 10%; height: auto; border-radius: 0.5em; border: 1px solid black; }