all themes: add a thiny border to the panel

this requires
https://github.com/mate-desktop/mate-panel/commit/c4aedb

16 files changed, 206 insertions, 48 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index dfc1bc5b..b90a7d06 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -3241,6 +3241,7 @@ headerbar.titlebar  button.image-button.titlebutton:hover:backdrop {
 	padding: 0px;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index fef59d0e..29366cdc 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -247,6 +247,30 @@
     text-shadow: none;
 }
 
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
 /*stop panel from being spaced above bottom of screen,
   stop failure of cpufreq-appet to show all labels*/
 
@@ -262,13 +286,6 @@
 	padding: 6px;
 }
 
-
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .window-frame.csd.popup {
-    box-shadow: none;
-}
-
-
 .mate-panel-menu-bar menubar,
 .mate-panel-menu-bar menubar menuitem,
 .mate-panel-menu-bar togglebutton {
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 7aa888c0..ae7aaa86 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -6491,6 +6491,7 @@ decoration:backdrop {
     box-shadow: none;

 }

 

+/* workaround to avoid unwanted black frames if switching compositor on/off */

 .csd.popup decoration {

     border-radius: 0;

     box-shadow: none;

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index fca9da5c..971e7fef 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -388,22 +388,36 @@ PanelToplevel.background {
     text-shadow: none;
 }
 
-/* checkboxes in applet popup menu */
-.mate-panel-menu-bar menu > menuitem > box > menuitem {
-    padding: 0px 0px 0px 4px;
-}
-
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .csd.popup decoration {
-    box-shadow: none;
-}
-
 /* panel grip */
 /* FIXME, border-radius doesn't work any more */
 PanelToplevel.background {
     border-radius: 3px;
 }
 
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
 /* hide buttons */
 /* horizontal panel */
 PanelToplevel.horizontal > grid > button:first-child {
@@ -495,6 +509,11 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */
     color: shade (@theme_selected_bg_color, 1.6);
 }
 
+/* checkboxes in applet popup menu */
+.mate-panel-menu-bar menu > menuitem > box > menuitem {
+    padding: 0px 0px 0px 4px;
+}
+
 /* most applets */
 #PanelApplet button,
 #PanelApplet button.flat,
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 1447b9e8..a97e1af2 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -5554,6 +5554,7 @@ decoration.ssd,
     box-shadow: none;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index 8bbcf302..a6c38986 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -305,9 +305,28 @@ PanelToplevel.background {
     text-shadow: none;
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .csd.popup decoration {
-    box-shadow: none;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
 /* hide buttons */
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 84c1a36f..fb870f59 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -6491,6 +6491,7 @@ decoration:backdrop {
     box-shadow: none;

 }

 

+/* workaround to avoid unwanted black frames if switching compositor on/off */

 .csd.popup decoration {

     border-radius: 0;

     box-shadow: none;

diff --git a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
index 9c5a2dfd..31afaa58 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -400,14 +400,28 @@ PanelToplevel.background {
     text-shadow: none;
 }
 
-/* checkboxes in applet popup menu */
-.mate-panel-menu-bar menu > menuitem > box > menuitem {
-    padding: 0px 0px 0px 4px;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .csd.popup decoration {
-    box-shadow: none;
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(102, 102, 102, 0.33);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(102, 102, 102, 0.33);
 }
 
 /* panel grip */
@@ -507,6 +521,11 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */
     color: shade (@theme_selected_bg_color, 1.3);
 }
 
+/* checkboxes in applet popup menu */
+.mate-panel-menu-bar menu > menuitem > box > menuitem {
+    padding: 0px 0px 0px 4px;
+}
+
 /* most applets */
 #PanelApplet button,
 #PanelApplet button.flat,
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 61ca028f..f60301a5 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -3531,6 +3531,7 @@ decoration:backdrop {
     box-shadow: none;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 89a3a767..67e5094a 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -200,9 +200,28 @@ PanelToplevel.background {
     text-shadow: none;
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .csd.popup decoration {
-    box-shadow: none;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
 /* panel grip */
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 930054a4..9fb560b7 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -5554,6 +5554,7 @@ decoration.ssd,
     box-shadow: none;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index bbd43fda..29102f8d 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -306,9 +306,28 @@ PanelToplevel.background {
     text-shadow: none;
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .csd.popup decoration {
-    box-shadow: none;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
 /* hide buttons */
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index 1a157b32..a2c2c0aa 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -3960,6 +3960,7 @@ decoration:backdrop {
     box-shadow: none;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index b79fa1f7..bf1fc1ab 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -99,16 +99,28 @@
     text-shadow: none;
 }
 
-MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
-    background-image: -gtk-scaled(url("img/panel-grid.svg"));
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-position: left;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .window-frame.csd.popup {
-    box-shadow: none;
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
 /* hide buttons */
@@ -128,6 +140,13 @@ PanelSeparator {
     text-shadow: none;
 }
 
+MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
+    background-image: -gtk-scaled(url("img/panel-grid.svg"));
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: left;
+}
+
 /* outlines */
 window.background, /* selector where outlines are writen on GtkTrayIcon */
 .mate-panel-menu-bar menubar,
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index b320977a..348c3a97 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -3962,6 +3962,7 @@ decoration:backdrop {
     box-shadow: none;
 }
 
+/* workaround to avoid unwanted black frames if switching compositor on/off */
 .csd.popup decoration {
     border-radius: 0;
     box-shadow: none;
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index 5c254daa..b880c668 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -98,16 +98,28 @@
     text-shadow: none;
 }
 
-MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
-    background-image: -gtk-scaled(url("img/panel-grid.svg"));
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-position: left;
+PanelToplevel.horizontal.top > grid {
+    border-style: outset;
+    border-width: 0px 0px 1px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
-/* workaround to avoid unwanted black frames if switching compositor on/off */
-.mate-panel-menu-bar .window-frame.csd.popup {
-    box-shadow: none;
+PanelToplevel.horizontal.bottom > grid {
+    border-style: outset;
+    border-width: 1px 0px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.left > grid {
+    border-style: outset;
+    border-width: 0px 1px 0px 0px;
+    border-color: rgba(0, 0, 0, 0.23);
+}
+
+PanelToplevel.vertical.right > grid {
+    border-style: outset;
+    border-width: 0px 0px 0px 1px;
+    border-color: rgba(0, 0, 0, 0.23);
 }
 
 /* hide buttons */
@@ -127,6 +139,13 @@ PanelSeparator {
     text-shadow: none;
 }
 
+MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
+    background-image: -gtk-scaled(url("img/panel-grid.svg"));
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: left;
+}
+
 /* outlines */
 window.background, /* selector where outlines are writen on GtkTrayIcon */
 .mate-panel-menu-bar menubar,