GTK+-3.20 Submarine themes: simplify linked path-bar

4 files changed, 26 insertions, 180 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
index 368e5558..48fe8c50 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
@@ -1,6 +1,6 @@
 
 /* forward/back buttons */
-.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button {
+.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button:disabled {
      box-shadow: none;
      border-width: 1px;
 }
@@ -13,52 +13,6 @@
      border-radius: 0px 4px 4px 0px;
 }
 
-.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button:hover {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
-}
-
-/* workaround for jumping buttons in nautilus */
-.nautilus-window > headerbar.titlebar .linked.path-bar>button,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle {
-    border-width: 1px;
-    border-radius: 4px;
-    box-shadow: none;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:hover,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:hover,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:checked,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:checked,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:hover:active,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:hover:active {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
-    border-radius: 4px;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar> button:first-child widget {
-    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button:last-child widget {
-    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button:first-child,
-.nautilus-window > headerbar.titlebar .linked.path-bar> button:last-child  {
-   padding: 0px;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button.text-button.toggle {
-    margin: 0px -1px 0px 0px;
-    padding: 4px;
-}
-
 EphyWindow {
     background-image: -gtk-gradient (linear,
                                      left top, left bottom,
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index 384699aa..cc1232c4 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -998,61 +998,30 @@ button.color {
 .linked.path-bar > button:checked:hover,

 .linked.path-bar > button:checked:hover:active {

     padding: 7px;

+    border-color: transparent;

 }

 

 /* slider (left/right arrow) button */

-.linked.path-bar > button.image-button {

+.linked.path-bar > button.slider-button:first-child {

     border-width: 1px 0px 1px 1px;

-    box-shadow: none;

-}

-

-.linked.path-bar > button.image-button:first-child {

-    border-width: 1px 0px 1px 1px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset  1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

-}

-

-.linked.path-bar > button.image-button:first-child:hover {

-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),

-                inset  1px  0px shade (@theme_selected_bg_color, 1.3),

-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),

-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);

-}

-

-.linked.path-bar > button.image-button:last-child {

-    border-width: 1px 1px 1px 0px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

+    border-radius: 4px 0px 0px 4px;

+    padding: 7px 1px;

 }

 

-.linked.path-bar > button.image-button:last-child:hover {

+.linked.path-bar > button.slider-button:last-child {

     border-width: 1px 1px 1px 0px;

-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),

-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),

-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);

+    border-radius: 0px 4px 4px 0px;

+    padding: 7px 1px;

 }

 

-.linked.path-bar > button.toggle,

-.linked.path-bar > button.toogle.button-image {

-    border-width: 1px 0px 1px 0px;

-    border-radius: 0px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

+.titlebar .path-bar > button.slider-button:disabled {

+    box-shadow: none;

 }

 

-.linked.path-bar > button.toggle:hover,

-.linked.path-bar > button.toogle.button-image:hover,

-.linked.path-bar > button.toggle:checked,

-.linked.path-bar > button.toogle.button-image:checked {

-    border-width: 1px 0px 1px 0px;

+.titlebar .path-bar > button.toggle,

+.titlebar .path-bar > button.toggle:hover {

     border-radius: 0px;

-    box-shadow: inset  0px  1px 0 0 shade (@theme_selected_bg_color, 1.3),

-                inset -1px  0px 0 0 shade (@theme_selected_bg_color, 1.3),

-                inset  0px -1px 0 0 shade (@theme_selected_bg_color, 1.3);

+    border-width: 1px 0px;

 }

 

 /***************************/

diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
index c215ab67..6764df1a 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
@@ -1,6 +1,6 @@
 
 /* forward/back buttons */
-.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button {
+.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button:disabled {
      box-shadow: none;
      border-width: 1px;
 }
@@ -13,52 +13,6 @@
      border-radius: 0px 4px 4px 0px;
 }
 
-.nautilus-window > headerbar.titlebar > .linked.raised > button.image-button:hover {
-    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
-                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
-                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
-}
-
-/* workaround for jumping buttons in nautilus */
-.nautilus-window > headerbar.titlebar .linked.path-bar>button,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle {
-    border-width: 1px;
-    border-radius: 4px;
-    box-shadow: none;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:hover,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:hover,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:checked,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:checked,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button:hover:active,
-.nautilus-window > headerbar.titlebar .linked.path-bar>button.text-button.toggle:hover:active {
-    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
-                inset  1px  0px shade(@selected_bg_color, 0.97),
-                inset -1px  0px shade(@selected_bg_color, 0.93),
-                inset  0px -1px shade(@selected_bg_color, 0.93);
-    border-radius: 4px;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar> button:first-child widget {
-    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button:last-child widget {
-    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button:first-child,
-.nautilus-window > headerbar.titlebar .linked.path-bar> button:last-child  {
-    padding: 0px;
-}
-
-.nautilus-window > headerbar.titlebar .linked.path-bar > button.text-button.toggle {
-    margin: 0px -1px 0px 0px;
-    padding: 4px;
-}
-
 EphyWindow {
     background-image: -gtk-gradient (linear,
                                      left top, left bottom,
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index 4ff24a55..eba5390b 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -998,61 +998,30 @@ button.color {
 .linked.path-bar > button:checked:hover,

 .linked.path-bar > button:checked:hover:active {

     padding: 7px;

+    border-color: transparent;

 }

 

 /* slider (left/right arrow) button */

-.linked.path-bar > button.image-button {

+.linked.path-bar > button.slider-button:first-child {

     border-width: 1px 0px 1px 1px;

-    box-shadow: none;

-}

-

-.linked.path-bar > button.image-button:first-child {

-    border-width: 1px 0px 1px 1px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset  1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

-}

-

-.linked.path-bar > button.image-button:first-child:hover {

-    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),

-                inset  1px  0px shade(@selected_bg_color, 0.97),

-                inset -1px  0px shade(@selected_bg_color, 0.93),

-                inset  0px -1px shade(@selected_bg_color, 0.93);

-}

-

-.linked.path-bar > button.image-button:last-child {

-    border-width: 1px 1px 1px 0px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

+    border-radius: 4px 0px 0px 4px;

+    padding: 7px 1px;

 }

 

-.linked.path-bar > button.image-button:last-child:hover {

+.linked.path-bar > button.slider-button:last-child {

     border-width: 1px 1px 1px 0px;

-    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),

-                inset -1px  0px shade(@selected_bg_color, 0.93),

-                inset  0px -1px shade(@selected_bg_color, 0.93);

+    border-radius: 0px 4px 4px 0px;

+    padding: 7px 1px;

 }

 

-.linked.path-bar > button.toggle,

-.linked.path-bar > button.toogle.button-image {

-    border-width: 1px 0px 1px 0px;

-    border-radius: 0px;

-    box-shadow: inset  0px  1px 0 0 alpha(shade(@button_border, 1.00), 0.70),

-                inset -1px  0px 0 0 alpha(shade(@button_border, 0.94), 0.80),

-                inset  0px -1px 0 0 alpha(shade(@button_border, 0.88), 0.90);

+.titlebar .path-bar > button.slider-button:disabled {

+    box-shadow: none;

 }

 

-.linked.path-bar > button.toggle:hover,

-.linked.path-bar > button.toogle.button-image:hover,

-.linked.path-bar > button.toggle:checked,

-.linked.path-bar > button.toogle.button-image:checked {

-    border-width: 1px 0px 1px 0px;

+.titlebar .path-bar > button.toggle,

+.titlebar .path-bar > button.toggle:hover {

     border-radius: 0px;

-    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),

-                inset -1px  0px shade(@selected_bg_color, 0.93),

-                inset  0px -1px shade(@selected_bg_color, 0.93);

+    border-width: 1px 0px;

 }

 

 /***************************/