| … | |
… | |
| 22 | background-repeat: no-repeat; |
22 | background-repeat: no-repeat; |
| 23 | } |
23 | } |
| 24 | .map tr { width: 32px; height: 32px; margin: 0px; padding: 0px; } |
24 | .map tr { width: 32px; height: 32px; margin: 0px; padding: 0px; } |
| 25 | |
25 | |
| 26 | .map td { width: 32px; height: 32px; margin: 0px; padding: 0px; border: 0px; } |
26 | .map td { width: 32px; height: 32px; margin: 0px; padding: 0px; border: 0px; } |
| 27 | .map td > div { padding: 3px; width: 26px; height: 26px; position: relative; line-height: 10px; } |
27 | .map td > div { padding: 3px; width: 26px; height: 26px; position: relative; } |
| 28 | .map td > div:hover { padding: 0px; border: 3px solid yellow; border-style: ridge; } |
28 | .map td > div:hover { padding: 0px; border: 3px solid yellow; border-style: ridge; } |
| 29 | |
29 | |
| 30 | .c { display: none; } |
30 | .c { display: none; } |
| 31 | |
31 | |
| 32 | .map div > div { |
32 | .map div > div { |
| 33 | display: none; |
33 | display: none; |
| 34 | position: absolute; |
34 | position: absolute; |
| 35 | min-width: 40em; |
35 | min-width: 40em; |
| 36 | font-size: 8pt; |
36 | font-size: 8pt; |
| 37 | line-height: 9pt; |
37 | line-height: 100%; |
| 38 | border: 0px; |
38 | border: 0px; |
| 39 | background: #eee; |
39 | background: #eee; |
| 40 | border: 3px solid yellow; |
40 | border: 3px solid yellow; |
| 41 | border-style: ridge; |
41 | border-style: ridge; |
| 42 | padding: 4px; |
42 | padding: 4px; |
| … | |
… | |
| 49 | left: 29px; |
49 | left: 29px; |
| 50 | white-space: pre; |
50 | white-space: pre; |
| 51 | /* overflow: auto; # makes it impossible to move into the popup... */ |
51 | /* overflow: auto; # makes it impossible to move into the popup... */ |
| 52 | } |
52 | } |
| 53 | |
53 | |
| 54 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; } |
54 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; background: #faa; } |
| 55 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
55 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
| 56 | |
56 | |
| 57 | .tilemap td { width: 50px; height: 50px; } |
57 | .tilemap td { width: 50px; height: 50px; } |
| 58 | .tilemap img:hover { margin: 2px; width: 46px; height: 46px; opacity: 0.8; } |
58 | .tilemap img:hover { margin: 2px; width: 46px; height: 46px; opacity: 0.8; } |
| 59 | |
59 | |
| 60 | .center { vertical-align: middle; } |
60 | .center { vertical-align: middle; } |
| 61 | .title { padding-right: 3em; } |
61 | .title { padding-right: 3em; } |
| 62 | .big { font-size: 18pt; } |
62 | .big { font-size: 18pt; } |
| 63 | .about { font-size: 8pt; } |
63 | .about { font-size: 8pt; } |
| 64 | .m { white-space: pre; margin-left: 2em; width: auto; background: #ddd; padding: 2px; border: 1px solid black; } |
64 | .m { white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; } |
|
|
65 | .i { white-space: pre; margin-left: 32px; width: auto; background: #ddd; padding: 2px; border: 1px solid black; font-size: 50%; } |
| 65 | .footer { font-size: 8pt; border-top: 1px solid red; } |
66 | .footer { font-size: 8pt; border-top: 1px solid red; } |
| 66 | |
67 | |
|
|
68 | .mapthumb { display: inline; max-height: 1em; } |
|
|
69 | |
