From a33d84fea4047585ea797e9081862475c5d87fcd Mon Sep 17 00:00:00 2001
From: "Steinar H. Gunderson" <sgunderson@bigfoot.com>
Date: Sun, 29 Oct 2017 19:09:50 +0100
Subject: [PATCH] Add some gradients to make for a slightly more interesting
 look.

---
 score.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/score.css b/score.css
index 0730591..02edc2b 100644
--- 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;
-- 
2.39.2