Mercurial > hg > batmud > maputils
view www/aprilli.css @ 2808:e343db319675
Updates to april's fools CSS.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Fri, 05 Apr 2024 10:48:18 +0300 |
parents | 904911545217 |
children |
line wrap: on
line source
body { margin: 1em; color: #000; background: #000 url(img/bluesmoke.gif); font-family: "Comic Sans MS", cursive, sans-serif; font-size: 10pt; text-transform: uppercase; } .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: #0d0; margin: 0; padding: 0.5em; border: 1px solid black; box-shadow: 12px 12px 1px #000; } div.controls .control { margin-bottom: 0.1em; padding: 0.5em; border: 1px solid white; 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; height: 5em; width: 18%; min-width: 10em; } div.locWizard { display: inline-table; vertical-align: top; height: 1em; width: 18%; min-width: 8em; } .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 { max-width: 49%; display: inline-block; vertical-align: top; } table.quests { width: 100%; } table.area { width: 100%; color: red; } table.area * th { background: yellow; border-bottom: 8px solid black; } table.area * td { text-align: center; background: blue; } .attnbox { background: black; padding: 0.5em; color: white; } div.wizInfoBox { display: inline-table; height: 100%; 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; max-width: 28%; padding: 0.5em; } div.wizImage img { width: 100%; height: auto; border-radius: 1em; } div.wizInfo { display: inline-block; vertical-align: middle; 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; } .tooltip { position: absolute; display: none; min-width: 200px; background-color: white; color: black; padding: 5px; font-size: 0.9em; z-index: 11; border: 1px solid gray; border-radius: 8px; } .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; top: 0; right: 0; left: 17em; margin: 0; padding: 1em; background: #ddd; } @keyframes blinker { 50% { opacity: 0; } } #contents h1 { font-size: 2.5em; margin-top: 0px; background: yellow; padding: 0.2em; color: white; text-shadow: 2px 2px 2px #000; text-transform: capitalize; marquee-style: scroll; animation: blinker 1s step-start infinite; } #contents a { color: white; } #contents a:hover { color: red; } h2,h3 { padding: 0.5em; background: black; color: white; text-shadow: 2px 2px 2px #000; text-transform: capitalize; marquee-style: scroll; } #mainMenuBox, #extraBox { position: fixed; width: 15em; padding: 0.2em; background: red; color: black; } #extraBox { z-index: 4; bottom: 0; display: inline-table; text-align: center; } #extraBox:hover { z-index: 8; } #extraBox a { display: inline-table; color: white; text-decoration: none; background: #e00; padding: 0.4em; border: 8px solid #00f; } #extraBox a:hover { color: black; } #mainMenuBox { z-index: 5; top: 0; } #mainMenuCtn a { font-size: 1em; text-decoration: none; color: black; display: block; background: cyan; margin: 0.2em; padding: 0.5em; } #mainMenuCtn a:hover { color: white; background: #0f0; text-shadow: 2px 2px 2px #000; text-align: right; } #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: 8px 8px 8px #000; } #mainMenuBox h1 a { text-decoration: none; color: white; } div.advert { display: none; } #contents a.gmapLink { text-shadow: 1px 1px 1px #000; font-size: 1.5em; } #contents a.mapLink { text-decoration: underline; } li { margin-bottom: 1em; } .alpha { marquee-style: scroll; }