diff --git a/public/javascripts/application.js b/public/javascripts/application.js index c11f076..e158bd0 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -742,8 +742,8 @@ $.fn.hint = function (blurClass) { var altBeautify = jQuery('
') .append('') - .append('') - .append(''); + .append('') + .append(''); var altTarget; jQuery(document).ready(function () { jQuery('body').append(altBeautify); @@ -758,6 +758,11 @@ function altTimeout() { altBeautify.show(); } +function altHide() { + altTarget = null; + altBeautify.hide(); +} + jQuery('a[title]').live('mouseover', function (e) { alt = jQuery(this).attr('title'); if (alt != '') { @@ -766,12 +771,10 @@ jQuery('a[title]').live('mouseover', function (e) { } altTarget = this; - setTimeout("altTimeout()", 300); -}); -jQuery('a[title]').live('mouseout', function (e) { - altTarget = null; - altBeautify.hide(); + setTimeout("altTimeout()", 500); }); +jQuery('a[title]').live('mouseout', altHide); +jQuery('a[title]').live('click', altHide); function facet_options_toggle(id, url) { diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 5d4c392..442bb18 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -5164,42 +5164,37 @@ h1.page-title.no-boxes small { } #alt-beautify { - background-color:#EDEDED; - border:1px solid #666666; - margin:10px auto; - padding:5px; - position:relative; + background-color: #EDEDED; + border: 1px solid #666666; + margin: 10px auto; + padding: 5px; + position: relative; z-index: 99999; - -moz-border-radius:5px; - -o-border-radius:5px; - -webkit-border-radius:5px; - -khtml-border-radius:5px; - border-radius:5px; + border-radius: 5px; + box-shadow: 2px 2px 5px #555555; + -moz-border-radius: 5px; + -o-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; -moz-box-shadow: 2px 2px 5px #555555; -webkit-box-shadow: 2px 2px 5px #555555; - box-shadow: 2px 2px 5px #555555; } -.alt-beautify-arrow-border { - border-color: transparent transparent #666666 transparent; +.alt-beautify-arrow { border-style: solid; border-width: 6px; - height:0; - width:0; - position:absolute; - top:-13px; - left:20px; + height: 0; + width: 0; + position: absolute; + left: 6px; } - -.alt-beautify-arrow { +.alt-beautify-arrow-border { + border-color: transparent transparent #666666 transparent; + top: -13px; +} +.alt-beautify-arrow-inner { border-color: transparent transparent #EDEDED transparent; - border-style: solid; - border-width: 6px; - height:0; - width:0; - position:absolute; - top:-12px; - left:20px; + top: -12px; } /* AutoComplete*/ -- libgit2 0.21.2