[gnome-software/gnome-3-20] css: gtk+3.18 friendly style

[Kalev Lember <klember src gnome org>]

commit 0cfd4562eaf12719692e74ebfa37c9c6dbeb978b
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Jun 30 18:04:35 2016 +0200

    css: gtk+3.18 friendly style
    
    use old style selectors when it makes sense and replace the image()
    used for the separator with a solid linear gradient since it makes
    gnome-software crash otherwise.

 src/gtk-style.css |    9 +++++----
 1 files changed, 5 insertions(+), 4 deletions(-)
---
diff --git a/src/gtk-style.css b/src/gtk-style.css
index d982cec..8cf3f16 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -161,8 +161,9 @@
        all: unset;
 }
 
-.review-row button { font-size: smaller; }
+.review-row button, .review-row .button { font-size: smaller; }
 
+/* gtk+ 3.20+ only +/
 .review-row .vote-buttons button {
        margin-right: -1px;
 
@@ -170,12 +171,12 @@
        transition-property: background, box-shadow, border-style, text-shadow;
 }
 
-/* this is the separator between yes and no vote buttons */
+/* this is the separator between yes and no vote buttons, gtk+ 3.20 only */
 .review-row .vote-buttons button:not(:first-child):not(:hover):not(:active):not(:backdrop) {
-       border-image: image(@borders) 0 0 0 1 / 5px 0 5px 1px;
+       border-image: linear-gradient(to top, @borders, @borders) 0 0 0 1 / 5px 0 5px 1px;
 }
   .review-row .vote-buttons button:not(:first-child):backdrop {
-       border-image: image(@unfocused_borders) 0 0 0 1 / 5px 0 5px 1px;
+       border-image: linear-gradent(to top, @unfocused_borders, @unfocused_border) 0 0 0 1 / 5px 0 5px 1px;
   }
 
 .reviewbar {