modal dialog

2 files changed, 40 insertions, 72 deletions

diff --git a/module/web/static/css/default/style.css b/module/web/static/css/default/style.css
index fb33875a7..b871c1d3d 100644
--- a/module/web/static/css/default/style.css
+++ b/module/web/static/css/default/style.css
@@ -279,4 +279,44 @@ footer h2 {
     line-height: 16px;

     margin: 0;

     padding-bottom: 6px;

+}

+

+

+/*

+   Modal Dialogs

+*/

+.modal {

+    top: 100px;

+    left: 50%;

+    position: fixed;

+    width: 300px;

+    height: 300px;

+    margin-left: -150px;

+    z-index: 100;

+    background: #fcfcfc;

+    padding: 10px 20px 20px;

+    box-shadow: 0 0 30px rgba(0,0,0,0.2);

+}

+

+#modal-overlay {

+    content: " ";

+    height: 100%;

+    width: 100%;

+    position: absolute;

+    left: 0;

+    top: 0; /* TODO change gradient at all browser */

+    background: -moz-radial-gradient(center, ellipse cover,  rgba(236,208,66,0) 0%, rgba(40,119,171,0.9) 100%);

+    /*background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,0,0) 0%, rgba(127,127,127,0.9) 100%);*/

+    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));

+    background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);

+    background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);

+    background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);

+    background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);

+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );

+    z-index: 50;

+    opacity: 0;

+}

+

+.modal-closed {

+    display: none;

 }
\ No newline at end of file
diff --git a/module/web/static/css/omniwindow.css b/module/web/static/css/omniwindow.css
deleted file mode 100644
index 4947ea3c7..000000000
--- a/module/web/static/css/omniwindow.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/* Default class for an overlay */
-.ow-overlay {
-     content: " ";
-     height: 100%;
-     width: 100%;
-     position: absolute;
-     left: 0;
-     top: 0; /* TODO change gradient at all browser */
-     background: -moz-radial-gradient(center, ellipse cover,  rgba(236,208,66,0) 0%, rgba(40,119,171,0.9) 100%);
-     /*background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,0,0) 0%, rgba(127,127,127,0.9) 100%);*/
-     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
-     background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
-     background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
-     background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
-     background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
-     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
-     z-index: 50;
- }
-
-/* Default class for both hidden overlay and modal window */
-.ow-closed {
-    display: none;
-}
-
-/* Default class for modal window */
-.modal {
-    left: 50%;
-    position: fixed;
-    width: 300px;
-    height: 300px;
-    z-index: 100;
-    background-color: #ffffff;
-}
-
-/* Animations */
-.window-container {
-    background: #fcfcfc;
-    opacity: 0;
-    width: 500px;
-    padding: 10px 20px 20px;
-    text-align: left;
-    border-radius: 3px;
-    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
-    -webkit-transition: 0.4s ease-out;
-    -moz-transition: 0.4s ease-out;
-    -ms-transition: 0.4s ease-out;
-    -o-transition: 0.4s ease-out;
-    transition: 0.4s ease-out;
-}
-
-.zoomin {
-    -webkit-transform:  scale(1.2);
-    -moz-transform:  scale(1.2);
-    -ms-transform:  scale(1.2);
-    transform:  scale(1.2);
-}
-
-.zoomout {
-    -webkit-transform:  scale(0.7);
-    -moz-transform:  scale(0.7);
-    -ms-transform:  scale(0.7);
-    transform:  scale(0.7);
-}
-
-.window-container-visible {
-    -webkit-transform:  scale(1);
-    -moz-transform:  scale(1);
-    -ms-transform:  scale(1);
-    transform:  scale(1);
-    opacity: 1;
-}
-