Team:BostonU/Home
<!DOCTYPE html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="generator" content="MediaWiki 1.16.5"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)"> <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:GeorgiaTech&action=creativecommons" rel="meta"> <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/"> <link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom"> <title>Team:GeorgiaTech - 2014.igem.org</title> <style type="text/css" media="screen, projection">/*<![CDATA[*/ @import "/wiki/skins/common/shared.css?270"; @import "/wiki/skins/igem/main.css?270"; /*]]>*/</style> <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270">
<script src="http://stats.g.doubleclick.net/dc.js" async="" type="text/javascript"></script><script> var skin = "igem",
stylepath = "/wiki/skins", wgUrlProtocols = "http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/", wgArticlePath = "/$1", wgScriptPath = "/wiki", wgScriptExtension = ".php", wgScript = "/wiki/index.php", wgVariantArticlePath = false, wgActionPaths = {}, wgServer = "https://2014.igem.org", wgCanonicalNamespace = "", wgCanonicalSpecialPageName = false, wgNamespaceNumber = 0, wgPageName = "Team:GeorgiaTech", wgTitle = "Team:GeorgiaTech", wgAction = "view", wgArticleId = 1318, wgIsArticle = true, wgUserName = null, wgUserGroups = null, wgUserLanguage = "en", wgContentLanguage = "en", wgBreakFrames = false, wgCurRevisionId = 341605, wgVersion = "1.16.5", wgEnableAPI = true, wgEnableWriteAPI = true, wgSeparatorTransformTable = ["", ""], wgDigitTransformTable = ["", ""], wgMainPageTitle = "Main Page", wgFormattedNamespaces = { "-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk" }, wgNamespaceIds = { "media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7 }, wgSiteName = "2014.igem.org", wgCategories = [], wgMWSuggestTemplate = "https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", wgDBname = "2014_igem_org", wgSearchNamespaces = [0], wgMWSuggestMessages = ["with suggestions", "no suggestions"], wgRestrictionEdit = [], wgRestrictionMove = [];
</script> <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"></script> <script src="/wiki/skins/common/ajax.js?270"></script> <script src="/wiki/skins/common/mwsuggest.js?270"></script> <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"></script> <script type="text/javascript" src="/common/jquery-latest.min.js"></script> <script type="text/javascript" src="/common/tablesorter/jquery.tablesorter.min.js"></script>
<link rel="stylesheet" type="text/css" href="/common/tablesorter/themes/groupparts/style.css"> <link rel="stylesheet" type="text/css" href="/common/table_styles.css"> <link rel="stylesheet" type="text/css" href="/forum/forum_styles.css">
<script type="text/javascript" src="/forum/forum_scripts.js"></script> </head>
<body class="mediawiki ltr ns-0 ns-subject page-Team_GeorgiaTech">
<a name="top" id="top"></a>
Team:GeorgiaTech
From 2014.igem.org
<style type="text/css">
- search-controls {
margin-top:30px;
}
- footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks, #p-logo {
display:none;
}
- menubar {
margin-left: 10px; }
.right-menu li a, .left-menu li a { color: black; background-color: transparent; font-size: 10px; font-weight: bold; }
.right-menu li a:hover, .left-menu:hover a { color: black; }
- top-section {
height: 15px;
}
- SDUcontent {
width: 100%; }
html {
height:100%;
} body {
background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: 100%
}
.sponsors {
font-family: Tahoma; font-size: 14px; color: #3D3D3D; padding: 15px 60px; width: 840px; margin-left:auto; margin-right:auto;
background-color: white;
height: auto; border: 1px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
} .sponsors ul { position: relative; left: 0px;
z-index:100;
text-align: center; display: inline; list-style: none;
padding: 0; margin: 0;
}
.sponsors ul li {
z-index:100; font: bold 14px/20PX helvetica; display: inline-block; position: relative; width: 300px; height: 150px; padding-right: 5px; margin: 0; background-color: transparent; background-repeat:no-repeat; text-align:center;
}
.sponsors ul li a:link{ display: block; font-size:16px/20px; width: 110px; height: 14px; text-align:center; text-decoration:none; }
.sponsors ul li:hover ul {
z-index:100; display: block; opacity: 0.95; visibility: visible; background-color: #BFAE30;
} .sponsors ul li a:hover {
text-decoration:none; background-color: transparent;
} .sponsors ul li a:visited {
text-decoration:none; background-color: transparent;
}
.content {
padding: 10px 10px 10px 10px; width: 70%; margin-left:auto; margin-right:auto;
background-color: white;
height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.firstHeading {
width: 975px;
margin: 0px auto;
padding-top: 100px;
margin-bottom: 20px;
font-family: Georgia, Times, "Times New Roman", serif;
}
.c-1{
margin-top:5px; float: left; width: 100%; border-bottom:1px #888888 solid;
}
.bio {
width:100%; height:auto;
}
.bio img {
margin:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.content img {
margin:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
} .imgright {
margin:20px; width:30%; float:right; height:auto;
}
.imgright img{
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); width:100%; height:100%;
}
.imgleft {
margin:20px; width:30%; float:left; height:auto;
}
.imgleft img {
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); width:100%; height:100%;
}
.biotextleft {
width:60%; margin-left:0%; margin-right:0%; float:left; height:auto;
}
.biotextright {
width:60%; margin-left:0%; margin-right:0%; float:right; height:auto;
}
.biotext {
float:left; width:100%; height:auto;
}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
- top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838; border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }
- top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
background-color: #383838; height: 14px; display: block; z-index: 10; position: fixed; width: 100%; top: 0; }
- menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
color: #727272; text-decoration: none; background-color: transparent; }
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
- contentcontainer { /*-- creates container for all content on page --*/
font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #414141; width: 960px; margin-left: auto; margin-right: auto; background-color: #transparent; margin-top: 0px; }
.sidemenu, .sidemenu li { list-style-type: none; list-style-image: none; font-family: verdana; text-decoration: none; color:#000; font-size: 14px; }
.sidemenu li {display: block;}
.sidemenu a { text-decoration:none; color: #000; display: block; width: 180px; height: 100%; padding: 3px 5px; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; }
.sidemenu a.greyout { color: #909090; }
.sidemenu a:hover { color:#666; background-color: #d9f5aa; }
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} .sub-sidemenu a {color: #666;}
div.underconst{
padding:10px; border-radius:5px; background-color:pink; text-align:center;
}
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
.contentpara {margin-bottom: 30px;}
span.email{font-family: monospace; font-weight: normal;}
fieldset {border: 1px solid #337f53;}
.greyout {color: #A0A0A0;} .highlightme {background-color: #FFFF00;}
.newsTitle { display: block; color: #414141; font-size: 25px;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 10px 15px 5px 10px; border-bottom: 1px solid #ccc; margin-bottom: 0px; }
.newsItem { border-bottom: 1px solid #ccc; display: block; padding: 5px 15px 0px 10px; margin-bottom: 0px; }
.newsItem h3 { width: auto; display: inline; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
.newsItem img { float: right; clear: right; width: 80px; padding-left: 15px; display: inline-block; }
.newsItem .newsDate { font-style: italic; font-size: 14px; display: inline-block; color: #999; float: right; padding: 0px 0px 10px 15px; }
.newsItem p, .newsItem ul, .newsItem li { padding: 0px; margin-left: 20px; font-size: 12px; line-height: 1.2; }
.newsItem p {margin-top: 10px;}
.annItem { border: 2px solid #49b677; display: block; padding: 0px 15px 10px 10px; margin-bottom: 18px; position: relative; height: 160px; vertical-align: middle; }
.annItem .annCentered { display: table-cell; vertical-align: middle; height: 160px; }
.annCentered h3 { padding: 0px; display: block; margin-left: auto; margin-right: auto; text-align: center; }
.annItem ul, .annItem li {padding: 0px; margin: 0px;} .annItem li {list-style: none; margin: 5px}
</style>
<style type="text/css">
- search-controls {
margin-top:30px;
}
- footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks, #p-logo {
display:none;
}
- menubar {
margin-left: 10px; }
.right-menu li a, .left-menu li a { color: black; background-color: transparent; font-size: 10px; font-weight: bold; }
.right-menu li a:hover, .left-menu:hover a { color: black; }
- top-section {
height: 15px;
}
- SDUcontent {
width: 100%; }
html {
height:100%;
} body {
background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: 100%
}
.sponsors {
font-family: Tahoma; font-size: 14px; color: #3D3D3D; padding: 15px 60px; width: 840px; margin-left:auto; margin-right:auto;
background-color: white;
height: auto; border: 1px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
} .sponsors ul { position: relative; left: 0px;
z-index:100;
text-align: center; display: inline; list-style: none;
padding: 0; margin: 0;
}
.sponsors ul li {
z-index:100; font: bold 14px/20PX helvetica; display: inline-block; position: relative; width: 300px; height: 150px; padding-right: 5px; margin: 0; background-color: transparent; background-repeat:no-repeat; text-align:center;
}
.sponsors ul li a:link{ display: block; font-size:16px/20px; width: 110px; height: 14px; text-align:center; text-decoration:none; }
.sponsors ul li:hover ul {
z-index:100; display: block; opacity: 0.95; visibility: visible; background-color: #BFAE30;
} .sponsors ul li a:hover {
text-decoration:none; background-color: transparent;
} .sponsors ul li a:visited {
text-decoration:none; background-color: transparent;
}
.content {
padding: 10px 10px 10px 10px; width: 70%; margin-left:auto; margin-right:auto;
background-color: white;
height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.firstHeading {
width: 975px;
margin: 0px auto;
padding-top: 100px;
margin-bottom: 20px;
font-family: Georgia, Times, "Times New Roman", serif;
}
.c-1{
margin-top:5px; float: left; width: 100%; border-bottom:1px #888888 solid;
}
.bio {
width:100%; height:auto;
}
.bio img {
margin:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.content img {
margin:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
} .imgright {
margin:20px; width:30%; float:right; height:auto;
}
.imgright img{
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); width:100%; height:100%;
}
.imgleft {
margin:20px; width:30%; float:left; height:auto;
}
.imgleft img {
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); width:100%; height:100%;
}
.biotextleft {
width:60%; margin-left:0%; margin-right:0%; float:left; height:auto;
}
.biotextright {
width:60%; margin-left:0%; margin-right:0%; float:right; height:auto;
}
.biotext {
float:left; width:100%; height:auto;
}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
- top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838; border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }
- top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
background-color: #383838; height: 14px; display: block; z-index: 10; position: fixed; width: 100%; top: 0; }
- menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
color: #727272; text-decoration: none; background-color: transparent; }
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
- contentcontainer { /*-- creates container for all content on page --*/
font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #414141; width: 960px; margin-left: auto; margin-right: auto; background-color: #transparent; margin-top: 0px; }
.sidemenu, .sidemenu li { list-style-type: none; list-style-image: none; font-family: verdana; text-decoration: none; color:#000; font-size: 14px; }
.sidemenu li {display: block;}
.sidemenu a { text-decoration:none; color: #000; display: block; width: 180px; height: 100%; padding: 3px 5px; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; }
.sidemenu a.greyout { color: #909090; }
.sidemenu a:hover { color:#666; background-color: #d9f5aa; }
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} .sub-sidemenu a {color: #666;}
div.underconst{
padding:10px; border-radius:5px; background-color:pink; text-align:center;
}
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
.contentpara {margin-bottom: 30px;}
span.email{font-family: monospace; font-weight: normal;}
fieldset {border: 1px solid #337f53;}
.greyout {color: #A0A0A0;} .highlightme {background-color: #FFFF00;}
.newsTitle { display: block; color: #414141; font-size: 25px;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 10px 15px 5px 10px; border-bottom: 1px solid #ccc; margin-bottom: 0px; }
.newsItem { border-bottom: 1px solid #ccc; display: block; padding: 5px 15px 0px 10px; margin-bottom: 0px; }
.newsItem h3 { width: auto; display: inline; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
.newsItem img { float: right; clear: right; width: 80px; padding-left: 15px; display: inline-block; }
.newsItem .newsDate { font-style: italic; font-size: 14px; display: inline-block; color: #999; float: right; padding: 0px 0px 10px 15px; }
.newsItem p, .newsItem ul, .newsItem li { padding: 0px; margin-left: 20px; font-size: 12px; line-height: 1.2; }
.newsItem p {margin-top: 10px;}
.annItem { border: 2px solid #49b677; display: block; padding: 0px 15px 10px 10px; margin-bottom: 18px; position: relative; height: 160px; vertical-align: middle; }
.annItem .annCentered { display: table-cell; vertical-align: middle; height: 160px; }
.annCentered h3 { padding: 0px; display: block; margin-left: auto; margin-right: auto; text-align: center; }
.annItem ul, .annItem li {padding: 0px; margin: 0px;} .annItem li {list-style: none; margin: 5px}
</style>
<script> $old = jQuery.noConflict();</script>
<script src="https://2013.igem.org/Team:GeorgiaTech/core/jquerytools?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-45809737-1']); _gaq.push(['_trackPageview']);
(function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
</script>
<style type="text/css">
/* BASE */
.MainLayout {
width:960px; margin-right:auto; margin-left:auto;
}
.topMargin {
margin-top: 25px;
}
/* CONTENT */ .contentBorder {
border: 1px solid #AAAAAA; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
} .expandedContent {
margin-left: -45px; width: 930px;
}
.ContentHeader {
font-size:30px; font-weight:bold; font-family:Andy; color:#3D3D3D; margin-left:15px; margin-bottom:5px;
}
.boxgridHuge {
width: 885px; height: 500px;
}
.boxgridBig, .boxgridMedium {
height: 550px;
} .boxgridBig {
width: 615px; float: left;
} .boxgridMedium {
width: 298px; float: left;
} .boxgrid {
overflow: hidden; position: relative;
}
.boxgrid img{
position: absolute; top: 0; left: 0; border: 0;
} .boxcaption{
float: left; position: absolute; background: #000; width: 100%; opacity: .8; padding: 10px; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
} .boxcaption:hover {
text-decoration: none;
} h2.onBlack {
color:white; margin-top: -5px; border: none; Font-size: 26px; padding-bottom: 0px; line-height:1em;
} p.onBlack {
color:white; margin-right:18px; font-size: 14px; font-weight: bold;
} p.onBlackIntro {
font-size:17px; font-style: italic; color:white; margin-right:20px; margin-bottom:20px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 999920; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
- fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://static.igem.org/mediawiki/2013/4/42/SDU2013_Fancybox_sprite.png'); }
- fancybox-loading {
position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
- fancybox-loading div {
width: 44px; height: 44px; background: url('https://static.igem.org/mediawiki/2013/2/29/SDU2013_Fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://static.igem.org/mediawiki/2013/3/36/SDU2013_Transparent.png'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important; width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://static.igem.org/mediawiki/2013/d/da/SDU2013_Fbox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
</style>
<style type="text/css">
div.navigater { border-top-style: solid; border-top-width: 2px; border-color: transparent;
background-color: #840000; height: 40px; margin:0px;
} .navigater ul { position: relative; left: -10px;
z-index:100;
text-align: center; display: inline; list-style: none;
background-color: #840000;
}
.navigater ul li {
color:white; border: 0px solid #840000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); z-index:100;
font: bold 14px/20PX helvetica;
display: inline-block;
margin: 0 20px;
padding-bottom: 18px; position: relative; width: 110px; height: 32px; background-color: #840000; background-repeat:no-repeat; text-align:center;
}
.navigater ul li a{ display: block; font-size:16px/20px; width: 110px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none;
color:white;
}
.navigater ul li ul {
position: relative; left:50%;
border: 0px solid #840000;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); z-index:100;
position: absolute; top: 46px; left: -18px; width: 104px; display: none; opacity: 0; visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
.navigater ul li ul li {
border: 0px solid #840000; -webkit-border-radius: 7px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
z-index:100; width: 104px; margin:10px 0px 10px 0px; display: block;
padding: 0px;
}
.navigater ul li ul li a:link{ width: 104px; font-size:12px;
padding-bottom: 9px; padding-top: 9px; margin:0px;
}
.navigater ul li ul li:hover {
border: 0px solid #840000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); background-color: #BFAE30;
background-repeat: no-repeat; background-position: 50% 60%;
} .navigater ul li:hover ul {
border: 0px solid #840000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); z-index:100; display: block; opacity: 0.95; visibility: visible; background-color: #BFAE30;
} .navigater ul li a:hover {text-decoration:none; background-color: orangered;
-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}
.clear {
clear: both; height: 20px;
}
</style>
<script type="text/javascript">
$(document).ready(function () { $('#box1').hover(function () { var smallTop = $('#box1').height() - $(".cover", this).height() - 10 + "px"; $(".cover", this).stop().animate({ top: smallTop }, { queue: false, duration: 160 }); }, function () { $(".cover", this).stop().animate({ top: '405px' }, { queue: false, duration: 160 }); }); $('#box2').hover(function () { var smallTop = $('#box2').height() - $(".cover", this).height() - 10 + "px"; $(".cover", this).stop().animate({ top: smallTop }, { queue: false, duration: 160 }); }, function () { $(".cover", this).stop().animate({ top: '405px' }, { queue: false, duration: 160 }); }); });
</script>
<style type="text/css">
.homecontent {
font-family: Tahoma; font-size: 14px; color: #3D3D3D; margin-bottom:60px; background-color:white; padding: 15px 60px; height:550px; border: 1px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
</style>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</body>