Move category back button to its own class

For better code organization and cleaner CSS; add style classes.

[endlessm/eos-sdk#504]

1 files changed, 9 insertions, 9 deletions

diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css
index ed1a92e..125fcee 100644
--- a/data/css/eos-wikipedia-domain.css
+++ b/data/css/eos-wikipedia-domain.css
@@ -88,40 +88,40 @@ Gjs_CategoryButton.clickable:hover {
     background-color: rgba(0, 0, 0, 0.2);
 }
 
-#category-back-button GtkImage {
+.category-page .back .image {
     color: black;
     opacity: 0.6;
     icon-shadow: inset 0 1px 1px alpha(black, 0.5), 0 1px alpha(white, 0.2);
 }
 
-#category-back-button GtkImage:hover {
+.category-page .back .image:hover {
     color: white;
 }
 
-#category-back-button GtkImage:active {
+.category-page .back .image:active {
     color: #d7d7d7;
 }
 
-#category-back-button GtkImage:hover,
-#category-back-button GtkImage:active {
+.category-page .back .image:hover,
+.category-page .back .image:active {
     opacity: 0.95;
     icon-shadow: inset 0 1px 1px alpha(black, 0.5),
                  0 1px alpha(white, 0.2),
                  0 0 15px alpha(black, 0.15);
 }
 
-#category-back-button GtkLabel {
+.category-page .back .label {
     font-weight: bold;
     color: alpha(white, 0.0);
 }
 
-#category-back-button GtkLabel:hover,
-#category-back-button GtkLabel:active {
+.category-page .back .label:hover,
+.category-page .back .label:active {
     text-shadow: 0px 1px 0px alpha(#000000, 0.5), 0px 0px 12px alpha(#000000, 0.3);
     color: alpha(white, 1.0);
 }
 
-#category-back-button {
+.category-page .back {
     padding-left: 40px;
     padding-right: 40px;
 }