Loading menubar.....

Difference between revisions of "Template:Example"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head>
+
<html lang="en" dir="ltr" class="client-js"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<meta charset="UTF-8">
<meta name="generator" content="MediaWiki 1.16.5">
+
<title>Template:Example - 2017.igem.org</title>
 +
<meta name="generator" content="MediaWiki 1.24.1">
 
<link rel="shortcut icon" href="/favicon.ico">
 
<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 rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)">
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:LMU-Munich&amp;action=creativecommons" rel="meta">
+
<link rel="EditURI" type="application/rsd+xml" href="http://2017.igem.org/wiki/api.php?action=rsd">
 +
<link rel="alternate" hreflang="x-default" href="/Template:Example">
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/">
 
<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&amp;feed=atom"> <title>Team:LMU-Munich - 2014.igem.org</title>
+
<link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom">
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
<link rel="stylesheet" href="http://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*">
@import "/wiki/skins/common/shared.css?270";
+
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
@import "/wiki/skins/igem/main.css?270";
+
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="">
/*]]>*/</style>
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270">
+
/* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
<script src="http://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script><script src="/wiki/load.php?debug=false&amp;lang=en&amp;modules=jquery%2Cmediawiki&amp;only=scripts&amp;skin=igem&amp;version=20161104T193904Z"></script>
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
<script>if(window.mw){
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
mw.config.set({"wgCanonicalNamespace":"Template","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":10,"wgPageName":"Template:Example","wgTitle":"Example","wgCurRevisionId":122700,"wgRevisionId":122700,"wgArticleId":308,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Gustavo329","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":"Template:Example","wgUserId":2490,"wgUserEditCount":3,"wgUserRegistration":1498170445000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":["sysop"],"wgRestrictionMove":["sysop"],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
}</script><script>if(window.mw){
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
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,
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
"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":"59ad8a10d7b2bf2fd64e040c6de89c73+\\","patrolToken":"2ae6db4f4b275c7427dc07cc15eb2d85+\\","watchToken":"54587873d8d69dc92e7330310a87d681+\\"});},{},{});
+
/* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:2440fb51c7027686130e56aff65f2b96 */
<script type="text/javascript" async="" src="http://www.google-analytics.com/plugins/ua/linkid.js"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script>
+
}</script>
var skin="igem",
+
<script>if(window.mw){
stylepath="/wiki/skins",
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
}</script><script src="/wiki/load.php?debug=false&amp;lang=en&amp;modules=jquery.accessKeyLabel%2Cclient%2CmwExtension%7Cmediawiki.legacy.ajax%2Cwikibits%7Cmediawiki.notify%2Cutil%7Cmediawiki.page.startup&amp;skin=igem&amp;version=20170818T042042Z&amp;*"></script>
wgArticlePath="/$1",
+
</head>
wgScriptPath="/wiki",
+
<body class="mediawiki ltr sitedir-ltr ns-10 ns-subject page-Template_Example skin-igem action-view">
wgScriptExtension=".php",
+
 
wgScript="/wiki/index.php",
+
        <script type="text/javascript" src="/common/tablesorter/jquery.tablesorter.min.js"></script>
wgVariantArticlePath=false,
+
wgActionPaths={},
+
wgServer="http://2014.igem.org",
+
wgCanonicalNamespace="",
+
wgCanonicalSpecialPageName=false,
+
wgNamespaceNumber=0,
+
wgPageName="Team:LMU-Munich",
+
wgTitle="Team:LMU-Munich",
+
wgAction="view",
+
wgArticleId=1189,
+
wgIsArticle=true,
+
wgUserName=null,
+
wgUserGroups=null,
+
wgUserLanguage="en",
+
wgContentLanguage="en",
+
wgBreakFrames=false,
+
wgCurRevisionId=403769,
+
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="http://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"><!-- wikibits js --></script>
+
<!-- Head Scripts -->
+
<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=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
+
<!-- jQuery Javascript -->
+
<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/tablesorter/themes/groupparts/style.css">
 
         <link rel="stylesheet" type="text/css" href="/common/table_styles.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>
 
<style type="text/css">.MathJax_Hover_Frame {border-radius: .25em; -webkit-border-radius: .25em; -moz-border-radius: .25em; -khtml-border-radius: .25em; box-shadow: 0px 0px 15px #83A; -webkit-box-shadow: 0px 0px 15px #83A; -moz-box-shadow: 0px 0px 15px #83A; -khtml-box-shadow: 0px 0px 15px #83A; border: 1px solid #A6D ! important; display: inline-block; position: absolute}
 
.MathJax_Menu_Button .MathJax_Hover_Arrow {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; font-family: 'Courier New',Courier; font-size: 9px; color: #F0F0F0}
 
.MathJax_Menu_Button .MathJax_Hover_Arrow span {display: block; background-color: #AAA; border: 1px solid; border-radius: 3px; line-height: 0; padding: 4px}
 
.MathJax_Hover_Arrow:hover {color: white!important; border: 2px solid #CCC!important}
 
.MathJax_Hover_Arrow:hover span {background-color: #CCC!important}
 
</style><style type="text/css">#MathJax_About {position: fixed; left: 50%; width: auto; text-align: center; border: 3px outset; padding: 1em 2em; background-color: #DDDDDD; color: black; cursor: default; font-family: message-box; font-size: 120%; font-style: normal; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
 
#MathJax_About.MathJax_MousePost {outline: none}
 
.MathJax_Menu {position: absolute; background-color: white; color: black; width: auto; padding: 2px; border: 1px solid #CCCCCC; margin: 0; cursor: default; font: menu; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
 
.MathJax_MenuItem {padding: 2px 2em; background: transparent}
 
.MathJax_MenuArrow {position: absolute; right: .5em; padding-top: .25em; color: #666666; font-size: .75em}
 
.MathJax_MenuActive .MathJax_MenuArrow {color: white}
 
.MathJax_MenuArrow.RTL {left: .5em; right: auto}
 
.MathJax_MenuCheck {position: absolute; left: .7em}
 
.MathJax_MenuCheck.RTL {right: .7em; left: auto}
 
.MathJax_MenuRadioCheck {position: absolute; left: 1em}
 
.MathJax_MenuRadioCheck.RTL {right: 1em; left: auto}
 
.MathJax_MenuLabel {padding: 2px 2em 4px 1.33em; font-style: italic}
 
.MathJax_MenuRule {border-top: 1px solid #CCCCCC; margin: 4px 1px 0px}
 
.MathJax_MenuDisabled {color: GrayText}
 
.MathJax_MenuActive {background-color: Highlight; color: HighlightText}
 
.MathJax_MenuDisabled:focus, .MathJax_MenuLabel:focus {background-color: #E8E8E8}
 
.MathJax_ContextMenu:focus {outline: none}
 
.MathJax_ContextMenu .MathJax_MenuItem:focus {outline: none}
 
#MathJax_AboutClose {top: .2em; right: .2em}
 
.MathJax_Menu .MathJax_MenuClose {top: -10px; left: -10px}
 
.MathJax_MenuClose {position: absolute; cursor: pointer; display: inline-block; border: 2px solid #AAA; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; font-family: 'Courier New',Courier; font-size: 24px; color: #F0F0F0}
 
.MathJax_MenuClose span {display: block; background-color: #AAA; border: 1.5px solid; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; line-height: 0; padding: 8px 0 6px}
 
.MathJax_MenuClose:hover {color: white!important; border: 2px solid #CCC!important}
 
.MathJax_MenuClose:hover span {background-color: #CCC!important}
 
.MathJax_MenuClose:hover:focus {outline: none}
 
</style><style type="text/css">.MathJax_Preview .MJXf-math {color: inherit!important}
 
</style><style type="text/css">.MJX_Assistive_MathML {position: absolute!important; top: 0; left: 0; clip: rect(1px, 1px, 1px, 1px); padding: 1px 0 0 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden!important; display: block!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
 
.MJX_Assistive_MathML.MJX_Assistive_MathML_Block {width: 100%!important}
 
</style><style type="text/css">#MathJax_Zoom {position: absolute; background-color: #F0F0F0; overflow: auto; display: block; z-index: 301; padding: .5em; border: 1px solid black; margin: 0; font-weight: normal; font-style: normal; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow: 5px 5px 15px #AAAAAA; -webkit-box-shadow: 5px 5px 15px #AAAAAA; -moz-box-shadow: 5px 5px 15px #AAAAAA; -khtml-box-shadow: 5px 5px 15px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
 
#MathJax_ZoomOverlay {position: absolute; left: 0; top: 0; z-index: 300; display: inline-block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
 
#MathJax_ZoomFrame {position: relative; display: inline-block; height: 0; width: 0}
 
#MathJax_ZoomEventTrap {position: absolute; left: 0; top: 0; z-index: 302; display: inline-block; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
 
</style><style type="text/css">.MathJax_Preview {color: #888}
 
#MathJax_Message {position: fixed; left: 1em; bottom: 1.5em; background-color: #E6E6E6; border: 1px solid #959595; margin: 0px; padding: 2px 8px; z-index: 102; color: black; font-size: 80%; width: auto; white-space: nowrap}
 
#MathJax_MSIE_Frame {position: absolute; top: 0; left: 0; width: 0px; z-index: 101; border: 0px; margin: 0px; padding: 0px}
 
.MathJax_Error {color: #CC0000; font-style: italic}
 
</style><style type="text/css">.MJXp-script {font-size: .8em}
 
.MJXp-right {-webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right}
 
.MJXp-bold {font-weight: bold}
 
.MJXp-italic {font-style: italic}
 
.MJXp-scr {font-family: MathJax_Script,'Times New Roman',Times,STIXGeneral,serif}
 
.MJXp-frak {font-family: MathJax_Fraktur,'Times New Roman',Times,STIXGeneral,serif}
 
.MJXp-sf {font-family: MathJax_SansSerif,'Times New Roman',Times,STIXGeneral,serif}
 
.MJXp-cal {font-family: MathJax_Caligraphic,'Times New Roman',Times,STIXGeneral,serif}
 
.MJXp-mono {font-family: MathJax_Typewriter,'Times New Roman',Times,STIXGeneral,serif}
 
.MJXp-largeop {font-size: 150%}
 
.MJXp-largeop.MJXp-int {vertical-align: -.2em}
 
.MJXp-math {display: inline-block; line-height: 1.2; text-indent: 0; font-family: 'Times New Roman',Times,STIXGeneral,serif; white-space: nowrap; border-collapse: collapse}
 
.MJXp-display {display: block; text-align: center; margin: 1em 0}
 
.MJXp-math span {display: inline-block}
 
.MJXp-box {display: block!important; text-align: center}
 
.MJXp-box:after {content: " "}
 
.MJXp-rule {display: block!important; margin-top: .1em}
 
.MJXp-char {display: block!important}
 
.MJXp-mo {margin: 0 .15em}
 
.MJXp-mfrac {margin: 0 .125em; vertical-align: .25em}
 
.MJXp-denom {display: inline-table!important; width: 100%}
 
.MJXp-denom > * {display: table-row!important}
 
.MJXp-surd {vertical-align: top}
 
.MJXp-surd > * {display: block!important}
 
.MJXp-script-box > *  {display: table!important; height: 50%}
 
.MJXp-script-box > * > * {display: table-cell!important; vertical-align: top}
 
.MJXp-script-box > *:last-child > * {vertical-align: bottom}
 
.MJXp-script-box > * > * > * {display: block!important}
 
.MJXp-mphantom {visibility: hidden}
 
.MJXp-munderover {display: inline-table!important}
 
.MJXp-over {display: inline-block!important; text-align: center}
 
.MJXp-over > * {display: block!important}
 
.MJXp-munderover > * {display: table-row!important}
 
.MJXp-mtable {vertical-align: .25em; margin: 0 .125em}
 
.MJXp-mtable > * {display: inline-table!important; vertical-align: middle}
 
.MJXp-mtr {display: table-row!important}
 
.MJXp-mtd {display: table-cell!important; text-align: center; padding: .5em 0 0 .5em}
 
.MJXp-mtr > .MJXp-mtd:first-child {padding-left: 0}
 
.MJXp-mtr:first-child > .MJXp-mtd {padding-top: 0}
 
.MJXp-mlabeledtr {display: table-row!important}
 
.MJXp-mlabeledtr > .MJXp-mtd:first-child {padding-left: 0}
 
.MJXp-mlabeledtr:first-child > .MJXp-mtd {padding-top: 0}
 
.MJXp-merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}
 
.MJXp-scale0 {-webkit-transform: scaleX(.0); -moz-transform: scaleX(.0); -ms-transform: scaleX(.0); -o-transform: scaleX(.0); transform: scaleX(.0)}
 
.MJXp-scale1 {-webkit-transform: scaleX(.1); -moz-transform: scaleX(.1); -ms-transform: scaleX(.1); -o-transform: scaleX(.1); transform: scaleX(.1)}
 
.MJXp-scale2 {-webkit-transform: scaleX(.2); -moz-transform: scaleX(.2); -ms-transform: scaleX(.2); -o-transform: scaleX(.2); transform: scaleX(.2)}
 
.MJXp-scale3 {-webkit-transform: scaleX(.3); -moz-transform: scaleX(.3); -ms-transform: scaleX(.3); -o-transform: scaleX(.3); transform: scaleX(.3)}
 
.MJXp-scale4 {-webkit-transform: scaleX(.4); -moz-transform: scaleX(.4); -ms-transform: scaleX(.4); -o-transform: scaleX(.4); transform: scaleX(.4)}
 
.MJXp-scale5 {-webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5); transform: scaleX(.5)}
 
.MJXp-scale6 {-webkit-transform: scaleX(.6); -moz-transform: scaleX(.6); -ms-transform: scaleX(.6); -o-transform: scaleX(.6); transform: scaleX(.6)}
 
.MJXp-scale7 {-webkit-transform: scaleX(.7); -moz-transform: scaleX(.7); -ms-transform: scaleX(.7); -o-transform: scaleX(.7); transform: scaleX(.7)}
 
.MJXp-scale8 {-webkit-transform: scaleX(.8); -moz-transform: scaleX(.8); -ms-transform: scaleX(.8); -o-transform: scaleX(.8); transform: scaleX(.8)}
 
.MJXp-scale9 {-webkit-transform: scaleX(.9); -moz-transform: scaleX(.9); -ms-transform: scaleX(.9); -o-transform: scaleX(.9); transform: scaleX(.9)}
 
.MathJax_PHTML .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}
 
</style></head>
 
  
<body class="mediawiki  ltr ns-0 ns-subject page-Team_LMU-Munich"><div id="MathJax_Message" style="display: none;"></div>
+
        <script type="text/javascript" src="/wiki/skins/Igem/resources/2017_skin.js"></script>
  <div id="globalWrapper">
+
  
      <!-- close top-section-->
 
    <div id="content">
 
<a name="top" id="top" target="_blank"></a>
 
<h1 class="firstHeading">Team:LMU-Munich</h1>
 
<div id="bodyContent">
 
<h3 id="siteSub" class="noprint">From 2014.igem.org</h3>
 
<div id="contentSub"></div>
 
<!--
 
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 
<!-- start content -->
 
<p>
 
  
<style type="text/css">
+
    <div id="globalWrapper">
 +
        <div id="top_menu_under" class="noprint"></div>
 +
        <div id="top_menu_14" class="noprint"><div id="top_menu_inside">
  
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
<ul>
 +
<li class="has_submenu"><a href="" style="color:white">iGEM</a><div class="submenu">
 +
                  <div id="igem_submenu" class="intro"><div class="section1" style="float:left;cursor:default;font-style: normal;width:200px;"><img src="/wiki/skins/Igem/images/IGEM_white_letters.png" style="width:150px;"><br><div style="padding:15px 15px;">The International<br>Genetically<br>Engineered<br>Machine Competition</div></div><div class="section" style="float-left; width:250px;"><div class="h1">Quick Links</div><a href="http://igem.org">igem.org</a><br><a href="http://2017.igem.org">2017.igem.org</a><br><a href="http://2016.igem.org">2016.igem.org</a><br><a href="http://2015.igem.org">2015.igem.org</a><br><a href="http://2014.igem.org">2014.igem.org</a><br><a href="http://parts.igem.org">parts.igem.org</a><br><a href="http://igem.org/Previous_iGEM_Competitions">Previous iGEM Competitions</a><br></div><div class="section" style="float:left;"><div class="h1">About iGEM</div><a href="http://igem.org/About">iGEM</a><br><a href="http://parts.igem.org/Help:Synthetic_Biology">Synthetic Biology</a><br><a href="http://parts.igem.org/Help:Philosophy">Our Philosophy</a><br><a href="http://parts.igem.org/Help:Parts">Parts</a><br><a href="http://parts.igem.org/Help:Plasmid_Backbones">Plasmid Backbones</a><br><a href="http://igem.org/Labs">iGEM Labs</a><br></div><div class="section" style="float:left; width:250px;"><div class="h1">Contacts</div>hq <span style="font-style:italic">at</span> igem <span style="font-style:italic">dot</span> org<br><br>+ 617.500.3106<br><br>One Kendall Square<br>Suite B6104<br>Cambridge, MA 02139<br>USA<br><a href="http://igem.org/Contact">Contact</a><br></div></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">wiki tools</a><div class="submenu">
 +
                  <div id="wiki_tools_submenu" class="intro"><div class="section" style="float:left;"><div class="h1">Wiki Tools</div><a href="/Template:Example">View</a><br><a href="/wiki/index.php?title=Template:Example&amp;action=edit">View source</a><br><a href="/wiki/index.php?title=Template:Example&amp;action=history">History</a><br><a href="/wiki/index.php?title=Template:Example&amp;action=watch&amp;token=891cbaae5ff4728d1c834d0726bbbbc3%252B%255C">Watch</a><br><a href="/Template:Example">Template</a><br><a href="/wiki/index.php?title=Template_talk:Example&amp;action=edit&amp;redlink=1">Discussion</a><br></div><div class="section" style="float-left;"><div class="h1">Upload Tools</div><a href="/Special:Upload">Upload files</a><br><a href="/Special:SpecialPages">Special pages</a><br></div><div class="section" style="float:left"><div class="h1">Other</div><a href="/Special:Recentchanges">Recent changes</a><br><a href="/Special:SpecialPages">Special pages</a><br></div><div class="section1" style="float:right;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc; width:250px;">These tools let you edit this page, see the page history, recent changes, upload files, and more.
 +
    Starting in 2014, team wiki pages and images may only be modified by members of that team.  
 +
<div style="display:block;width:100%;font-family:arial;font-style:normal;font-size:13px">
 +
    <a style="float:right" href="http://2014.igem.org/Uploading_Files">For more information...</a></div></div><div style="clear:both"></div><div style="border-top: 2px solid gray;margin-top:10px;padding: 10px 5px;font-style:normal;width:100%">
 +
          The contents of this web site are available under the
 +
          Creative Commons Attribution Copyright license.<a style="float:right" href="http://mediawiki.org"><img src="/wiki/skins/Igem/images/poweredby_mediawiki.png"></a></div></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">search</a><div class="submenu">
 +
                  <div id="search_submenu" class="intro"><div class="section" style="float:left;"><div class="h1">Search Tools</div><div class="section" style="float:left;width:600px;font-size:18px;line-height:30px;"><input id="search_text" type="text" value="" style="font-size:14px;width:500px;margin-bottom:10px;"><div class="google" style="font-size:14px;line-height:22px;">  Click below to search using Google:<br><span id="igem17_search">2017.igem.org</span><br><span id="igem16_search">2016.igem.org</span><br><span id="igem15_search">2015.igem.org</span><br><span id="igem14_search">2014.igem.org</span><br><span id="igem_search">igem.org</span><br><span id="registry_search">iGEM Registry</span><br><span id="scholar_search">Google Scholar</span><br><span id="web_search">The Web</span></div><div id="page_go">Go to this page (or create it)</div></div></div><div class="section" style=""></div><div class="section1" style="float:right;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc;width:250px;"><div>We use a Google site search rather than the built in Mediawiki search tool.</div> </div><div style="clear:both ></div><div class=" section'=""></div>
 +
<script>
 +
    var search_text = jQuery('#search_text');
 +
    jQuery('#registry_search').click( function(){
 +
        var url = search_text.val() + ' site:parts.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem17_search').click( function(){
 +
        var url = search_text.val() + ' site:2017.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem16_search').click( function(){
 +
        var url = search_text.val() + ' site:2016.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem15_search').click( function(){
 +
        var url = search_text.val() + ' site:2015.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem14_search').click( function(){
 +
        var url = search_text.val() + ' site:2014.igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#igem_search').click( function(){
 +
        var url = search_text.val() + ' site:igem.org';
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
 +
    jQuery('#scholar_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://scholar.google.com/scholar?q=' + url);
 +
    } )
 +
    jQuery('#web_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://www.google.com/search?q=' + url);
 +
    } )
  
.firstHeading {
+
    jQuery('#subpart_search').click( function(){
width: 975px;  
+
        var url = search_text.val();
margin: 0px auto;
+
        url = encodeURIComponent(url);
padding-top: 100px;
+
        location.assign('http://parts.igem.org/partsdb/search_subparts.cgi?q=' + url);
margin-bottom: 20px;
+
    } )
font-family: Georgia, Times, "Times New Roman", serif;  
+
    jQuery('#uses_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_uses.cgi?q=' + url);
 +
    } )
 +
    jQuery('#1000_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_1000.cgi?q=' + url);
 +
    } )
 +
    jQuery('#text_search').click( function(){
 +
        var url = search_text.val();
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://parts.igem.org/partsdb/search_text.cgi?q=' + url);
 +
    } )
 +
    jQuery('#page_go').click( function(){
 +
        var url = search_text.val();
 +
        url = url.replace(' ','_');
 +
        url = encodeURIComponent(url);
 +
        location.assign('http://2017.igem.org/wiki/index.php?title=' + url);
 +
    } )
 +
    </script></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">toc</a><div class="submenu">
 +
                  <div id="toc_submenu" class="intro"><div class="section" style="float:left;"><div class="h1">Options for the TOC</div><a href="#">Exclude team pages</a><br><a href="#">Show only team pages</a><br></div><div class="section1" style="float:right;font-size:18px;line-height:24px;font-family:georgia,serif;font-style:italic;font-weight:400;color:#cccccc; width:250px;">This Table of Contents tool examines the wiki database to show you an organized list of pages in thei wiki.</div><div style="clear:both"></div></div>
 +
              </div></li>
 +
<li class="has_submenu"><a href="" style="color:white">teams</a><div class="submenu">
 +
                  <div id="teams_submenu" class="intro">The team submenu is not available at this time.</div>
 +
              </div></li>
 +
</ul>
 +
<div id="user_item" class="has_submenu">
 +
<style>
 +
#nlogin_iframe {
 +
      display: block;
 +
      position:relative;
 +
      width: 900px;
 +
      height: 160px;
 +
      border: none;
 +
      font-family:  ariel, sans-serif;
 +
      text-align:  center;
 +
      color:        white;
 +
      background-color: transparent;
 +
      margin-top:  10px;
 
}
 
}
 +
</style>
 +
<script>
 +
function open_login_iframe() {
 +
    jQuery('#user_item .submenu').remove();
 +
    jQuery('#user_item').append("<DIV class='submenu' style='display:block'></DIV>");
 +
    jQuery('#user_item .submenu').append("<DIV id='nlogin_div'>Login to the iGEM Web Sites<a onClick='close_login_iframe()' class='close' style='color:white;float:right;' >Close</a></div>");
 +
    jQuery('#user_item .submenu').append("<iframe id='nlogin_iframe' src='https://igem.org/Login2' frameborder=0></iframe>");
 +
    jQuery('#user_item .submenu').append("<DIV class='link_text'><a style='color:rgb(140,190,255)'href='http://igem.org/Account_Apply'>Apply for a new account</a></div>");
 +
    jQuery('#user_item .submenu').append("<DIV style='padding-top:10px;color:#ddd;font-family:arial;font-weight:100;font-size:14px;'>You must have cookies enabled to log in to iGEM.</div>");
 +
    return;
 +
}
 +
function close_login_iframe(){
 +
  jQuery('#user_item .submenu').empty();
 +
  jQuery('#user_item .submenu').append("<DIV style='padding:10px 200px'>Reloading page...</DIV>");
 +
  location.reload();
 +
}
 +
function open_logout_iframe() {
 +
    jQuery('#user_item').unbind('mouseenter mouseleave');
 +
    jQuery('#user_item .submenu').empty();
 +
    jQuery('#user_item .submenu').append("<DIV id='login_div' >Logout from the iGEM Web Sites<a onClick='close_logout_iframe()' class='close' style='color:white;float:right;'>Close</a></div>");
 +
    jQuery('#user_item .submenu').append("<iframe id='nlogin_iframe' src='http://igem.org/Logout' frameborder=0></iframe>");
 +
    return;
 +
}
 +
function close_logout_iframe(){
 +
  jQuery('#user_item .submenu').empty();
 +
  jQuery('#user_item .submenu').append("<DIV style='padding:10px 200px'>Reloading page...</DIV>");
 +
  location.reload();
 +
}
 +
</script><style>
 +
.link_text{
 +
  position: relative; 
 +
  top: -20px;
 +
  color:  rgb(140,190,255);
 +
  font-style:  italic;
 +
  font-family: arial;
 +
  font-weight: 200;
 +
  font-size:  15px;
 +
  padding:    0px 20px 20px 38px;
 +
 
 +
  cursor:      pointer;
 +
  text-decoration: none;
 +
  border: none;
 +
  background-color: transparent;
 +
}
 +
.link_text a:visited {
 +
  color: rgb(140,190, 255) !important;
 +
  text-decoration: none    !important;
 +
}
 +
.link_text a:hover {
 +
  color: rgb(200,255, 255) !important;
 +
  text-decoration: none    !important;
 +
}
 +
</style>login<script>
 +
jQuery('#user_item').unbind('mouseenter mouseleave');
 +
jQuery('#user_item').one('click',function(){open_login_iframe();});
 +
</script></div>
 +
          <script>jQuery('#user_item').load('/top_menu_14/user_reply.cgi',{t: 'Template:Example2'});</script>
 +
<script>bars_box_active = true;</script>
 +
<div id="bars_item">  <img src="http://parts.igem.org/images/website/bars_20.png" style="height:14px;width:20px;"></div><script>jQuery('#bars_item img')
 +
              .click(function() {
 +
                          if ( bars_box_active ) {
 +
                              jQuery('#sideMenu').toggle();
 +
                              if ( jQuery('#sideMenu').css('display') == 'block' ) {
 +
                                  jQuery('#bars_item').css('backgroundColor','rgb(255, 165, 0)');
 +
                              } else {
 +
                                  jQuery('#bars_item').css('backgroundColor','');
 +
                              }
 +
                          }
 +
                      } );</script></div>
 +
<script>
 +
  jQuery('#igem_submenu').load('/top_menu_14/igem_reply.cgi',{t: 'Template:Example2', a: 'View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#wiki_tools_submenu').load('/top_menu_14/wiki_tools_reply.cgi',{t: 'Template:Example2', a: 'View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#search_submenu').load('/top_menu_14/search_reply.cgi',{t: 'Template:Example2', a: 'View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#toc_submenu').load('/top_menu_14/toc_reply.cgi',{t: 'Template:Example2', a: 'View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++'});
 +
  jQuery('#teams_submenu').load('/top_menu_14/teams_reply.cgi',{t: 'Template:Example2', a: 'View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++'});
 +
</script><script>
 +
jQuery('#top_menu_14 .has_submenu').hover(
 +
    function() {
 +
        jQuery(this).find('.submenu').show();
 +
    },
 +
    function() {
 +
        jQuery(this).find('.submenu').clearQueue();
 +
        jQuery(this).find('.submenu').hide();
 +
        jQuery(this).find('.submenu').clearQueue();
 +
        jQuery(this).find('.submenu').hide();
 +
    }
 +
);
 +
</script></div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('http://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Template%3AExample2",
 +
a:"View+%2FTemplate%3AExample2++View source+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTemplate%3AExample2%26action%3Dwatch%26token%3D891cbaae5ff4728d1c834d0726bbbbc3%252B%255C++Template+%2FTemplate%3AExample2++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTemplate_talk%3AExample2%26action%3Dedit%26redlink%3D1++" });
 +
</script>
  
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
        <!-- 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>
  
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
            <div id="top_title">
background-color: #383838;
+
                <div class="logo_2017">
border: 0 none;
+
                    <a href="http://2017.igem.org">
height: 14px;
+
                    <img src="http://2017.igem.org/wiki/images/8/8b/HQ_page_logo.jpg" width="100px">
z-index: 100;
+
                    </a>
top: 0;
+
                </div>
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.) --*/
+
        <h1 id="firstHeading" class="firstHeading">
background-color: #383838;
+
            <span dir="auto">Template:Example2</span>
height: 14px;
+
        </h1>
display: block;
+
            </div>
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.) --*/
+
            <div id="">
color: #727272;
+
                <div id="bodyContent">
text-decoration: none;
+
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
background-color: transparent;
+
}
+
  
body {
+
<script>
background-color: #fff;
+
}
+
  
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
// This is the jquery part of your template. 
width: 100%;
+
// Try not modify any of this code too much since it makes your menu work.
height: 100%;
+
border: 0px;
+
background-color: transparent;
+
margin: 0px;
+
padding: 0px;
+
}
+
  
html, body, .wrapper { /*-- changes default wiki settings --*/
+
$(document).ready(function() {
width: 100%;
+
height: 100%;
+
background-color: transparent;
+
}
+
  
#contentcontainer { /*-- creates container for all content on page --*/
+
$("#HQ_page").attr('id','');
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 {
+
// call the functions that control the menu
list-style-type: none;  
+
menu_functionality();  
list-style-image: none;  
+
hide_show_menu();
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; }
+
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 +
function menu_functionality() {
  
.sidemenu a:hover {
+
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
color:#666;
+
$(".menu_button").click(function(){
background-color: #d9f5aa;
+
}
+
  
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
// add or remove the class "open" , this class holds the "-"
.sub-sidemenu a {color: #666;}
+
$(this).children().toggleClass("open");
 +
// show or hide the submenu
 +
$(this).next('.submenu_wrapper').fadeToggle(400);
 +
});
  
div.underconst
+
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
{
+
$("#display_menu_control").click(function(){
padding:10px;
+
$('#menu_content').fadeToggle(400);
border-radius:5px;
+
});
background-color:pink;
+
text-align:center;
+
}
+
  
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
// call the current page highlight function
 +
highlight_current_page();
 +
}
  
.contentpara {margin-bottom: 30px;}
 
  
span.email{font-family: monospace; font-weight: normal;}
+
// call the highlight current page function to show it on the menu with a different background color
 +
function highlight_current_page() {
  
fieldset {border: 1px solid #337f53;}
+
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 +
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
  
.greyout {color: #A0A0A0;}
+
// now that the current_page class has been added to a menu item, make the submenu fade in
.highlightme {background-color: #FFFF00;}
+
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 +
// change the +/- symbol of the corresponding menu button
 +
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 +
 +
}
  
#alertContainer { 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;
 
padding: 10px 15px 5px 10px;
 
border-bottom: 1px solid #ccc;
 
margin-bottom: 0px;
 
}
 
  
.newsItem {
+
// allow button on the black menu bar to show/hide the side menu
border-bottom: 1px solid #ccc;
+
function hide_show_menu() {
display: block;
+
padding: 5px 15px 0px 10px;
+
// in case you preview mode is selected, the menu is hidden for better visibility
margin-bottom: 0px;  
+
if (window.location.href.indexOf("submit") >= 0) {
}
+
$(".igem_2017_menu_wrapper").hide();
 +
}
  
.newsItem h3 {
+
// if the black menu bar has been loaded
width: auto;
+
  if (document.getElementById('bars_item')) {
display: inline;
+
font-size: 14px;
+
font-family: Arial, Helvetica, sans-serif;
+
padding: 0px;
+
margin: 0px;
+
}
+
  
.newsItem img {
+
// when the "bars_item" has been clicked
float: right;  
+
$("#bars_item").click(function() {
clear: right;
+
$("#sideMenu").hide();
width: 80px;
+
padding-left: 15px;
+
display: inline-block;
+
}
+
  
.newsItem .newsDate {
+
// show/hide the menu wrapper
font-style: italic;  
+
$(".igem_2017_menu_wrapper").fadeToggle("100");
font-size: 14px;  
+
});
display: inline-block;
+
  }  
color: #999;
+
float: right;
+
padding: 0px 0px 10px 15px;
+
}
+
  
.newsItem p, .newsItem ul, .newsItem li {
+
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
padding: 0px;  
+
else {
margin-left: 20px;
+
    setTimeout(hide_show_menu, 15);
font-size: 12px;
+
}
line-height: 1.2;
+
}
}
+
  
.newsItem p {margin-top: 10px;}
 
  
.annItem {
+
});
border: 2px solid #414141;  
+
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 {
+
</script>
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>
  
  
  
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 +
/* Clear the default wiki settings */
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 +
 +
 +
 +
/**************************************************************** MENU ***************************************************************/
 +
/* Wrapper for the menu */
 +
.igem_2017_menu_wrapper {
 +
width: 15%;
 +
height:100vh;
 +
position:fixed;
 +
right:0%;
 +
padding:0px;
 +
float:right;
 +
border-left: 1px solid #d3d3d3;
 +
background-color:#dddddd;
 +
text-align:left;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
}
  
 +
/* this hides the scrollbar to keep view consistency */
 +
.igem_2017_menu_wrappe::-webkit-scrollbar {
 +
display: none;
 +
}
 +
 +
 +
/* styling for links in the menu, removes the line under text */
 +
.igem_2017_menu_wrapper a { 
 +
text-decoration: none;
 +
}
  
<!-- NEW JQUERY -->
 
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
 
  
<!-- MathJax (LaTeX for the web) -->
+
/* styling for the images in the menu */
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML" id=""></script>
+
.igem_2017_menu_wrapper img {
 +
width: 100%;
 +
}
  
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
+
/* styling for the menu buttons */
 +
.igem_2017_menu_wrapper .menu_button {
 +
width: 100%;
 +
padding: 10px 0px 10px 15px;
 +
float:left;
 +
border-bottom: 1px solid #d3d3d3;
 +
font-size: 12px;
 +
font-weight: bold;
 +
color: #5e5f5f;
 +
cursor: pointer;
 +
}
  
<!-- BOOTSTRAP -->
 
<!-- Latest compiled and minified CSS -->
 
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/sandstone/bootstrap.min.css" rel="stylesheet">
 
<!-- Latest compiled and minified JavaScript -->
 
<script src="http://2014.igem.org/Team:LMU-Munich/bootstrap.min.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/xscrolly.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/native.history.min.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/ajaxload.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/highcharts.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/highcharts-more.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/LMU_bxslider.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/LMU_slimbox2.js?action=raw&amp;ctype=text/javascript"></script>
 
<link href="http://2014.igem.org/Team:LMU-Munich/slimbox2.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="http://2014.igem.org/Team:LMU-Munich/bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 
<script src="http://2014.igem.org/Team:LMU-Munich/jquery.hoverIntent.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/jquery.scrollTo.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/jquery.tablesorter.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="http://2014.igem.org/Team:LMU-Munich/jquery.slicknav.js?action=raw&amp;ctype=text/javascript"></script>
 
<link href="http://2014.igem.org/Team:LMU-Munich/slicknav.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 
<script src="http://2014.igem.org/Team:LMU-Munich/iGEM.js?action=raw&amp;ctype=text/javascript"></script>
 
  
<!-- TOUR STUFF -->
+
.igem_2017_menu_wrapper .menu_bottom_padding {
 +
width: 100%;
 +
height: 30px;
 +
float:left;
 +
}
  
<script src="http://2014.igem.org/Team:LMU-Munich/iGEM.tour.js?action=raw&amp;ctype=text/javascript"></script>
+
.menu_button.direct_to_page {
<link href="http://2014.igem.org/Team:LMU-Munich/iGEM.tour.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
padding-left: 36px;
<!--
+
}
<script src="https://preview.c9.io/loxos/igemlmu/offlineVersion/igem-tour.js"></script>
+
<link href="https://preview.c9.io/loxos/igemlmu/offlineVersion/tour.css" rel="stylesheet">
+
-->
+
  
<!-- MAIN STYLE -->
 
<link href="http://2014.igem.org/Team:LMU-Munich/iGEM.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  
<script>
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
width:10%;
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
float:left;
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
}
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
  
  ga('create', 'UA-55868873-1', 'auto');
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
  ga('require', 'displayfeatures');
+
content: "+";
  ga('require', 'linkid', 'linkid.js');
+
}
  ga('send', 'pageview');
+
 +
.open::before {
 +
content: "-" !important;
 +
}
 +
 +
 +
 +
/* styling for the menu buttons on hover */
 +
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover {
 +
background-color: #3399ff;
 +
text-decoration: none;
 +
color:#ffffff;
 +
}
  
</script>
+
/* styling for the menu button when it is the current page */
 +
.current_page {
 +
background-color:#7fc1f7  !important;
 +
color:#5e5f5f !important;
 +
}
  
  
 +
/* styling for the submenu buttons */
 +
.igem_2017_menu_wrapper .submenu_button {
 +
width: 100%;
 +
padding: 10px 0px 10px 34px;
 +
float:left;
 +
background-color:#f2f2f2;
 +
border-bottom: 1px solid #d3d3d3;
 +
font-size: 12px;
 +
color: #5e5f5f;
 +
cursor: pointer;
 +
}
  
</p><p>
+
/* wrapper for the submenu items, they are hidden by default*/
</p><div id="slick-navigation"><div class="slicknav_menu hidden-md hidden-lg"><a href="#" aria-haspopup="true" tabindex="0" class="slicknav_btn slicknav_open" style="outline: none;"><span class="slicknav_menutxt">LMU iGEM</span><span class="slicknav_icon"><span class="slicknav_icon-bar"></span><span class="slicknav_icon-bar"></span><span class="slicknav_icon-bar"></span></span></a><div class="slicknav_nav" style="display: block;" aria-hidden="false" role="menu">
+
.igem_2017_menu_wrapper .submenu_wrapper {
        <ul>
+
display:none;
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
}
                <a href="http://2014.igem.org/Team:LMU-Munich/Team">Team</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team" role="menuitem" tabindex="-1">Team</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Financing" role="menuitem" tabindex="-1">Financing</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Collaborations" role="menuitem" tabindex="-1">Collaborations</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Attributions" role="menuitem" tabindex="-1">Attributions</a></li>
+
                </ul>
+
            </li>
+
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Project">Project</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem" role="menuitem" tabindex="-1">Problem</a></li>
+
                    <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                        <a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus" tabindex="-1">BaKillus</a>
+
                        <span class="slicknav_arrow">►</span></a><ul role="menu" aria-hidden="true" class="slicknav_hidden" style="display: none;">
+
                            <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing" role="menuitem" tabindex="-1">sensing</a></li>
+
                            <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion" role="menuitem" tabindex="-1">adhesion</a></li>
+
                            <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing" role="menuitem" tabindex="-1">killing</a></li>
+
                            <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide" role="menuitem" tabindex="-1">suicide</a></li>
+
                        </ul>
+
                    </li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox" role="menuitem" tabindex="-1"><span class="bacillus">Bacillus</span> BioBrickBox 2.0</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Modeling" role="menuitem" tabindex="-1">Modeling</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/B_subtilis" class="bacillus" role="menuitem" tabindex="-1">B. subtilis</a></li>
+
                </ul>
+
            </li>
+
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Results">Results</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results" role="menuitem" tabindex="-1">Results</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Registry" role="menuitem" tabindex="-1">Registry</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Judging" role="menuitem" tabindex="-1">Judging</a></li>
+
                </ul>
+
            </li>
+
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Notebook</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Safety" role="menuitem" tabindex="-1">Safety</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" role="menuitem" tabindex="-1">Protocols</a></li>
+
                    <!--<li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Timeline">Timeline</a></li>-->
+
                </ul>
+
            </li>
+
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Application">Application</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment" role="menuitem" tabindex="-1">Diagnosis &amp; Treatment</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Pretest" role="menuitem" tabindex="-1">Pretest</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues" role="menuitem" tabindex="-1">Legal Issues</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property" role="menuitem" tabindex="-1">Financing &amp; Intellectual Property</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Expertise" role="menuitem" tabindex="-1">Expertise</a></li>
+
                </ul>
+
            </li>
+
            <li class="slicknav_collapsed slicknav_parent"><a href="#" role="menuitem" aria-haspopup="true" tabindex="-1" class="slicknav_item slicknav_row" style="outline: none;">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice">Human Practice</a>
+
                <span class="slicknav_arrow">►</span></a><ul role="menu" class="slicknav_hidden" style="display: none;" aria-hidden="true">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups" role="menuitem" tabindex="-1">Meet ups</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School" role="menuitem" tabindex="-1">iGEM@school</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio" role="menuitem" tabindex="-1">SynBio Day</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion" role="menuitem" tabindex="-1">Panel Discussion</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Rathenau" role="menuitem" tabindex="-1">Rathenau Instituut</a></li>
+
                </ul>
+
            </li>
+
        </ul>
+
    </div></div></div>
+
    <div id="mobile-navigation" style="display: none;">
+
        <ul>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Team">Team</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team">Team</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Financing">Financing</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Collaborations">Collaborations</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Attributions">Attributions</a></li>
+
                </ul>
+
            </li>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Project">Project</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem">Problem</a></li>
+
                    <li>
+
                        <a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus">BaKillus</a>
+
                        <ul>
+
                            <li id="inpage-nav-sensing"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing">sensing</a></li>
+
                            <li id="inpage-nav-adhesion"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion">adhesion</a></li>
+
                            <li id="inpage-nav-killing"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing">killing</a></li>
+
                            <li id="inpage-nav-suicide"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide">suicide</a></li>
+
                        </ul>
+
                    </li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox"><span class="bacillus">Bacillus</span> BioBrickBox 2.0</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Modeling">Modeling</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/B_subtilis" class="bacillus">B. subtilis</a></li>
+
                </ul>
+
            </li>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Results">Results</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results">Results</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Registry">Registry</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Judging">Judging</a></li>
+
                </ul>
+
            </li>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Notebook</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Safety">Safety</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Protocols</a></li>
+
                    <!--<li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Timeline">Timeline</a></li>-->
+
                </ul>
+
            </li>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Application">Application</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment">Diagnosis &amp; Treatment</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Pretest">Pretest</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues">Legal Issues</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property">Financing &amp; Intellectual Property</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Expertise">Expertise</a></li>
+
                </ul>
+
            </li>
+
            <li>
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice">Human Practice</a>
+
                <ul>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups">Meet ups</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School">iGEM@school</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio">SynBio Day</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion">Panel Discussion</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Rathenau">Rathenau Instituut</a></li>
+
                </ul>
+
            </li>
+
        </ul>
+
    </div>
+
  
  <div id="tour-toggle-m" class="hidden-md hidden-lg">TOUR</div>
+
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 +
.igem_2017_menu_wrapper #display_menu_control {
 +
display:none;
 +
text-align:center;
 +
}
 +
  
    <div id="headerWrapper" class="hidden-xs hidden-sm">
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
        <div id="header">
+
            <div id="logo">
+
<a href="http://2014.igem.org/Team:LMU-Munich">
+
                <img src="http://2014.igem.org/wiki/images/7/74/LMU14_bakillusWOtext_white.png" alt="BaKillus Logo">
+
</a>
+
            </div>
+
            <!--<div id="tour-toggle"> TOUR </div> -->
+
            <div id="navigation">
+
                <ul>
+
                    <li><div class="nav-item" id="tour-toggle">Tour</div></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team" class="team nav-item active" id="team">Team</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project" class="project nav-item" id="project">Project</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results" class="results nav-item" id="results">Results</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" class="labbook nav-item" id="labbook">Notebook</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application" class="safety nav-item" id="application">Application</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice" class="outreach nav-item" id="human-practice">Human Practice</a></li>
+
                </ul>
+
            </div>
+
        </div>
+
        <div id="sub-navigation-wrapper">
+
            <div id="sub-navigation">
+
                <ul id="team-sub" style="display: block;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team" class="sub-nav-item">Team</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Financing" class="sub-nav-item">Financing</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Collaborations" class="sub-nav-item">Collaborations</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Team/Attributions" class="sub-nav-item">Attributions</a></li>
+
                </ul>
+
                <ul id="project-sub" style="display: none;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem" class="sub-nav-item">Problem</a></li>
+
                    <li id="inpage-nav-bakillus">
+
                        <a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus" class="sub-nav-item">BaKillus</a>
+
                        <ul>
+
                            <li id="inpage-nav-sensing"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing" class="sub-nav-item">sensing</a></li>
+
                            <li id="inpage-nav-adhesion"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion" class="sub-nav-item">adhesion</a></li>
+
                            <li id="inpage-nav-killing"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing" class="sub-nav-item">killing</a></li>
+
                            <li id="inpage-nav-suicide"><a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide" class="sub-nav-item">suicide</a></li>
+
                        </ul>
+
                    </li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox" class="sub-nav-item"><span class="bacillus">Bacillus</span> BioBrickBox 2.0</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/Modeling" class="sub-nav-item">Modeling</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Project/B_subtilis" class="sub-nav-item bacillus">B. subtilis</a></li>
+
                </ul>
+
                <ul id="results-sub" style="display: none;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results" class="sub-nav-item">Results</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Registry" class="sub-nav-item">Registry</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Results/Judging" class="sub-nav-item">Judging</a></li>
+
                </ul>
+
                <ul id="application-sub" style="display: none;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment" class="sub-nav-item">Diagnosis &amp; Treatment</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Pretest" class="sub-nav-item">Pretest</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues" class="sub-nav-item">Legal Issues</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property" class="sub-nav-item">Financing &amp; Intellectual Property</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Application/Expertise" class="sub-nav-item">Expertise</a></li>
+
                </ul>
+
                <ul id="human-practice-sub" style="display: none;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups" class="sub-nav-item">Meet ups</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School" class="sub-nav-item">iGEM@school</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio" class="sub-nav-item">SynBio Day</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion" class="sub-nav-item">Panel Discussion</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Rathenau" class="sub-nav-item">Rathenau Instituut</a></li>
+
                </ul>
+
                <ul id="labbook-sub" style="display: none;">
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Safety" class="sub-nav-item">Safety</a></li>
+
                    <li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" class="sub-nav-item">Protocols</a></li>
+
                    <!--<li><a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Timeline" class="sub-nav-item">Timeline</a></li>-->
+
                </ul>
+
            </div>
+
        </div>
+
    </div>
+
    <!--<div id="global-wrapper">
+
        <div id="body">
+
          <div id="content-area">-->
+
    <div id="lmu-content">
+
    <!-- Hier beginnt der Text:-->
+
  
 +
/* Wrapper for the content */
 +
.igem_2017_content_wrapper {
 +
width: 81%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
background-color:white;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
  
<link href="http://2014.igem.org/Team:LMU-Munich/home.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 
<div id="home">
 
<div id="home-logo">
 
<a href="http://igem.org/Main_Page" target="_blank">
 
<img src="http://2014.igem.org/wiki/images/8/8a/LMU_IGEMLogo.png">
 
</a>
 
</div>
 
  
<div id="twopager">
+
/********************************* HTML STYLING  *********************************/
<a href="http://2014.igem.org/wiki/images/2/29/LMU14_2pager-final.pdf" target="_blank">
+
<img src="http://2014.igem.org/wiki/images/3/37/LMU14_2pager.png">
+
</a>
+
</div>
+
    <img id="skyline" src="http://2014.igem.org/wiki/images/9/97/LMU14_home_completeskyline.jpg">     
+
</div>
+
<div id="lmu-content2">
+
    <div id="tiles">
+
        <div class="row">
+
            <div class="col-xs-12 col-md-4">
+
                <a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem">
+
<img src="http://2014.igem.org/wiki/images/8/82/LMU14_home_button_problem.png">
+
</a>
+
            </div>
+
            <div class="col-xs-12 col-md-4">
+
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus">
+
                <img src="http://2014.igem.org/wiki/images/b/b1/LMU14_home_button_strategy.png">
+
</a>
+
            </div>
+
            <div class="col-xs-12 col-md-4">
+
<a href="http://2014.igem.org/Team:LMU-Munich/Results">
+
                <img src="http://2014.igem.org/wiki/images/8/8e/LMU14_home-button-results.png">
+
</a>
+
            </div>
+
        </div>
+
    </div>
+
<div id="home-abstract">
+
  
<p></p><p><br>
+
/* styling for the titles h1 h2 */
</p>
+
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
<h1> <span class="mw-headline" id="Abstract">Abstract</span></h1>
+
padding:5px 15px;
<p>Increasing bacterial resistance to classical antibiotics remains a serious threat and urges the development of novel pathogen-killing strategies. Exploiting bacterial communication mechanisms such as quorum sensing is a promising strategy to specifically target certain pathogens. The major aim of this project is the introduction of a genetic circuit enabling <i>Bacillus subtilis</i> to actively detect, attach to, and eventually kill <i>Staphylococcus aureus</i> and <i>Streptococcus pneumoniae</i>.  
+
border-bottom: 0px;
</p><p>Initially, we will introduce the autoinducer-sensing two-component systems of <i>S. aureus</i> and <i>S. pneumoniae</i> into <i>B. subtilis</i>.  to create a pathogen-detecting strain. By utilizing quorum sensing-dependent promoters, we will then trigger pathogen-killing strategies like the production of antimicrobial peptides or biofilm degradation. As a safety measure a delayed suicide-switch guarantees non-persistence of genetically modified <i>B. subtilis</i> in the absence of pathogens. We envision the use of BaKillus as a smart, cheap and simple-to-use medical device for diagnostics and targeted treatment of multiresistant super bugs.
+
color: #3399ff;
</p><p>
+
}
</p></div>
+
<div id="home-footer-wrapper">
+
<div id="home-footer">
+
  
</div>
 
</div>
 
</div>
 
  
 +
/* styling for the titles  h3 h4 h5 h6*/
 +
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
  
</div>
 
<div id="footer">
 
<div id="footer-content">
 
  
<h2>Team LMU-Munich</h2>
+
/* font and text */
<h3>igem@bio.lmu.de </h3>
+
.igem_2017_content_wrapper p {
 +
padding: 0px 15px;
 +
font-size: 13px;
 +
}
  
AG Thorsten Mascher <br>
+
/* Links */
Großhaderner Str. 2 <br>
+
.igem_2017_content_wrapper a {
82152 Planegg (Martinsried) <br>
+
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color: #3399ff;
 +
color:  #3399ff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
  
<div id="footer-logos">
+
/* hover for the links */
<a href="http://www.biologie.uni-muenchen.de/" target="_blank"><img src="http://2014.igem.org/wiki/images/2/24/LMU14_LMU_logo_white.png"></a>
+
.igem_2017_content_wrapper a:hover {
<a href="http://2014.igem.org" target="_blank"><img src="http://2014.igem.org/wiki/images/6/65/LMU14_Igem-logo-white-nobg.png"> </a>
+
text-decoration:none;
<a href="http://www.mediawiki.org/" target="_blank"><img src="http://2014.igem.org/wiki/images/e/e2/LMU14_mediawiki-logo.png"> </a>
+
color:#000000;
</div>
+
}
</div>
+
<div id="top-section" style="position: relative;">
+
<div id="p-logo">
+
    <a href="/Main_Page" title="Main Page">
+
    <img src="http://2014.igem.org/images/wiki.png">"
+
    </a>
+
</div>  <!-- end p-logo -->
+
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
  
 +
/* non numbered lists */
 +
.igem_2017_content_wrapper ul {
 +
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
  
 +
/* numbered lists */
 +
.igem_2017_content_wrapper ol {
 +
padding:0px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
  
<div id="menubar" class="left-menu noprint">
+
/* Table */
  <ul>
+
.igem_2017_content_wrapper table {
                  <li class="selected"><a href="/Team:LMU-Munich">Page              </a></li>
+
width: 97%;  
              <li class="new"><a href="/wiki/index.php?title=Talk:Team:LMU-Munich&amp;action=edit&amp;redlink=1">Discussion              </a></li>
+
margin:15px 10px;  
              <li><a href="/wiki/index.php?title=Team:LMU-Munich&amp;action=edit">View source              </a></li>
+
border: 1px solid #d3d3d3;  
              <li><a href="/wiki/index.php?title=Team:LMU-Munich&amp;action=history">History              </a></li>
+
border-collapse: collapse;  
              <li style="color:white;cursor:default">teams</li>
+
}
  </ul>
+
</div> <!-- end menubar (left) -->
+
  
<div class="right-menu noprint" id="menubar">
+
/* table cells */
    <ul>
+
.igem_2017_content_wrapper  td {
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:LMU-Munich" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>     </ul>
+
padding: 10px;
</div><!-- end right menubar -->
+
vertical-align: text-top;  
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
  
<div id="search-controls" class="noprint">
+
/* table headers */
<form action="/Special:Search" id="searchform">
+
.igem_2017_content_wrapper th {
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [alt-f]" accesskey="f" value="" autocomplete="off">
+
padding: 10px;
<input type="submit" name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists">&nbsp;
+
vertical-align: text-top;
      <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text">
+
border: 1px solid #d3d3d3;  
</form>
+
border-collapse: collapse;
</div> <!-- close search controls -->
+
background-color:#f2f2f2;
    </div></div>
+
}
  
<p></p><p>
 
</p><div id="tour-overlay" style="display: none;">
 
<div id="tour-box">
 
  
<!-- TOUR ITEM -->
+
/**********************************LAYOUT CLASSES **********************************/
<div class="tour-item" style="display: none;">
+
<img src="http://2014.igem.org/wiki/images/5/5a/LMU14_tour_intro.png" height="300px">
+
<div class="tour-item-content">
+
  
<p></p>
+
/* general class for column divs */
<h2> <span class="mw-headline" id="Hi_there.21"> Hi there! </span></h2>
+
.igem_2017_content_wrapper .column  {
<p>Welcome to our Wiki! I'm BaKillus, the pathogen-hunting microbe, and I'll guide you on this tour through our project. If you want to learn more about a specific step, you can simply close the tour and come back to it anytime you like. So let's start!
+
padding: 10px 0px;
 +
float:left;
 +
}
  
</p></div>
+
/* class for a full width column */
<div class="tour-buttons-wrap">
+
.column .full_size {
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
+
width:100%;
<div class="tour-button-next">
+
}
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
+
</div>
+
</div>
+
  
</div>
+
/* styling for images in a full width column*/
<!-- END TOUR ITEM -->
+
.column.full_size img {
 +
width:97%;
 +
padding: 10px 15px;
 +
}
  
 +
/* class for a half width column */
 +
.column.half_size {
 +
width: 50%;
 +
}
 +
/* styling for images in a half width column*/
 +
.column.half_size img {
 +
width: 94.5%;
 +
padding: 10px 15px;
 +
}
  
<!-- TOUR ITEM -->
 
<div class="tour-item">
 
<img src="http://2014.igem.org/wiki/images/a/ab/LMU14_tour_problem.png" height="300px">
 
  
  
<div class="tour-item-content">
 
  
<p></p>
+
/********************************* SUPPORT CLASSES ********************************/
<h2> <span class="mw-headline" id="What.27s_the_problem.3F"> What's the problem? </span></h2>
+
<p>First of all, what am I doing here? The problem is, pathogenic bacteria all around the world are becoming more and more  resistant against antimicrobial drugs. One major reason for the trend is the inappropriate use of drugs. With my BaKillus super powers, I want to reduce this misuse and thus do my part to save global health.
+
  
</p></div>
+
/* class that clears content below*/
 +
.igem_2017_content_wrapper .clear {
 +
clear:both;
 +
}
 +
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
  
<div class="tour-buttons-wrap">
 
<div class="tour-button-prev">
 
<a href="http://2014.igem.org/Team:LMU-Munich"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
 
</div>
 
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
 
<div class="tour-button-next">
 
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
 
</div>
 
</div>
 
  
</div>
+
/* highlight class, makes content slightly smaller */
<!-- END TOUR ITEM -->
+
.igem_2017_content_wrapper .highlight {
 +
margin: 0px 15px;
 +
padding: 15px 0px;
 +
}
  
  
<!-- TOUR ITEM -->
+
/* highlight class, adds a gray background */
<div class="tour-item" style="display: none;">
+
.igem_2017_content_wrapper .highlight.gray {
<img src="http://2014.igem.org/wiki/images/4/44/LMU14_tour_sensing.png" height="300px">
+
background-color: #f2f2f2;  
 +
}
  
<div class="tour-item-content">
+
/* highlight with decoration blue line on top */
 +
.igem_2017_content_wrapper .highlight.blue_top {
 +
    border-top: 4px solid #3399ff;
 +
}
  
<p></p>
+
/* highlight with a full blue border decoration */
<h2> <span class="mw-headline" id="Sensing_of_pathogens"> Sensing of pathogens </span></h2>
+
.igem_2017_content_wrapper .highlight.blue_border {
<p>To combat the pathogenic bacteria, I simply eavesdrop on their communication. Bacteria talk with each other via quorum sensing systems, which I use to detect them and trigger my responses.  
+
    border: 4px solid  #3399ff;
 +
}
  
</p></div>
 
  
<div class="tour-buttons-wrap">
+
/* button class */
<div class="tour-button-prev">
+
.igem_2017_content_wrapper .button{
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Problem"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
+
max-width: 35%;
</div>
+
margin: 30px auto;
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
+
padding: 12px 10px;
<div class="tour-button-next">
+
    background-color: #3399ff;
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
+
    text-align: center;
</div>
+
  color: #ffffff;
</div>
+
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
  
</div>
+
/* styling for button on hover */
<!-- END TOUR ITEM -->
+
.igem_2017_content_wrapper .button:hover{
 +
background-color: #3399ff;
 +
    color: #000000;
 +
}
  
  
<!-- TOUR ITEM -->
 
<div class="tour-item" style="display: none;">
 
<img src="http://2014.igem.org/wiki/images/6/63/LMU14_tour_adhesion.png" height="300px" style="display: none !important;">
 
  
<div class="tour-item-content">
 
  
<p></p>
+
/***************************************************** RESPONSIVE STYLING ****************************************************/
<h2> <span class="mw-headline" id="Adhesion"> Adhesion </span></h2>
+
<p>The more specific and effective I can use my powers, the lower the danger is of provoking new resistance development. So I catch pathogens whenever I get hold of them and stick to them until my work is done.
+
  
</p></div>
+
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
  
<div class="tour-buttons-wrap">
+
#content {width:100%; }
<div class="tour-button-prev">
+
.igem_2017_menu_wrapper {width:15%; right:0;}
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
+
.highlight {padding:10px 0px;}
</div>
+
.igem_2017_menu_wrapper #display_menu_control { display:none; }
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
+
#menu_content { display:block;}
<div class="tour-button-next">
+
.menu_button.direct_to_page {padding-left: 17px;}
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
+
</div>
+
}
</div>
+
  
</div>
+
/* IF THE SCREEN IS LESS THAN 800PX */
<!-- END TOUR ITEM -->
+
@media only screen and (max-width: 800px) {
  
 +
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
  
<!-- TOUR ITEM -->
 
<div class="tour-item" style="display: none;">
 
<img src="http://2014.igem.org/wiki/images/6/6a/LMU14_tour_killing.png" height="300px">
 
  
<div class="tour-item-content">
+
 +
 +
/* special class that the system uses to make sure the team wants a page to be evaluated */
 +
.judges-will-not-evaluate {
 +
    width: 96.6%;
 +
  margin: 5px 15px;
 +
  display: block;
 +
border: 4px solid #3399ff;
 +
    font-weight: bold;
 +
}
 +
 +
</style>
  
<p></p>
 
<h2> <span class="mw-headline" id="Killing"> Killing </span></h2>
 
<p>Talking about my work - killing pathogens is finally what I am made for. In response to quorum sensing molecules of the pathogens, I export a range of antimicrobial substances leading to dissipation of biofilms and the killing of the targeted bacteria.
 
  
</p></div>
+
<!--- THIS IS WHERE THE HTML BEGINS --->
  
<div class="tour-buttons-wrap">
 
<div class="tour-button-prev">
 
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
 
</div>
 
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
 
<div class="tour-button-next">
 
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
 
</div>
 
</div>
 
  
</div>
 
<!-- END TOUR ITEM -->
 
  
 +
  
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
<!-- TOUR ITEM -->
 
<div class="tour-item" style="display: none;">
 
<img src="http://2014.igem.org/wiki/images/1/13/LMU14_tour_suicide.png" height="300px">
 
  
<div class="tour-item-content">
 
  
<p></p>
 
<h2> <span class="mw-headline" id="Suicide_switch"> Suicide switch </span></h2>
 
<p>When the job is done and all the bad guys are finished, you don't need a super hero anymore. So after fulfilling my work I say goodbye to the world by activating my suicide switch.
 
  
</p></div>
 
  
<div class="tour-buttons-wrap">
+
</p><div class="igem_2017_menu_wrapper">
<div class="tour-button-prev">
+
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
+
</div>
+
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
+
<div class="tour-button-next">
+
<a href="http://2014.igem.org/Team:LMU-Munich/Application"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
+
</div>
+
</div>
+
  
</div>
 
<!-- END TOUR ITEM -->
 
  
  
<!-- TOUR ITEM -->
+
<a href="http://2017.igem.org/Team:Example2">
<div class="tour-item" style="display: none;">
+
<img src="http://placehold.it/350x150">
<img src="http://2014.igem.org/wiki/images/d/de/LMU14_tour_application.png" height="300px">
+
</a>
  
<div class="tour-item-content">
 
  
<p></p>
+
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
<h2> <span class="mw-headline" id="Application"> Application </span></h2>
+
<div class="menu_button" id="display_menu_control">
<p>Of course I'm not only a fictional hero, but a very real one. In two different prototypes, I could be used for diagnosis or treatment of pathogen-caused diseases. However, there is still a whole lot of regulational and economical questions that have to be answered before.
+
MENU 
 +
</div>  
  
</p></div>
+
<div id="menu_content">
 +
  
<div class="tour-buttons-wrap">
 
<div class="tour-button-prev">
 
<a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
 
</div>
 
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
 
<div class="tour-button-next">
 
<a href="http://2014.igem.org/Team:LMU-Munich"><img src="http://2014.igem.org/wiki/images/0/08/LMU14_simpleArrowRight.png"> </a>
 
</div>
 
</div>
 
  
</div>
 
<!-- END TOUR ITEM -->
 
  
 +
<a href="http://2017.igem.org/Team:Example2">
 +
<div class="menu_button direct_to_page">
 +
HOME
 +
</div>
 +
</a>
  
<!-- TOUR ITEM -->
 
<div class="tour-item" style="display: none;">
 
<img src="http://2014.igem.org/wiki/images/a/a4/LMU14_tour_schluss.png" height="300px">
 
  
  
<div class="tour-item-content">
+
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> TEAM
 +
</div>  
  
<p></p>
+
<div class="submenu_wrapper" id="team_submenu">
<h2> <span class="mw-headline" id="See_you.21"> See you! </span></h2>
+
<p>So now you know my short story - and it is time for me to return to my fight for a safer world. Feel free to take a closer look on my <a href="http://2014.igem.org/Team:LMU-Munich/Project/Bakillus" class="external text" rel="nofollow">super powers</a>, the <a href="http://2014.igem.org/Team:LMU-Munich/Notebook/Timeline" class="external text" rel="nofollow">process of my development</a> or the plans for a <a href="http://2014.igem.org/Team:LMU-Munich/Application" class="external text" rel="nofollow">medical application</a>.
+
<a href="http://2017.igem.org/Team:Example2/Team">
 +
<div class="submenu_button" id="Team_page">
 +
Team
 +
</div>
 +
</a>
  
</p></div>
+
<a href="http://2017.igem.org/Team:Example2/Collaborations">
 +
<div class="submenu_button" id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
 +
 +
</div>
  
<div class="tour-buttons-wrap">
 
<div class="tour-button-prev">
 
<a href="http://2014.igem.org/Team:LMU-Munich/Application"><img src="http://2014.igem.org/wiki/images/8/83/LMU14_simpleArrowLeft.png"> </a>
 
</div>
 
<div class="tour-button-close"><img src="http://2014.igem.org/wiki/images/a/a0/LMU14-hidetour.png"></div>
 
</div>
 
  
</div>
+
<!-- END TOUR ITEM -->
+
  
</div>
+
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PROJECT
 +
</div>  
  
</div>
+
<!-- project submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="http://2017.igem.org/Team:Example2/Description">
 +
<div class="submenu_button" id="Description_page">
 +
Description
 +
</div>
 +
</a>
  
<script>initiateNavigation("none");</script>
+
<a href="http://2017.igem.org/Team:Example2/Design">
<p></p>
+
<div class="submenu_button" id="Design_page">
<!--
+
Design
NewPP limit report
+
</div>
Preprocessor node count: 76/1000000
+
</a>
Post-expand include size: 5994/2097152 bytes
+
 
Template argument size: 0/2097152 bytes
+
<a href="http://2017.igem.org/Team:Example2/Experiments">
Expensive parser function count: 0/100
+
<div class="submenu_button" id="Experiments_page">
-->
+
Experiments
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Notebook">
 +
<div class="submenu_button" id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/InterLab">
 +
<div class="submenu_button" id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Contribution">
 +
<div class="submenu_button" id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Model">
 +
<div class="submenu_button" id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Results">
 +
<div class="submenu_button" id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Demonstrate">
 +
<div class="submenu_button" id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Improve">
 +
<div class="submenu_button" id="Improve_page">
 +
Improve
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Attributions">
 +
<div class="submenu_button" id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
  
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1189-0!1!0!!en!2!edit=0 and timestamp 20170928054902 -->
 
<div class="printfooter">
 
Retrieved from "<a href="http://2014.igem.org/Team:LMU-Munich">http://2014.igem.org/Team:LMU-Munich</a>"</div>
 
<div id="catlinks"><div id="catlinks" class="catlinks catlinks-allhidden"></div></div> <!-- end content -->
 
<div class="visualClear"></div>
 
 
</div>
 
</div>
    </div>
+
 
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
<div class="visualClear"></div>
+
    <div id="footer-box" class="noprint">
+
        <div id="footer">
+
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/" target="_blank"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki"></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/" target="_blank"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31"></a></div>     <ul id="f-list">
+
 
 
  
  <!-- Recentchanges is not handles well DEBUG -->
+
<div class="menu_button">
    <li id="t-recentchanges"><a href="/Special:RecentChanges" title="Recent changes" target="_blank">Recent changes</a></li>
+
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="http://2017.igem.org/Team:Example2/Parts">
 +
<div class="submenu_button" id="Parts_page">
 +
Parts
 +
</div>
 +
</a>
  
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:LMU-Munich" title="List of all wiki pages that link here [j]" accesskey="j" target="_blank">What links here</a></li>
+
<a href="http://2017.igem.org/Team:Example2/Basic_Part">
 +
<div class="submenu_button" id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
  
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:LMU-Munich" title="Recent changes in pages linked from this page [k]" accesskey="k" target="_blank">Related changes</a></li>
+
<a href="http://2017.igem.org/Team:Example2/Composite_Part">
 +
<div class="submenu_button" id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
  
 +
<a href="http://2017.igem.org/Team:Example2/Part_Collection">
 +
<div class="submenu_button" id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
  
 +
 +
 +
 +
  
                <li id="t-specialpages"><a href="/Special:SpecialPages" title="List of all special pages [q]" accesskey="q" target="_blank">Special pages</a>
+
<a href="http://2017.igem.org/Team:Example2/Safety">
                </li>
+
<div class="menu_button direct_to_page">
                <li><a href="/Special:Preferences" target="_blank">My preferences</a></li>
+
SAFETY
            </ul>
+
</div>
        </div> <!-- close footer -->
+
</a>
        <div id="footer">
+
 
    <ul id="f-list">
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 +
</div>
 +
 
 +
<!-- human practices submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/HP/Silver">
 +
<div class="submenu_button" id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/HP/Gold_Integrated">
 +
<div class="submenu_button" id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Engagement">
 +
<div class="submenu_button" id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> AWARDS
 +
</div>  
 +
 
 +
<!-- awards submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Applied_Design">
 +
<div class="submenu_button" id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Entrepreneurship">
 +
<div class="submenu_button" id="Entrepreneurship_page">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Hardware">
 +
<div class="submenu_button" id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Measurement">
 +
<div class="submenu_button" id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Model">
 +
<div class="submenu_button" id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Plant">
 +
<div class="submenu_button" id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="http://2017.igem.org/Team:Example2/Software">
 +
<div class="submenu_button" id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
<a href="http://igem.org/2017_Judging_Form?team=Example2">
 +
<div class="menu_button direct_to_page">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 
 +
 
 +
 +
<div class="menu_bottom_padding">
 +
</div>
 +
 +
</div>
  
            <li id="t-print"><a href="/wiki/index.php?title=Team:LMU-Munich&amp;printable=yes" title="Printable version of this page [p]" accesskey="p" target="_blank">Printable version</a>
 
            </li>
 
  
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:LMU-Munich&amp;oldid=403769" title="Permanent link to this revision of the page" target="_blank">Permanent link</a>
 
            </li>
 
  
  
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy" target="_blank">Privacy policy</a></li>
 
        <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer" target="_blank">Disclaimers</a></li>
 
    </ul>
 
</div> <!-- close footer -->
 
    </div> <!-- close footer-box -->
 
 
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
 
</div>
 
</div>
<!-- Served in 0.079 secs. -->
 
  
  
<div id="lbOverlay" style="display: none;"></div><div id="lbCenter" style="display: none;"><a href="#"><img id="lbImage"><div style="position: relative; top: 10px; left: 10px;"><a id="lbPrevLink" href="#"></a><a id="lbNextLink" href="#"></a></div></a></div><div id="lbBottomContainer" style="display: none;"><div id="lbBottom"><a id="lbCloseLink" href="#"></a><div id="lbCaption"></div><div id="lbNumber"></div><div style="clear: both;"></div></div></div></body></html>
+
 
 +
<!-- start of content -->
 +
<div class="igem_2017_content_wrapper">
 +
<h1>Example2</h1>
 +
<p></p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.002 seconds
 +
Real time usage: 0.002 seconds
 +
Preprocessor visited node count: 4/1000000
 +
Preprocessor generated node count: 20/1000000
 +
Post‐expand include size: 0/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
 +
 
 +
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:308-0!*!*!*!*!*!* and timestamp 20170928190441 and revision id 122700
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 
 +
        </div>
 +
 
 +
        <!-- Side Menubar -->
 +
        <div id="sideMenu">
 +
            <a href="http://2017.igem.org">
 +
                <div id="home_logo">
 +
                <img src="http://2017.igem.org/wiki/images/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>
 +
 
 +
</div></body></html>

Latest revision as of 00:02, 29 September 2017

Template:Example - 2017.igem.org

  • iGEM
  • wiki tools
  • search
  • toc
  • teams
login

Template:Example2

Example2

×

Loading ...

×

Loading ...