Add some gradients to make for a slightly more interesting look.

diff --git a/score.css b/score.css
index 073059136e84748d6f3359772bee9b4e84047230..02edc2b02a4708b9b5d0c311d888947443dd62a9 100644 (file)
--- a/score.css
+++ b/score.css
@@ -37,21 +37,23 @@ body {
   margin: 5px;
 }
 .team1color {
-  background: red;
+  background-color: red;
+  background-image: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.05) 3px, rgba(0,0,0,0));
 }
 .team2color {
-  background: green;
+  background-color: green;
+  background-image: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0.05) 3px, rgba(0,0,0,0));
 }
 .team1, .team2 {
   font-weight: bold;
   width: 100px;
   text-align: center;
   height: 35px;
-  background: #00a;
+  background: linear-gradient(to bottom, #00a, #008);
 }
 .score {
   text-align: center;
-  background: #00c;
+  background: linear-gradient(to bottom, #00c, #00a);
   width: 110px;
   height: 35px;
 }
@@ -68,7 +70,7 @@ body {
 }
 .clock {
   border: 1px solid #000;
-  background: #00a;
+  background: linear-gradient(to bottom, #00a, #008);
   text-align: center;
   height: 35px;
   width: 90px;
@@ -96,7 +98,7 @@ body {
 }
 .comment {
   border: 1px solid #000;
-  background: #00a;
+  background: linear-gradient(to bottom, #00a, #008);
   text-align: center;
   height: 30px;
   width: 340px;