diff --git a/themes/default/css.php b/themes/default/css.php index 10926924fa..79f09f339b 100644 --- a/themes/default/css.php +++ b/themes/default/css.php @@ -1335,66 +1335,9 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false; padding: 4px 7px; } -/* RESPONSE MESSAGES *******************************************************/ +/* RESPONSE MESSAGE STACK *******************************************************/ #message_container { - z-index: 99998; - position: absolute; - top: -80px; - left: 0; - right: 0; - filter: alpha(opacity=0); - opacity: 0; - -moz-opacity:0; - -khtml-opacity: 0; - padding: 15px 0; - } - - #message_text { - z-index: 99999; - position: absolute; - top: -80px; - left: 0; - right: 0; - filter: alpha(opacity=0); - opacity: 0; - -moz-opacity:0; - -khtml-opacity: 0; - margin: 0 auto; - vertical-align: middle; - padding: 15px 0; - text-align: center; - font-family: arial, san-serif; - font-size: 10pt; - } - - .message_container_mood_default { - background: ; - } - - .message_container_mood_negative { - background: ; - } - - .message_container_mood_alert { - background: ; - } - - .message_text_mood_default { - color: ; - } - - .message_text_mood_negative { - color: ; - } - - .message_text_mood_alert { - color: ; - } - -/* MESSAGES STACK *******************************************************/ - - #messages_container { z-index: 99998; position: absolute; top: 0; @@ -1406,33 +1349,37 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false; .message_text { z-index: 99999; margin: 0 auto; - padding: 0.5em 0; + padding: 10px; text-align: center; font-family: arial, san-serif; font-size: 10pt; display: block; - border-bottom: solid 1px; color: ; background: ; - border-bottom-color: ; + box-shadow: inset 0px 7px 8px -10px ; + border-bottom: solid 1px ; + opacity: 0; + } + + .message_mood_positive { + color: ; + background: ; + box-shadow: inset 0px 7px 8px -10px ; + border-bottom: solid 1px ; } - .message_mood_positive { - color: ; - background: ; - border-bottom-color: ; - } - .message_mood_negative { color: ; background: ; - border-bottom-color: ; + box-shadow: inset 0px 7px 8px -10px ; + border-bottom: solid 1px ; } .message_mood_alert { color: ; background: ; - border-bottom-color: ; + box-shadow: inset 0px 7px 8px -10px ; + border-bottom: solid 1px ; } /* OPERATOR PANEL ****************************************************************/ diff --git a/themes/default/template.php b/themes/default/template.php index c50e58be8d..4aa4593715 100644 --- a/themes/default/template.php +++ b/themes/default/template.php @@ -75,19 +75,22 @@ message_text.click(function() { var object = $(this); object.clearQueue().finish(); - object.animate({height: '0', 'font-size': '0', 'border-bottom-width': '0'}, 1000).animate({opacity: 0}); + $("#message_container").css({'display':'none'}); } ); $("#message_container").append(message_text); - message_text.animate({opacity: 1}, 'fast').delay(delay).animate({height: '0', 'font-size': '0', 'border-bottom-width': '0'}, 1000).animate({opacity: 0}); + message_text.animate({opacity: 1}, 250, function(){ + $("#message_container").delay(delay).animate({opacity: 0, height: '0'}, 1000); + }); + } } $(document).ready(function() { - + //hide message bar on hover - $("#message_text").mouseover(function() { $(this).hide(); $("#message_container").hide(); }); + $(".message_text").mouseover(function() { $("#message_container").css({display:'none'}); }); 1) { @@ -232,7 +235,7 @@ $("[id*=recording_button]").not("[id*=recording_button_"+recording_id+"]").html(""); $("[id*=recording_progress_bar]").not("[id*=recording_progress_bar_"+recording_id+"]").css('display', 'none'); - + $('audio').each(function(){ if ($(this).get(0) != recording_audio) { $(this).get(0).pause(); // Stop playing