Team:Penn/Modeling

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html lang="en">
<html lang="en">
<head>
<head>
-
     <title>Team</title>
+
     <title>modeling</title>
-
      <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
+
      <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
-
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
+
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script>
-
  <script src="https://googledrive.com/host/0B4ZBZOYYKBzEWHJQc2NoUWxGR1E/" type="text/javascript"> </script> <!--debounce-->
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k/" type="text/javascript"> </script> <!--javascript-->
     <style>
     <style>
-
       
+
           
-
/*Page specific*/
+
-
      .member_container {
+
-
        display: inline-block;
+
-
        color: black;
+
-
        min-height: 100px;
+
-
        width: 250px;
+
-
        margin-left: 30px;
+
-
        margin-right:30px;
+
-
        margin-bottom: 10px;
+
-
        background-color: white;
+
-
        -moz-border-radius: 10px;
+
-
    -webkit-border-radius: 10px;
+
-
    -khtml-border-radius: 10px;
+
-
            border-radius: 10px;
+
-
            overflow: hidden;
+
-
            bottom: 350px;
+
-
            padding: 20px;
+
-
            margin-top: 20px;
+
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+
-
  /* IE 5-7 */
+
-
  filter: alpha(opacity=80);
+
-
  /* Netscape */
+
-
  -moz-opacity: 0.8;
+
-
  /* Safari 1.x */
+
-
  -khtml-opacity: 0.8;
+
-
  /* Good browsers */
+
-
  opacity: 0.8;
+
-
       
+
-
    }
+
-
   
+
-
    .left_wrap {
+
-
        min-height: 695px !important; /*change as page gets longer*/
+
-
    }
+
-
   
+
-
   
+
-
    .member_text {
+
-
        float: left;
+
-
        text-align: left;
+
-
        width: 250px;
+
-
        color: black;
+
-
        font-family: arial, sans-serif;
+
-
       
+
-
    }
+
-
   
+
-
   
+
-
   
+
-
    .member_container img {
+
-
        margin-left: 25px;
+
-
        float: center;
+
-
        width: 200px;
+
-
        -moz-border-radius: 10px;
+
-
    -webkit-border-radius: 10px;
+
-
    -khtml-border-radius: 10px;
+
-
            border-radius: 10px;
+
-
    }
+
-
       
+
-
        .name {
+
-
padding: 3px;
+
-
margin: -3px;
+
-
    width: 220px;
+
-
    height: 175px;
+
-
    display: none;
+
-
   
+
-
     
+
-
}
+
-
 
+
-
h4 {
+
-
    text-align: center;
+
-
    font-size: 16px;
+
-
    color: black;
+
-
font-family: arial, sans-serif;
+
-
margin-top: 20px;
+
-
}
+
-
 
+
-
p{
+
-
    font-family: sans-serif;
+
-
    text-align: center;
+
-
}
+
-
 
+
-
h2{
+
-
text-align: center;
+
-
}
+
-
             
+
          
          
      
      
Line 105: Line 22:
      
      
     <ul class="navbar">
     <ul class="navbar">
-
         <a href="https://2013.igem.org/Team:Penn"><li>HOME</li></a>
+
         <a href="https://2013.igem.org/Team:Penn"><li>home</li></a>
                 <li class="dropdown" id="project">
                 <li class="dropdown" id="project">
-
                   <a href="#" class="active" data-toggle="dropdown">PROJECT<div class="arrow">></div> <b class="caret"></b></a>
+
                   <a href="#" class="active" data-toggle="dropdown">project<div class="arrow">></div> <b class="caret"></b></a>
                   <ul class="dropdown-menu" id="drop-menu1">
                   <ul class="dropdown-menu" id="drop-menu1">
                    
                    
-
                     <a href="https://2013.igem.org/Team:Penn/Project"><li class="active" style="background-color: rgb(200,200,215);">project</li></a>
+
                     <a href="https://2013.igem.org/Team:Penn/Project"><li>project</li></a>
-
                     <a href="https://2013.igem.org/Team:Penn/Parts"><li>parts</li></a>
+
                     <a href="https://2013.igem.org/Team:Penn/Parts"><li >parts</li></a>
-
                     <a href="https://2013.igem.org/Team:Penn/Modeling"><li>modeling</li></a>
+
                     <a href="https://2013.igem.org/Team:Penn/Modeling"><li class="active" style="background-color: rgb(200,200,215);">modeling</li></a>
                     <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
                     <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
                   </ul>
                   </ul>
                 </li>
                 </li>
                 <li class="dropdown" id="about">
                 <li class="dropdown" id="about">
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT<div class="arrow">></div>  <b class="caret"></b></a>
+
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">about<div class="arrow">></div>  <b class="caret"></b></a>
                   <ul class="dropdown-menu" id="drop-menu2">
                   <ul class="dropdown-menu" id="drop-menu2">
                   <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
                   <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
Line 124: Line 41:
                 </li></ul>
                 </li></ul>
   
   
-
                   <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>HUMAN PRACTICES</li></a>
+
                   <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>human practices</li></a>
-
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
+
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>notebook</li></a>
         </ul>
         </ul>
      
      
      
      
-
     <div class="section-title" style=" margin-top: 150px; position: relative;">modeling</div>
+
     <div class="section-title" style="">modeling</div>
     </div>  
     </div>  
Line 142: Line 59:
</body>
</body>
<script>
<script>
-
        jQuery(document).ready(function($) {
+
</script>
-
+
-
  $('#carousel').infiniteCarousel({
+
-
transitionSpeed : 2000,
+
-
displayTime : 5000,
+
-
textholderHeight : .25,
+
-
displayProgressBar : 0
+
-
});
+
-
 
+
-
$(window).scroll($.debounce( 300, true, function(){
+
-
    $(".navbar").hide();
+
-
    $(".left_wrap").animate({
+
-
    width: "65px"
+
-
  }, 250, function() {
+
-
  });
+
-
}));
+
-
$(window).scroll($.debounce(300, function(){
+
-
   
+
-
  $(".navbar").show();
+
-
    $(".left_wrap").animate({
+
-
    width: "200px"
+
-
  }, 250, function() {
+
-
 
+
-
  });
+
-
}));
+
-
+
-
  $(".dropdown").mouseenter(function(){
+
-
    $(".dropdown-menu").hide();
+
-
            $(this).find(".dropdown-menu").show();
+
-
            });
+
-
 
+
-
  $(".dropdown").mouseleave(function(){
+
-
        $(this).find(".dropdown-menu").hide();
+
-
    });
+
-
     
+
-
      $(".dropdown li").mouseenter(function(){
+
-
        $(this).addClass("active");
+
-
      });
+
-
     
+
-
          $(".dropdown li").mouseleave(function(){
+
-
        $(this).removeClass("active");
+
-
       
+
-
        });
+
-
        });
+
-
    </script>
+
</html>
</html>

Revision as of 13:24, 23 August 2013

modeling

modeling

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