Made the front page a bit more... different.

[foosball] / www / foosball.css

diff --git a/www/foosball.css b/www/foosball.css
new file mode 100644 (file)
index 0000000..a552baf
--- /dev/null
+++ b/www/foosball.css
@@ -0,0 +1,65 @@
+html {
+       background-color: #ffffff;
+       color: #000000;
+       font-family: arial;
+}
+
+.box {
+       border: 3px solid #2a5580;
+       float: left;
+       margin: 0.5em;
+       padding: 0.5em;
+       text-align: center;
+}
+#addsingle, #assesssingle {
+       width: 17em;
+}
+#adddouble, #assessdouble {
+       width: 20em;
+}
+#singleboard, #assesssingle, #lastgames {
+       clear: left;
+}
+#addsingle th, #assesssingle th, #adddouble th, #assessdouble th {
+       padding-right: 1em;
+}
+h2 {
+       padding-top: 1em;
+}
+.box h2 {
+       margin-top: 0em;
+       padding-top: 0em;
+       margin-bottom: 0.5em;
+       display: block;
+       text-align: center;
+}
+#addsingle table, #adddouble table, #assesssingle table, #assessdouble table {
+       margin-left: auto;
+       margin-right: auto;
+}
+#singleboard table, #doubleboard table, #lastgames table {
+       border-collapse: collapse;
+}
+#singleboard td, #singleboard th, #doubleboard td, #doubleboard th, #lastgames td, #lastgames th {
+       border-right: 2px solid #80632a;
+}
+#singleboard .trend, #doubleboard .trend, #lastgames .rightmost {
+       border-right: none;
+}
+#singleboard tr.even, #doubleboard tr.even, #lastgames tr.even {
+       background-color: #e8d98e;
+}
+#singleboard th, #doubleboard th, #lastgames th, #singleboard td, #doubleboard td, #lastgames td {
+       text-align: center;
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+input {
+       border: 1px solid #285580;
+       background: transparent;
+}
+input[type="button"], input[type="submit"] {
+       border: 2px outset #285580;
+       background: transparent;
+       margin-top: 5px;
+}