]> git.sesse.net Git - ccbs/blob - html/ccbs.css
Add starting frontend code for deciding which rounds are shown on the big screen.
[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
69 a:link, a:hover, th a:link, th a:visited, th a:hover {
70         color: blue;
71 }
72 a:visited {
73         color: navy;
74 }
75
76 .notpaid {
77         color: red;
78 }
79 p.button {
80         margin: 0;
81 }
82
83 /* IE sucks! */
84 tr.own td, tr.own th { border-top: 2px solid red; border-bottom: 2px solid red; }
85
86 .footer {
87         padding-top: 0.5em;
88         margin-top: 1em;
89         font-size: x-small;
90         border-top: 1px solid gray;
91 }
92
93 .score {
94         border-right: 0px;
95 }
96 .playmode {
97         border-left: 0px;
98         border-right: 0px;
99 }
100 .difficulty {
101         border-left: 0px;
102 }