Team:Penn/Templates/Banner

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
</div>
+
<head>
-
</div>
+
-
</div>
+
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
-
  <title>University of Illinois iGEM Team</title>
+
-
+
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
+
   <style type="text/css">
-
  <meta name="description" content="University of Illinois iGEM Team" />
+
-
+
-
  <meta name="keywords" content="" />
+
-
+
-
  <meta name="robots" content="index,follow" />
+
-
+
-
  <meta name="revisit-after" content="7 days" />
+
-
+
-
  <meta name="copyright" content="Copyright 2011. Illinois iGEM. All Rights Reserved." />
+
-
+
-
  <meta name="author" content="Illini EMS" />
+
-
+
-
  <meta name="language" content="English" />
+
-
 
+
-
   <style type=text/css>
+
-
ul{
+
  #top-section {
 +
  width: 1000px;
 +
  height: 20px;
 +
  background-color: #ffffff;
 +
  border: none;
 +
  }
-
list-style: none;
+
  #p-logo {
 +
  display: none;}
-
list-style-type: none;
+
    #footer-box {
 +
    width: 990px;
 +
  }
-
}
+
  .left-menubar > ul > li:last-child {
 +
    display: none;}
-
li{
+
  #search-controls {
 +
  display: none;}
-
float: left;
+
  .right-menu li a, .right-menu li a:hover {
 +
  color: #3c6b27;
 +
  background-color: transparent;
 +
  }
-
}
+
  .firstHeading {
 +
    display: none;}
-
#globalwrapper {
+
  #ProjectLogo {
 +
  position: relative;
 +
  text-align:center;
 +
  z-index:-1;
 +
  }
-
background: none;
+
  #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
-
width:1000px;
+
  #ImperialLogo {
 +
  position:absolute;
 +
  top:100px;
 +
  left:790px;
 +
  }
-
padding: 0px 0px;
+
  body {
 +
  background-color:#708090;
 +
  }
-
margin: 0 auto;
+
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
-
height:100%;
+
  #content {
 +
  position: relative;
 +
  width: 1000px;
 +
  margin: 0 auto;
 +
  padding-top:1px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
-
}
+
  #contentSub {
 +
  margin: 0 0 0 0;
 +
  }
-
.firstHeading {
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
  margin-bottom: 0;
 +
  }
-
height:0px;
+
  a {color:#ffffff;}
 +
  a:link {color:#ffffff;}
 +
  a:visited {color:#ffffff;}
 +
  a:hover {color:#ffffff;}
 +
  a:active {color:#ffffff;}
 +
  a[name]:hover {text-decoration:none;}
-
visibility:hidden;
 
-
}
+
  h1 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 2.2em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
  }
-
#p-logo {
+
  h2 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.7em;
 +
  margin: 0 0 0 0;
 +
  padding: 18px 20px 7px 20px;
 +
  border-bottom: none;
 +
  }
-
height:1px; overflow:hidden; display: none;
+
  h3 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.4em;
 +
  margin: 0 0 0 0;
 +
  padding: 16px 20px 2px 20px;
 +
  border-bottom: none;
 +
  }
-
}
+
  h4 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.1em;
 +
  margin: 0 0 0 0;
 +
  padding: 13.5px 20px 1px 20px;
 +
  border-bottom: none;
 +
  }
-
#search-controls {
+
  p {
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
-
display:none;
+
  .border {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  }
-
margin-top:0px;
+
  .borderMagnify {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  margin-left:-9px;
 +
  margin-right:9px;
 +
  }
-
}
+
  .imgbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
-
#top-section {
+
  .vidbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
-
background: none;
+
  .newouterbox {
 +
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
 +
  }
-
background-position: top;
+
  .newinnerbox {
 +
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
  }
-
height:0px ;
+
  .newtext {
 +
  text-align:center;background-color:#FF944D;color:#000000;
 +
  }
-
background-repeat: no-repeat;
+
  ul.a {
 +
  margin: 0 0 0 40px;
 +
  list-style-image: none;
 +
  list-style-type:disc;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
-
border-width:0px;
+
  ol.a {
 +
  margin: 0 0 0 30px;
 +
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
-
border-top-width:1px;
+
  iframe {
 +
  padding: 10px 20px 10px 20px;
 +
  }
 +
 +
  </style>
 +
  </head>
-
}
 
-
 
-
#content {
 
-
 
-
border-left-width:0px;
 
-
 
-
border-right-width:0px;
 
-
 
-
padding:0px;
 
-
 
-
width:1000px;
 
-
 
-
height:1px;
 
-
 
-
overflow:hidden;
 
-
 
-
display: none;
 
-
 
-
background: #95001a;
 
-
}
 
-
 
-
#menubar {
 
-
 
-
background: none;
 
-
 
-
color: #475D72;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
}
 
-
 
-
#menubar ul li a {
 
-
 
-
color: #475D72;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
}
 
-
 
-
 
-
.right-menu li a {
 
-
 
-
color: #475D72;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
background: none;
 
-
 
-
}
 
-
 
-
/* iGEM Stylesheet */
 
-
 
-
body{
 
-
 
-
background: #708090;
 
-
 
-
font-family: verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-size: 12px;
 
-
 
-
color: #595959;
 
-
 
-
border-top-style:solid;
 
-
 
-
border-top-color: #4C657B;
 
-
 
-
border-top-width: 4px;
 
-
 
-
margin: 0;
 
-
 
-
padding: 0;
 
-
 
-
}
 
-
 
-
#wrap{
 
-
 
-
width: 950px;
 
-
 
-
margin: 0px auto;
 
-
 
-
}
 
-
 
-
*{
 
-
 
-
margin: 0px;
 
-
 
-
padding: 0px;
 
-
 
-
}
 
-
 
-
img{
 
-
 
-
display: block;
 
-
 
-
border: 0px;
 
-
 
-
}
 
-
 
-
.clear{
 
-
 
-
clear: both;
 
-
 
-
height: 1px;
 
-
 
-
width: 100%;
 
-
 
-
line-height: 1px;
 
-
 
-
font-size: 1px;
 
-
 
-
}
 
-
 
-
div > .clear{
 
-
 
-
height: 15px;
 
-
 
-
}
 
-
 
-
a{
 
-
 
-
color: #6B7980;
 
-
 
-
text-decoration: none;
 
-
 
-
}
 
-
 
-
a:hover{
 
-
 
-
color: #6B7980;
 
-
 
-
text-decoration: underline;
 
-
 
-
}
 
-
 
-
a:visited{
 
-
 
-
color: #6B7980;
 
-
 
-
text-decoration: none;
 
-
 
-
}
 
-
 
-
/* Header */
 
-
 
-
#header{
 
-
 
-
float: left;
 
-
 
-
width: 1000px;
 
-
 
-
height: 87px;
 
-
 
-
}
 
-
 
-
#logo{
 
-
 
-
float: left;
 
-
 
-
width: 300px;
 
-
 
-
height: 70px;
 
-
 
-
padding: 0px 10px 0px 10px;
 
-
 
-
}
 
-
 
-
#logo a{
 
-
 
-
display: block;
 
-
 
-
overflow: hidden;
 
-
 
-
background: url(https://static.igem.org/mediawiki/2011/7/71/Uiuc2011_igem_logo.jpg);
 
-
 
-
width: 300px;
 
-
 
-
height: 55px;
 
-
 
-
text-indent: -9000px; 
 
-
 
-
text-decoration: none;
 
-
 
-
margin: 15px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#header-block{
 
-
 
-
float: right;
 
-
 
-
width: 650px;
 
-
 
-
height: 70px;
 
-
 
-
padding: 0px 5px 0px 0px;
 
-
 
-
}
 
-
 
-
/* Header Primary Nav*/
 
-
 
-
#header-nav{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
width: 650px;
 
-
 
-
height: 20px;
 
-
 
-
margin: 45px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#header-nav ul{
 
-
 
-
float: right;
 
-
 
-
list-style-type: none;
 
-
 
-
}
 
-
 
-
#header-nav ul li{
 
-
 
-
float: left;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #5680B0;
 
-
 
-
margin: 0px 10px 0px 0px;
 
-
 
-
}
 
-
 
-
#header-nav ul li.divider{
 
-
 
-
float: left;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #5680B0;
 
-
 
-
margin: 1px 10px 0px 0px;
 
-
 
-
}
 
-
 
-
#header-nav ul a{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
#header-nav ul a:hover{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: underline;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
/* Sub Nav */
 
-
 
-
#sub-nav{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
width: 650px;
 
-
 
-
height: 20px;
 
-
 
-
margin: 2px 0px 0px 0px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
#sub-nav ul{
 
-
 
-
float: right;
 
-
 
-
list-style-type: none;
 
-
 
-
margin: 0px 8px 0px 0px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
#sub-nav li{
 
-
 
-
float: left;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #475D72;
 
-
 
-
margin: 0px 15px 0px 0px;
 
-
 
-
}
 
-
 
-
#sub-nav ul a{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
#sub-nav ul a:hover{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: underline;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #475D72;
 
-
 
-
}
 
-
 
-
/* Quick Feed Block */
 
-
 
-
#quick-feed-block{
 
-
 
-
overflow: hidden;
 
-
 
-
float: left;
 
-
 
-
background: url(https://static.igem.org/mediawiki/2011/2/23/Display_bg.jpg) no-repeat;
 
-
 
-
width: 970px;
 
-
 
-
height: 330px;
 
-
 
-
border: 0px;
 
-
 
-
margin: 0px 0px 0px 0px;
 
-
 
-
padding: 12px 15px 24px 15px;
 
-
 
-
}
 
-
 
-
#quick-feed-desc{
 
-
 
-
float: left;
 
-
 
-
width: 315px;
 
-
 
-
height: 330px;
 
-
 
-
border: 0px;
 
-
 
-
}
 
-
 
-
#quick-feed-text-spc{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
border: 0px;
 
-
 
-
width: 315px;
 
-
 
-
height: 245px;
 
-
 
-
margin: 10px 15px 0px 15px;
 
-
 
-
}
 
-
 
-
#quick-feed-text-spc .title{
 
-
 
-
float: left;
 
-
 
-
width: 270px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 23px;
 
-
 
-
color: #EDEDED;
 
-
 
-
padding: 5px 25px 0px 10px;
 
-
 
-
}
 
-
 
-
#quick-feed-text-spc .desc{
 
-
 
-
float: left;
 
-
 
-
width: 270px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #EDEDED;
 
-
 
-
padding: 5px 25px 0px 10px;
 
-
 
-
}
 
-
 
-
#quick-feed-read-more{
 
-
 
-
float: left;
 
-
 
-
width: 275px;
 
-
 
-
height: 21px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #FFFFFF;
 
-
 
-
border: 0px;
 
-
 
-
padding: 10px 0px 10px 0px;
 
-
 
-
margin: 5px 15px 0px 20px;
 
-
 
-
border-top-style:solid;
 
-
 
-
border-top-color: #364758;
 
-
 
-
border-top-width: 1px;
 
-
 
-
border-bottom-style:solid;
 
-
 
-
border-bottom-color: #364758;
 
-
 
-
border-bottom-width: 1px;
 
-
 
-
}
 
-
 
-
#quick-feed-img .trans-bl-bg p{
 
-
 
-
text-align: center;
 
-
 
-
margin: 5px 5px;
 
-
 
-
font-weight:italic;
 
-
 
-
color:#ffffff;
 
-
 
-
}
 
-
 
-
#quick-feed-img{
 
-
 
-
float: left;
 
-
 
-
background: none;
 
-
 
-
width: 655px;
 
-
 
-
height: 330px;
 
-
 
-
border: 0px;
 
-
 
-
margin: 0px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
/* Define Block */
 
-
 
-
#define-block{
 
-
 
-
float: left;
 
-
 
-
background: url(https://static.igem.org/mediawiki/2011/3/3d/Uiuc2011_uiuc_banner.jpg) no-repeat;
 
-
 
-
width: 1000px;
 
-
 
-
height: 50px;
 
-
 
-
border: 0px;
 
-
 
-
margin: 0px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#define-block .title{
 
-
 
-
width: 1000px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
text-wight: bold;
 
-
 
-
font-size: 21px;
 
-
 
-
color: #EDEDED;
 
-
 
-
margin: 11px 0px 0px 0px;
 
-
 
-
 
-
}
 
-
 
-
/* Core Content Block */
 
-
 
-
.core-content-block{
 
-
 
-
float: left;
 
-
 
-
width: 970px;
 
-
 
-
margin: 20px 15px 12px 15px;
 
-
 
-
overflow: hidden;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-left{
 
-
 
-
float: left;
 
-
 
-
width: 630px;
 
-
 
-
margin: 0px 19px 0px 0px;
 
-
 
-
overflow: hidden;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-left .title{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: bold;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #4C657A;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-left .desc{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-left img{
 
-
 
-
margin: 5px 20px 10px 10px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
width: 300px;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
padding: 0px 0px 10px 20px;
 
-
 
-
border-left-style:solid;
 
-
 
-
border-left-color: #D5DCE2;
 
-
 
-
border-left-width: 1px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right .title{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: bold;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #4C657A;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right .desc{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right #sec-block{
 
-
 
-
float: left;
 
-
 
-
width: 300px;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right #sec-block .tmphoto{
 
-
 
-
float: left;
 
-
 
-
margin: 7px 7px 3px 7px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right #sec-block .name{
 
-
 
-
font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: italic;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 0px 0px 5px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-right #sec-block .p-desc{
 
-
 
-
font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: italic;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 0px 0px 5px 0px;
 
-
 
-
}
 
-
 
-
.core-content-block-2{
 
-
 
-
float: left;
 
-
 
-
width: 990px;
 
-
 
-
margin: 0px 5px 12px 5px;
 
-
 
-
overflow: hidden;
 
-
 
-
border-top-style:solid;
 
-
 
-
border-top-color: #D5DCE2;
 
-
 
-
border-top-width: 1px;
 
-
 
-
}
 
-
 
-
.core-content-block-t2-left-align{
 
-
 
-
float: left;
 
-
 
-
width: 290px;
 
-
 
-
overflow: hidden;
 
-
 
-
border-right-style:solid;
 
-
 
-
border-right-color: #D5DCE2;
 
-
 
-
border-right-width: 1px;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
padding: 10px 19px 10px 20px;
 
-
 
-
}
 
-
 
-
.core-content-block-t2-left-align img{
 
-
 
-
margin: 0px 10px 0px 0px;
 
-
 
-
}
 
-
 
-
.core-content-block-t2-final-align{
 
-
 
-
float: left;
 
-
 
-
width: 290px;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 10px 0px 0px 0px;
 
-
 
-
padding: 10px 20px 10px 20px;
 
-
 
-
}
 
-
 
-
.core-content-block-t2-left-title{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: bold;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #384B5A;
 
-
 
-
padding: 5px 0px 5px 5px;
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
#core-content-block-t2r-left{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
width: 200px;
 
-
 
-
margin: 0px 0px 0px 0px;
 
-
 
-
padding: 0px 20px 10px 0px;
 
-
 
-
border-right-style:solid;
 
-
 
-
border-right-color: #D5DCE2;
 
-
 
-
border-right-width: 1px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-left .title{
 
-
 
-
width: 200px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: bold;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #4C657A;
 
-
 
-
margin: 5px 0px 15px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-left .desc{
 
-
 
-
width: 190px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 5px 0px 15px 10px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-left #sec-block{
 
-
 
-
float: left;
 
-
 
-
width: 190px;
 
-
 
-
margin: 0px 0px 15px 10px;
 
-
 
-
}
 
-
 
-
#core-content-block-t1-left #sec-block .tmphoto{
 
-
 
-
float: left;
 
-
 
-
margin: 7px 7px 3px 7px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-left #sec-block .name{
 
-
 
-
font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: italic;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 0px 0px 5px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-left #sec-block .p-desc{
 
-
 
-
font-family: "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: italic;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 0px 0px 5px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-right{
 
-
 
-
float: left;
 
-
 
-
width: 730px;
 
-
 
-
margin: 0px 0px 0px 19px;
 
-
 
-
overflow: hidden;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-right .title{
 
-
 
-
width: 730px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: bold;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 15px;
 
-
 
-
color: #4C657A;
 
-
 
-
margin: 5px 0px 15px 0px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-right .desc{
 
-
 
-
width: 720px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-style: normal;
 
-
 
-
text-decoration: none;
 
-
 
-
font-size: 13px;
 
-
 
-
color: #686868;
 
-
 
-
margin: 5px 0px 15px 10px;
 
-
 
-
}
 
-
 
-
#core-content-block-t2r-right img{
 
-
 
-
margin: 5px 20px 10px 10px;
 
-
 
-
}
 
-
 
-
/* Sponsors */
 
-
 
-
#sponsors{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
display: block;
 
-
 
-
background: #4C657B;
 
-
 
-
width: 990px;
 
-
 
-
height: 250px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 11px;
 
-
 
-
color: #6B7982;
 
-
 
-
margin: 10px 5px 0px 5px;
 
-
 
-
}
 
-
 
-
#sponsors-group-1{
 
-
 
-
float: left;
 
-
 
-
width: 715px;
 
-
 
-
height: 164px;
 
-
 
-
margin: 0px 0px 0px 25px;
 
-
 
-
}
 
-
 
-
#sponsors-group-2{
 
-
 
-
float: left;
 
-
 
-
width: 225px;
 
-
 
-
height: 144px;
 
-
 
-
margin: 20px 0px 0px 25px;
 
-
 
-
}
 
-
 
-
#sponsors-line-1{
 
-
 
-
width: 715px;
 
-
 
-
height: 59px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 17px;
 
-
 
-
color: #DDEBEB;
 
-
 
-
margin: 15px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#sponsors-title{
 
-
 
-
width: 100px;
 
-
 
-
height: 60px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 17px;
 
-
 
-
color: #DDEBEB;
 
-
 
-
margin: 0px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#sponsors-nano{
 
-
 
-
width: 535px;
 
-
 
-
height: 59px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 0px 0px 54px;
 
-
 
-
}
 
-
 
-
#sponsors-labcon{
 
-
 
-
width: 182px;
 
-
 
-
height: 59px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 14px 0px 55px;
 
-
 
-
}
 
-
 
-
 
-
 
-
#sponsors-line-2{
 
-
 
-
width: 715px;
 
-
 
-
height: 75px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 17px;
 
-
 
-
color: #DDEBEB;
 
-
 
-
margin: 15px 0px 0px 0px;
 
-
 
-
}
 
-
 
-
#sponsors-idt{
 
-
 
-
width: 216px;
 
-
 
-
height: 75px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-usscien{
 
-
 
-
width: 136px;
 
-
 
-
height: 59px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 8px 10px 8px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-genscript{
 
-
 
-
width: 263px;
 
-
 
-
height: 75px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-midsci{
 
-
 
-
width: 186px;
 
-
 
-
height: 75px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-line-3{
 
-
 
-
width: 940px;
 
-
 
-
height: 60px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 17px;
 
-
 
-
color: #DDEBEB;
 
-
 
-
margin: 15px 25px 0px 25px;
 
-
 
-
}
 
-
 
-
#sponsors-fisher{
 
-
 
-
width: 260px;
 
-
 
-
height: 60px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-vwr{
 
-
 
-
width: 207px;
 
-
 
-
height: 60px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-aces{
 
-
 
-
width: 374px;
 
-
 
-
height: 60px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 10px 0px 20px;
 
-
 
-
}
 
-
 
-
#sponsors-line-4{
 
-
 
-
width: 940px;
 
-
 
-
height: 56px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 17px;
 
-
 
-
color: #DDEBEB;
 
-
 
-
margin: 15px 25px 0px 25px;
 
-
 
-
}
 
-
 
-
#sponsors-igb{
 
-
 
-
width: 844px;
 
-
 
-
height: 56px;
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
margin: 0px 48px 0px 48px;
 
-
 
-
}
 
-
 
-
/* Footer */
 
-
 
-
#t_footer{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
display: block;
 
-
 
-
background: #EBEBEB url(images/footer_bg.jpg);
 
-
 
-
width: 990px;
 
-
 
-
height: 69px;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 11px;
 
-
 
-
color: #6B7982;
 
-
 
-
margin: 10px 5px 0px 5px;
 
-
 
-
}
 
-
 
-
#t_footer-l{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 11px;
 
-
 
-
color: #6B7982;
 
-
 
-
margin: 8px 11px 0px 10px;
 
-
 
-
}
 
-
 
-
#t_footer-l ul{
 
-
 
-
float: left;
 
-
 
-
list-style-type: none;
 
-
 
-
}
 
-
 
-
#t_footer-l ul li{
 
-
 
-
float: left;
 
-
 
-
margin: 0px 4px 0px 0px;
 
-
 
-
}
 
-
 
-
#t_footer-l p{
 
-
 
-
margin-bottom: 1px;
 
-
 
-
}
 
-
 
-
#t_footer-v{
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 11px;
 
-
 
-
color: #AAAAAA;
 
-
 
-
}
 
-
 
-
#t_footer-r{
 
-
 
-
float: left;
 
-
 
-
overflow: hidden;
 
-
 
-
font-family: verdana, "Trebuchet MS", verdana, Arial, Helvetica, sans-serif;
 
-
 
-
font-weight: normal;
 
-
 
-
font-style: normal;
 
-
 
-
font-size: 11px;
 
-
 
-
color: #6B7982;
 
-
 
-
margin: 19px 11px 0px 25px;
 
-
 
-
}
 
-
 
-
#t_footer-r ul{
 
-
 
-
float: left;
 
-
 
-
list-style-type: none;
 
-
 
-
}
 
-
 
-
#t_footer-r ul li{
 
-
 
-
float: left;
 
-
 
-
margin: 0px 15px 0px 0px;
 
-
 
-
}
 
-
 
-
#t_footer-r p{
 
-
 
-
margin-bottom: 1px;
 
-
 
-
}
 
-
 
-
  </style>
 
-
 
-
</head>
 
-
 
<body>
<body>
-
+
<a name="top"></a>
-
  <div id="wrap">
+
<div id='ProjectLogo'>
-
 
+
  <a href='https://2012.igem.org/Team:Penn'>
-
    <!--Header Start-->
+
    <img src="https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png" style="width:350px;" />
-
+
  </a>
-
    <div id="header">
+
</div>
-
 
+
<div id='iGEMLogo'>
-
      <!--Logo Start-->
+
  <a href='https://2011.igem.org/Main_Page' target="_blank">
-
+
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
-
      <div id="logo">
+
  </a>
-
+
</div>
-
        <a href="https://2011.igem.org/Team:UIUC-Illinois">Illinois iGEM</a>
+
<div id='ImperialLogo'>
-
+
  <a href='http://www.upenn.edu'>
-
      </div>
+
    <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" />
-
 
+
  </a>
-
      <!--Logo End-->
+
</div>
-
       
+
-
      <div id="header-block">
+
-
 
+
-
        <!--Prim Nav Start-->
+
-
 
+
-
        <div id="header-nav">
+
-
 
+
-
          <ul>
+
-
             
+
-
            <li>
+
-
           
+
-
              <a href="https://2011.igem.org/Team:UIUC-Illinois">Home</a>
+
-
           
+
-
            </li>
+
-
             
+
-
            <li class="divider">
+
-
           
+
-
              <img src="https://static.igem.org/mediawiki/2011/d/df/Uiuc2011_nav_div.jpg" />
+
-
           
+
-
            </li>
+
-
             
+
-
            <li>
+
-
           
+
-
              <a href="https://2011.igem.org/Team:UIUC-Illinois/Team" onMouseover="showit(0)">Team</a>
+
-
           
+
-
            </li>
+
-
             
+
-
            <li class="divider">
+
-
           
+
-
              <img src="https://static.igem.org/mediawiki/2011/d/df/Uiuc2011_nav_div.jpg" />
+
-
           
+
-
            </li>
+
-
             
+
-
            <li>
+
-
           
+
-
              <a href="https://2011.igem.org/Team:UIUC-Illinois/Project" onMouseover="showit(1)">Project</a>
+
-
           
+
-
            </li>
+
-
             
+
-
            <li class="divider">
+
-
           
+
-
              <img src="https://static.igem.org/mediawiki/2011/d/df/Uiuc2011_nav_div.jpg" />
+
-
           
+
-
            </li>
+
-
 
+
-
            <li>
+
-
           
+
-
              <a onMouseover="showit(3)">Documentation</a>
+
-
           
+
-
            </li>
+
-
             
+
-
            <li class="divider">
+
-
           
+
-
              <img src="https://static.igem.org/mediawiki/2011/d/df/Uiuc2011_nav_div.jpg" />
+
-
           
+
-
            </li>
+
-
             
+
-
            <li>
+
-
           
+
-
              <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract" onMouseover="showit(4)">Human Practices</a>
+
-
           
+
-
            </li>
+
-
 
+
-
          </ul>
+
-
 
+
-
        </div>
+
-
 
+
-
        <!--Prim Nav End-->
+
-
 
+
-
        <!--Sub Nav Start-->
+
-
 
+
-
        <div id="sub-nav" onmouseover="clear_delayhide()" onmouseout="resetit(event)"></div>
+
-
 
+
-
        <script language="JavaScript" src="http://www.igem.xarus.net/subnav.js" type="text/javascript"></script>
+
-
 
+
-
        <!--Sub Nav End-->
+
-
 
+
-
      </div>
+
-
+
-
    </div>
+
-
 
+
-
    <!--Header End-->
+
 +
</body>
</html>
</html>

Revision as of 08:39, 19 August 2012