Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <style> 
 
-
  body {
 
-
    background-color: #DBEFFF;
 
-
    background-image:url('img/space.jpg');
 
-
  }
 
-
  #container {
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
    width: 1000px;
 
-
  }
 
-
  #nav {
 
-
    font-family: "Helvetica Neue";
 
-
    font-size: 16px;
 
-
    font-weight: 600;
 
-
    color: white;
 
-
  width: 100%;
 
-
  float: left;
 
-
  margin: 0 0 3em 0;
 
-
  padding: 0;
 
-
  list-style: none;
 
-
  background-color: #63D1F2;
 
-
  }
 
-
  #nav li {
 
-
  float: left;
 
-
  }
 
-
  #nav li a {
 
-
  display: block;
 
-
  padding: 8px 15px;
 
-
  text-decoration: none;
 
-
    color: white;
 
-
  border-style: none
 
-
  }
 
-
  #nav li a:hover {
 
-
  color: #008ACF;
 
-
  }
 
-
  #border-top {
 
-
    background-color: #aaa;
 
-
    height: 6px;
 
-
    width: 980px;
 
-
    margin-left: 10px;
 
-
  }
 
-
  #border-bottom {
 
-
    background-color: #aaa;
 
-
    height: 6px;
 
-
    width: 980px;
 
-
    margin-left: 10px;
 
-
    padding-top: 35px;
 
-
  }
 
-
  #top-panel {
 
-
    background-color: #fff;
 
-
    height: 220px;
 
-
    margin-left: 30px;
 
-
    margin-right: 30px;
 
-
    border-radius: 5px 5px 0px 0px
 
-
  }
 
-
  #bottom-panel {
 
-
    background-color: #fff;
 
-
    height: 360px;
 
-
    margin-left: 30px;
 
-
    margin-right: 30px;
 
-
    margin-top: 0px;
 
-
    border-radius: 0px 0px 5px 5px
 
-
  }
 
-
  #sa {
 
-
    line-height: 100%;
 
-
    font-family: Sans-Serif;
 
-
    font-size: 36px;
 
-
    font-weight: 300;
 
-
    color: #008ACF;
 
-
    padding-top: 70px;
 
-
    letter-spacing: 1.3px;
 
-
    text-align: right; 
 
-
  }
 
-
  #trans {
 
-
    text-align: right;
 
-
    color: #555;
 
-
    font-weight: 100;
 
-
    letter-spacing: 1.3px;
 
-
  }
 
-
  #abs-title {
 
-
    font-weight: 400;
 
-
    font-size: 30px;
 
-
    font-family: "Helvetica Neue";
 
-
    float: left;
 
-
    margin-left: 40px;
 
-
    color: #888;
 
-
    margin-top: -15px;
 
-
  }
 
-
  #abs-text {
 
-
    margin-top: 10px;
 
-
    font-weight: 300;
 
-
    text-align: left;
 
-
    font-family: "Helvetica Neue";
 
-
    color: #333;
 
-
    font-size: 13px;
 
-
    line-height: 180%;
 
-
    margin-left: 40px;
 
-
  }
 
-
 
 
-
  #accomps {
 
-
    margin-top: -25px;
 
-
    margin-left: 15px;
 
-
    background-color: #eee;
 
-
  width: 280px;
 
-
  height: 300px;
 
-
  }
 
-
  </style>
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
 +
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
 +
 
</head>
</head>
-
<body>
+
<body id="space">
<div id="container">
<div id="container">
<div id="top-panel">
<div id="top-panel">
-
  <div style="width: 325px;">
 
-
  <div id="sa">
 
-
  <span id="trans">THE TRANSIT OF</span><br>
 
-
  <span style="margin-left: 86px;">SYNTHETIC<span><br>
 
-
  ASTROBIOLOGY
 
   </div>
   </div>
   </div>
   </div>
 +
 +
  </td>
 +
  <td>
 +
  </td>
 +
  </tr>
 +
  </table>
</div>
</div>
-
 
+
<div id="border-top"></div>   
<div id="border-top"></div>   
<ul id="nav">
<ul id="nav">
-
<li><a href="#" style="margin-left: 55px;">HELL CELL</a></li>
+
<li style="margin-left: 80px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
-
<li><a href="#">VENUS LIFE</a></li>
+
</li>
-
<li><a href="#">BIOMINING</a></li>
+
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a></li>
-
<li><a href="#">OUTREACH</a></li>
+
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a></li>
-
<li><a href="#">SAFETY</a></li>
+
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a></li>
-
<li><a href="#">HUMAN PRACTICES</a></li>
+
<li><a href="/Team:Stanford-Brown/Outreach/Introduction">OUTREACH</a></li>
-
<li><a href="#">THE TEAM</a></li>
+
<li><a href="/Team:Stanford-Brown/HumanPractices/Safety">SAFETY</a></li>
 +
<li><a href="/Team:Stanford-Brown/HumanPractices/Introduction">HUMAN PRACTICES</a></li>
 +
<li><a href="/Team:Stanford-Brown/AboutUs/Team">ABOUT US</a></li>
 +
<!--
 +
<li><a href="http://www.facebook.com/pages/Stanford-Brown-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2012/1/1d/Facebook_sb2012.png" height="27px" style="margin-top: 4px; margin-left: 20px; padding-left: -8px;"/></a><a href="http://twitter.com/Brown_iGEM" height="27px">
 +
</li><li><img src="https://static.igem.org/mediawiki/2012/2/26/Twitter_sb2012.png" href="http://twitter.com/Brown_iGEM" height="27px" style="margin-top: 4px; margin-left: 20px;"/></a></li>
 +
 
 +
-->
 +
 
</ul>
</ul>
-
<div id="border-bottom"></div>
 
-
<div id="bottom-panel">
 
-
  <table>
 
-
  <tr>
 
-
  <td>
 
-
  <div style="width: 600px;">
 
-
    <span id="abs-title">ABSTRACT</span>
 
-
      <span style="float: left;">
 
-
        <p id="abs-text">
 
-
    Astrobiology revolves around three central questions: “Where do we come from?”, “Where are we going?”, and “Are we alone?” The Stanford-Brown iGEM team explored synthetic biology’s untapped potential to address these questions. To approach the second question, the Hell Cell subgroup developed BioBricks that allow a cell to survive harsh extraterrestrial conditions. Such a toolset could create a space-ready synthetic organism to perform useful functions off-world. For example, the Biomining branch attempted to engineer bacteria to recycle used electronics by degenerating silica and extracting metal ions in situ. The Venus Life subproject grappled with the third key astrobiological question by exploring Carl Sagan’s theory that life could exist in Venusian clouds. To this end, Venus Life designed a cell-cycle reporter to test for growth in aerosol within an adapted Millikan apparatus. Through this triad of projects, Stanford-Brown iGEM aims to illuminate synthetic biology’s value as a tool for astrobiology.
 
-
      </p>
 
-
  </span>
 
-
  </td>
 
-
  <td><div id="accomps"></div>
 
-
  </td> 
 
-
  </tr> 
 
-
</div>
 
-
</div>
+
<!--  <div class="l-triangle-top"></div>
-
+
  <div class="l-triangle-bottom"></div>--!>
-
</body>
+
 
-
</html>
+
<div class="bottom-panel">

Latest revision as of 08:54, 3 October 2012