[gnome-taquin] Rework start-screen's theme.

[Arnaud Bonatti <arnaudb src gnome org>]

commit 5bb2bf9d543ed8f19aaf595f31e2b320d06bf73e
Author: Arnaud Bonatti <arnaud bonatti gmail com>
Date:   Sat Dec 27 00:28:15 2014 +0100

    Rework start-screen's theme.

 data/taquin.css |   25 ++++++----------------
 data/taquin.ui  |   62 +++++++++++++++++++++++++++++++++++++-----------------
 2 files changed, 49 insertions(+), 38 deletions(-)
---
diff --git a/data/taquin.css b/data/taquin.css
index 6324116..01bfb1e 100644
--- a/data/taquin.css
+++ b/data/taquin.css
@@ -2,31 +2,20 @@ GtkApplicationWindow GtkRadioButton {
     -GtkButton-image-spacing:0;
     -GtkCheckButton-indicator-size:0;
     -gtk-icon-source:none;
-    padding-top:15px;
+    padding:15px 0 0 0;
     border-radius:15px;
+    outline-radius:13px;
 }
-GtkApplicationWindow GtkRadioButton:checked {
-    background-color:shade(#ededed, 0.85);
+GtkApplicationWindow GtkMenuButton {
+    outline-radius:15px;
 }
 GtkApplicationWindow GtkMenuButton:checked,
-GtkApplicationWindow GtkMenuButton:focused,
 GtkApplicationWindow GtkMenuButton:prelight {
-    background:-gtk-gradient (radial, center center, 0, center center, 0.5, from(white), to(#e8e8e8));
+    color:#2e3436; /* gtk-contained.css’ theme_fg_color */
+    background:-gtk-gradient (radial, center center, 0, center center, 0.5, from(rgba (255, 255, 255, 1)), 
to(rgba (255, 255, 255, 0)));
 }
 GtkApplicationWindow GtkMenuButton:checked:backdrop,
-GtkApplicationWindow GtkMenuButton:focused:backdrop,
 GtkApplicationWindow GtkMenuButton:prelight:backdrop {
-    background:-gtk-gradient (radial, center center, 0, center center, 0.5, from(white), 
to(@theme_bg_color));
-}
-GtkApplicationWindow GtkMenuButton:checked,
-GtkApplicationWindow GtkMenuButton:focused,
-GtkApplicationWindow GtkMenuButton:prelight,
-GtkApplicationWindow GtkRadioButton:checked {
-    color:shade(#2e3436, 0.85);
-}
-GtkApplicationWindow GtkMenuButton:checked:backdrop,
-GtkApplicationWindow GtkMenuButton:focused:backdrop,
-GtkApplicationWindow GtkMenuButton:prelight:backdrop,
-GtkApplicationWindow GtkRadioButton:checked:backdrop {
     color:@theme_unfocused_fg_color;
+    background:-gtk-gradient (radial, center center, 0, center center, 0.5, from(rgba (255, 255, 255, 0.3)), 
to(rgba (255, 255, 255, 0)));
 }
diff --git a/data/taquin.ui b/data/taquin.ui
index 80a3f04..a5fe26e 100644
--- a/data/taquin.ui
+++ b/data/taquin.ui
@@ -1,16 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
   <requires lib="gtk+" version="3.12"/>
-  <object class="GtkImage" id="15-Puzzle">
-    <property name="resource">/org/gnome/taquin/images/15-Puzzle.png</property>
-    <property name="visible">True</property>
-    <property name="pixel-size">150</property>
-  </object>
-  <object class="GtkImage" id="16-Puzzle">
-    <property name="resource">/org/gnome/taquin/images/16-Puzzle.png</property>
-    <property name="visible">True</property>
-    <property name="pixel-size">150</property>
-  </object>
   <menu id="size-menu">
     <section>
       <item>
@@ -106,38 +96,70 @@
             <property name="margin">25</property>
             <property name="width-request">350</property>
             <property name="height-request">350</property>
+            <property name="spacing">4</property>
             <child>
               <object class="GtkBox">
                 <property name="orientation">horizontal</property>
                 <property name="visible">True</property>
                 <property name="homogeneous">True</property>
+                <property name="spacing">6</property>
                 <child>
                   <object class="GtkRadioButton" id="radio-fifteen">
                     <property name="visible">True</property>
-                    <property name="label" translatable="yes">15-Puzzle</property>
-                    <property name="always-show-image">True</property>
                     <property name="focus-on-click">False</property>
-                    <property name="image">15-Puzzle</property>
-                    <property name="image-position">bottom</property>
                     <property name="relief">none</property>
                     <property name="action-name">win.change-type</property>
                     <property name="action-target">'fifteen'</property>
-                    <!-- <property name="draw-indicator">False</property> TODO readds a theme on hover...-->
+                    <property name="draw-indicator">False</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="orientation">vertical</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="label" translatable="yes">15-Puzzle</property>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkImage">
+                            <property name="resource">/org/gnome/taquin/images/15-Puzzle.png</property>
+                            <property name="visible">True</property>
+                            <property name="pixel-size">150</property>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
                   </object>
                 </child>
                 <child>
                   <object class="GtkRadioButton" id="radio-sixteen">
                     <property name="visible">True</property>
-                    <property name="label" translatable="yes">16-Puzzle</property>
-                    <property name="always-show-image">True</property>
                     <property name="focus-on-click">False</property>
-                    <property name="image">16-Puzzle</property>
-                    <property name="image-position">bottom</property>
                     <property name="relief">none</property>
                     <property name="action-name">win.change-type</property>
                     <property name="action-target">'sixteen'</property>
                     <property name="group">radio-fifteen</property>
-                    <!-- <property name="draw-indicator">False</property> TODO readds a theme on hover...-->
+                    <property name="draw-indicator">False</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="orientation">vertical</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="label" translatable="yes">16-Puzzle</property>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkImage">
+                            <property name="resource">/org/gnome/taquin/images/16-Puzzle.png</property>
+                            <property name="visible">True</property>
+                            <property name="pixel-size">150</property>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
                   </object>
                 </child>
               </object>