| 1 | body { background: white; color: black; } |
1 | body { background: white; color: black; } |
| 2 | a { color: blue; } |
2 | |
|
|
3 | a:link { color: #00f; } |
|
|
4 | a:visited { color: #008; } |
| 3 | a:hover { color: #800; } |
5 | a:hover { color: #800; } |
| 4 | a:active { color: #f00; } |
6 | a:active { color: #f00; } |
| 5 | a:visited { color: #008; } |
|
|
| 6 | |
7 | |
| 7 | img { display: block; } |
8 | img { display: block; } |
| 8 | |
9 | |
| 9 | .nav { border-spacing: 0px; margin: 10px; padding: 0px; } |
10 | .nav { border-spacing: 0px; margin: 10px; padding: 0px; } |
| 10 | .nav td { margin: 0px; padding: 0px; border: 0px; } |
11 | .nav td { margin: 0px; padding: 0px; border: 0px; } |
| … | |
… | |
| 14 | |
15 | |
| 15 | .map { |
16 | .map { |
| 16 | table-layout: fixed; |
17 | table-layout: fixed; |
| 17 | border: 2px solid #777; |
18 | border: 2px solid #777; |
| 18 | border-spacing: 0px; |
19 | border-spacing: 0px; |
|
|
20 | border-collapse: separate; |
| 19 | background-position: 0px 0px; |
21 | background-position: 0px 0px; |
| 20 | background-repeat: no-repeat; |
22 | background-repeat: no-repeat; |
| 21 | } |
23 | } |
| 22 | .map tr { width: 32px; height: 32px; border-style: none; margin: 0px; padding: 0px; } |
24 | .map tr { width: 32px; height: 32px; margin: 0px; padding: 0px; } |
| 23 | |
25 | |
| 24 | .map td { width: 32px; height: 32px; border-style: none; margin: 0px; padding: 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; } |
| 25 | .map td:hover { border: 3px solid yellow; border-style: ridge; } |
28 | .map td > div:hover { padding: 0px; border: 3px solid yellow; border-style: ridge; } |
| 26 | |
29 | |
| 27 | .map td > div { position: relative; display: inline; } |
30 | .c { display: none; } |
| 28 | |
31 | |
| 29 | .map div > div { |
32 | .map div > div { |
| 30 | display: none; |
33 | display: none; |
| 31 | position: absolute; |
34 | position: absolute; |
| 32 | min-width: 40em; |
35 | min-width: 40em; |
| 33 | font-size: 8pt; |
36 | font-size: 8pt; |
|
|
37 | line-height: 100%; |
| 34 | border: 0px; |
38 | border: 0px; |
| 35 | background: #eee; |
39 | background: #eee; |
| 36 | border: 3px solid yellow; |
40 | border: 3px solid yellow; |
| 37 | border-style: ridge; |
41 | border-style: ridge; |
| 38 | padding: 4px; |
42 | padding: 4px; |
| 39 | } |
43 | } |
| 40 | .map td:hover div > div { display: block; position: absolute; z-index: 1; top: -1px; left: 32px; white-space: pre; } |
44 | .map td:hover div > div { |
|
|
45 | display: block; |
|
|
46 | position: absolute; |
|
|
47 | z-index: 1; |
|
|
48 | top: -3px; |
|
|
49 | left: 29px; |
|
|
50 | white-space: pre; |
|
|
51 | /* overflow: auto; # makes it impossible to move into the popup... */ |
|
|
52 | } |
| 41 | |
53 | |
| 42 | .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; } |
| 43 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
55 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
| 44 | |
56 | |
| 45 | .tilemap td { width: 50px; height: 50px; } |
57 | .tilemap td { width: 50px; height: 50px; } |
| 46 | .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; } |
| 47 | |
59 | |
| 48 | .center { vertical-align: middle; } |
60 | .center { vertical-align: middle; } |
| 49 | .title { padding-right: 3em; } |
61 | .title { padding-right: 3em; } |
| 50 | .big { font-size: 18pt; } |
62 | .big { font-size: 18pt; } |
| 51 | .about { font-size: 8pt; } |
63 | .about { font-size: 8pt; } |
| 52 | .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%; } |
| 53 | .footer { font-size: 8pt; border-top: 1px solid red; } |
66 | .footer { font-size: 8pt; border-top: 1px solid red; } |
| 54 | |
67 | |
|
|
68 | .mapthumb { display: inline; max-height: 1em; } |
|
|
69 | |
