Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<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:27, 29 September 2012