Template:Team:KIT-Kyoto/hp

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
$(function(){
$(function(){
$(".hp_img_link a").hover(function(){
$(".hp_img_link a").hover(function(){
-
$(".hp_img").stop().animate({"width":"100px","height":"100px","margin-left":"-22px","margin-top":"-30px"},100,'linear').css({"border-radius":"100px","-webkit-border-radius":"100px","-moz-border-radius":"100px"});
+
var hpnum = $$(".hp_img_link a").index(this);
 +
$(".hp_img").eq(hpnum).stop().animate({"width":"100px","height":"100px","margin-left":"-22px","margin-top":"-30px"},100,'linear').css({"border-radius":"100px","-webkit-border-radius":"100px","-moz-border-radius":"100px"});
},
},
-
function(){$(".hp_img").stop().animate({"width":"60px","height":"60px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"60px","-webkit-border-radius":"60px","-moz-border-radius":"60px"});
+
function(){$(".hp_img").eq(hpnum).stop().animate({"width":"px","height":"px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"px","-webkit-border-radius":"px","-moz-border-radius":"px"});
});
});
});
});
</script>
</script>
 +
 +
<style type="text/css">
 +
 +
.hp_top{
 +
position:relative;
 +
left:50%;
 +
margin-left:-200px;
 +
}
 +
 +
.hp_img_link{
 +
width:250px;
 +
height:40px;
 +
position:relative;
 +
margin:10px auto;
 +
padding:10px auto;
 +
border:2px solid deepskyblue;
 +
  border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
  -webkit-border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
  -moz-border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
}
 +
 +
.hp_img{
 +
position:relative;
 +
  width: 60px;
 +
margin-left:-2px;
 +
margin-top:-10px;
 +
border:3px solid deepskyblue;
 +
  border-radius: 60px;
 +
  -webkit-border-radius: 60px;
 +
  -moz-border-radius: 60px;
 +
z-index:2;
 +
}
 +
 +
.hp_box{
 +
position:absolute;
 +
top:0;
 +
right:0;
 +
width:230px;
 +
height:40px;
 +
text-align:right;
 +
  border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
  -webkit-border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
  -moz-border-radius: 200px 0px 0px 200px/160px 0px 0px 160px;
 +
z-index:1;
 +
}
 +
 +
.hp_img_link a{
 +
position:relative;
 +
display:block;
 +
padding:10px 20px;
 +
text-decoration:none;
 +
z-index:1;
 +
}
 +
 +
.hp_img_link a:hover{
 +
background-color:rgba(0,200,30,0.1);
 +
}
 +
#page-top{
 +
position:fixed;
 +
bottom:20px;
 +
right:160px;
 +
}
 +
 +
</style>

Revision as of 06:41, 25 September 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/hp"