Mercurial > hg > batmud > maputils
view www/maps.css @ 2785:1cdeef3bed58
Add some skeleton wizard entries.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Sat, 23 Mar 2024 19:43:18 +0200 |
parents | 904911545217 |
children |
line wrap: on
line source
body { color: #ded; background: #121; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 10pt; margin: 0.25em; } .over { text-decoration: line-through; } img { border: none; padding: 0px; } div.batmud { border: none; text-align: center; padding-top: 1em; } div.controls { display: flex; justify-content: space-around; flex-wrap: wrap; background: #060; margin: 0; padding: 0.5em; border: 1px solid black; border-radius: 0.4em; box-shadow: 2px 2px 1px #000; } div.controls .control { margin-bottom: 0.1em; padding: 0.5em; border: 1px solid white; border-radius: 0.25em; text-decoration: none; box-shadow: 2px 2px 1px #000; } div.controls .continent, div.controls .submit { color: white; text-shadow: 1px 1px 1px #000; } div.controls .continent:hover, div.controls .submit:hover { color: white; position: relative; box-shadow: none; top: 2px; left: 2px; } div.controls .dropdown { min-width: 10em; padding: 0; background: white; } .submit { color: white; background: #8a8; } .submit:hover { background: #686; color: white; } .locTable { width: 100%; } div.locCell, table.locTable td, div.locWizard { border: 1px solid black; text-align: center; font-size: 1em; padding: 0.2em; margin: 0.1em; } div.locCell { display: inline-table; vertical-align: top; max-width: 15%; min-width: 20em; height: 6em; } div.locWizard { display: inline-table; vertical-align: top; height: 1em; width: 18%; min-width: 8em; } .locWizHasInfo { background: black; } .locWizHasDesc { background: #474; } .locWizHasNoDesc { background: #744; } .locWizNumAreas { color: #f80; } .locTable a, .locTable a:visited, .locTable a:active { text-decoration: none; color: white; } .locTable a:hover { text-shadow: 1px 1px 2px #000; text-decoration: underline; } div.locHeader { background: rgba(0,0,0,0.25); padding-bottom: 0.25em; } div.locCoders { background: rgba(255,255,255,0.15); margin-top: 0.25em; padding: 0.15em; } div.quests { width: 49%; display: inline-block; vertical-align: top; } table.quests { width: 100%; } table.societies { width: auto; min-width: 50%; max-width: 75%; } table.area { width: 100%; } table.area * th { border-bottom: 2px solid black; } table.area * td { text-align: center; background: #232; } .attnbox { background: black; padding: 0.5em; color: white; } div.wizInfoBox { display: inline-block; height: 100%; width: 98%; background: black; padding: 0.5em; margin: 0.5em; color: red; border: 1px solid white; border-radius: 0.5em; } div.wizImage { display: inline-block; vertical-align: middle; width: 28%; padding: 0.5em; text-align: center; } div.wizImage img { max-width: 100%; height: auto; border-radius: 0.5em; } div.wizInfo { display: inline-block; vertical-align: top; width: 68%; padding: 0; } .laenor { background: #955 !important; } .rothikgen { background: #595 !important; } .lucentium { background: #559 !important; } .desolathya { background: #599 !important; } .furnachia { background: #959 !important; } .renardy { background: #c70 !important; } .tormentas { background: #7a0 !important; } .hcbat { background: #444 !important; } .special { background: #a06 !important; } .all { background: #0af !important; } .limbo { background: #342 !important; } div.controls .active { border-color: black; color: white; position: relative; box-shadow: none; top: 2px; left: 2px; } .tooltip { position: absolute; display: none; min-width: 200px; max-width: 30em; background-color: white; color: black; padding: 0.5em; font-size: 0.9em; z-index: 11; border: 1px solid #ccc; border-radius: 0.5em; box-shadow: 6px 6px 6px #000; } .holder { display: block; color: #000; } * html .tooltip { border-right: 400px solid #fff; } * html .holder { display: inline-block; position: relative; margin-right: -400px; } a.wizorig { font-weight: bold; } a.wizrecoder { font-style: italic; } a.wizmaintainer { } a.wizexpander { } #contents { position: absolute; right: 0.25em; left: 17em; background: #565; border-radius: 1em; padding: 1em; } #contents h1 { font-size: 2.5em; font-family: helvetica; margin-top: 0px; background: #343; padding: 0.2em; color: white; text-shadow: 2px 2px 2px #000; border-radius: 0.25em; } #contents a { color: white; } #contents a:hover { text-decoration: none; color: yellow; text-shadow: 1px 1px 2px #000; } h2,h3 { padding: 0.5em; border-radius: 0.25em; background: #343; color: white; text-shadow: 2px 2px 2px #000; } #mainMenuBox, #extraBox { position: fixed; width: 15em; padding: 0.2em; background: #565; color: black; border: 6px solid #343; border-radius: 1em; left: 0.25em; } #extraBox { z-index: 4; bottom: 0.5em; display: inline-table; text-align: center; } #extraBox:hover { z-index: 8; } #extraBox a { display: inline-table; color: white; text-decoration: none; background: #454; padding: 0.4em; border: 1px solid #676; border-radius: 0.25em; text-shadow: 1px 1px 1px #000; min-width: 1em; } #extraBox a:hover { color: black; background: #fff; text-shadow: none; } #mainMenuBox { z-index: 5; } #mainMenuCtn a { font-size: 1em; text-decoration: none; color: black; display: block; background: #787; margin: 0.2em; padding: 0.5em; border-radius: 0.25em; } #mainMenuCtn a:hover { color: white; background: #9a9; text-shadow: 2px 2px 2px #000; } #mainMenuBox h1, #extraBox h1 { margin: 0px; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.5em; color: white; text-align: center; text-shadow: 2px 2px 2px #000; } #mainMenuBox h1 a { text-decoration: none; color: white; } div.skrolli { text-align: center; padding-top: 0px; padding-bottom: 2em; } #contents a.gmapLink { text-shadow: 1px 1px 1px #000; font-size: 1.5em; } #contents a.mapLink { text-shadow: 1px 1px 1px #000; text-decoration: underline; } li { margin-bottom: 1em; } #contents div.filters { text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; background: #000; } #contents div.filters h1 { color: #fff; background: #f00; } div.resultData { border-bottom: 1px solid black; padding: 0.3em; background: #343; } div.resultData span.resultData { color: #0f0; } div.resultData div.nearby { padding-left: 1em; } div.error { background: black; color: #f00; padding: 1em; font-size: 2em; } #controls button { }