body { background: white; color: black; } a:link { color: #00f; } a:visited { color: #008; } a:hover { color: #800; } a:active { color: #f00; } img { display: block; } .nav { border-spacing: 0px; margin: 10px; padding: 0px; } .nav td { margin: 0px; padding: 0px; border: 0px; } .thumb { border: 3px solid yellow; padding: 0px; } .tile { border: 3px solid blue; } .tile:hover { border: 3px solid yellow; } .map { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; border-collapse: separate; background-position: 0px 0px; background-repeat: no-repeat; } .map tr { width: 32px; height: 32px; margin: 0px; padding: 0px; } .map td { width: 32px; height: 32px; margin: 0px; padding: 0px; border: 0px; } .map td > div { padding: 3px; width: 26px; height: 26px; position: relative; } .map td > div:hover { padding: 0px; border: 3px solid yellow; border-style: ridge; } .c { display: none; } .map div > div { display: none; position: absolute; min-width: 40em; font-size: 8pt; line-height: 100%; border: 0px; background: #eee; border: 3px solid yellow; border-style: ridge; padding: 4px; } .map td:hover div > div { display: block; position: absolute; z-index: 1; top: -3px; left: 29px; white-space: pre; /* overflow: auto; # makes it impossible to move into the popup... */ } .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; background: #faa; } .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } .tilemap td { width: 50px; height: 50px; } .tilemap img:hover { margin: 2px; width: 46px; height: 46px; opacity: 0.8; } .center { vertical-align: middle; } .title { padding-right: 3em; } .big { font-size: 18pt; } .about { font-size: 8pt; } .m { white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; } .i { white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; font-size: 50%; } .footer { font-size: 8pt; border-top: 1px solid red; }