1 | body { background: white; color: black; } |
1 | body { background: white; color: black; } |
|
|
2 | |
2 | a:link { color: #00f; } |
3 | a:link { color: #00f; } |
3 | a:visited { color: #008; } |
4 | a:visited { color: #008; } |
4 | a:hover { color: #800; } |
5 | a:hover { color: #800; } |
5 | a:active { color: #f00; } |
6 | a:active { color: #f00; } |
6 | |
7 | |
… | |
… | |
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; text-align: center; } |
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; |
… | |
… | |
39 | } |
42 | } |
40 | .map td:hover div > div { |
43 | .map td:hover div > div { |
41 | display: block; |
44 | display: block; |
42 | position: absolute; |
45 | position: absolute; |
43 | z-index: 1; |
46 | z-index: 1; |
44 | top: -1px; |
47 | top: -3px; |
45 | left: 32px; |
48 | left: 29px; |
46 | white-space: pre; |
49 | white-space: pre; |
47 | /* overflow: auto; # makes it impossible to move into the popup... */ |
50 | /* overflow: auto; # makes it impossible to move into the popup... */ |
48 | } |
51 | } |
49 | |
52 | |
50 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; } |
53 | .tilemap { table-layout: fixed; border: 2px solid #777; border-spacing: 0px; } |