Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
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" />   
-
 
+
-
<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'>  
  <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
    
    

Revision as of 00:28, 29 September 2012