[gnome-music] Add background style to PlayerToolbar

[Seif Lotfy <seiflotfy src gnome org>]

commit 4bd7ec70932f7732282bdc90c9b10bf603d8f333
Author: Seif Lotfy <seif lotfy com>
Date:   Sun May 26 00:21:55 2013 +0200

    Add background style to PlayerToolbar
    
    fixes #699815

 data/PlayerToolbar.ui |   27 +--------------------------
 data/application.css  |    9 +++++----
 2 files changed, 6 insertions(+), 30 deletions(-)
---
diff --git a/data/PlayerToolbar.ui b/data/PlayerToolbar.ui
index e83dcc3..b2e5361 100644
--- a/data/PlayerToolbar.ui
+++ b/data/PlayerToolbar.ui
@@ -8,31 +8,13 @@
     <property name="icon_name">media-skip-forward-symbolic</property>
     <property name="icon-size">1</property>
   </object>
-  <object class="GtkFrame" id="eventBox">
+  <object class="GtkEventBox" id="eventBox">
     <property name="can_focus">False</property>
     <property name="no_show_all">True</property>
-    <property name="label_xalign">0</property>
-    <property name="shadow_type">none</property>
     <style>
       <class name="play-bar"/>
     </style>
     <child>
-      <object class="GtkBox" id="container">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="orientation">vertical</property>
-        <child>
-          <object class="GtkSeparator" id="separator1">
-            <property name="visible">True</property>
-            <property name="can_focus">False</property>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-            <property name="position">0</property>
-          </packing>
-        </child>
-        <child>
           <object class="GtkBox" id="player">
             <property name="visible">True</property>
             <property name="can_focus">False</property>
@@ -369,13 +351,6 @@
               </packing>
             </child>
           </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-            <property name="position">1</property>
-          </packing>
-        </child>
-      </object>
     </child>
   </object>
   <object class="GtkImage" id="pause_image">
diff --git a/data/application.css b/data/application.css
index 107fbca..0642bcd 100644
--- a/data/application.css
+++ b/data/application.css
@@ -33,11 +33,12 @@
 .play-bar {
     border-width: 1px 0 0;
     border-style: solid;
-    border-color: shade(@borders, 0.90);
-    padding: 0 1px;
+    border-color: shade(@borders, 0.5);
 
-    box-shadow: inset 0 -1px shade(@borders, 1.30);
-    background-color: @theme_bg_color;
+    box-shadow: inset 0 1.0px shade(@theme_bg_color, 0.6);
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(shade(@theme_bg_color, 1.01)),
+                                    to(shade(@theme_bg_color, 0.9)));
 }
 
 .music-selection-mode {