GTK+-3.20 most themes: add support for OSD mediakeys windows

7 files changed, 190 insertions, 0 deletions

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 fb5267f9..6bdfaa85 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -1029,3 +1029,38 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b
     background-color: shade (@theme_bg_color, 1.0);
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 30px;
+    border-style: solid;
+    border-width: 1px;
+}
+
+MsdOsdWindow.background.osd .trough {
+    background-color: @osd_trough_bg;
+    border-radius: 2px;
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    background-color: transparent;
+    border-radius: 2px;
+    border-color: transparent;
+    background-image: linear-gradient(to right,
+                                      alpha (#000, 0.00),
+                                      alpha (#000, 0.00) 48%,
+                                      alpha (#004, 0.12) 48%,
+                                      alpha (#004, 0.12) 50%,
+                                      alpha (#000, 0.00) 50%,
+                                      alpha (#000, 0.00) 98%,
+                                      alpha (#004, 0.12) 98%,
+                                      alpha (#004, 0.12)),
+                      linear-gradient(to bottom,
+                                      alpha (#000, 0.20),
+                                      alpha (#000, 0.05) 50%,
+                                      alpha (#000, 0.00)),
+                      linear-gradient(to right,
+                                      @progressbar_fill_a,
+                                      @progressbar_fill_b);
+    background-size: 40px auto, auto, auto;
+}
+
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index dde31ec8..763f6ec1 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -787,3 +787,24 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b
 	padding-bottom: 3px;
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 20px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.8);
+}
+
+MsdOsdWindow.background.osd .trough {
+	background-color: @osd_trough_bg;
+    border-radius: 3px;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.4);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    border-width: 1px;
+    border-radius: 3px;
+    border-color: rgba(0,0,0,0.4);
+}
+
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 d3021033..48f17265 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -1026,3 +1026,38 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b
     background-color: shade (@theme_bg_color, 1.0);
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 30px;
+    border-style: solid;
+    border-width: 1px;
+}
+
+MsdOsdWindow.background.osd .trough {
+    background-color: @osd_trough_bg;
+    border-radius: 2px;
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    background-color: transparent;
+    border-radius: 2px;
+    border-color: transparent;
+    background-image: linear-gradient(to right,
+                                      alpha (#000, 0.00),
+                                      alpha (#000, 0.00) 48%,
+                                      alpha (#004, 0.12) 48%,
+                                      alpha (#004, 0.12) 50%,
+                                      alpha (#000, 0.00) 50%,
+                                      alpha (#000, 0.00) 98%,
+                                      alpha (#004, 0.12) 98%,
+                                      alpha (#004, 0.12)),
+                      linear-gradient(to bottom,
+                                      alpha (#000, 0.20),
+                                      alpha (#000, 0.05) 50%,
+                                      alpha (#000, 0.00)),
+                      linear-gradient(to right,
+                                      @progressbar_fill_a,
+                                      @progressbar_fill_b);
+    background-size: 40px auto, auto, auto;
+}
+
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 3cf7b1ab..1c0f3c2d 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -554,3 +554,27 @@ EggToolbarEditor.vertical scrolledwindow .frame {
 	padding-bottom: 3px;
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 20px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgba(97,112,92,0.8);
+}
+
+MsdOsdWindow.background.osd .trough {
+    border: 1px solid rgba(97,112,92,0.8);
+    border-image: none;
+    background-image: linear-gradient(to bottom,
+                                      shade(@osd_button_border, 0.70),
+                                      shade(@osd_button_border, 0.90));
+    background-color: transparent;
+    border-radius: 4px;
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    border-radius: 3px;
+    border-color: transparent;
+    border-width: 0px;
+}
+
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index 3fe64b7d..56bd6793 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -783,3 +783,24 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b
 	padding-bottom: 3px;
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 20px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.8);
+}
+
+MsdOsdWindow.background.osd .trough {
+	background-color: @osd_trough_bg;
+    border-radius: 3px;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.4);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    border-width: 1px;
+    border-radius: 3px;
+    border-color: rgba(0,0,0,0.4);
+}
+
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index e3d8a0e9..0cfb2912 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -428,3 +428,30 @@ EggToolbarEditor.vertical scrolledwindow {
                       @toolbar_gradient_d);
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 20px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.6);
+    background-image: linear-gradient(to bottom,
+                                      @osd_toolbar_bg_a,
+                                      @osd_toolbar_bg_b 63%,
+                                      @osd_toolbar_bg_c);
+    background-color: transparent;
+}
+
+MsdOsdWindow.background.osd .trough {
+	background-color: @osd_trough_bg;
+    border-radius: 3px;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.6);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    border-width: 1px;
+    border-radius: 3px;
+    border-color: rgba(0,0,0,0.4);
+    background-color: @osd_scale_trough_bg_color;
+}
+
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index 2bd5d790..bb36b54f 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -427,3 +427,30 @@ EggToolbarEditor.vertical scrolledwindow {
                       @toolbar_gradient_d);
 }
 
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+    border-radius: 20px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.6);
+    background-image: linear-gradient(to bottom,
+                                      @osd_toolbar_bg_a,
+                                      @osd_toolbar_bg_b 63%,
+                                      @osd_toolbar_bg_c);
+    background-color: transparent;
+}
+
+MsdOsdWindow.background.osd .trough {
+	background-color: @osd_trough_bg;
+    border-radius: 3px;
+    border-width: 1px;
+    border-color: rgba(0,0,0,0.6);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+    border-width: 1px;
+    border-radius: 3px;
+    border-color: rgba(0,0,0,0.4);
+    background-color: @osd_scale_trough_bg_color;
+}
+