[gnome-boxes] icons: Implement new empty Boxes view mockup

[Zeeshan Ali Khattak <zeeshanak src gnome org>]

commit d5fd6a0467ffe4c2f05e08c11524653073753f33
Author: Zeeshan Ali (Khattak) <zeeshanak gnome org>
Date:   Thu Feb 5 16:59:52 2015 +0000

    icons: Implement new empty Boxes view mockup
    
    This implements the new designs for empty Boxes:
    
    https://wiki.gnome.org/Design/OS/InitialStates
    
    https://bugzilla.gnome.org/show_bug.cgi?id=743361

 data/gtk-style.css     |    4 --
 data/ui/empty-boxes.ui |   75 +++++++++++++++++++++++-------------------------
 2 files changed, 36 insertions(+), 43 deletions(-)
---
diff --git a/data/gtk-style.css b/data/gtk-style.css
index 27cb4c9..9653796 100644
--- a/data/gtk-style.css
+++ b/data/gtk-style.css
@@ -170,7 +170,3 @@ BoxesMiniGraph {
 .boxes-toplevel {
     background-color: @theme_bg_color;
 }
-
-.boxes-empty-image {
-    icon-shadow: 0 -1px rgba(0,0,0,0.5);
-}
diff --git a/data/ui/empty-boxes.ui b/data/ui/empty-boxes.ui
index 0cf0237..f11febe 100644
--- a/data/ui/empty-boxes.ui
+++ b/data/ui/empty-boxes.ui
@@ -9,9 +9,6 @@
     <property name="valign">fill</property>
     <property name="transition-type">crossfade</property>
     <property name="transition-duration">400</property>
-    <style>
-      <class name="dim-label"/>
-    </style>
 
     <child>
       <object class="GtkBox" id="spinner-box">
@@ -53,58 +50,58 @@
         <child>
           <object class="GtkGrid" id="grid">
             <property name="visible">True</property>
-            <property name="orientation">horizontal</property>
-            <property name="column-spacing">12</property>
+            <property name="orientation">vertical</property>
             <property name="halign">center</property>
             <property name="valign">center</property>
-            <property name="row-homogeneous">True</property>
-            <style>
-              <class name="dim-label"/>
-            </style>
 
             <child>
               <object class="GtkImage" id="image">
                 <property name="visible">True</property>
-                <property name="icon-name">application-x-appliance-symbolic</property>
-                <property name="icon-size">6</property>
-                <property name="pixel-size">96</property>
-                <style>
-                  <class name="boxes-empty-image"/>
-                </style>
+                <property name="resource">/org/gnome/Boxes/icons/empty-boxes.png</property>
+                <property name="halign">center</property>
+                <property name="valign">center</property>
+                <property name="margin-bottom">24</property>
               </object>
             </child>
 
             <child>
-              <object class="GtkGrid" id="labels_grid">
+              <object class="GtkLabel" id="no_boxes_found_label">
                 <property name="visible">True</property>
-                <property name="orientation">vertical</property>
+                <property name="use-markup">True</property>
+                <property name="halign">center</property>
+                <property name="vexpand">True</property>
+                <property name="margin-bottom">6</property>
+                <property name="label" translatable="yes">&lt;b&gt;&lt;span size=&quot;large&quot;&gt;State 
of the art virtualization&lt;/span&gt;&lt;/b&gt;</property>
+              </object>
+            </child>
 
-                <child>
-                  <object class="GtkLabel" id="no_boxes_found_label">
-                    <property name="visible">True</property>
-                    <property name="use-markup">True</property>
-                    <property name="halign">start</property>
-                    <property name="vexpand">True</property>
-                    <property name="label" translatable="yes">&lt;b&gt;&lt;span size=&quot;large&quot;&gt;No 
boxes found&lt;/span&gt;&lt;/b&gt;</property>
-                  </object>
-                </child>
+            <child>
+              <object class="GtkLabel" id="definition_label">
+                <property name="visible">True</property>
+                <property name="use-markup">True</property>
+                <property name="halign">center</property>
+                <property name="vexpand">True</property>
+                <property name="label" translatable="yes">Boxes can be virtual or remote machines.</property>
+                <style>
+                  <class name="dim-label"/>
+                </style>
+              </object>
+            </child>
 
-                <child>
-                  <object class="GtkLabel" id="instructions_label">
-                    <property name="visible">True</property>
-                    <property name="use-markup">True</property>
-                    <property name="xalign">0</property>
-                    <property name="halign">start</property>
-                    <property name="vexpand">True</property>
-                    <property name="halign">start</property>
-                    <property name="max-width-chars">24</property>
-                    <property name="wrap">True</property>
-                    <property name="label" translatable="yes">Create one using the button on the top 
left.</property>
-                  </object>
-                </child>
+            <child>
+              <object class="GtkLabel" id="instructions_label">
+                <property name="visible">True</property>
+                <property name="use-markup">True</property>
+                <property name="halign">center</property>
+                <property name="vexpand">True</property>
+                <property name="label" translatable="yes">Just hit the &lt;b&gt;New&lt;/b&gt; button to 
create your first one.</property>
+                <style>
+                  <class name="dim-label"/>
+                </style>
               </object>
             </child>
           </object>
+
           <packing>
             <property name="expand">True</property>
             <property name="fill">True</property>