gtk-demo: Fix the CSS examples

The CSS needs small adjustments after all the CSS node changes.

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;
 }

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);
 }

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);

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;
 }