fluid: CSS gradient fixes

As pointed out by the CSS validator.

1 files changed, 28 insertions, 28 deletions

diff --git a/templates/fluid/styles.css b/templates/fluid/styles.css
index 6f04229..d730844 100644
--- a/templates/fluid/styles.css
+++ b/templates/fluid/styles.css
@@ -89,10 +89,10 @@ div.navigation div.navbar {
           box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
      -moz-box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
   -webkit-box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
-  background:         linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background: -webkit-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background:    -moz-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background:      -o-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:         linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background: -webkit-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:    -moz-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:      -o-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
   transition: box-shadow 0.3s;
 }
 
@@ -117,10 +117,10 @@ div.navigation div.nav-right {
           box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
      -moz-box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
   -webkit-box-shadow: 0 0 10px 2px rgba(255, 245, 200, 0.4);
-  background:         linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background: -webkit-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background:    -moz-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
-  background:      -o-linear-gradient(top, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:         linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background: -webkit-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:    -moz-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
+  background:      -o-linear-gradient(to bottom, rgba(90, 90, 90, 1.0) 30%, rgba(30, 30, 30, 1.0) 100%);
   transition: box-shadow 0.3s;
 }
 
@@ -173,10 +173,10 @@ div.navbar a:first-child {
 }
 
 div.navbar a:hover {
-  background:         linear-gradient(top, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
-  background: -webkit-linear-gradient(top, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
-  background:    -moz-linear-gradient(top, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
-  background:      -o-linear-gradient(top, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
+  background:         linear-gradient(to bottom, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
+  background: -webkit-linear-gradient(to bottom, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
+  background:    -moz-linear-gradient(to bottom, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
+  background:      -o-linear-gradient(to bottom, rgba(128, 128, 128, 1.0) 30%, rgba(60, 60, 60, 1.0) 100%);
 }
 
 div.navbar a:hover:after {
@@ -219,10 +219,10 @@ div.navbar a .vert-sep {
   right: 6px;
   width: 1px; 
   height: 23px;
-  background-image:         linear-gradient(top, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
-  background-image: -webkit-linear-gradient(top, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
-  background-image:    -moz-linear-gradient(top, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
-  background-image:      -o-linear-gradient(top, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
+  background-image:         linear-gradient(to bottom, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
+  background-image: -webkit-linear-gradient(to bottom, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
+  background-image:    -moz-linear-gradient(to bottom, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
+  background-image:      -o-linear-gradient(to bottom, rgba(120, 120, 120, 1.0) 35%, rgba(50, 50, 50, 1.0) 100%);
   background-repeat: no-repeat;
 }
 
@@ -277,10 +277,10 @@ div.footer hr {
   margin-right: 150px;
   border: 0;
   height: 1px;
-  background-image:         linear-gradient(left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
-  background-image: -webkit-linear-gradient(left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
-  background-image:    -moz-linear-gradient(left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
-  background-image:      -o-linear-gradient(left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
+  background-image:         linear-gradient(to left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
+  background-image: -webkit-linear-gradient(to left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
+  background-image:    -moz-linear-gradient(to left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
+  background-image:      -o-linear-gradient(to left, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75) 25%, rgba(128, 128, 128, 0.75) 75%, rgba(128, 128, 128, 0));
 }
 
 div.footer i.fa {
@@ -321,10 +321,10 @@ div.buttons a {
   position: relative;
   float: left;
   background-color: #404040;
-  background:         linear-gradient(top, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
-  background: -webkit-linear-gradient(top, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
-  background:    -moz-linear-gradient(top, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
-  background:      -o-linear-gradient(top, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
+  background:         linear-gradient(to bottom, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
+  background: -webkit-linear-gradient(to bottom, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
+  background:    -moz-linear-gradient(to bottom, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
+  background:      -o-linear-gradient(to bottom, rgba(70, 70, 70, 1.0) 15%, rgba(5, 5, 5, 1.0) 100%);
   border-right: solid 1px rgba(90, 90, 90, 1.0);
 }
 
@@ -631,10 +631,10 @@ div.index_item a {
   height: 330px;
   text-align: left;
   text-decoration: none;
-  background:         linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
-  background:    -moz-linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
-  background:      -o-linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
+  background:         linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
+  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
+  background:    -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
+  background:      -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.61) 85%, rgba(0, 0, 0, 0.65) 100%);
   transition-property: background;
   transition-duration: 0.3s;
 }