Team:Penn/Templates/Banner

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
  <head>
+
 
 +
</div>
 +
 
 +
</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>
-
  #top-section {
+
ul{
-
  width: 1000px;
+
-
  height: 20px;
+
-
  background-color: #ffffff;
+
-
  border: none;
+
-
  }
+
-
  #p-logo {
+
list-style: none;
-
  display: none;}
+
-
    #footer-box {
+
list-style-type: none;
-
    width: 990px;
+
-
  }
+
-
  #menubar > ul > li:last-child {
+
}
-
    display: none;}
+
-
  #search-controls {
+
li{
-
  display: none;}
+
-
  .right-menu li a, .right-menu li a:hover {
+
float: left;
-
  color: #3c6b27;
+
-
  background-color: transparent;
+
-
  }
+
-
  .firstHeading {
+
}
-
    display: none;}
+
-
  #ProjectLogo {
+
#globalwrapper {
-
  position: relative;
+
-
  text-align:center;
+
-
  z-index:-1;
+
-
  }
+
-
  #iGEMLogo {
+
background: none;
-
  position:absolute;
+
-
  top:80px;
+
-
  left:15px;
+
-
  }
+
-
  #ImperialLogo {
+
width:1000px;
-
  position:absolute;
+
-
  top:100px;
+
-
  left:790px;
+
-
  }
+
-
  body {
+
padding: 0px 0px;
-
  background-color:#708090;
+
-
  }
+
-
  #menucontainer {
+
margin: 0 auto;
-
  overflow:visible;
+
-
  position:relative;
+
-
  z-index:3;
+
-
  }
+
-
  #content {
+
height:100%;
-
  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;
+
-
  }
+
-
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
.firstHeading {
-
  margin-bottom: 0;
+
-
  }
+
-
  a {color:#ffffff;}
+
height:0px;
-
  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;
+
-
  }
+
-
  h2 {
+
#p-logo {
-
  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;
+
-
  }
+
-
  h3 {
+
height:1px; overflow:hidden; display: none;
-
  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;
+
-
  }
+
-
  p {
+
#search-controls {
-
  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;
+
-
  }
+
-
  .border {
+
display:none;
-
  border:1px solid #B2B2B2;
+
-
  z-index:101;
+
-
  }
+
-
  .borderMagnify {
+
margin-top:0px;
-
  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;
+
-
  }
+
-
  .vidbox {
+
#top-section {
-
  margin:20px;
+
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
  .newouterbox {
+
background: none;
-
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
+
-
  }
+
-
  .newinnerbox {
+
background-position: top;
-
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
+
-
  }
+
-
  .newtext {
+
height:0px ;
-
  text-align:center;background-color:#FF944D;color:#000000;
+
-
  }
+
-
  ul.a {
+
background-repeat: no-repeat;
-
  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;
+
-
  }
+
-
  ol.a {
+
border-width:0px;
-
  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;
+
-
  }
+
-
  iframe {
+
border-top-width:1px;
-
  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;
 +
 +
}
 +
 +
#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: #ECF0F3;
 +
 +
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='ProjectLogo'>
+
  <div id="wrap">
-
  <a href='https://2012.igem.org/Team:Penn'>
+
 
-
    <img src="https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png" style="width:350px;" />
+
    <!--Header Start-->
-
  </a>
+
-
</div>
+
    <div id="header">
-
<div id='iGEMLogo'>
+
 
-
  <a href='https://2011.igem.org/Main_Page' target="_blank">
+
      <!--Logo Start-->
-
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
+
-
  </a>
+
      <div id="logo">
-
</div>
+
-
<div id='ImperialLogo'>
+
        <a href="https://2011.igem.org/Team:UIUC-Illinois">Illinois iGEM</a>
-
  <a href='http://www.upenn.edu'>
+
-
    <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" />
+
      </div>
-
  </a>
+
 
-
</div>
+
      <!--Logo End-->
 +
       
 +
      <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:37, 19 August 2012

University of Illinois iGEM Team

Retrieved from "http://2012.igem.org/Team:Penn/Templates/Banner"