| 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; line-height: 10px; } |
| 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; |
| … | |
… | |
| 35 | background: #eee; |
38 | background: #eee; |
| 36 | border: 3px solid yellow; |
39 | border: 3px solid yellow; |
| 37 | border-style: ridge; |
40 | border-style: ridge; |
| 38 | padding: 4px; |
41 | padding: 4px; |
| 39 | } |
42 | } |
| 40 | .map td:hover div > div { display: block; position: absolute; z-index: 1; top: -1px; left: 32px; white-space: pre; } |
43 | .map td:hover div > div { |
|
|
44 | display: block; |
|
|
45 | position: absolute; |
|
|
46 | z-index: 1; |
|
|
47 | top: -3px; |
|
|
48 | left: 29px; |
|
|
49 | white-space: pre; |
|
|
50 | /* overflow: auto; # makes it impossible to move into the popup... */ |
|
|
51 | } |
| 41 | |
52 | |
| 42 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; } |
53 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; } |
| 43 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
54 | .tilemap * { border-style: none; border: 0px; margin: 0px; padding: 0px; } |
| 44 | |
55 | |
| 45 | .tilemap td { width: 50px; height: 50px; } |
56 | .tilemap td { width: 50px; height: 50px; } |
