Gtk+-3.20 Green-Submarine: port mate-applications.css to GTK 3.20

Get Caja and Mate-Panel as close as possible to gtk3.18 versions, ignore rest and non-working selectors for now. The old selectors in application theme files are silently ignored w/o creating runtime errors.

1 files changed, 81 insertions, 76 deletions

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 08e0fca1..c1f44929 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -5,18 +5,19 @@
 /**** Window ***/
 
 /* background of all views */
-CajaNavigationWindow .view {
+/*Caja icon views-these are widgets w/o css nodes or valid names, .view is applied only to */
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow.frame {
     background-color: shade (@base_color, 1.0);
     color: @theme_fg_color;
 }
 
-/* since gtk+-3.18 */
-CajaNavigationWindow FMListView .view {
+/* Caja list view */
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow>*>treeview.view{
     background-color: shade (@base_color, 1.0);
 }
 
 /* caja sidebar */
-CajaWindow FMTreeView .view,
+window.background*>paned>box>notebook>stack>scrolledwindow.frame treeview.view,
 CajaWindow CajaNotesViewer .view,
 CajaWindow CajaPlacesSidebar .view,
 CajaWindow CajaHistorySidebar .view,
@@ -26,8 +27,8 @@ CajaWindow CajaInformationPanel .vertical {
 }
 
 /* the small line between sidebar and view */
-CajaWindow GtkPaned.horizontal {
-    -GtkPaned-handle-size: 3px;
+CajaWindow paned.horizontal {
+    -paned-handle-size: 3px;
     border-color: transparent;
 }
 
@@ -78,16 +79,16 @@ CajaWindow CajaEmblemSidebar .scrollbar {
     -GtkScrolledWindow-scrollbars-within-bevel: 1;
 }
 
-CajaWindow FMTreeView .scrollbar.trough,
-CajaWindow CajaNotesViewer .scrollbar.trough,
-CajaWindow CajaPlacesSidebar .scrollbar.trough,
-CajaWindow CajaHistorySidebar .scrollbar.trough,
-CajaWindow CajaEmblemSidebar .scrollbar.trough,
-CajaWindow FMTreeView .scrollbar.trough.vertical,
-CajaWindow CajaNotesViewer .scrollbar.trough.vertical,
-CajaWindow CajaPlacesSidebar .scrollbar.trough.vertical,
-CajaWindow CajaHistorySidebar .scrollbar.trough.vertical,
-CajaWindow CajaEmblemSidebar .scrollbar.trough.vertical {
+CajaWindow FMTreeView scrollbar trough,
+CajaWindow CajaNotesViewer  scrollbar trough,
+CajaWindow CajaPlacesSidebar  scrollbar trough,
+CajaWindow CajaHistorySidebar  scrollbar trough,
+CajaWindow CajaEmblemSidebar  scrollbar trough,
+CajaWindow FMTreeView  scrollbar trough.vertical,
+CajaWindow CajaNotesViewer  scrollbar trough.vertical,
+CajaWindow CajaPlacesSidebar  scrollbar trough.vertical,
+CajaWindow CajaHistorySidebar  scrollbar trough.vertical,
+CajaWindow CajaEmblemSidebar  scrollbar trough.vertical {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@theme_bg_color, 0.98)),
                                     to (shade (@theme_bg_color, 1.06)));
@@ -403,8 +404,8 @@ CajaTrashBar .button *:checked:hover {
     text-shadow: 0px 1px @theme_shadow_color;
 }
 
-.question .button:insensitive,
-CajaTrashBar .button:insensitive {
+.question .button:disabled,
+CajaTrashBar .button:disabled {
     background-image: -gtk-gradient (linear,
                                      left top, left bottom,
                                      from (shade(@nautilus_cluebar_color, 0.95)),
@@ -417,8 +418,8 @@ CajaTrashBar .button:insensitive {
                 inset  0px -1px shade(@nautilus_cluebar_color, 0.78);
 }
 
-.question .button *:insensitive,
-CajaTrashBar .button *:insensitive {
+.question .button *:disabled,
+CajaTrashBar .button *:disabled {
     color: mix(@nautilus_cluebar_color, @theme_fg_color, 0.50);
     text-shadow: none;
 }
@@ -576,14 +577,14 @@ FMPropertiesWindow .vertical.dialog-vbox .notebook GtkViewport {
 /* tab styling */
 CajaNavigationWindow CajaNotebook.notebook {
     border-style: none;
-    -GtkNotebook-tab-overlap: 1;
+    /*-GtkNotebook-tab-overlap: 1; */
 }
 
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical tab.top,
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical tab.top:active,
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical tab.top:active:hover,
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical tab.reorderable-page,
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical tab.reorderable-page:hover {
+CajaNavigationWindow paned.horizontal paned.horizontal .vertical tab.top,
+CajaNavigationWindow paned.horizontal paned.horizontal .vertical tab.top:active,
+CajaNavigationWindow paned.horizontal paned.horizontal .vertical tab.top:active:hover,
+CajaNavigationWindow paned.horizontal paned.horizontal .vertical tab.reorderable-page,
+CajaNavigationWindow paned.horizontal paned.horizontal .vertical tab.reorderable-page:hover {
     border-radius: 4px 4px 0px 0px;
     border-width: 1px 1px 0px 1px;
     border-color: @notebook_border;
@@ -603,7 +604,7 @@ CajaNavigationWindow CajaNotebook.notebook tab .button.flat {
 }
 
 EelEditableLabel.entry,
-EelEditableLabel.entry:focused {
+EelEditableLabel.entry:focus {
    border-image: none;
    border-width: 1px;
    border-color: @theme_fg_color;
@@ -617,14 +618,14 @@ EelEditableLabel.entry:focused {
 }
 
 /* desktop mode */
-CajaDesktopWindow.background .caja-canvas-item {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item {
     color: white;
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-CajaDesktopWindow.background .caja-canvas-item:active,
-CajaDesktopWindow.background .caja-canvas-item:prelight,
-CajaDesktopWindow.background .caja-canvas-item:selected {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:active,
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:hover,
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:selected {
     text-shadow: none;
 }
 
@@ -633,15 +634,17 @@ CajaDesktopWindow.background .caja-canvas-item:selected {
  ****************/
 
 /* first make all transparent */
+.mate-panel-menu-bar,
 PanelToplevel.background.horizontal {
     background-color: transparent;
 }
 
+.mate-panel-menu-bar .menubar,
 WnckSelector.menubar,
 PanelMenuBar.menubar,
-WnckSelector GtkMenuItem,
-PanelMenuBar GtkMenuItem,
-MatePanelApplet GtkToggleButton.button {
+WnckSelector menuitem,
+PanelMenuBar menuitem,
+#PanelApplet togglebutton.button {
     border-image: none;
     background-image: none;
     background-color: transparent;
@@ -713,11 +716,11 @@ GdictApplet .entry {
     padding: 3px 4px;
 }
 
-MatePanelApplet {
+#PanelApplet {
     border-width: 0;
 }
 
-MatePanelAppletFrameDBus PanelSeparator,
+#PanelAppletFrameDBus PanelSeparator,
 PanelSeparator {
     border-width: 0;
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -728,7 +731,7 @@ PanelSeparator {
 }
 
 /* the grid left from wnckpager and wncktasklist */
-MatePanelAppletFrameDBus {
+#PanelAppletFrameDBus {
     background-image: -gtk-scaled(url("assets/panel-grid.svg"));
     background-color: transparent;
     background-repeat: no-repeat;
@@ -806,8 +809,9 @@ PanelMenuButton .menu .menuitem:hover {
 /* desktop-applet, clockapplet, drivemount, character-map,
 dictionary */
 
-MatePanelApplet .button,
-MatePanelApplet .button.flat {
+.mate-panel-menu-bar button,
+#PanelApplet .button,
+#PanelApplet .button.flat {
     background-image: none;
     background-color: transparent;
 /*    border-color: shade (@theme_selected_bg_color, 1.30); */
@@ -821,12 +825,12 @@ MatePanelApplet .button.flat {
     padding: 6px;
 }
 
-MatePanelApplet .button:hover:active,
-MatePanelApplet .button:checked,
-MatePanelApplet .button:checked:hover,
-MatePanelApplet .button.flat:hover:active,
-MatePanelApplet .button.flat:checked,
-MatePanelApplet .button.flat:checked:hover {
+#PanelApplet button:hover:active,
+#PanelApplet button:checked,
+#PanelApplet button:checked:hover,
+#PanelApplet button.flat:hover:active,
+#PanelApplet button.flat:checked,
+#PanelApplet button.flat:checked:hover {
     background-image: none;
     border-color: @selected_bg_color;
     background-color: shade (@selected_bg_color, 0.70);
@@ -837,8 +841,8 @@ MatePanelApplet .button.flat:checked:hover {
     padding: 6px;
 }
 
-MatePanelApplet .button:hover,
-MatePanelApplet .button.flat:hover {
+#PanelApplet button:hover,
+#PanelApplet button.flat:hover {
     background-image: none;
     border-color: @selected_bg_color;
     background-color: shade (@selected_bg_color, 1.10);
@@ -850,12 +854,12 @@ MatePanelApplet .button.flat:hover {
 }
 
 /* drivemount */
-DriveList .button,
-DriveList .button.flat,
-DriveList .button:hover,
-DriveList .button.flat:hover,
-DriveList .button:checked,
-DriveList .button.flat:checked {
+DriveList button,
+DriveList button.flat,
+DriveList button:hover,
+DriveList button.flat:hover,
+DriveList button:checked,
+DriveList button.flat:checked {
     padding: 4px;
     border-radius: 5px;
     border-color: transparent;
@@ -863,8 +867,8 @@ DriveList .button.flat:checked {
 }
 
 /*Wncklist */
-WnckTasklist .button,
-WnckTasklist .button.flat {
+.mate-panel-menu-bar #PanelPlug #PanelApple button,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button.flat {
     background-image: none;
     background-color: transparent;
     border-radius: 5px;
@@ -874,14 +878,15 @@ WnckTasklist .button.flat {
     padding: 2px;
 }
 
-WnckTasklist .button:hover:active,
-WnckTasklist .button:checked,
-WnckTasklist .button:checked:hover,
-WnckTasklist .button.flat:hover:active,
-WnckTasklist .button.flat:checked:hover,
-WnckTasklist .button.flat:checked {
+.mate-panel-menu-bar #PanelPlug #PanelApplet button:hover:active,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button:checked,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button:checked:hover,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button.flat:hover:active,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button.flat:checked:hover,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button.flat:checked {
     background-image: none;
-    border-color: @selected_bg_color;
+    /*border-color: @selected_bg_color;*/
+	border-color:transparent;          /*can't match gtk3.18 perfect, the drawing is different*/
     background-color: shade (@selected_bg_color, 0.70);
     border-radius: 5px;
     border-width: 1px;
@@ -890,8 +895,9 @@ WnckTasklist .button.flat:checked {
     padding: 2px;
 }
 
-WnckTasklist .button:hover,
-WnckTasklist .button.flat:hover {
+
+.mate-panel-menu-bar #PanelPlug #PanelApplet button:hover,
+.mate-panel-menu-bar #PanelPlug #PanelApplet button.flat:hover {
     background-image: none;
     border-color: @selected_bg_color;
     background-color: shade (@selected_bg_color, 1.10);
@@ -903,7 +909,7 @@ WnckTasklist .button.flat:hover {
 }
 
 /* set normal button WnckSelector */
-WnckSelector.menubar .menuitem {
+.mate-panel-menu-bar menubar menuitem {
     background-image: none;
     background-color: transparent;
     border-style: none;
@@ -912,7 +918,7 @@ WnckSelector.menubar .menuitem {
 }
 
 /* set selected button WnckSelector */
-WnckSelector.menubar .menuitem:hover {
+.mate-panel-menu-bar menubar menuitem:hover {
     background-image: none;
     border-color: @selected_bg_color;
     background-color: shade (@selected_bg_color, 0.70);
@@ -923,7 +929,7 @@ WnckSelector.menubar .menuitem:hover {
 }
 
 /* set WnckSelector selected menuitem */
-WnckSelector.menubar .menu .menuitem:hover {
+.mate-panel-menu-bar menubar menuitem:hover {
     background-color: shade (@theme_bg_dark_color, 1.2);
     color: shade (@theme_selected_bg_color, 1.3);
     background-image: none;
@@ -937,7 +943,7 @@ WnckSelector.menubar .menu .menuitem:hover {
 
 ClockBox,
 .mate-panel-menu-bar.menubar,
-MatePanelApplet > GtkMenuBar.menubar {
+#PanelApplet > GtkMenuBar.menubar {
     font: normal;
 }
 
@@ -974,7 +980,7 @@ NaTrayApplet {
 }
 
 /* system-monitor-applet */
-MatePanelApplet .horizontal .vertical .frame {
+#PanelApplet .horizontal .vertical .frame {
     box-shadow: inset  0px  1px shade (@menu_bg_dark_color, 1.3),
                 inset  1px  0px shade (@menu_bg_dark_color, 1.3),
                 inset -1px  0px shade (@menu_bg_dark_color, 1.3),
@@ -1022,7 +1028,7 @@ MatePanelApplet .horizontal .vertical .frame {
     margin: 0px;
 }
 
-.mate-panel-applet-slider .frame .button:insensitive {
+.mate-panel-applet-slider .frame .button:disabled {
     box-shadow: none;
 }
 
@@ -1103,7 +1109,7 @@ PlumaWindow .button.flat:hover {
 /* notebook text area */
 PlumaWindow .notebook {
     border-style: none;
-    -GtkNotebook-tab-overlap: 1;
+   /* -GtkNotebook-tab-overlap: 1;*/
 }
 
 PlumaWindow .notebook tab.top {
@@ -1201,7 +1207,7 @@ PlumaPanel.vertical PlumaCloseButton.button.flat {
 PlumaPanel.vertical PlumaCloseButton.button.flat:hover {
     border-radius: 4px;
     border-style: none;
-    -gtk-image-effect: highlight;
+    /*-gtk-image-effect: highlight;*/
     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),
@@ -1212,7 +1218,7 @@ PlumaPanel.vertical .notebook {
     border-radius: 0px;
 }
 
-PlumaFileBrowserWidget.vertical GtkToggleButton.button {
+PlumaFileBrowserWidget.vertical togglebutton.button {
     padding: 4px ;
 }
 
@@ -1345,7 +1351,7 @@ EvWindow .toolbar .button.flat {
     padding: 0px 4px;
 }
 
-EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton:prelight.button {
+EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl togglebutton:hover.button {
     padding: 4px;
     border-radius: 4px;
 }
@@ -1414,7 +1420,6 @@ EomThumbNav .button.flat:hover {
                 inset  0px -1px shade(@selected_bg_color, 0.93);
 }
 
-EomThumbNav .button.flat:insensitive {
+EomThumbNav .button.flat:disabled {
     border-color: transparent;
 }
-