Commit ee1eb625 authored by Francois Cartegnie's avatar Francois Cartegnie

web intf: no need for js for opacity changes

parent 7fe3a136
...@@ -118,6 +118,15 @@ body{ ...@@ -118,6 +118,15 @@ body{
background-image: url("../images/buttons.png"); background-image: url("../images/buttons.png");
background-repeat: no-repeat; 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{ .button{
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
......
...@@ -46,10 +46,6 @@ ...@@ -46,10 +46,6 @@
var pollStatus = true; var pollStatus = true;
$(function(){ $(function(){
$('.button').hover(function(){$(this).addClass('ui-state-hover')},function(){$(this).removeClass('ui-state-hover')}); $('.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(){ $('#buttonPlayList').click(function(){
$('#libraryContainer').animate({ $('#libraryContainer').animate({
height: 'toggle' height: 'toggle'
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment