Difference between revisions of "Team:Leicester/Team"

Line 42: Line 42:
 
color: #59BF92;
 
color: #59BF92;
 
}
 
}
−
#picture {
+
#picture1 {
−
       width: 300px;
+
       width: 200px;
−
       height: 300px;
+
       height: 200px;
 
       background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
 
       background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
−
       background-size: 300px 300px;
+
       background-size: 200px 144px;
−
       border: 10px solid #fff;
+
       border: 10px solid #000000;
 
       position: relative;     
 
       position: relative;     
 
       -webkit-box-sizing: border-box;
 
       -webkit-box-sizing: border-box;
Line 53: Line 53:
 
       -ms-box-sizing: border-box;
 
       -ms-box-sizing: border-box;
 
       box-sizing: border-box;
 
       box-sizing: border-box;
−
       -webkit-box-shadow: 5px 5px 5px #111;
+
       -webkit-box-shadow: 5px 5px 5px #030303;
−
       box-shadow: 5px 5px 5px #111;     
+
       box-shadow: 5px 5px 5px #030303;     
 
               }
 
               }
 
.pic_transform {
 
.pic_transform {
Line 64: Line 64:
 
         height: 0px;
 
         height: 0px;
 
                         }
 
                         }
−
#picture:hover .pic_transform {
+
#picture1:hover .pic_transform {
−
           height: 50px;
+
           height: 200px;
 
                           }
 
                           }
 
.text_display {
 
.text_display {
Line 76: Line 76:
 
         -o-transform-origin: top;     
 
         -o-transform-origin: top;     
 
         -o-transition-duration: 0.5s;
 
         -o-transition-duration: 0.5s;
−
         font-size: 16px;
+
         font-size: 14px;
 
         font-family: Arial;       
 
         font-family: Arial;       
 
         font-weight: normal;
 
         font-weight: normal;
Line 82: Line 82:
 
         color: #FFF;       
 
         color: #FFF;       
 
                     }
 
                     }
−
#picture:hover .text_display {
+
#picture1:hover .text_display {
 
         background: rgba(0, 0, 0, 0.5);   
 
         background: rgba(0, 0, 0, 0.5);   
 
         color: #fff;   
 
         color: #fff;   
−
         height:50px;   
+
         height:200px; 
 +
                      }
 +
 
 +
#picture2 {
 +
      width: 200px;
 +
      height: 200px;
 +
      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;
 +
                        }
 +
#picture2: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;     
 +
                    }
 +
#picture2:hover .text_display {
 +
        background: rgba(0, 0, 0, 0.5); 
 +
        color: #fff; 
 +
        height:200px;   
 
                       }
 
                       }
  
Line 94: Line 140:
 
<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>
  
−
<div id="picture">
+
<h4> Team members </h4>
 +
<div id="picture1">
 
     <div class="pic_transform">
 
     <div class="pic_transform">
 
         <div class="text_display">
 
         <div class="text_display">
−
             <h>Your text</h>
+
             <h>iGEM member1</h>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
<br><br>
  
 +
<div id="picture2">
 +
    <div class="pic_transform">
 +
        <div class="text_display">
 +
            <h>iGEM member2</h>
 +
        </div>
 +
    </div>
 +
</div>
  
−
<h4> Team members </h4>
 
  
 
<p> Liam Crawford - Genetics </p>  
 
<p> Liam Crawford - Genetics </p>  

Revision as of 14:17, 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

Team members

iGEM member1


iGEM member2

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