|
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{ |
|
|
12 background-color: #F2F2F2; |
|
|
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; |
|
|
30 border: 1px solid #999999; |
|
|
31 border: none; |
|
|
32 text-align:center; |
|
|
33 vertical-align: middle; |
|
|
34 } |
|
|
35 |
|
|
36 .clear{ |
|
|
37 height: 0px; |
|
|
38 clear: both; |
|
|
39 } |
|
|
40 |
|
|
41 .active{ |
|
|
42 border: 1px solid #00cc00; |
|
|
43 background-color: #009900; |
|
|
44 } |
|
|
45 |
|
|
46 .dead{ |
|
|
47 border: 1px solid #cc0000; |
|
|
48 background-color: #990000; |
|
|
49 } |
