[epiphany] Update the theme for CSS nodes



commit 19ff1cda3090f17fb62c43f0e04aeef958594e60
Author: Michael Catanzaro <mcatanzaro igalia com>
Date:   Sun Dec 20 13:35:23 2015 -0600

    Update the theme for CSS nodes
    
    button and entry are now CSS names, not style classes.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=757164

 src/resources/epiphany.css  |   32 ++++++++++++++++----------------
 src/resources/epiphany.scss |    6 +++---
 2 files changed, 19 insertions(+), 19 deletions(-)
---
diff --git a/src/resources/epiphany.css b/src/resources/epiphany.css
index e199123..2a95bd7 100644
--- a/src/resources/epiphany.css
+++ b/src/resources/epiphany.css
@@ -1,4 +1,4 @@
-.button.active-menu {
+button.active-menu {
   color: #2e3436;
   outline-color: rgba(46, 52, 54, 0.3);
   border-color: #9d9d99;
@@ -40,7 +40,7 @@
     background-image: -gtk-icontheme("user-not-tracked-symbolic"), linear-gradient(to bottom, #cbd2d9);
     box-shadow: inset 0 1px #f1f3f5;
     color: rgba(139, 142, 142, 0.1); }
-  .incognito-mode.titlebar .button {
+  .incognito-mode.titlebar button {
     color: #2e3436;
     outline-color: rgba(46, 52, 54, 0.3);
     border-color: #8192a3;
@@ -48,17 +48,17 @@
     text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px rgba(241, 243, 245, 0); }
-    .incognito-mode.titlebar .button.flat, .incognito-mode.titlebar .button.titlebutton {
+    .incognito-mode.titlebar button.flat, .incognito-mode.titlebar button.titlebutton {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none; }
-    .incognito-mode.titlebar .button.titlebutton {
+    .incognito-mode.titlebar button.titlebutton {
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
-    .incognito-mode.titlebar .button:hover {
+    .incognito-mode.titlebar button:hover {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
       border-color: #8192a3;
@@ -72,7 +72,7 @@
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px rgba(241, 243, 245, 0); }
-    .incognito-mode.titlebar .button:active, .incognito-mode.titlebar .button:checked, 
.incognito-mode.titlebar .button#ephy-page-menu-button.active-menu {
+    .incognito-mode.titlebar button:active, .incognito-mode.titlebar button:checked, 
.incognito-mode.titlebar button#ephy-page-menu-button.active-menu {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
       border-color: #8192a3;
@@ -80,16 +80,16 @@
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(241, 243, 245, 0); }
-    .incognito-mode.titlebar .button:insensitive {
+    .incognito-mode.titlebar button:insensitive {
       color: #8b8e8e;
       border-color: #8192a3;
       background-image: linear-gradient(to bottom, #d2d8de);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0); }
-      .incognito-mode.titlebar .button:insensitive > .label {
+      .incognito-mode.titlebar button:insensitive > .label {
         color: inherit; }
-    .incognito-mode.titlebar .button:backdrop {
+    .incognito-mode.titlebar button:backdrop {
       color: #8b8e8e;
       border-color: #cbd2d9;
       background-image: linear-gradient(to bottom, #cbd2d9);
@@ -97,13 +97,13 @@
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
       border-color: #8192a3; }
-      .incognito-mode.titlebar .button:backdrop:active {
+      .incognito-mode.titlebar button:backdrop:active {
         color: #8b8e8e;
         border-color: #aeb8c3;
         background-image: linear-gradient(to bottom, #aeb8c3);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
         border-color: #8192a3; }
-      .incognito-mode.titlebar .button:backdrop:insensitive {
+      .incognito-mode.titlebar button:backdrop:insensitive {
         color: #989ea3;
         border-color: #d2d8de;
         background-image: linear-gradient(to bottom, #d2d8de);
@@ -111,20 +111,20 @@
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
         border-color: #8192a3; }
-        .incognito-mode.titlebar .button:backdrop:insensitive > .label {
+        .incognito-mode.titlebar button:backdrop:insensitive > .label {
           color: inherit; }
-    .incognito-mode.titlebar .button.flat:backdrop, .incognito-mode.titlebar .button.titlebutton:backdrop {
+    .incognito-mode.titlebar button.flat:backdrop, .incognito-mode.titlebar button.titlebutton:backdrop {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none; }
-  .incognito-mode.titlebar .entry {
+  .incognito-mode.titlebar entry {
     box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px rgba(241, 243, 245, 0);
     border-color: #8192a3; }
-    .incognito-mode.titlebar .entry:focus {
+    .incognito-mode.titlebar entry:focus {
       border-color: #4a90d9;
       box-shadow: inset 0 0 0 1px #4a90d9, 0 1px rgba(241, 243, 245, 0); }
-    .incognito-mode.titlebar .entry:backdrop {
+    .incognito-mode.titlebar entry:backdrop {
       box-shadow: none; }
diff --git a/src/resources/epiphany.scss b/src/resources/epiphany.scss
index 53ce06a..589ea8e 100644
--- a/src/resources/epiphany.scss
+++ b/src/resources/epiphany.scss
@@ -9,7 +9,7 @@ $variant: 'light';
 
 // menu button fix, yeah this is ugly
 
-.button.active-menu {
+button.active-menu {
   @include button(active);
   &:backdrop { @include button(active-backdrop); }
 }
@@ -62,7 +62,7 @@ $edge_color: lighten($incognito_color, 13%);
       box-shadow: inset 0 1px $edge_color;
       color: transparentize($backdrop_fg_color, 0.9); // color of the overlayed icon in backdrop
     }
-    .button { // changing the headerbar background color requires changing widget borders and shadow 
accordingly
+    button { // changing the headerbar background color requires changing widget borders and shadow 
accordingly
       @include button(normal, $incognito_color, $edge:$edge_color);
       &.flat, &.titlebutton { @include button(undecorated); }
       &.titlebutton {
@@ -89,7 +89,7 @@ $edge_color: lighten($incognito_color, 13%);
       }
       &.flat:backdrop, &.titlebutton:backdrop { @include button(undecorated); }
     }
-    .entry {
+    entry {
       box-shadow: entry_focus_shadow(transparentize($selected_bg_color, 1)), _widget_edge($edge_color);
       border-color: _border_color($incognito_color);
       &:focus {


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]