Add a "show player" page.
[ccbs] / html / ccbs.css
1 body {
2         font-family: georgia, arial, sans-serif;
3         background-color: white;
4 }
5 * {
6 /*      border: 1px solid black; */
7 }
8 .header {
9         margin-bottom: 1em;
10 }
11 .menu {
12         border-top: 1px solid gray;
13         border-bottom: 1px solid gray;
14         padding-top: 0.5em;
15         padding-bottom: 0.5em;
16         margin-bottom: 1em;
17         text-align: center;
18         background-color: rgb(161,206,222);
19 }
20 h1 img {
21         vertical-align: middle;
22         margin-left: 1em;
23         margin-right: 1em;
24 }
25
26 .main {
27         margin-left: 3em;
28 }
29 /* .main > div, but IE can't handle that :-/ */
30 .main div {
31         border-left: 2px solid rgb(78,179,78);
32 }
33 .main div.msg, .main div.qotd {
34         border: 2px solid red;
35         background-color: rgb(161,206,222);
36         padding: 0.5em;
37         margin-bottom: 0.5em;
38 }
39 .msgfooter {
40         font-size: smaller;
41         text-align: right;
42 }
43 .msgfooter input { 
44         margin-left: 0.5em;
45 }
46
47 .main p, .main pre {
48         margin-left: 1em;
49 }
50 table {
51         border-collapse: collapse; 
52         background-color: white;
53         margin-left: 2em;
54         font-size: smaller;
55 }
56 table.scores {
57         margin-top: 1em;
58         margin-bottom: 1em;
59 }
60 th, td {
61         border: 1px solid black;
62         padding: 2px;
63 }
64 th { background-color: rgb(128,229,128); }
65 tr.even td { background-color: #ffa; }
66 tr.total { border-top: 2px solid black; }
67 tr.own { border: 2px solid red; }
68 td.empty { border: 0px; }
69
70 a:link, a:hover, th a:link, th a:visited, th a:hover {
71         color: blue;
72 }
73 a:visited {
74         color: navy;
75 }
76
77 .notpaid {
78         color: red;
79 }
80 p.button {
81         margin: 0;
82 }
83
84 /* IE sucks! */
85 tr.own td, tr.own th { border-top: 2px solid red; border-bottom: 2px solid red; }
86
87 .footer {
88         padding-top: 0.5em;
89         margin-top: 1em;
90         font-size: x-small;
91         border-top: 1px solid gray;
92 }
93
94 .score {
95         border-right: 0px;
96 }
97 .playmode {
98         border-left: 0px;
99         border-right: 0px;
100 }
101 .difficulty {
102         border-left: 0px;
103 }