[gnome-software] details: Add CSS for infobar theming

[Kalev Lember <klember src gnome org>]

commit c7a3cfd2f868f79aac60f3c80ae2a9bdee43bd2d
Author: Kalev Lember <kalevlember gmail com>
Date:   Fri Feb 21 16:49:46 2014 +0100

    details: Add CSS for infobar theming
    
    ... as per latest mockups.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=724669

 src/gnome-software.ui |   14 +++++++++++++-
 src/gtk-style.css     |   18 ++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletions(-)
---
diff --git a/src/gnome-software.ui b/src/gnome-software.ui
index 87dbf29..9c51ae9 100644
--- a/src/gnome-software.ui
+++ b/src/gnome-software.ui
@@ -1322,6 +1322,9 @@
                                 <property name="can_focus">False</property>
                                 <property name="message_type">info</property>
                                 <property name="margin_top">20</property>
+                                <style>
+                                  <class name="application-details-infobar"/>
+                                </style>
                                 <child internal-child="content_area">
                                   <object class="GtkBox" id="infobar-content_area1">
                                     <property name="can_focus">False</property>
@@ -1390,6 +1393,9 @@
                                 <property name="can_focus">False</property>
                                 <property name="message_type">info</property>
                                 <property name="margin_top">20</property>
+                                <style>
+                                  <class name="application-details-infobar"/>
+                                </style>
                                 <child internal-child="content_area">
                                   <object class="GtkBox" id="infobar-content_area2">
                                     <property name="can_focus">False</property>
@@ -1458,6 +1464,9 @@
                                 <property name="can_focus">False</property>
                                 <property name="message_type">warning</property>
                                 <property name="margin_top">20</property>
+                                <style>
+                                  <class name="application-details-infobar"/>
+                                </style>
                                 <child internal-child="content_area">
                                   <object class="GtkBox" id="infobar-content_area3">
                                     <property name="can_focus">False</property>
@@ -1493,8 +1502,11 @@
                                 <property name="visible">True</property>
                                 <property name="app_paintable">True</property>
                                 <property name="can_focus">False</property>
-                                <property name="message_type">warning</property>
+                                <property name="message_type">info</property>
                                 <property name="margin_top">20</property>
+                                <style>
+                                  <class name="application-details-infobar"/>
+                                </style>
                                 <child internal-child="content_area">
                                   <object class="GtkBox" id="infobar-content_area4">
                                     <property name="can_focus">False</property>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index f95adb1..7f956e3 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -46,6 +46,24 @@ GtkNotebook.main-notebook-software > GtkScrolledWindow {
         background-color: @content_view_bg;
 }
 
+.application-details-infobar.info {
+        background-color: #d3d7cf;
+        color: @theme_fg_color;
+        border-color: darker(#d3d7cf);
+        border-style: solid;
+        border-width: 1px;
+        text-shadow: none;
+}
+
+.application-details-infobar.warning {
+        background-color: #fcaf3e;
+        color: @theme_fg_color;
+        border-color: darker(#fcaf3e);
+        border-style: solid;
+        border-width: 1px;
+        text-shadow: none;
+}
+
 .application-details-title {
        font-weight: bold;
        font-size: 14px;