diff options
Diffstat (limited to 'module/web/static/css')
-rw-r--r-- | module/web/static/css/default/style.css | 40 | ||||
-rw-r--r-- | module/web/static/css/omniwindow.css | 72 |
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; -} - |