Team:KAIST Korea/Team KAIST

From 2012.igem.org

(Difference between revisions)
Line 91: Line 91:
line-height:110%;
line-height:110%;
}
}
-
div.thumb{
+
 
-
    position:relative;
+
img #team1
-
width:160px;
+
{
-
height:160px;
+
-
margin:30px 40px;
+
-
overflow:hidden;
+
-
border:5px solid #313131;
+
float:left;
float:left;
}
}
-
div.divLeft, div.divRight{
+
 
-
width:90px;
+
img #team2
-
height:160px;
+
{
-
overflow:hidden;
+
float: right;
-
position:relative;
+
-
    top:-160px;
+
-
overflow:hidden;
+
-
float:left;
+
-
}
+
-
div.divLeft{
+
-
margin-right:-10px;
+
-
}
+
-
div.divLeftImage{
+
-
width:80px;
+
-
height:100%;
+
-
float:left;
+
-
}
+
-
div.divLeftShadow{
+
-
width:10px;
+
-
height:100%;
+
-
float:left;
+
-
background:transparent url('shadow.png') repeat-y 0 0;
+
-
}
+
-
div.divRight{
+
-
width:80px;
+
-
background-position:-80px 0;
+
}
}
-
div.someContent{
 
-
position:relative;
 
-
    width:160px;
 
-
height:150px;
 
-
padding:10px 0px 0px;
 
-
font-size:12px;
 
-
font-family:Arial;
 
-
text-align:justify;
 
-
background:transparent url(thumbnail-overlay.png) no-repeat scroll 0px -167px;
 
-
 
-
}
 
-
div.someContent div.content{
 
-
color:#CCC;
 
-
height:126px;
 
-
font-size:11px;
 
-
padding:0 10px 0 20px;
 
-
}
 
</style>
</style>
Line 167: Line 124:
<div id="kaistcontent">
<div id="kaistcontent">
 +
<div>
 +
<img id="team1" src="https://static.igem.org/mediawiki/2012/6/6d/Kaist_Mandy.PNG"></img>
 +
Hyewon jeong(Mandy)
 +
3rd year in Biology dept.
 +
 +
</div>
 +
</br>
</br>
</br>
</br>
</br>
</br>
-
<div class='thumb'>
 
-
<div class='someContent'>
 
-
<div class='content'>Hyewon</div>
 
-
</div>
 
-
<div class='divLeft' style='left:0px'>
 
-
<div class='divLeftImage' style='background:url(https://static.igem.org/mediawiki/2012/6/6d/Kaist_Mandy.PNG);'></div>
 
-
<div class='divLeftShadow'></div>
 
-
</div>
 
-
<div class='divRight' style='left:0px;background-image:url(https://static.igem.org/mediawiki/2012/6/6d/Kaist_Mandy.PNG);'></div>
 
-
</div>
 
-
 
</br>
</br>
</br>
</br>
Line 187: Line 140:
</div>
</div>
</div>
</div>
-
<script type="text/javascript">
 
-
window.addEvent('domready',function(){
 
-
$$('div.thumb').each(function(div){
 
-
 
-
div.getElement('div.someContent').set('tween', {duration:'700'});
 
-
div.getElement('div.divLeft').set('tween', {duration: '450'});
 
-
div.getElement('div.divRight').set('tween', {duration: '450'});
 
-
 
-
div.addEvent('mouseenter',function(e){
 
-
this.getElement('div.divLeft').tween('left','-70px')
 
-
this.getElement('div.divRight').tween('left','80px')
 
-
this.getElement('div.someContent').tween("background-position", "-20px 0px");
 
-
})
 
-
div.addEvent('mouseleave',function(e){
 
-
this.getElement('div.divLeft').tween('left','0px')
 
-
this.getElement('div.divRight').tween('left','0px')
 
-
this.getElement('div.someContent').tween("background-position", "0px -167px");
 
-
 
-
})
 
-
})
 
-
})
 
-
</script>
 
</body>
</body>
</html>
</html>
{{:Team:KAIST_Korea/footer}}
{{:Team:KAIST_Korea/footer}}

Revision as of 23:56, 29 August 2012

KAIST Korea 2012 iGEM

aaaa
Hyewon jeong(Mandy) 3rd year in Biology dept.







Kaist Footer