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= | + | |
+ | <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{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | list-style: none; | |
- | + | ||
- | + | list-style-type: none; | |
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | li{ | |
- | + | ||
- | + | float: left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | #globalwrapper { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | background: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | width:1000px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | padding: 0px 0px; | |
- | + | ||
- | + | ||
- | + | margin: 0 auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | height:100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | .firstHeading { | |
- | + | ||
- | + | ||
- | + | height:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | visibility:hidden; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #p-logo { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | height:1px; overflow:hidden; display: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #search-controls { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | margin-top:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #top-section { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | background: none; | |
- | + | ||
- | + | ||
- | + | background-position: top; | |
- | + | ||
- | + | ||
- | + | height:0px ; | |
- | + | ||
- | + | ||
- | + | background-repeat: no-repeat; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | border-width:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | border-top-width:1px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | } | ||
+ | |||
+ | #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 | + | |
- | <div id= | + | <div id="wrap"> |
- | + | ||
- | + | <!--Header Start--> | |
- | + | ||
- | </ | + | <div id="header"> |
- | < | + | |
- | + | <!--Logo Start--> | |
- | + | ||
- | + | <div id="logo"> | |
- | </ | + | |
- | < | + | <a href="https://2011.igem.org/Team:UIUC-Illinois">Illinois iGEM</a> |
- | + | ||
- | + | </div> | |
- | + | ||
- | </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--> | ||
- | |||
</html> | </html> |
Revision as of 08:37, 19 August 2012