Team:Linkoping Sweden/Team

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<style>
<style>
.visitcard-panel {
.visitcard-panel {
-
width:218px;
+
width:498px; //218px;
height:108px;
height:108px;
padding:20px;
padding:20px;
 +
position: relative;
     margin:0;
     margin:0;
margin-left:20px;
margin-left:20px;
Line 22: Line 23:
.visitcard-panel p {
.visitcard-panel p {
padding-left:90px;
padding-left:90px;
 +
}
 +
.hide-box {
 +
    width:498px;
 +
    height:100%;
 +
    position:absolute;
 +
    overflow:hidden;
}
}
</style>
</style>
Line 36: Line 43:
<a href="https://igem.org/User:Aoborg">
<a href="https://igem.org/User:Aoborg">
<div class="visitcard-panel" style="margin-left:0px">
<div class="visitcard-panel" style="margin-left:0px">
-
<img style="float:left" src="https://static.igem.org/mediawiki/2014/2/24/Linkoping_sweden_anna_profil.jpg" height="108px">
+
<img style="position:relative;top:0px;left:0px;float:left" src="https://static.igem.org/mediawiki/2014/2/24/Linkoping_sweden_anna_profil.jpg" height="108px">
<p>Anna<br>Borg</p>
<p>Anna<br>Borg</p>
</div>
</div>
Line 46: Line 53:
</div>
</div>
</a>
</a>
 +
</div>
 +
 +
<div class="panel">
<a href="https://igem.org/User:Cassman">
<a href="https://igem.org/User:Cassman">
-
<div class="visitcard-panel">
+
<div class="visitcard-panel" style="margin-left:0px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/9/9b/Linkoping_sweden_sofie_profil.jpg" height="108px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/9/9b/Linkoping_sweden_sofie_profil.jpg" height="108px">
<p>Sofie<br>Cassman</p>
<p>Sofie<br>Cassman</p>
Line 73: Line 83:
</div>
</div>
</a>
</a>
 +
</div>
 +
 +
<div class="panel">
<a href="https://igem.org/User:Patriciag">
<a href="https://igem.org/User:Patriciag">
-
<div class="visitcard-panel">
+
<div class="visitcard-panel" style="margin-left:0px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/8/83/Linkoping_sweden_patricia_profil.jpg" height="108px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/8/83/Linkoping_sweden_patricia_profil.jpg" height="108px">
<p>Patricia<br>Gullberg</p>
<p>Patricia<br>Gullberg</p>
Line 100: Line 113:
</div>
</div>
</a>
</a>
 +
</div>
 +
 +
<div class="panel">
<a href="https://igem.org/User:Filth609">
<a href="https://igem.org/User:Filth609">
-
<div class="visitcard-panel">
+
<div class="visitcard-panel" style="margin-left:0px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/a/ae/Linkoping_sweden_filip_profil.jpg" height="108px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/a/ae/Linkoping_sweden_filip_profil.jpg" height="108px">
<p>Filip<br>Thorén</p>
<p>Filip<br>Thorén</p>
Line 114: Line 130:
</div>
</div>
-
<div class="panel" style="margin-left:120px">
+
<div class="panel">
<a href="https://igem.org/User:Magnusrefthammar">
<a href="https://igem.org/User:Magnusrefthammar">
-
<div class="visitcard-panel">
+
<div class="visitcard-panel" style="margin-left:0px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/7/7a/Linkoping_sweden_magnus_profil.jpg" height="108px">
<img style="float:left" src="https://static.igem.org/mediawiki/2014/7/7a/Linkoping_sweden_magnus_profil.jpg" height="108px">
<p>Magnus<br>Refthammar</p>
<p>Magnus<br>Refthammar</p>
Line 127: Line 143:
</div>
</div>
</a>
</a>
-
<a href="https://igem.org/User:Emilo35">
+
</div>
 +
 
 +
<div class="panel">
 +
<a href="https://igem.org/User:emilo35">
 +
<div class="visitcard-panel" style="margin-left:0px">
 +
<div id="emil-profile" class="hide-box">
 +
<img style="float:left" src="https://static.igem.org/mediawiki/2014/7/70/Linkoping_sweden_emil_profil.jpg" height="108px">
 +
<p>Emil<br>Olofsson</p>
 +
</div>
 +
<div id="emil-portrait" class="hide-box" style="margin-right:-40px;z-index:10;display:none;">
 +
<img style="float:left" src="https://static.igem.org/mediawiki/2014/c/cd/Linkoping_sweden_emil_portrait.jpg" height="108px">
 +
<p style="font-size: 12px;">This is a test text. All of my presentation goes here! Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
 +
</div>
 +
</div>
 +
</a>
 +
 
 +
<a href="https://igem.org/User:zendi024">
<div class="visitcard-panel">
<div class="visitcard-panel">
-
<img style="float:left" src="https://static.igem.org/mediawiki/2014/7/70/Linkoping_sweden_emil_profil.jpg" height="108px">
+
<div id="zen-profile" class="hide-box">
-
<p>Emil<br>Olofsson</p>
+
<img style="float:left" src="https://static.igem.org/mediawiki/2014/9/9d/Linkoping_sweden_zen_profil.jpg" height="108px">
 +
<p>Zen<br>Dinha</p>
 +
</div>
 +
<div id="zen-portrait" class="hide-box" style="margin-right:-40px;z-index:10;display:none;">
 +
<img style="float:left" src="https://static.igem.org/mediawiki/2014/3/37/Linkoping_sweden_zen_portrait.jpg" height="108px">
 +
<p style="font-size: 12px;">I’m from the west coast of Sweden, a city called Gothenburg. I am an adventurous girl who likes challenges. My inspiration for science was my great teacher seven years ago. I was inspired of what people have accomplished and that there is so much more to discover.</p>
 +
</div>
</div>
</div>
</a>
</a>
Line 136: Line 174:
</div>
</div>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
 +
$('#emil-profile').mouseover(function(){
 +
  $('#emil-portrait').fadeIn(300);
 +
  $('#emil-profile').fadeOut(300);
 +
});
 +
$('#emil-portrait').mouseout(function(){
 +
  $('#emil-portrait').fadeOut(300);
 +
  $('#emil-profile').fadeIn(300);
 +
});
 +
 +
$('#zen-profile').mouseover(function(){
 +
  $('#zen-portrait').fadeIn(300);
 +
  $('#zen-profile').fadeOut(300);
 +
});
 +
$('#zen-portrait').mouseout(function(){
 +
  $('#zen-portrait').fadeOut(300);
 +
  $('#zen-profile').fadeIn(300);
 +
});
 +
 +
});
 +
 +
</script>
 +
</html>
</html>
{{:Team:Linkoping_Sweden/footer}}
{{:Team:Linkoping_Sweden/footer}}

Revision as of 12:00, 5 October 2014

Anna
Borg

Emliy
Chamberlain

Sofie
Cassman

Nariman
Aberkan

Lisa
Bransell

Maria
Madan
Andersson

Patricia
Gullberg

Johannes
Salomonsson

Tom
Birgersson

Louise
Edman

Filip
Thorén

Lovisa
Hemmingsson

Magnus
Refthammar

Mattias
Holmqvist

Emil
Olofsson

Zen
Dinha

Hit Counter by Digits
Linköping University
581 83 Linköping, Sweden
liuigemgroup@gmail.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:Linkoping_Sweden/Team"