Difference between revisions of "Team:TP CC-SanDiego/test-abishek"

m (navbar urls)
 
(196 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
−
    <link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
−
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,700,900' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script>
 
     <script>
 
function setHeight() {
 
function setHeight() {
−
var winheight = $(window).height() - 57;
+
var winheight = ($(window).height() - 180)/2;
−
$('#whole-wrapper').css("margin-top", winheight)
+
$('#slider').css("margin-top", winheight);
 +
$('#slider').css("margin-bottom", winheight - 50)
 
}
 
}
 
</script>
 
</script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(window).scroll(function(){
 
$(window).scroll(function(){
−
var winheight = $(window).height() - 50;
+
var winheight = $(window).height() - 67;
 
var mn = $("#nav-wrapper");
 
var mn = $("#nav-wrapper");
 
var mn2 = $("#nav");
 
var mn2 = $("#nav");
−
//var nextdiv = $("#motto");
+
var nextdiv = $("#content-wrapper");
 
if($(window).scrollTop() > winheight){
 
if($(window).scrollTop() > winheight){
 
mn.addClass("fixed");
 
mn.addClass("fixed");
 
mn2.addClass("marginRight")
 
mn2.addClass("marginRight")
−
//nextdiv.css("padding-top", "50px");
+
nextdiv.css("padding-top", "50px");
 
}  
 
}  
 
else{
 
else{
 
mn.removeClass("fixed");
 
mn.removeClass("fixed");
 
mn2.removeClass("marginRight")
 
mn2.removeClass("marginRight")
−
//nextdiv.css("padding-top", "0px");
+
nextdiv.css("padding-top", "0px");
 
}
 
}
 
});
 
});
Line 58: Line 59:
  
 
body {  
 
body {  
−
background: url(http://s3.amazonaws.com/TimeScapes/images/stills/4k/big_sur.jpg) no-repeat center center fixed;
+
background: url(https://static.igem.org/mediawiki/2015/7/7c/Tpcc-homebackground.jpg) no-repeat center center fixed;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
Line 73: Line 74:
 
width: 101%;
 
width: 101%;
 
height: 50px;
 
height: 50px;
−
background-color: red;
+
background-color: #333333;
 
z-index: 100;
 
z-index: 100;
 
line-height: 50px;
 
line-height: 50px;
Line 85: Line 86:
 
font-size: 14px;
 
font-size: 14px;
 
font-weight: 700;
 
font-weight: 700;
 +
}
 +
 +
#nav a{
 +
padding-left: 20px;
 +
color: #f2f2f2;
 +
font-weight: 400;
 +
text-decoration: none;
 +
}
 +
 +
#nav a:hover{
 +
color: #f15258;
 +
-webkit-transition: color .1s ease-in;
 +
text-decoration: none;
 
}
 
}
  
Line 92: Line 106:
 
overflow: hidden;
 
overflow: hidden;
 
background-color: white;
 
background-color: white;
 +
padding-bottom: 20px;
 
}
 
}
  
Line 103: Line 118:
 
position: fixed;
 
position: fixed;
 
top: 18px;
 
top: 18px;
 +
width: 100%;
 +
bottom: 50px;
 
}
 
}
  
 
.marginRight{
 
.marginRight{
−
background-color: green;
+
padding-left: 1%;
−
padding-left: 39px;
+
 
}
 
}
  
Line 118: Line 134:
  
 
h2{
 
h2{
−
font-family: Lato;
+
font-family: Poppins;
 
font-size: 36px;
 
font-size: 36px;
−
font-weight: 700;
+
font-weight: 100;
 
border-bottom: none;
 
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 +
}
 +
 +
h5{
 +
font-family: Poppins;
 +
font-size: 18px;
 +
font-weight: 100;
 +
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 
}
 
}
  
 
p{
 
p{
−
font-family: Merriweather;
+
font-family: Montserrat;
−
font-sizer: 18px;
+
font-size: 12px;
 
color: #333;
 
color: #333;
−
font-weight: 700;
+
font-weight: 400;
 
}
 
}
  
Line 134: Line 161:
 
height: 400px;
 
height: 400px;
 
width: 100%;
 
width: 100%;
−
background-image: url(http://i.imgur.com/XpUONRc.jpg);
+
background-image: url(https://static.igem.org/mediawiki/2015/b/b0/Tpcc-homesection1.jpg);
 
background-size: cover;
 
background-size: cover;
−
margin-top: 100px;
+
margin: 0px 0px 40px 0px;
−
margin-bottom: 100px;
+
}
 +
 
 +
#outerRight{
 +
height: 400px;
 +
width: 100%;
 +
background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Tpcc-homesection2.jpg);
 +
background-size: cover;
 +
margin: 20px 0px 20px 0px;
 
}
 
}
  
 
#inner{
 
#inner{
−
wdith: 1100px;
+
width: 1100px;
 
height: 400px;
 
height: 400px;
 
overflow: hidden;
 
overflow: hidden;
Line 149: Line 183:
 
#finalinner{
 
#finalinner{
 
width: 250px;
 
width: 250px;
−
height: 400px;
+
height: 380px;
 
float: left;
 
float: left;
 
background-color: white;
 
background-color: white;
 +
padding: 18px 75px 0 35px;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 +
#finalinnerRight{
 +
width: 250px;
 +
height: 380px;
 +
float: right;
 +
background-color: white;
 +
padding: 18px 35px 0 75px;
 +
text-align: right;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 +
#team-wrap{
 +
width: 1000px;
 +
height: auto;
 +
overflow: hidden;
 +
margin: 20px auto 20px auto;
 +
background-color: #f2f2f2;
 +
text-align: center;
 +
padding: 50px 50px 56px 50px;
 +
}
 +
 +
#team{
 +
height: 450px;
 +
width: 250px;
 +
float: left;
 +
margin-right: 33.3px;
 +
background-color: #f2f2f2;
 +
margin-bottom: 25px;
 +
}
 +
 +
#team img{
 +
margin-bottom: 15px;
 +
}
 +
 +
.name{
 +
font-family: Poppins;
 +
font-size: 24px;
 +
font-weight: 100;
 +
margin-left: 10px;
 +
}
 +
 +
#inner a{
 +
color: #f15258;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 +
#inner a:hover{
 +
color: white;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 +
#team-wrap a{
 +
color: #f15258;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 +
#team-wrap a:hover{
 +
color: white;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 +
#borderBot{
 +
border-bottom: 2px solid #f15258;
 +
width: 50px;
 +
}
 +
 +
#slider{
 +
width: 648px;
 +
height: 140px;
 +
margin: 0 auto 0 auto;
 +
font-family: Poppins;
 +
font-size: 128px;
 +
color: white;
 +
font-weight: 500;
 +
line-height: 140px;
 +
padding: 20px 30px 8px 30px;
 +
border: 5px solid #f15258;
 +
color: #f15258;
 
}
 
}
 
</style>
 
</style>
Line 158: Line 295:
 
<body onload="setHeight()">
 
<body onload="setHeight()">
 
<div id="whole-wrapper">
 
<div id="whole-wrapper">
 +
<div id="slider">
 +
CHITINASE
 +
</div>
 
<div id="nav-wrapper">
 
<div id="nav-wrapper">
 
<div id="nav">
 
<div id="nav">
−
TPHS / CCA iGEM
+
<span style="color: #f15258; border: 2px solid #f15258; padding: 5px 10px 5px 10px;">T P - C C</span>
 
<div id="nav-right">
 
<div id="nav-right">
−
<a>HOME</a>
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego">
−
<a>NEWS</a>
+
        HOME</a>
−
<a>HELLO</a>
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">
 +
        PROJECT</a> <!-- Overview, Experiments/Protocols, Safety, Results -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">
 +
        NOTEBOOK</a>
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Practices">
 +
        OUTREACH</a> <!-- Collaborations -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">
 +
        TEAM</a> <!-- Attributions -->
 
</div>
 
</div>
 
</div>
 
</div>
Line 173: Line 320:
 
<div id="inner">
 
<div id="inner">
 
<div id="finalinner">
 
<div id="finalinner">
 +
<h2 style="margin-bottom: 0px;">PROJECT OVERVIEW</h2>
 +
<div id="borderBot"></div><br><br>
 +
<p style="margin-bottom: 15px;">
 +
Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.
 +
</p>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">FIND OUT MORE</a>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
<div id="outerRight">
 +
<div id="inner">
 +
<div id="finalinnerRight">
 +
<h2 style="margin-bottom: 0px;">NOTEBOOK</h2>
 +
<div id="borderBot" style="float: right;"></div><br><br>
 +
<p style="margin-bottom: 15px;">Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success. </p>
 +
<a  href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">FIND OUT MORE</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="content" style="padding-top: 16px; padding-bottom: 10px;">
 +
<div id="team-wrap">
 +
<h2>
 +
THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE
 +
</h2>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">MEET THE TEAM</a>
 +
<!--<div id="team">
 +
<img src="http://whysquare.co.nz/wp-content/uploads/2013/07/profile_square3-270x270.jpg" width="250" />
 +
<span class="name">ERIC CHEN</span>
 +
</div>-->
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 16:38, 18 September 2015

CHITINASE

PROJECT OVERVIEW



Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.

FIND OUT MORE

NOTEBOOK



Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success.

FIND OUT MORE

THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE

MEET THE TEAM