|
|
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}} |