[gtk+] gtk-demo: Fix the CSS examples

[Matthias Clasen <matthiasc src gnome org>]

commit 527d6a6f34d2166368c0cae9f30c32ab18cae5f1
Author: Matthias Clasen <mclasen redhat com>
Date:   Tue Nov 17 19:55:58 2015 -0500

    gtk-demo: Fix the CSS examples
    
    The CSS needs small adjustments after all the CSS node changes.

 demos/gtk-demo/css_accordion.css |   16 ++++++++--------
 demos/gtk-demo/css_pixbufs.css   |    4 ++--
 demos/gtk-demo/css_shadows.css   |    6 +++---
 demos/gtk-demo/reset.css         |    2 --
 4 files changed, 13 insertions(+), 15 deletions(-)
---
diff --git a/demos/gtk-demo/css_accordion.css b/demos/gtk-demo/css_accordion.css
index 957999a..ef28451 100644
--- a/demos/gtk-demo/css_accordion.css
+++ b/demos/gtk-demo/css_accordion.css
@@ -7,7 +7,7 @@
     font: Cantarell 20px;
 }
 
-GtkWindow {
+window {
     background: linear-gradient(153deg, #151515, #151515 5px, transparent 5px) 0 0,
                 linear-gradient(333deg, #151515, #151515 5px, transparent 5px) 10px 5px,
                 linear-gradient(153deg, #222, #222 5px, transparent 5px) 0 5px,
@@ -18,7 +18,7 @@ GtkWindow {
     background-size: 20px 20px;
 }
 
-.button {
+button {
     color: black;
     background-color: #bbb;
     border-style: solid;
@@ -28,25 +28,25 @@ GtkWindow {
     padding: 12px 4px;
 }
 
-.button:first-child {
+button:first-child {
     border-radius: 5px 0 0 5px;
 }
 
-.button:last-child {
+button:last-child {
     border-radius: 0 5px 5px 0;
     border-width: 2px;
 }
 
-.button:hover {
+button:hover {
     padding: 12px 48px;
     background-color: #4870bc;
 }
 
-.button *:hover {
+button *:hover {
     color: white;
 }
 
-.button:hover:active,
-.button:active {
+button:hover:active,
+button:active {
     background-color: #993401;
 }
diff --git a/demos/gtk-demo/css_pixbufs.css b/demos/gtk-demo/css_pixbufs.css
index 226525c..e6d33b0 100644
--- a/demos/gtk-demo/css_pixbufs.css
+++ b/demos/gtk-demo/css_pixbufs.css
@@ -50,7 +50,7 @@
     100% { background-size: 12px, 96px, 12px, 96px, 12px, 96px, 12px, 96px, auto }
 }
 
-GtkWindow {
+window {
     background-image: url("resource://css_pixbufs/apple-red.png"),
                       url("resource://css_pixbufs/gnome-applets.png"),
                       url("resource://css_pixbufs/gnome-calendar.png"),
@@ -66,7 +66,7 @@ GtkWindow {
 }
 
 /* Make the text editor has a nice style */
-.view, .scrollbar, .pane-separator {
+.view, scrollbar, separator {
   color: black;
   background-color: rgba(255,255,255,0.5);
 }
diff --git a/demos/gtk-demo/css_shadows.css b/demos/gtk-demo/css_shadows.css
index 6e6b21a..b66b43e 100644
--- a/demos/gtk-demo/css_shadows.css
+++ b/demos/gtk-demo/css_shadows.css
@@ -19,7 +19,7 @@
   background-size: 29px, 59px, 73px, 109px;
 }
 
-.button {
+button {
   color: black;
   padding: 10px;
   border-radius: 5px;
@@ -27,14 +27,14 @@
   border: 1px transparent solid;
 }
 
-.button:hover {
+button:hover {
   text-shadow: 3px 3px 5px alpha(black, 0.75);
   icon-shadow: 3px 3px 5px alpha(black, 0.75);
   box-shadow: 3px 3px 5px alpha(black, 0.5) inset;
   border: solid 1px alpha(black, 0.75);
 }
 
-.button:active {
+button:active {
   padding: 11px 9px 9px 11px;
   text-shadow: 1px 1px 2.5px alpha(black, 0.6);
   icon-shadow: 1px 1px 2.5px alpha(black, 0.6);
diff --git a/demos/gtk-demo/reset.css b/demos/gtk-demo/reset.css
index 1c27a8e..60410e4 100644
--- a/demos/gtk-demo/reset.css
+++ b/demos/gtk-demo/reset.css
@@ -62,7 +62,5 @@
   engine: initial;
   gtk-key-bindings: initial;
 
-  -GtkWidget-focus-line-width: 0;
-  -GtkWidget-focus-padding: 0;
   -GtkNotebook-initial-gap: 0;
 }