View source for Team:Leicester/Team

{{Leicester}}
<html>

<style type="text/css">

p, #content {color:#000000;}

a, a:visited {color:#565656;}

body {background-color: #FFFFFF;}

#mainContainer {width: 980px;
		overflow:hidden;
		float:left;
		margin-left:20px;
		margin-bottom: 10px;
		background-color: #E8E8E9; 
		border-bottom: 20px solid #14747D;}

#menuContainer  {float:left;
		width: 150px;
		padding: 20px 0px;
		background-color: #22BCB9;
		border-top: 20px solid #14747D;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#contentContainer {padding-top:20px;
		padding-right:10px;
		margin-bottom: 20px;
				width: 800px;
				padding-left: 20px;
				float: left;
				border-top: 20px solid #14747D;
				background-color: #E8E8E9; 
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}

#bannerContainer {
				height:200px;
				margin:auto;
				text-align:center;
				color: #59BF92;
			}
#picture1 {
      width: 250px;
      height: 250px;
      background: url(https://static.igem.org/mediawiki/2015/7/7a/Joss-_Profile_picture.jpg) no-repeat;
      background-size: 250px 210px;
      border: 10px solid #000000;
      position: relative;    
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-shadow: 5px 5px 5px #030303;
       box-shadow: 5px 5px 5px #030303;     
               }
.pic_transform {
        transition-duration: 0.5s;            
        -webkit-transition-duration: 0.5s; 
        -moz-transition-duration: 0.5s;    
        -o-transition-duration: 0.5s;
         overflow: hidden;
         height: 0px;
                         }
#picture1:hover .pic_transform {
          height: 250px;
                          }
.text_display {
        transform-origin: top;               
        transition-duration: 0.5s;               
        -webkit-transform-origin: bottom;       
        -webkit-transition-duration: 0.5s;   
        -moz-transform-origin: top;           
        -moz-transition-duration: 0.5s;       
        -o-transform-origin: top;    
        -o-transition-duration: 0.5s;
        font-size: 14px;
        font-family: Arial;       
        font-weight: normal;
        text-align:center;
        color: #FFF;       
                     }
#picture1:hover .text_display {
         background: rgba(0, 0, 0, 0.5);   
         color: #fff;   
         height:210px;   
                      }

#picture4 {
      width: 250px;
      height: 250px;
      background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
      background-size: 200px 144px;
      border: 10px solid #000000;
      position: relative;    
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-shadow: 5px 5px 5px #030303;
       box-shadow: 5px 5px 5px #030303;     
               }
.pic_transform {
        transition-duration: 0.5s;            
        -webkit-transition-duration: 0.5s; 
        -moz-transition-duration: 0.5s;    
        -o-transition-duration: 0.5s;
         overflow: hidden;
         height: 0px;
                         }
#picture4:hover .pic_transform {
          height: 200px;
                          }
.text_display {
        transform-origin: top;               
        transition-duration: 0.5s;               
        -webkit-transform-origin: top;       
        -webkit-transition-duration: 0.5s;   
        -moz-transform-origin: top;           
        -moz-transition-duration: 0.5s;       
        -o-transform-origin: top;    
        -o-transition-duration: 0.5s;
        font-size: 14px;
        font-family: Arial;       
        font-weight: normal;
        text-align:center;
        color: #FFF;       
                     }
#picture4:hover .text_display {
         background: rgba(0, 0, 0, 0.5);   
         color: #fff;   
         height:200px;   
                      }

#picture7 {
      width: 250px;
      height: 250px;
      background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
      background-size: 200px 144px;
      border: 10px solid #000000;
      position: relative;    
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-shadow: 5px 5px 5px #030303;
       box-shadow: 5px 5px 5px #030303;     
               }
.pic_transform {
        transition-duration: 0.5s;            
        -webkit-transition-duration: 0.5s; 
        -moz-transition-duration: 0.5s;    
        -o-transition-duration: 0.5s;
         overflow: hidden;
         height: 0px;
                         }
#picture7:hover .pic_transform {
          height: 200px;
                          }
.text_display {
        transform-origin: top;               
        transition-duration: 0.5s;               
        -webkit-transform-origin: top;       
        -webkit-transition-duration: 0.5s;   
        -moz-transform-origin: top;           
        -moz-transition-duration: 0.5s;       
        -o-transform-origin: top;    
        -o-transition-duration: 0.5s;
        font-size: 14px;
        font-family: Arial;       
        font-weight: normal;
        text-align:center;
        color: #FFF;       
                     }
#picture7:hover .text_display {
         background: rgba(0, 0, 0, 0.5);   
         color: #fff;   
         height:200px;   
                      }

</style>

<h2>University of Leicester iGEM Team</h2>

<p> Our team is made up of 8 full of penis, tired (most of the time) 2nd year students consisting of Geneticists, Zoologists, Microbiologist and Biologists. With students studying different scopes of biology allows for each of our unique understanding of our degrees to create a novel iGEM idea </p>

<h4> Team members </h4>
<div id="picture1">
    <div class="pic_transform">
        <div class="text_display">
            <h>Joss Auty
<p> 2nd Year Microbiology </p></h>
        </div>
    </div>
</div>
<br><br>

<div id="picture4">
    <div class="pic_transform">
        <div class="text_display">
            <h>Amy Evans</h>
        </div>
    </div>
</div>

<br><br>

<div id="picture7">
    <div class="pic_transform">
        <div class="text_display">
            <h>Charlie Kruczko <p> 2nd Year Biology </p></h>
        </div>
    </div>
</div>


<p> Ross Campbell - Genetics </p>
<p> Liam Crawford - Genetics </p> 
<p> Cameron Grundy - Zoology </p>
<p> Payal Karia - Medical Genetics </p>

<h4> Supervisors </h4> 

<p>Dr Richard Badge</p>
<p> Prof. Raymond Dalgleish </p>
  


</div>
</html>