web intf: no need for js for opacity changes

diff --git a/share/lua/http/css/main.css b/share/lua/http/css/main.css
index c73c15e8ff6bdf13033eb99bc9562f9e94158628..6a77e009e8a740f688ccca3eb580ecbcbfd6711f 100644 (file)
--- a/share/lua/http/css/main.css
+++ b/share/lua/http/css/main.css
@@ -118,6 +118,15 @@ body{
        background-image: url("../images/buttons.png");
        background-repeat: no-repeat;
 }
+.button48:hover{
+       filter: alpha(opacity:0.5);
+       -ms-filter: "alpha(opacity=50)";
+       -khtml-opacity: 0.50;
+       -moz-opacity: 0.5;
+       filter: alpha(opacity=50);
+       opacity: 0.5;
+}
+
 .button{
        cursor: pointer;
        display: inline-block;

diff --git a/share/lua/http/index.html b/share/lua/http/index.html
index ca831d3c6979784fbf0f33c3d1706d4363fc2404..7946dc79afc949436a5fdec24a595e7c354e521b 100644 (file)
--- a/share/lua/http/index.html
+++ b/share/lua/http/index.html
@@ -46,10 +46,6 @@
                        var pollStatus  =       true;
                        $(function(){
                                $('.button').hover(function(){$(this).addClass('ui-state-hover')},function(){$(this).removeClass('ui-state-hover')});
-                               $('.button48').hover(
-                                       function(){$(this).css({'filter':'alpha(opacity=50)','-moz-opacity':'0.5','-khtml-opacity': '0.5'})},
-                                       function(){$(this).css({'filter':'alpha(opacity=100)','-moz-opacity':'1','-khtml-opacity': '1'})}
-                               );
                                $('#buttonPlayList').click(function(){
                                        $('#libraryContainer').animate({
                                                height: 'toggle'