From 9500f10ed3e9c18529b1bf91e96fa16f9f926a2f Mon Sep 17 00:00:00 2001 From: RaNaN Date: Tue, 14 Aug 2012 23:29:04 +0200 Subject: addjusted animations --- module/web/static/css/omniwindow.css | 5 ++--- module/web/templates/default/base.html | 5 ++--- 2 files changed, 4 insertions(+), 6 deletions(-) (limited to 'module/web') diff --git a/module/web/static/css/omniwindow.css b/module/web/static/css/omniwindow.css index 12f4d451c..2117a77e0 100644 --- a/module/web/static/css/omniwindow.css +++ b/module/web/static/css/omniwindow.css @@ -5,7 +5,7 @@ width: 100%; position: absolute; left: 0; - top: 0; + top: 0; /* TODO change gradient at all browser */ 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%); @@ -13,7 +13,7 @@ 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; + z-index: 50; } /* Default class for both hidden overlay and modal window */ @@ -35,7 +35,6 @@ .window-container { background: #fcfcfc; opacity: 0; - margin: 8em auto; width: 500px; padding: 10px 20px 20px; text-align: left; diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html index 5e1b2089a..5f18634ee 100644 --- a/module/web/templates/default/base.html +++ b/module/web/templates/default/base.html @@ -199,7 +199,6 @@ internalCallback(subjects); // call internal callback }) }, - show:function (subjects, internalCallback) { subjects.overlay.fadeIn(250, function () { internalCallback(subjects); // call internal callback @@ -209,13 +208,13 @@ animations:{ hide:function (subjects, internalCallback) { subjects.modal.removeClass('window-container-visible'); - subjects.modal.fadeOut(function () { + subjects.modal.fadeOut(250, function () { internalCallback(subjects); // call internal callback }); }, show:function (subjects, internalCallback) { - subjects.modal.fadeIn(function () { + subjects.modal.fadeIn(0, function () { subjects.modal.addClass('window-container-visible'); internalCallback(subjects); // call internal callback }); -- cgit v1.2.3 From dc1674c73c7e3ca24ea651e15fa7098199b2a3db Mon Sep 17 00:00:00 2001 From: RaNaN Date: Wed, 15 Aug 2012 17:23:09 +0200 Subject: fancier colors for background --- module/web/static/css/omniwindow.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'module/web') diff --git a/module/web/static/css/omniwindow.css b/module/web/static/css/omniwindow.css index 2117a77e0..4947ea3c7 100644 --- a/module/web/static/css/omniwindow.css +++ b/module/web/static/css/omniwindow.css @@ -6,7 +6,8 @@ position: absolute; left: 0; top: 0; /* TODO change gradient at all browser */ - background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,0,0) 0%, rgba(127,127,127,0.9) 100%); + 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%); -- cgit v1.2.3 From 8aa89f5e050417e5ebfbcceeeb5e4176f252a34f Mon Sep 17 00:00:00 2001 From: RaNaN Date: Wed, 15 Aug 2012 19:34:43 +0200 Subject: added tooltip --- module/web/templates/default/base.html | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'module/web') diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html index 5f18634ee..b26766aab 100644 --- a/module/web/templates/default/base.html +++ b/module/web/templates/default/base.html @@ -186,7 +186,27 @@ style:{ classes:'ui-tooltip-dark ui-tooltip-shadow' } - }) + }); + + $("#notification_div").qtip({ + content:{ + title: {text: "Running Tasks", button:true}, + text: "Content" + }, + position:{ + my:'top center', + at:'bottom center' + }, + show:{ delay:500, effect: function(offset) { + $(this).slideDown(250); // "this" refers to the tooltip + }}, + style:{ + classes:'ui-tooltip-light ui-tooltip-shadow', + width: $("#notification_div").outerWidth(), + height: 100 + }, + hide: false + }); });