Mercurial > hg > batmud > gmap2
view css/mapstyle4.css @ 290:8e120dadd0a5 gmap2
Improve layout and stylesheets slightly.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 17 Nov 2016 17:18:36 +0200 |
parents | 409b795c4784 |
children | eb98c0758955 |
line wrap: on
line source
body { background: #def; font-family: "Arial", sans-serif; } #footer { position: absolute; top: 0px; height: 2em; width: auto; min-width: 30em; right: 280px; margin: 0px; z-index: 18; } #footercontent { text-align: right; padding: 0.5em; color: white; font-size: 10pt; text-shadow: 1px 1px 1px #000; background: rgba(0,0,0, 0.5); } #footercontent span { color: red; } #sidebar { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 270px; padding: 0px; margin: 0px; } #sidebox { position: absolute; width: 100%; height: 100%; z-index: 5; overflow: auto; } #sidetop { position: absolute; z-index: 10; width: 100%; height: 10px; top: 0px; } #sidebottom { position: absolute; z-index: 10; width: 100%; height: 10px; bottom: 0px; } #sidecontent { position: relative; margin: 8px; color: black; font-size: 10pt; font-family: Arial; padding: 1em; background: #BBDDFF; } #sidecontent a { display: inline-block; width: 85%; text-decoration: none; color: black; padding: 2px; margin: 2px; } #sidecontent a:hover { background: rgba(0,0,0,0.5); color: #0f0; } #controls { position: relative; margin: 8px; font-size: 12px; text-align: center; padding: 0.5em; background: #BBDDFF; } #controls span { border: 1px solid black; margin: 2px; display: inline-table; } #controls * a { text-decoration: none; color: black; padding: 6px; } #sidecoll { width: 8px; 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 { } #headcontent { position: absolute; top: 0em; left: 0em; right: 280px; height: 5em; z-index: 20; vertical-align: top; color: white; padding: 8px; text-shadow: 2px 2px 1px #000; font-size: 0.7em; } #headlogo { display: none; } #headcontent h1 { font-size: 2em; padding: 0px; margin: 0px; } .subtitle { padding: 0px; margin: 0px; color: red; } .credits { color: white; } .version { padding-left: 1em; } .timestamp { } #headcontent div { display: inline-block; } .controls { position: absolute; top: 3em; right: 0.2em; 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: 0px; right: 280px; bottom: 0px; padding: 0px; margin: 0px; } #copyrights { position: absolute; padding: 0.2em; left: 80px; bottom: 0em; height: auto; width: auto; font-size: 8pt; color: rgba(255,255,255, 0.85); 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 black; border-radius: 5px; } #sidecontent div div { display: inline-block; width: 10%; height: auto; border: 1px solid black; }