osd: add style for OSD buttons in a GtkOverlay

Like Documents has.

1 files changed, 45 insertions, 2 deletions

diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index b6da0332..05731b09 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -2668,6 +2668,8 @@ GtkOverlay.osd {
     background-color: transparent;
 }
 
+.osd.button,
+.osd.button:active,
 .osd .button,
 .osd .button:active {
     border-width: 1px;
@@ -2676,9 +2678,15 @@ GtkOverlay.osd {
     border-radius: 5px;
 }
 
-.osd .button { border-color: @osd_button_border; }
-.osd .button:active { border-color: @osd_button_border_active; }
+.osd .button {
+    border-color: @osd_button_border;
+}
 
+.osd .button:active {
+    border-color: @osd_button_border_active;
+}
+
+.osd.button,
 .osd .button {
     padding: 4px;
 
@@ -2694,68 +2702,101 @@ GtkOverlay.osd {
     icon-shadow: 0 -1px @osd_button_shadow;
 }
 
+.osd.button {
+    padding: 8px;
+}
+
+.osd.button,
+.osd.button:active {
+    border-color: transparent;
+}
+
+.osd.button,
+.osd.button:prelight,
+.osd.button:active {
+    background-color: shade(@osd_bg, 1.10);
+}
+
 .osd .button,
 .osd .button:prelight,
 .osd .button:active {
     background-color: transparent;
 }
 
+.osd.button:insensitive,
 .osd .button:insensitive {
     background-image: none;
     background-color: @osd_button_bg_insensitive;
 }
 
+.osd.button:active:insensitive,
 .osd .button:active:insensitive {
     background-image: none;
     background-color: @osd_button_bg_insensitive_active;
 }
 
+.osd.button:backdrop,
 .osd .button:backdrop {
     background-image: none;
     background-color: @osd_button_bg_backdrop;
 }
 
+.osd.button:backdrop:hover,
+.osd.button:backdrop:active:hover,
 .osd .button:backdrop:hover,
 .osd .button:backdrop:active:hover {
     background-image: none;
     background-color: @osd_button_bg_backdrop_hover;
 }
 
+.osd.button:backdrop:active,
 .osd .button:backdrop:active {
     background-image: none;
     background-color: @osd_button_bg_backdrop_active;
 }
 
+.osd.button:backdrop:insensitive,
+.osd.button:backdrop:insensitive:active,
 .osd .button:backdrop:insensitive,
 .osd .button:backdrop:insensitive:active {
     background-image: none;
     background-color: @osd_button_bg_backdrop_insensitive;
 }
 
+.osd.button *:hover,
 .osd .button *:hover {
     color: @osd_button_fg_hover;
 }
 
+.osd.button *:active,
+.osd.button *:hover:active,
 .osd .button *:active,
 .osd .button *:hover:active {
     color: @osd_button_fg_active;
 }
 
+.osd.button *:insensitive,
+.osd.button *:insensitive:active,
 .osd .button *:insensitive,
 .osd .button *:insensitive:active {
     color: @osd_button_fg_insensitive;
 }
 
+.osd.button *:backdrop,
+.osd.button *:backdrop:insensitive,
+.osd.button *:backdrop:insensitive:active,
 .osd .button *:backdrop,
 .osd .button *:backdrop:insensitive,
 .osd .button *:backdrop:insensitive:active {
     color: @osd_button_fg_backdrop;
 }
 
+.osd.button *:backdrop:active,
 .osd .button *:backdrop:active {
     color: @osd_button_fg_backdrop_active;
 }
 
+.osd.button:hover,
 .osd .button:hover {
     background-image: linear-gradient(to bottom,
                                       @osd_button_bg_hover_a,
@@ -2764,6 +2805,8 @@ GtkOverlay.osd {
 				      );
 }
 
+.osd.button:active,
+.osd.button:active:hover,
 .osd .button:active,
 .osd .button:active:hover,
 .osd GtkMenuButton.button:active {