Let the theme control overlay opacity for dialogs.

2 files changed, 6 insertions, 4 deletions

diff --git a/lib/gallery.dialog.js b/lib/gallery.dialog.js
index 6f40bdae..a7f66cce 100644
--- a/lib/gallery.dialog.js
+++ b/lib/gallery.dialog.js
@@ -28,10 +28,6 @@ function openDialog(element, on_success) {
     height: "auto",
     width: "auto",
     modal: true,
-    overlay: {
-      opacity: 0.7,
-      background: "black"
-    },
     resizable: true,
     close: function (event, ui) {
       $("#gDialog").dialog("destroy").remove();
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index ca850114..d1900a7a 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -725,6 +725,12 @@ form p.gError {
   text-align: left;
 }
 
+.ui-widget-overlay {
+  background: #000;
+  opacity: .7;
+  filter: Alpha(Opacity=70);
+}
+
 #gDialog form {
   width: 500px;
 }