|
22
|
1 *{ |
|
|
2 margin: 0 auto; |
|
|
3 padding: 0 auto; |
|
|
4 font-family: "Lucida Console", Monaco, monospace; |
|
|
5 } |
|
|
6 |
|
|
7 body { |
|
|
8 overflow: hidden; |
|
|
9 } |
|
|
10 |
|
|
11 #wrapper{ |
|
30
|
12 background-color: #333399; |
|
22
|
13 color: black; |
|
|
14 min-width: 100%; |
|
|
15 min-height: 100%; |
|
|
16 } |
|
|
17 |
|
|
18 #topbar{ |
|
|
19 min-width: auto; |
|
|
20 padding-left: 8px; |
|
|
21 padding-top: 8px; |
|
|
22 padding-bottom: 8px; |
|
|
23 font-family: Arial, Helvetica, sans-serif; |
|
|
24 } |
|
|
25 |
|
|
26 .tile{ |
|
|
27 float: left; |
|
|
28 margin: 8px; |
|
|
29 background-color: #FFFFFF; |
|
28
|
30 border: 2px solid #999999; |
|
|
31 } |
|
|
32 |
|
|
33 .tilecontent{ |
|
|
34 display: table-cell; |
|
|
35 vertical-align: middle; |
|
|
36 text-align:center; |
|
22
|
37 } |
|
|
38 |
|
|
39 .clear{ |
|
|
40 height: 0px; |
|
|
41 clear: both; |
|
|
42 } |
|
|
43 |
|
|
44 .active{ |
|
28
|
45 border: 2px solid #00cc00; |
|
22
|
46 background-color: #009900; |
|
28
|
47 color: #FFFFFF; |
|
|
48 } |
|
|
49 |
|
|
50 .unclear{ |
|
|
51 border: 2px solid #ffffd7; |
|
|
52 background-color: #FFFF66; |
|
|
53 color: #000000; |
|
22
|
54 } |
|
|
55 |
|
|
56 .dead{ |
|
28
|
57 border: 2px solid #cc0000; |
|
22
|
58 background-color: #990000; |
|
28
|
59 color: #FFFFFF; |
|
22
|
60 } |
