Team:Penn/Team

From 2013.igem.org

(Difference between revisions)
Line 29: Line 29:
             padding:5px;
             padding:5px;
             background-color: #721a35;
             background-color: #721a35;
-
margin: 2px;
 
      
      
         }
         }
          
          
-
         .hidden { /*to toggle*/
+
         .hidden { /*change this class when hovered*/
             display: none;
             display: none;
         }
         }
Line 42: Line 41:
          
          
.name {
.name {
-
    position: absolute;
 
     margin-top:-5px;
     margin-top:-5px;
 +
    margin-left: -5px;
 +
    padding:5px;
     width: 220px;
     width: 220px;
-
     height: 0px;
+
     height: 175px;
     display: none;
     display: none;
-
     background-color:   #721a35;
+
     background-color: #721a35;
-
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-
   filter: alpha(opacity=70);
+
   filter: alpha(opacity=80);
-
  -moz-opacity: 0.7;
+
  -moz-opacity: 0.8;
-
  -khtml-opacity: 0.7;
+
  -khtml-opacity: 0.8;
-
   opacity: 0.7;
+
   opacity: 0.8;
 +
}
 +
 +
h4 {
 +
    text-align: center;
 +
    font-size: 16px;
 +
    color: black;
}
}
Line 166: Line 172:
         <td>
         <td>
             <img id="flipbox" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/>
             <img id="flipbox" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/>
-
             <div class="name"><h4>Name/major</h4></div></td>
+
             <div class="name"><h4>Name/Major</h4></div></td>
          
          
         <td>
         <td>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/>
-
             <div class="name"><h4>Josh</h4></div></td>
+
             <div class="name"><h4>Josh Tycko<br/>Major:</h4></div></td>
          
          
        
        
Line 182: Line 188:
         <td>
         <td>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/">
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/">
-
                 <div class="name"><h4>Daniel</h4></div></td>
+
                 <div class="name"><h4>Daniel Cabrera<br/> Major:</h4></div></td>
        
        
-
         <td><h4><!--Center--></h4></td>
+
         <td id="center"><h4><!--Center--></h4></td>
         <td>
         <td>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/>
-
             <div class="name"><h4>Mahamad</h4></div></td>
+
             <div class="name"><h4>Mahamad Charawi<br/>Major:</h4></div></td>
     </tr>
     </tr>
     <tr>
     <tr>
         <td>
         <td>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/>
-
             <div class="name"><h4></h4></div>
+
             <div class="name"><h4>Name/Major</h4></div>
          
          
           <td>
           <td>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/>
             <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/>
-
             <div class="name"><h4>Name/major</h4></div></td>
+
             <div class="name"><h4>Name/Major</h4></div></td>
          
          
         <td>
         <td>
Line 263: Line 269:
             $(this).children(":nth-child(3)").animate({
             $(this).children(":nth-child(3)").animate({
                 height: '50px',
                 height: '50px',
-
                 display: 'inline-block',
+
                 display: 'inline-block'
-
margin: '2px'
+
-
 
+
                 });
                 });
              
              
Line 278: Line 282:
            
            
             });*/
             });*/
 +
 +
   
      
      
           $("td").click(function(){
           $("td").click(function(){
Line 283: Line 289:
     if ($(this).children("img").is(":visible")) {
     if ($(this).children("img").is(":visible")) {
      
      
-
             $(this).flip({direction: 'tb', content: $(this)});
+
             $(this).flip({direction: 'tb', content: $(this)
-
                $(this).children("img").hide();
+
            });
 +
            $(this).children("img").hide();
                 $(this).children(".name").show();
                 $(this).children(".name").show();
 +
             
     }
     }
 +
   
          
          
           else {
           else {
Line 293: Line 302:
           }
           }
             });
             });
-
       
+
         
 +
           
          
          
            
            

Revision as of 13:07, 26 July 2013

Team

Penn's iGEM Team

Meet the Team

Lorem ipsum dolor sit amet.

Meet the Bunch

Name/Major

Josh Tycko
Major:

Danielle

Daniel Cabrera
Major:

Mahamad Charawi
Major:

Name/Major

Name/Major

Spencer

Photos by Erica Sachse

Retrieved from "http://2013.igem.org/Team:Penn/Team"