|
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; |
|
31
|
24 color: white; |
|
|
25 text-align:center; |
|
|
26 } |
|
|
27 |
|
|
28 #top_left{ |
|
|
29 float: left; |
|
|
30 } |
|
|
31 |
|
|
32 #top_center{ |
|
|
33 display: inline-block; |
|
|
34 float: center; |
|
|
35 } |
|
|
36 |
|
|
37 #top_right{ |
|
|
38 float: right; |
|
22
|
39 } |
|
|
40 |
|
|
41 .tile{ |
|
|
42 float: left; |
|
|
43 margin: 8px; |
|
|
44 background-color: #FFFFFF; |
|
28
|
45 border: 2px solid #999999; |
|
|
46 } |
|
|
47 |
|
|
48 .tilecontent{ |
|
|
49 display: table-cell; |
|
|
50 vertical-align: middle; |
|
|
51 text-align:center; |
|
22
|
52 } |
|
|
53 |
|
|
54 .clear{ |
|
|
55 height: 0px; |
|
|
56 clear: both; |
|
|
57 } |
|
|
58 |
|
|
59 .active{ |
|
28
|
60 border: 2px solid #00cc00; |
|
22
|
61 background-color: #009900; |
|
28
|
62 color: #FFFFFF; |
|
|
63 } |
|
|
64 |
|
|
65 .unclear{ |
|
|
66 border: 2px solid #ffffd7; |
|
|
67 background-color: #FFFF66; |
|
|
68 color: #000000; |
|
22
|
69 } |
|
|
70 |
|
|
71 .dead{ |
|
28
|
72 border: 2px solid #cc0000; |
|
22
|
73 background-color: #990000; |
|
28
|
74 color: #FFFFFF; |
|
22
|
75 } |
