Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | < | + | <!DOCTYPE html> |
+ | <html lang="en" dir="ltr" class="client-nojs"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <title>Team:BroadRun-Baltimore - 2016.igem.org</title> | ||
+ | <meta name="generator" content="MediaWiki 1.24.1" /> | ||
+ | <link rel="shortcut icon" href="/favicon.ico" /> | ||
+ | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" /> | ||
+ | <link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" /> | ||
+ | <link rel="alternate" hreflang="x-default" href="/Team:BroadRun-Baltimore" /> | ||
+ | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | ||
+ | <link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" /> | ||
+ | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]--> | ||
+ | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" /> | ||
+ | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} | ||
+ | /* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style> | ||
+ | <script src="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:BroadRun-Baltimore","wgTitle":"Team:BroadRun-Baltimore","wgCurRevisionId":434064,"wgRevisionId":434064,"wgArticleId":11218,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"JaredPark","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:BroadRun-Baltimore","wgUserId":2120,"wgUserEditCount":22,"wgUserRegistration":1470949288000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}}); | ||
+ | }</script><script>if(window.mw){ | ||
+ | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0, | ||
+ | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"d2b09ea35d83d36f55594278dea3f132+\\","patrolToken":"3ce0ef567ba46dc45629c97f8c94246c+\\","watchToken":"042d765cae2261f498a9a6765e8184c0+\\"});},{},{}); | ||
+ | /* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:be398551ccae4f0691c8f453c6313905 */ | ||
+ | }</script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]); | ||
+ | }</script> | ||
+ | </head> | ||
+ | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_BroadRun-Baltimore skin-igem action-view"> | ||
− | < | + | <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' /> | ||
− | < | + | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2016_skin.js'></script> |
− | + | ||
− | |||
− | < | + | <div id='globalWrapper'> |
+ | <div id='top_menu_under' class='noprint'></div> | ||
+ | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | ||
+ | <script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi', | ||
+ | { t:"Team%3ABroadRun-Baltimore", | ||
+ | a:"View+%2FTeam%3ABroadRun-Baltimore++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABroadRun-Baltimore%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABroadRun-Baltimore%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ABroadRun-Baltimore%26action%3Dwatch%26token%3D91843749cb0bb699a65844c9f36cc2f8%252B%255C++Page+%2FTeam%3ABroadRun-Baltimore++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ABroadRun-Baltimore%26action%3Dedit%26redlink%3D1++" }); | ||
+ | </script> | ||
− | < | + | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> |
+ | <div id="content" class="mw-body" role="main"> | ||
+ | <a id="top"></a> | ||
− | < | + | <div id="top_title"> |
+ | <div class="logo_2016"> | ||
+ | <a href="https://2016.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px"> | ||
+ | </a> | ||
+ | </div> | ||
− | < | + | <h1 id="firstHeading" class="firstHeading"> |
+ | <span dir="auto">Team:BroadRun-Baltimore</span> | ||
+ | </h1> | ||
+ | </div> | ||
− | < | + | <div id="HQ_page"> |
− | + | <div id="bodyContent"> | |
− | + | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> | |
− | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | < | + | <!--SPLASH PAGE--> |
+ | <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:'340px'},{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:'340px'},{queue:false,duration:160}); | ||
+ | }); | ||
+ | $('#box3').hover(function(){ | ||
+ | var smallTop = $('#box3').height() - $(".cover", this).height() -10 +"px"; | ||
+ | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | ||
+ | }, function() { | ||
+ | $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160}); | ||
+ | }); | ||
+ | $('#box4').hover(function(){ | ||
+ | var smallTop = $('#box4').height() - $(".cover", this).height() -10 +"px"; | ||
+ | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | ||
+ | }, function() { | ||
+ | $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160}); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
− | < | + | <!--MAIN PAGE BOXES--> |
− | + | <script type="text/javascript"> | |
− | + | $(document).ready(function() { | |
− | + | $('#box5').hover(function(){ | |
− | + | var smallTop = $('#box5').height() - $(".cover", this).height() -10 +"px"; | |
− | + | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | |
− | + | }, function() { | |
− | + | $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160}); | |
− | + | }); | |
− | + | $('#box6').hover(function(){ | |
− | + | var smallTop = $('#box6').height() - $(".cover", this).height() -10 +"px"; | |
− | + | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | |
− | + | }, function() { | |
− | + | $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160}); | |
− | + | }); | |
− | + | $('#box7').hover(function(){ | |
− | ( | + | var smallTop = $('#box7').height() - $(".cover", this).height() -10 +"px"; |
− | + | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | |
− | + | }, function() { | |
− | + | $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160}); | |
− | + | }); | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | + | ||
− | ( | + | |
− | + | ||
− | |||
− | < | + | <!--SIDE NAVIGATION MENU BAR--> |
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#side_menu").mouseenter(function(){ | ||
+ | $("#side_menu").stop(true,false).animate({ | ||
+ | left:'0px', | ||
+ | }); | ||
+ | }).mouseleave(function(){ | ||
+ | $("#side_menu").stop(true,false).animate({ | ||
+ | left:'-170px', | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
− | < | + | <!--TOP NAVIGATION MENU BAR--> |
− | + | <script type="text/javascript"> | |
− | + | $(document).ready(function() { | |
− | + | $("#menu > li > ul").hide(); | |
− | + | $("#menu > li").mouseenter(function() { | |
− | + | $(this).children("li > ul").stop(true,true).slideDown(350); | |
− | + | }); | |
− | + | $("#menu > li").mouseleave(function() { | |
− | this | + | $(this).children("li > ul").stop(true,true).slideUp(350); |
− | + | }); | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
+ | <!--SIDE SPIDER ANIMATION--> | ||
+ | <script type="text/javascript"> | ||
+ | //rotator - delay, children | ||
+ | (function( $ ){ | ||
+ | $.fn.rotator = function(delay, time, child){ | ||
+ | //set curImage val | ||
+ | var currImg = 0; | ||
+ | var currIt = true; | ||
+ | //set array of images | ||
+ | var ss = $(this).children(child); | ||
+ | var ssize = ss.size(); | ||
+ | var startTime = new Date().getTime(); | ||
+ | var interval = setInterval(function() { | ||
+ | if(currIt){ | ||
+ | $(ss[currImg]).css('opacity','1'); | ||
+ | currIt = !currIt; | ||
+ | }else if (!currIt){ | ||
+ | $(ss[currImg]).css('opacity','0'); | ||
+ | $(ss[currImg+1]).css('opacity','1'); | ||
+ | currIt = !currIt; | ||
+ | currImg++; | ||
+ | } | ||
+ | //reset | ||
+ | if(currImg >= ssize){ | ||
+ | currImg = 0; | ||
+ | $(ss[currImg]).css('opacity','1'); | ||
+ | } | ||
+ | if(new Date().getTime() - startTime > time){ | ||
+ | clearInterval(interval); | ||
+ | return; | ||
+ | } | ||
+ | }, delay); | ||
+ | return this; | ||
+ | }; | ||
+ | })(jQuery); | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $(document).keydown(function(e) { | ||
+ | if(e.keyCode == 40){ | ||
+ | $("#spider").rotator(55, 1000, 'img'); | ||
+ | $("#spider").animate({ | ||
+ | "top": "+=100px" | ||
+ | }, 1000); | ||
+ | } else if(e.keyCode == 38){ | ||
+ | $("#spider").rotator(55, 1000, 'img'); | ||
+ | $("#spider").animate({ | ||
+ | "top": "-=100px" | ||
+ | }, 1000); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <!--SLIDER--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('.slider_left').mouseenter(function(){ | ||
+ | $('.slider_left').animate({ opacity: '0.8'},1); | ||
+ | }); | ||
+ | $('.slider_right').mouseenter(function(){ | ||
+ | $('.slider_right').animate({ opacity: '0.8'},1); | ||
+ | }); | ||
+ | $('.slider_left').mouseleave(function(){ | ||
+ | $('.slider_left').animate({ opacity: '0.5'},1); | ||
+ | }); | ||
+ | $('.slider_right').mouseleave(function(){ | ||
+ | $('.slider_right').animate({ opacity: '0.5'},1); | ||
+ | }); | ||
+ | |||
+ | |||
+ | var total = $('.slider_imgs > td').length; | ||
+ | var count = 0; | ||
+ | $('.slider_left').click(function(){ | ||
+ | if(count > 0){ | ||
+ | $('.slider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250); | ||
+ | count -= 1; | ||
+ | } else{ | ||
+ | $('.slider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.slider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)}); | ||
+ | } | ||
+ | }); | ||
+ | $('.slider_right').click(function(){ | ||
+ | if(count < 3){ | ||
+ | $('.slider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250); | ||
+ | count += 1; | ||
+ | } else{ | ||
+ | $('.slider_imgs').stop(true,true).animate({ left: '+=3450px'}, 250); | ||
+ | count = 0; | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <!--HP SLIDER--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('.hpslider_left').mouseenter(function(){ | ||
+ | $('.hpslider_left').animate({ opacity: '0.8'},1); | ||
+ | }); | ||
+ | $('.hpslider_right').mouseenter(function(){ | ||
+ | $('.hpslider_right').animate({ opacity: '0.8'},1); | ||
+ | }); | ||
+ | $('.hpslider_left').mouseleave(function(){ | ||
+ | $('.hpslider_left').animate({ opacity: '0.5'},1); | ||
+ | }); | ||
+ | $('.hpslider_right').mouseleave(function(){ | ||
+ | $('.hpslider_right').animate({ opacity: '0.5'},1); | ||
+ | }); | ||
+ | |||
+ | |||
+ | var total = $('.hpslider_imgs > td').length; | ||
+ | var count = 0; | ||
+ | $('.hpslider_left').click(function(){ | ||
+ | if(count > 0){ | ||
+ | $('.hpslider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250); | ||
+ | count -= 1; | ||
+ | } else{ | ||
+ | $('.hpslider_imgs').stop(true,true).animate({ left: '-=16100px'}, 250); | ||
+ | count = 14; | ||
+ | // $('.hpslider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.hpslider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)}); | ||
+ | } | ||
+ | }); | ||
+ | $('.hpslider_right').click(function(){ | ||
+ | if(count < 14){ | ||
+ | $('.hpslider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250); | ||
+ | count += 1; | ||
+ | } else{ | ||
+ | $('.hpslider_imgs').stop(true,true).animate({ left: '+=16100px'}, 250); | ||
+ | count = 0; | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--PAGE HEADERS--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('.page_header_box').mouseenter(function(){ | ||
+ | $(this).animate({ opacity: '0.9'},1); | ||
+ | }); | ||
+ | $('.page_header_box').mouseleave(function(){ | ||
+ | $(this).animate({ opacity: '0.5'},1); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'> | ||
+ | <link href ='https://2015.igem.org/Template:UCLA/css/nexalight.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'> | ||
+ | <link red = 'https://2015.igem.org/Template:UCLA/css/hero.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <!--WIKI TEMPLATE FORMATTING--> | ||
+ | <style type="text/css"> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | .firstHeading { | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | padding-top: 100px; | ||
+ | margin-bottom: 20px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .rotate180 { | ||
+ | -webkit-transform: rotate(180deg); | ||
+ | -moz-transform: rotate(180deg); | ||
+ | -o-transform: rotate(180deg); | ||
+ | -ms-transform: rotate(180deg); | ||
+ | transform: rotate(180deg); | ||
+ | } | ||
+ | .rotate90 { | ||
+ | -webkit-transform: rotate(90deg); | ||
+ | -moz-transform: rotate(90deg); | ||
+ | -o-transform: rotate(90deg); | ||
+ | -ms-transform: rotate(90deg); | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
+ | .rotate270 { | ||
+ | -webkit-transform: rotate(270deg); | ||
+ | -moz-transform: rotate(270deg); | ||
+ | -o-transform: rotate(270deg); | ||
+ | -ms-transform: rotate(270deg); | ||
+ | transform: rotate(270deg); | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5 { | ||
+ | /*font-family: Helvetica, Georgia, Times, "Times New Roman", serif;*/ | ||
+ | font-family: "Hero", "Nexa Light", 'Roboto', sans-serif; | ||
+ | border-bottom: 0px solid #aaa; | ||
+ | } | ||
+ | |||
+ | |||
+ | #centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */ | ||
+ | #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: 87px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 90%; | ||
+ | height: 100%; | ||
+ | border: 20px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin-left: 50px; | ||
+ | margin-right: 10px; | ||
+ | /*background-size: cover;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-family: "Hero", "Nexa Light", 'Roboto', sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 14px; | ||
+ | color: #414141; | ||
+ | width: 960px; | ||
+ | margin-left: 50px; | ||
+ | margin-right: 50px; | ||
+ | background-color: #transparent; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #ri-image-container { | ||
+ | height: 120px; | ||
+ | position: relative; | ||
+ | width: 200px; | ||
+ | } | ||
+ | |||
+ | #ri-image { | ||
+ | background-color: Gray; | ||
+ | height: 60px; | ||
+ | left: 10px; | ||
+ | padding: 10px; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | width: 80px; | ||
+ | -moz-transform: rotate(15deg); | ||
+ | -webkit-transform: rotate(15deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', | ||
+ | M11=0.9659258262, M12=-0.2588190451, | ||
+ | M21=0.2588190451, M22=0.9659258262); | ||
+ | } | ||
+ | |||
+ | .sidemenu, .sidemenu li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #sponsors { | ||
+ | height: 100px; | ||
+ | background-color: #ffffff; | ||
+ | margin: 20px 0px 20px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .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;} | ||
+ | |||
+ | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;} | ||
+ | #annContainer {margin-left: 8px;} | ||
+ | #newsContainer {border: 1px solid #ccc;} | ||
+ | |||
+ | .newsTitle { | ||
+ | display: block; | ||
+ | color: #414141; | ||
+ | font-size: 25px; | ||
+ | /*font-family: Georgia, Times, "Times New Roman", serif;*/ | ||
+ | font-family: 'Roboto', sans-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} | ||
+ | |||
+ | <!--TEXT STYLING--> | ||
+ | hr.style-one { | ||
+ | border: 0; | ||
+ | height: 1px; | ||
+ | background: #333; | ||
+ | background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); | ||
+ | background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); | ||
+ | background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); | ||
+ | background-image: -o-linear-gradient(left, #ccc, #333, #ccc); | ||
+ | } | ||
+ | .style { | ||
+ | font-size: 30px; | ||
+ | /*font-family: 'Pacifico', cursive;*/ | ||
+ | /*font-family: "Times New Roman", Times, serif;*/ | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | <!--SPLASH PAGE--> | ||
+ | .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); | ||
+ | } | ||
+ | .content { | ||
+ | /*font-family: Tahoma;*/ | ||
+ | font-family: "Nexa Light", 'Roboto', sans-serif; | ||
+ | font-size: 12px; | ||
+ | color: #3D3D3D; | ||
+ | margin-bottom:60px; | ||
+ | background-color: white; | ||
+ | padding: 15px 60px; | ||
+ | |||
+ | 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); | ||
+ | } | ||
+ | #box5 { | ||
+ | text-align: left; | ||
+ | } | ||
+ | #box6 { text-align: left;} | ||
+ | #box7 {text-align: left;} | ||
+ | .boxgridMedium { | ||
+ | width: 298px; | ||
+ | height: 435px; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | .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: .65; | ||
+ | padding: 8px; | ||
+ | /* For IE 5-7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); | ||
+ | /* For IE 8 */ | ||
+ | -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; | ||
+ | } | ||
+ | .boxcaption:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | h2.onBlack { | ||
+ | font-family: Verdana; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | color:white; | ||
+ | margin-top: -5px; | ||
+ | border: none; | ||
+ | Font-size: 23px; | ||
+ | padding-bottom: 0px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | p.onBlack { | ||
+ | color:white; | ||
+ | margin-right:18px; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | p.onBlackIntro { | ||
+ | font-size:14px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | margin-right:20px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--TOP MENU BAR--> | ||
+ | <style type="text/css"> | ||
+ | #top_menu{ | ||
+ | position:fixed; | ||
+ | padding: 12px 0 0 0; | ||
+ | width:100%; | ||
+ | left:0; | ||
+ | top:0px; | ||
+ | /*background:#550D00;*/ | ||
+ | background: #49278b; | ||
+ | z-index:20; | ||
+ | } | ||
+ | #menu li{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | list-style:none; | ||
+ | padding: 0 10px 0 10px; | ||
+ | } | ||
+ | #menu a{ | ||
+ | color:white; | ||
+ | font-family: Helvetica; | ||
+ | |||
+ | padding:18px 5px 15px 5px; | ||
+ | text-decoration:bold; | ||
+ | width:98px; | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | font-size:17px; | ||
+ | /*border-bottom:thin solid #000000;*/ | ||
+ | } | ||
+ | #menu{ | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width:1200px; | ||
+ | } | ||
+ | #menu a:hover{ | ||
+ | background:#b39ce3; | ||
+ | } | ||
+ | #menu li ul{ | ||
+ | background:#b39ce3; | ||
+ | /* display:none; */ | ||
+ | position:absolute; | ||
+ | text-align:left; | ||
+ | top:50px; | ||
+ | right:0px; | ||
+ | } | ||
+ | #menu li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | #dropdown_menu li ul li{ | ||
+ | position:relative; | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--EDITING--> | ||
+ | <!--CONTENT SECTIONS--> | ||
+ | <style type="text/css"> | ||
+ | .content_container{ | ||
+ | position: absolute; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png'); | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | top: 550px; | ||
+ | width: 100%; | ||
+ | padding: 0 ; | ||
+ | margin: auto; | ||
+ | margin-bottom: 50px; | ||
+ | margin-left: 0px; | ||
+ | border-radius: 0px; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .page_content{ | ||
+ | position: relative; | ||
+ | background-color: #FFEE80; | ||
+ | width: 99%; | ||
+ | padding: 0 0 0 0; | ||
+ | margin: auto; | ||
+ | margin-bottom: 20px; | ||
+ | /*border-radius: 25px;*/ | ||
+ | z-index: -1; | ||
+ | } | ||
+ | .content_subsection{ | ||
+ | position: relative; | ||
+ | width: 85%; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | .MathJax nobr>span.math>span{border-left-width:0 !important}; | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </p><p> | ||
+ | <style> | ||
+ | h1 { | ||
+ | font-size:40px; | ||
+ | line-height: 150%; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size:35px; | ||
+ | line-height: 140%; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size:25px; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size:30px; | ||
+ | line-height: 140%; | ||
+ | } | ||
+ | p1{ | ||
+ | font-size:20px; | ||
+ | line-height: 140%; | ||
+ | display: block; | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | |||
+ | } | ||
+ | p2{ | ||
+ | font-size:20px; | ||
+ | line-height: 125%; | ||
+ | display: block; | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 2px; | ||
+ | margin-right: 0; | ||
+ | |||
+ | } | ||
+ | li2{ | ||
+ | font-size: 17px; | ||
+ | line-height: 125%; | ||
+ | display: block; | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 2px; | ||
+ | margin-right: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | #banner { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | right: 0px; | ||
+ | width: 100%; | ||
+ | height: 200px; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .logo_2016, #sideMenu { display:none; } | ||
+ | |||
+ | .center-img { | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .highlightBox { | ||
+ | width: 500px; | ||
+ | margin: auto; | ||
+ | background-color: #1EAAF2; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 35px; | ||
+ | padding: 15px; | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | .navContainer { | ||
+ | margin: auto; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .navBox { | ||
+ | width: 25%; | ||
+ | float: left; | ||
+ | background-color: #315981; | ||
+ | padding: 15px; | ||
+ | margin-right: 15px; | ||
+ | margin: 15px 15px auto auto; | ||
+ | font-color: 1EAAF2; | ||
+ | } | ||
+ | .menubrhs { | ||
+ | width: initial !important; | ||
+ | } | ||
+ | .backgroundbrhs { | ||
+ | background-color: #315981 !important; | ||
+ | } | ||
+ | |||
+ | #menu li ul { | ||
+ | background: #315981 !important; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | background: #315981 !important; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!--TOP NAVIGATION MENU BAR--> | ||
+ | <div id = "top_menu" class="backgroundbrhs"> | ||
+ | <ul id = "menu" class="menubrhs"> | ||
+ | <li><a href="/Team:BroadRun-Baltimore" style="border-bottom:0px;"><img src="https://static.igem.org/mediawiki/2016/0/0c/T--BroadRun-Baltimore--spartan.png" style="width:45px;height:45px;border-bottom:0px;"></a></li> | ||
+ | |||
+ | |||
+ | |||
+ | <li><a href="/Team:BroadRun-Baltimore/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:ColegioFDR_Peru/Problem">Problem</a></li> | ||
+ | <li><a href="/Team:BroadRun-Baltimore/Solution">Solution</a></li> | ||
+ | <li><a href="/Team:BroadRun-Baltimore/Solution">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="/Team:BroadRun-Baltimore/Project">Human Practices</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:ColegioFDR_Peru/Problem"> Human Practices</a></li> | ||
+ | <li><a href="/Team:BroadRun-Baltimore/Solution">Public Engagement</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="/Team:BroadRun-Baltimore/Project">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:ColegioFDR_Peru/Problem">Members & Attributions</a></li> | ||
+ | <li><a href="/Team:BroadRun-Baltimore/Solution">Collaborations</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="/Team:BroadRun-Baltimore/Project">Notebook</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div id="bannerContainer"> | ||
+ | <br/><br/><br/> | ||
+ | <!-- <img src="http://placehold.it/1024x200" style="width:1024px;height:200px;" class="center-img"> --> | ||
+ | </div> | ||
+ | <br/> | ||
+ | |||
+ | |||
+ | </p><p> | ||
+ | <div id="bannerContainer"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/3/30/BroadRun_Home_banner2.png" style="width:582px ;height:253px;" class="center-img"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="center"> | ||
+ | <h1>Welcome to the 2016 Broad Run High School iGEM team's Wiki!</h1> | ||
+ | |||
+ | <h4>We are Broad Run High School's first ever iGEM team and one of Loudoun County's first ever teams.</h4> | ||
+ | |||
+ | |||
+ | <p1>Our project aims to use synthetic biology to engineer yeast and solve a real world, industrial problem.</p1> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="center"> | ||
+ | <h3>Contact us at brhsigem@gmail.com!<h3> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | <!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:11218-0!*!*!*!*!*!* and timestamp 20171028140712 and revision id 434064 | ||
+ | --> | ||
+ | </div> <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Side Menubar --> | ||
+ | <div id="sideMenu"> | ||
+ | <a href="https://2016.igem.org"> | ||
+ | <div id="home_logo" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg"> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <div style="clear:both; height:5px;"></div> | ||
+ | |||
+ | <div id="menuDisplay"></div> <!- Menu will be loaded here -> | ||
+ | </div> | ||
+ | |||
+ | <!-- Pop_Why Div is definded here --> | ||
+ | <div class="pop_why_cover"></div> | ||
+ | |||
+ | <div class="pop_why_box" > | ||
+ | <div class="pop_close">× </div> | ||
+ | <div class="pop_why_content"><h3> Loading ... </h3></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </html> |
Revision as of 11:01, 29 October 2017
<!DOCTYPE html>
.MathJax nobr>span.math>span{border-left-width:0 !important};
Welcome to the 2016 Broad Run High School iGEM team's Wiki!
We are Broad Run High School's first ever iGEM team and one of Loudoun County's first ever teams.
Contact us at brhsigem@gmail.com!
×