Remove top-bar CSS class

GtkWindow already adds a "titlebar" CSS class, so rolling our own is not
necessary. We can replace ".top-bar" with "EosWindow .titlebar".

[endlessm/eos-sdk#3782]

1 files changed, 18 insertions, 20 deletions

diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css
index 0b91be1..62d3742 100644
--- a/data/css/endless-widgets.css
+++ b/data/css/endless-widgets.css
@@ -38,9 +38,7 @@ EosWindow {
     box-shadow: none;
 }
 
-/* Endless window top bar */
-
-.top-bar {
+EosWindow .titlebar {
     font-family: "Lato";
     font-weight: bold;
     font-size: 11px;
@@ -50,27 +48,27 @@ EosWindow {
     padding-right: 7px;
 }
 
-EosWindow:not(.maximized) .top-bar {
+EosWindow:not(.maximized) .titlebar {
     border-radius: 7px 7px 0px 0px;
 }
 
-.top-bar:backdrop {
+EosWindow .titlebar:backdrop {
     background-image: -gtk-gradient(linear, center top, center bottom,
         from(#282828), to(#1e1e1e));
 }
 
-.top-bar .button {
+EosWindow .titlebar .button {
     border-radius: 2px;
     color: #8c8c8c;
     icon-shadow: 0px -1px alpha(black, 0.25);
     padding: 4px;
 }
 
-.top-bar .button:backdrop {
+EosWindow .titlebar .button:backdrop {
     color: #646464;
 }
 
-.top-bar .button:hover {
+EosWindow .titlebar .button:hover {
     color: #dcdcdc;
     icon-shadow: 0px -1px alpha(black, 0.35);
     background-image: -gtk-gradient(linear, left bottom, left top,
@@ -79,7 +77,7 @@ EosWindow:not(.maximized) .top-bar {
         color-stop(0, rgb(68, 68, 68)));
 }
 
-.top-bar .button:active {
+EosWindow .titlebar .button:active {
     color: #787878;
     icon-shadow: none;
     background-image: -gtk-gradient(linear, left bottom, left top,
@@ -88,8 +86,8 @@ EosWindow:not(.maximized) .top-bar {
         color-stop(0, rgb(67, 67, 67)));
 }
 
-.top-bar .back,
-.top-bar .forward {
+EosWindow .titlebar .back,
+EosWindow .titlebar .forward {
     background-image: linear-gradient(-179deg,
         rgba(98, 98, 98, 0.49) 0%,
         alpha(black, 0.50) 100%);
@@ -98,8 +96,8 @@ EosWindow:not(.maximized) .top-bar {
     padding: 2px 10px;
 }
 
-.top-bar .back:insensitive,
-.top-bar .forward:insensitive {
+EosWindow .titlebar .back:insensitive,
+EosWindow .titlebar .forward:insensitive {
     border: 1px solid alpha(black, 0.20);
     background-color: transparent;
     background-image: none;
@@ -108,27 +106,27 @@ EosWindow:not(.maximized) .top-bar {
     icon-shadow: none;
 }
 
-.top-bar .back {
+EosWindow .titlebar .back {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-right: 0px none;
 }
 
-.top-bar .forward {
+EosWindow .titlebar .forward {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }
 
-.top-bar .forward.rtl {
+EosWindow .titlebar .forward.rtl {
     border-radius: 5px 0 0 5px;
     border-right: 0px none;
 }
 
-.top-bar .back.rtl {
+EosWindow .titlebar .back.rtl {
     border-radius: 0 5px 5px 0;
 }
 
-.top-bar .endless-search-box {
+EosWindow .titlebar .endless-search-box {
     background-color: #4d4d4d;
     color: #eeeeec;
     padding: 1px 2px 1px 4px;
@@ -141,11 +139,11 @@ EosWindow:not(.maximized) .top-bar {
     /*border-image: linear-gradient(to bottom, #262626, #515151) 1 1 stretch;*/
 }
 
-.top-bar .endless-search-box.image {
+EosWindow .titlebar .endless-search-box.image {
     color: #919191;
 }
 
-.top-bar .endless-search-box:selected {
+EosWindow .titlebar .endless-search-box:selected {
     color: #2e3436;
     background-color: #eeeeec;
 }