Team:Penn

From 2013.igem.org

(Difference between revisions)
m
Line 10: Line 10:
    
    
  //starts the carousel           
  //starts the carousel           
-
  $('#slider-code').tinycarousel({pager: true, interval:true});
+
  $('#slider-code').tinycarousel({pager: true, interval:true, intervaltime: 5000});
   
   
  /*Code for the sliding tabs
  /*Code for the sliding tabs
Line 73: Line 73:
overflow: hidden; position:relative; margin-top: 100px; margin-left: 75px;  z-index: -2;}
overflow: hidden; position:relative; margin-top: 100px; margin-left: 75px;  z-index: -2;}
#slider-code .buttons { display: block; margin: 30px -100px 0 0px; float: left; margin-top:225px; z-index: 1;}
#slider-code .buttons { display: block; margin: 30px -100px 0 0px; float: left; margin-top:225px; z-index: 1;}
-
#slider-code .next { margin: 20px 0 0 10px; margin-top: 225px; z-index: 1;}
+
#slider-code .next { margin: 20px 0 0 10px; margin-top: 225px; z-index: 100;}
#slider-code .disable { visibility: hidden; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute;
#slider-code .overview { list-style: none; position: absolute;
Line 79: Line 79:
#slider-code .overview li{ float: left; margin: 0 20px 0 0;
#slider-code .overview li{ float: left; margin: 0 20px 0 0;
padding: 1px; height: 296px; width: 396px;}
padding: 1px; height: 296px; width: 396px;}
-
#slider-code .prev { padding-left: 100px; z-index: 1;}
+
#slider-code .prev { padding-left: 100px; z-index: 100;}
#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 100px; }
#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 100px; }
#slider-code .pager li { float: left; height:10px; width:10px; margin: 5px 15px 15px 0px; z-index: 99; }
#slider-code .pager li { float: left; height:10px; width:10px; margin: 5px 15px 15px 0px; z-index: 99; }
Line 170: Line 170:
top: 20px;
top: 20px;
list-style-type: none;
list-style-type: none;
-
z-index: 9999999;
+
z-index: 100;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
   filter: alpha(opacity=90);
Line 218: Line 218:
-
#tabs li {
 
-
    padding: 10px 100px 40px 0px;
 
-
    text-align: center;
 
-
    text-align: right;
 
-
    margin-left: 20px;
 
-
    background-color: gray;
 
-
    height:  30px;
 
-
    width: 250px;
 
-
    margin: 5px;
 
-
    -moz-border-radius: 6%;
 
-
    -ms-border-radius: 6%;
 
-
    -webkit-border-radius: 6%;
 
-
    -o-border-radius: 6%;
 
-
    border-radius: 6%; 
 
-
    -webkit-transition: width 0.4s ease;
 
-
    -moz-transition: width 0.4s ease;
 
-
    -o-transition: width 0.4s ease;
 
-
    transition: width 0.4s ease;
 
-
}
 
-
/*Members*/
 
-
.member {
 
-
    display: inline-block;
 
-
    float: left;
 
-
    margin: 20px;
 
-
    height: 200px;
 
-
    width: 400px;
 
-
    background-color: white;
 
-
    padding: 10px;
 
-
    position: relative;
 
-
    top: 100px;
 
-
}
 
-
 
-
.member p{
 
-
display: inline;
 
-
}
 
-
 
-
.member h2 {
 
-
    text-align: left;
 
-
    display: block;
 
-
    width: 100%;
 
-
}
 
-
.member img {
 
-
    height: 125px;
 
-
    width: 100px;
 
-
    float: left;
 
-
    display: inline;
 
-
    margin: 5px;
 
-
 
-
}
 
 +
/*Team table*/
.team {
.team {
float: center;
float: center;
-
margin-left: 200px;
+
margin-left: 250px;
}
}
Line 337: Line 289:
      
      
      
      
-
</div>
 
<!--Circles on the side that scroll you to sections of the page-->
<!--Circles on the side that scroll you to sections of the page-->
Line 355: Line 306:
         <ul class="overview">
         <ul class="overview">
             <!--Images that appear in the carousel-->
             <!--Images that appear in the carousel-->
-
             <li>
+
             <li> <img id="image" src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/"></li>
-
            <img id="image" src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/"/>
+
-
            </li>
+
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" ></li>
-
         
+
-
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" />
+
                
                
-
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUDUwMm1ScllCRWs/" />
+
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUDUwMm1ScllCRWs/" ></li>
-
     
+
         </ul>
         </ul>
     </div>
     </div>
Line 375: Line 323:
      
      
     <!--Description to the right of the carousel that briefly introduces the team/project-->
     <!--Description to the right of the carousel that briefly introduces the team/project-->
-
     <div class="right">
+
     <!--<div class="right">
         <h2>Hello</h2>
         <h2>Hello</h2>
         <h4>Welcome to Penn's iGEM team wiki!</h4>
         <h4>Welcome to Penn's iGEM team wiki!</h4>
         <p>This page is under construction at the moment, but check back with us soon to see what we're up to!</p>
         <p>This page is under construction at the moment, but check back with us soon to see what we're up to!</p>
     </div>
     </div>
-
</div>
+
</div>-->
<!--Second section: project overview-->
<!--Second section: project overview-->

Revision as of 14:21, 6 July 2013

Project Overview

Meet the Bunch

Photos by Erica Sachse

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