BlackMate GTK3: add popovers support

2 files changed, 153 insertions, 6 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css
index a17aa655..53d6cda1 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-main.css
@@ -125,6 +125,12 @@
 
 @define-color osd_trough_bg alpha(@osd_button_fg, 0.10);
 
+@define-color wm_a shade(@theme_bg_color, 1.3);
+@define-color wm_b @theme_bg_color;
+@define-color wm_util shade(@theme_bg_color, 1.2);
+@define-color wm_unfocus shade(@theme_bg_color, 1.05);
+@define-color wm_shadow alpha(black, 0.5);
+
 /* FIXME: needs dark colors from here */
 @define-color link_color #2EB8E6; /*#4a90d9*/
 @define-color warning_color #f57900;
diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index 40b56718..a7346652 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -385,6 +385,14 @@ GtkHTML.entry {
 	background-color: transparent;
 }*/
 
+.entry.cursor-handle,
+.cursor-handle {
+	background-color: transparent;
+	background-image: none;
+	box-shadow: none;
+	border-style: none;
+}
+
 .cursor-handle.top,
 .cursor-handle.bottom {
 	background-color:transparent;
@@ -394,6 +402,15 @@ GtkHTML.entry {
 	border-width: 0px;
 }
 
+.entry.cursor-handle.top,
+.cursor-handle.top {
+	-gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
+}
+.entry.cursor-handle.bottom,
+.cursor-handle.bottom {
+	-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
+}
+
 /*******************
  * Symbolic images *
  *******************/
@@ -2063,6 +2080,136 @@ GtkProgressBar.osd.progressbar {
 	border-radius: 0; 
 }
 
+/*************
+ * Popovers *
+ *************/
+
+.popover {
+	background-clip: initial;
+	margin: 10px;
+	padding: 2px;
+	border-color: shade(@theme_bg_color, 0.8);
+	border-width: 1px;
+	border-style: solid;
+	border-radius: 6px;
+	background-color: shade(@theme_selected_bg_color, 0.8);
+	background-image: linear-gradient(to bottom,
+	                                  @theme_selected_bg_color,
+	                                  shade(@theme_selected_bg_color, 0.5));
+	box-shadow: 0 1px 5px @wm_shadow;
+	text-shadow: none;
+	icon-shadow: none;
+}
+
+.popover > .list,
+.popover > .view,
+.popover > .toolbar .popover.osd > .toolbar,
+.popover > .inline-toolbar .popover.osd > .toolbar,
+.popover > .search-bar .popover.osd > .toolbar,
+.popover > .location-bar .popover.osd > .toolbar,
+.popover > .toolbar .popover.osd > .inline-toolbar,
+.popover > .inline-toolbar .popover.osd > .inline-toolbar,
+.popover > .search-bar .popover.osd > .inline-toolbar,
+.popover > .location-bar .popover.osd > .inline-toolbar,
+.popover > .toolbar .popover.osd > .search-bar,
+.popover > .inline-toolbar .popover.osd > .search-bar,
+.popover > .search-bar .popover.osd > .search-bar,
+.popover > .location-bar .popover.osd > .search-bar,
+.popover > .toolbar .popover.osd > .location-bar,
+.popover > .inline-toolbar .popover.osd > .location-bar,
+.popover > .search-bar .popover.osd > .location-bar,
+.popover > .location-bar .popover.osd > .location-bar {
+	border-style: none;
+	background-color: transparent;
+}
+
+.popover .separator {
+	font-size: 80%;
+	font-weight: bold;
+	color: alpha(@theme_fg_color,0.1);
+	text-shadow: none;
+	background-color: transparent;
+	icon-shadow: none;
+	border: 0;
+}
+
+.popover.osd {
+	background-image: none;
+	background-color: alpha(shade(#3D3E40, 0.85), 0.75);
+	border: 1px solid black;
+	box-shadow: none;
+	color: @theme_selected_fg_color;
+}
+.popover.osd .toolbar {
+	background-image: none;
+	background-color: transparent;
+	border: none;
+	box-shadow: none;
+}
+.popover.osd .button {
+	text-shadow: 0 -1px @osd_text_shadow;
+	icon-shadow: 0 -1px @osd_text_shadow;
+}
+.popover.osd .button:active,
+.popover.osd .button:checked {
+        box-shadow: none;
+}
+.popover.osd .button:insensitive {
+	color: alpha(@theme_selected_fg_color, 0.4);
+}
+
+.popover .list {
+	background-color: @theme_base_color;
+}
+
+GtkModelButton.button {
+	background-image: none;
+	background-color: transparent;
+	color: @theme_fg_color;
+	border-radius: 3px;
+}
+
+GtkModelButton.button:checked,
+GtkModelButton.button:active,
+GtkModelButton.button:insensitive,
+GtkModelButton.button:active:insensitive,
+GtkModelButton.button:checked:insensitive,
+GtkModelButton.button,
+GtkModelButton.button:focus,
+GtkModelButton.button:active:focus,
+GtkModelButton.button:checked:focus {
+	background-image: none;
+	border-color: transparent;
+	border-image: none;
+	border-style: none;
+	box-shadow: none;
+	border-radius: 3px;
+}
+
+GtkModelButton.button:checked:hover,
+GtkModelButton.button:active:hover,
+GtkModelButton.button:hover,
+GtkModelButton.button:selected {
+	background-image: linear-gradient(to bottom,
+	                                  #999999,
+	                                  #404040);
+	color: @theme_selected_fg_color;
+	text-shadow: none;
+	border-width: 0;
+	border-color: transparent;
+	border-radius: 3px;
+}
+
+GtkPopover .separator {
+	font-size: 80%;
+	font-weight: bold;
+	color: alpha(@theme_text_color,0.4);
+	text-shadow: none;
+	background-color: transparent;
+	icon-shadow: none;
+	border: 0;
+}
+
 /*******
  * CSD *
  *******/
@@ -2974,7 +3121,6 @@ NemoWindow GtkScrolledWindow.frame {
 }
 
 ContactsWindow .button,
-NautilusWindow .button,
 NemoWindow .button {
 	border-image: url("assets/button-border-dark1.svg") 3 / 3px stretch;
 	background-image: linear-gradient(to bottom,
@@ -2983,7 +3129,6 @@ NemoWindow .button {
 }
 
 ContactsWindow .button:hover,
-NautilusWindow .button:hover,
 NemoWindow .button:hover {
 	background-image: -gtk-gradient (radial,
 					0.5 -2.0, 2.0,
@@ -2997,14 +3142,10 @@ NemoWindow .button:hover {
 
 ContactsWindow .button:checked,
 ContactsWindow .button:hover:checked,
-NautilusWindow .button:checked,
-NautilusWindow .button:hover:checked,
 NemoWindow .button:checked,
 NemoWindow .button:hover:checked,
 ContactsWindow .button:active,
 ContactsWindow .button:hover:active,
-NautilusWindow .button:active,
-NautilusWindow .button:hover:active,
 NemoWindow .button:active,
 NemoWindow .button:hover:active {
 	background-image: linear-gradient(to bottom,