use css3 gradients to color rrows

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

diff --git a/tt-rss.css b/tt-rss.css
index ef84b75801988535050c48fa35b8a8cf44b5792c..8745755d90669a0e47e2910449ac0445fe92698b 100644 (file)
--- a/tt-rss.css
+++ b/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;