Difference between revisions of "Team:Leicester/Team"

Line 42: Line 42:
 
color: #59BF92;
 
color: #59BF92;
 
}
 
}
−
ul.imglist {
+
#picture {
−
list-style-type:none;
+
      width: 300px;
−
margin: 0;
+
      height: 300px;
−
padding: 0;
+
      background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
−
text-align: center;
+
      background-size: 300px 300px;
−
}
+
      border: 10px solid #fff;
−
 
+
      position: relative;   
−
ul.img-list li {
+
      -webkit-box-sizing: border-box;
−
display: incline block;
+
      -moz-box-sizing: border-box;
−
height:150px;
+
      -ms-box-sizing: border-box;
−
margin:0 1em 1em 0;
+
      box-sizing: border-box;
−
position: relative;
+
      -webkit-box-shadow: 5px 5px 5px #111;
−
width:150px;
+
      box-shadow: 5px 5px 5px #111;    
−
}
+
              }
−
 
+
.pic_transform {
−
span. text-content {
+
        transition-duration: 0.5s;           
−
background: rgba(0,0,0,0.5);
+
        -webkit-transition-duration: 0.5s;  
−
color:white;
+
        -moz-transition-duration: 0.5s;  
−
cursor:pointer;
+
        -o-transition-duration: 0.5s;
−
display:table;
+
        overflow: hidden;
−
height:150px;
+
        height: 0px;
−
left:0;
+
                        }
−
position: absolute;
+
#picture:hover .pic_transform {
−
top:0;
+
          height: 50px;
−
width: 150px;
+
                          }
−
opacity:0;
+
.text_display {
−
-webkit-transition: opacity 500ms;
+
        transform-origin: top;             
−
-moz-transition: opacity 500ms;
+
        transition-duration: 0.5s;              
−
-o-transition: opacity 500ms
+
        -webkit-transform-origin: top;      
−
transition: opacity 500ms;
+
        -webkit-transition-duration: 0.5s;  
−
}
+
        -moz-transform-origin: top;          
−
 
+
        -moz-transition-duration: 0.5s;      
−
span.text-content span {
+
        -o-transform-origin: top;   
−
display: table cell;
+
        -o-transition-duration: 0.5s;
−
text-align: center;
+
        font-size: 16px;
−
vertical-align: middle;
+
        font-family: Arial;     
−
}
+
        font-weight: normal;
−
 
+
        text-align:center;
−
ul.img-list li:hover span.text-content {
+
        color: #FFF;      
−
opacity:1 ;
+
                    }
−
}
+
#picture:hover .text_display {
 +
        background: rgba(0, 0, 0, 0.5); 
 +
        color: #fff; 
 +
        height:50px;  
 +
                      }
  
 
</style>
 
</style>
Line 90: Line 94:
 
<p> Our team is made up of 8 full of life, 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>
 
<p> Our team is made up of 8 full of life, 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>
  
−
<ul class="img-list">
+
<div id="picture">
−
<li>
+
    <div class="pic_transform">
−
<img src="https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg" width="150" height "150" />
+
        <div class="text_display">
−
<span class="text content"><span>Happy</span></span>
+
            <h>Your text</h>
−
</a>
+
        </div>
−
</li>
+
    </div>
−
</ul>
+
</div>
  
  

Revision as of 13:33, 5 August 2015

Live Preview

University of Leicester iGEM Team

Our team is made up of 8 full of life, 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

Your text

Team members

Liam Crawford - Genetics

Amy Evans - Medical Genetics

Joss Auty - Microbiology

Charlie Kruczko - Biology

Payal Karia - Medical Genetics

Cameron Grundy - Zoology

Ross Campbell - Genetics

Supervisors

Dr Richard Badge

Prof. Raymond Dalgleish