use css3 gradients to color rrows

classes/feeds.php

@@ -9,6 +9,18 @@ class Feeds extends Handler_Protected {
 		return array_search($method, $csrf_ignored) !== false;
 	}
 
+	private function make_gradient($end, $class) {
+		$start = $class == "even" ? "#f0f0f0" : "#ffffff";
+
+		return "style='background: linear-gradient(left , $start 6%, $end 100%);
+			background: -o-linear-gradient(left , $start 6%, $end 100%);
+			background: -moz-linear-gradient(left , $start 6%, $end 100%);
+			background: -webkit-linear-gradient(left , $start 6%, $end 100%);
+			background: -ms-linear-gradient(left , $start 6%, $end 100%);
+			background: -webkit-gradient(linear, left top, right top,
+				color-stop(0.06, $start), color-stop(1, $end));'";
+	}
+
 	private function format_headline_subtoolbar($feed_site_url, $feed_title,
 			$feed_id, $is_cat, $search, $match_on,
 			$search_mode, $view_mode, $error) {
@@ -277,15 +289,11 @@ class Feeds extends Handler_Protected {
 								$bg = rgb2hsl(_color_unpack($labels[0][3]));
 								if ($bg && $bg[1] > 0) {
 
-									$bg[1] = 0.04;
-
-									if ($class == "even")
-										$bg[2] = 0.9;
-									else
-										$bg[2] = 1;
+									$bg[1] = 0.1;
+									$bg[2] = 1;
 
 									$bg = _color_pack(hsl2rgb($bg));
-									$label_row_style = "style='background-color : $bg;'";
+									$label_row_style = $this->make_gradient($bg, $class);;
 								}
 							}
 						}

tt-rss.css

@@ -194,7 +194,7 @@ a:hover {
 }
 
 .even.Unread.Selected, .even.Unread.Selected td {
-	background-color : #fff7d5 ! important;
+	background : #fff7d5 ! important;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -202,7 +202,7 @@ a:hover {
 }
 
 .odd.Unread.Selected, .odd.Unread.Selected td {
-	background-color : #fff7d5 ! important;
+	background : #fff7d5 ! important;
 	font-weight : bold;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -210,7 +210,7 @@ a:hover {
 }
 
 .even.Selected, .even.Selected td {
-	background-color : #fff7d5;
+	background : #fff7d5;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
 	border-color : #e7d796;
@@ -218,7 +218,7 @@ a:hover {
 }
 
 .odd.Selected, .odd.Selected td {
-	background-color : #fff7d5;
+	background : #fff7d5;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
 	border-color : #e7d796;