Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
+
<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'>  
-
<style>
+
-
  body#space {
+
-
    background-color: #DBEFFF;
+
-
    background-image: url('img/space.jpg');
+
-
    background-attachment: fixed;
+
-
    background-position: 50% 0px;
+
-
  }
+
-
  #container {
+
-
    margin-top: 15px;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    width: 1000px;
+
-
  }
+
-
  #nav {
+
-
    z-index: 500;
+
-
    font-family: 'Ubuntu Condensed', sans-serif;
+
-
    font-size: 17px;
+
-
    font-weight: 300;
+
-
    color: white;
+
-
  width: 901px;
+
-
  float: left;
+
-
  margin: 0 0 3em 0;
+
-
  margin-left: 30px;
+
-
  padding-top: -10px;
+
-
  list-style: none;
+
-
  background-color: #A32C2C;
+
-
  box-shadow: 1px 0px 4px 1px #222;
+
-
  border-radius: 0px 1px 1px 0px;
+
-
  }
+
-
  #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: #6c6c6c;
+
-
    height: 6px;
+
-
    width: 940px;
+
-
    margin-left: 30px;
+
-
    border-radius: 0px 1px 0px 0px;
+
-
  }
+
-
  #border-bottom {
+
-
    background-color: #6c6c6c;
+
-
    height: 5px;
+
-
    width: 941px;
+
-
    margin-left: 30px;
+
-
    padding-top: 36px;
+
-
  border-radius: 0px 1px 0px 0px;
+
-
  }
+
-
  #top-panel {
+
-
    background-color: #fff;
+
-
    height: 235px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    border-radius: 5px 5px 0px 0px;
+
-
    box-shadow: 0px -2px 6px 2px #222;
+
-
    background: url(img/planets.png) no-repeat center;
+
-
    padding-bottom: -10px;
+
-
  }
+
-
  #bottom-panel {
+
-
    background-color: #fff;
+
-
    height: 370px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    margin-top: 0px;
+
-
    border-radius: 0px 0px 5px 5px;
+
-
    box-shadow: 0px 2px 6px 2px #222;
+
-
  }
+
-
  #sa {
+
-
    line-height: 100%;
+
-
    font-family: Sans-Serif;
+
-
    font-size: 36px;
+
-
    font-weight: 300;
+
-
    color: #008ACF;
+
-
    padding-top: 55px;
+
-
    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: #555;
+
-
    margin-top: -5px;
+
-
    text-shadow: 1px 0px 0px #fff, 3px 1px 0px rgba(0,0,0,0.15);
+
-
    letter-spacing: 1.1px;
+
-
  }
+
-
  #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;
+
-
  }
+
-
  .l-triangle-top {
+
-
    border-color: #A32C2C transparent transparent;
+
-
    border-style:solid;
+
-
    border-width:20px;
+
-
    height:0px;
+
-
    width:0px;
+
-
    position: relative;
+
-
    float: left;
+
-
    top: -86px;
+
-
    left: 10px;
+
-
  }
+
-
  .l-triangle-bottom {
+
-
    border-color: transparent transparent #A32C2C;
+
-
    border-style:solid;
+
-
    border-width:20px;
+
-
    height:0px;
+
-
    width:0px;
+
-
    position: relative;
+
-
    float: left;
+
-
    top: -91px;
+
-
    left: -30px;
+
-
  }
+
-
  .accomps {
+
-
    font-family: "Helvetica Neue";
+
-
    margin-top: -60px;
+
-
    margin-left: 35px;
+
-
    background: #fff;
+
-
  width: 290px;
+
-
  height: 315px;
+
-
    border-radius: 5px;
+
-
    border:1px solid #aaa;
+
-
    box-shadow: 0px 1px 2px 1px #ccc;
+
-
    color: #0072AB;
+
-
    font-size: 18px;
+
-
  }
+
-
  .accomps ul {
+
-
    color: #555;
+
-
    font-weight: 500;
+
-
    font-size: 12px;
+
-
    list-style-type: none;
+
-
    padding-top: -2px;
+
-
    padding-left: 15px;
+
-
    padding-right: 15px;
+
-
  }
+
-
  .accomps ul li {
+
-
    padding-bottom: 8px;
+
-
  }
+
-
  #proj-panel {
+
-
    background-color: #fff;
+
-
    height: 460px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    margin-top: 15px;
+
-
    margin-bottom: 15px;
+
-
    border-radius: 5px 5px 5px 5px;
+
-
    box-shadow: 0px 2px 6px 2px #222;
+
-
  }
+
-
  #sponsors {
+
-
    background-color: #fff;
+
-
    height: 100px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    margin-top: 15px;
+
-
    margin-bottom: 15px;
+
-
    border-radius: 5px 5px 5px 5px;
+
-
    box-shadow: 0px 2px 6px 2px #222;
+
-
  }
+
-
  .feature {
+
-
    margin-right: 8px;
+
-
    font-family: "Helvetica Neue";
+
-
    margin-top: 20px;
+
-
    background: #fff;
+
-
  width: 285px;
+
-
  height: 300px;
+
-
    border-style: none;
+
-
    color: #008ACF;
+
-
    font-size: 18px;
+
-
  }  
+
-
  .brief {
+
-
    margin-top: 10px;
+
-
    font-weight: 300;
+
-
    text-align: left;
+
-
    font-family: "Helvetica Neue";
+
-
    color: #333;
+
-
    font-size: 13px;
+
-
    line-height: 180%;
+
-
    margin-right: 10px;
+
-
    width: 94%;
+
-
  }
+
-
</style>
+
-
 
+
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
+
    
    
</head>
</head>
Line 214: Line 9:
<div id="container">
<div id="container">
<div id="top-panel">
<div id="top-panel">
-
  <table>
 
-
    <tr>
 
-
    <td>
 
-
  <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>
Line 231: Line 18:
   </table>
   </table>
</div>
</div>
-
 
+
<div id="border-top"></div>   
<div id="border-top"></div>   
<ul id="nav">
<ul id="nav">
-
<li style="margin-left: 90px;"><a href="#">HOME</a>
+
<li style="margin-left: 80px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
-
</li>
+
-
<li><a href="#">HELL CELL</a>
+
-
<ul>
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Radiation</a></li>
+
-
<li><a href="#">Cold</a></li>
+
-
<li><a href="#">Dessication</a></li>
+
-
<li><a href="#">Base</a></li>
+
-
<li><a href="#">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="#">BIOMINING</a>
+
-
<ul>
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Harvesting</a></li>
+
-
<li><a href="#">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">VENUS LIFE</a>
+
-
<ul>
+
-
<li><a href="#">Introduction</a></li>
+
-
<li><a href="#">Venusian Atmosphere</a></li>
+
-
<li><a href="#">Biosensing</a></li>
+
-
<li><a href="#">Suspension Chamber</a></li>
+
-
<li><a href="#">Modeling</a></li>
+
-
<li><a href="#">Biobricks</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="#">OUTREACH</a>
+
-
<ul>
+
-
<li><a href="#">Cal Academy of Sciences</a></li>
+
-
<li><a href="#">Maker Faire</a></li>
+
-
<li><a href="#">Transit of Venus</a></li>
+
-
<li><a href="#">Carl Zimmer</a></li>
+
-
<li><a href="#">iGEM Memes</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">SAFETY</a>
+
-
</li>
+
-
 
+
-
<li><a href="#">HUMAN PRACTICES</a>
+
-
<ul>
+
-
<li><a href="#">Patent Guide</a></li>
+
-
<li><a href="#">Patent Ethics</a></li>
+
-
<li><a href="#">Terraform Ethics</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="#">ABOUT US</a>
+
-
<ul>
+
-
<li><a href="#">The Team</a></li>
+
-
<li><a href="#">Sponsors</a></li>
+
-
<li><a href="#">Contact</a></li>
+
-
</ul>
+
</li>
</li>
 +
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a></li>
 +
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a></li>
 +
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a></li>
 +
<li><a href="/Team:Stanford-Brown/Outreach/Introduction">OUTREACH</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><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">
Line 303: Line 41:
   <div class="l-triangle-bottom"></div>--!>
   <div class="l-triangle-bottom"></div>--!>
-
</body>
+
<div class="bottom-panel">
-
</html>
+

Latest revision as of 08:54, 3 October 2012