Difference between revisions of "Template:Example"

(Prototype team template page)
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head>
+
<html>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
−
<meta name="generator" content="MediaWiki 1.16.5">
+
−
<link rel="shortcut icon" href="/favicon.ico">
+
−
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)">
+
−
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:LMU-Munich&amp;action=creativecommons" rel="meta">
+
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/">
+
−
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom"> <title>Team:LMU-Munich - 2014.igem.org</title>
+
−
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
−
@import "/wiki/skins/common/shared.css?270";
+
−
@import "/wiki/skins/igem/main.css?270";
+
−
/*]]>*/</style>
+
−
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270">
+
−
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
−
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
−
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
−
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
−
+
−
<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>
+
−
var skin="igem",
+
−
stylepath="/wiki/skins",
+
−
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
−
wgArticlePath="/$1",
+
−
wgScriptPath="/wiki",
+
−
wgScriptExtension=".php",
+
−
wgScript="/wiki/index.php",
+
−
wgVariantArticlePath=false,
+
−
wgActionPaths={},
+
−
wgServer="https://2014.igem.org",
+
−
wgCanonicalNamespace="",
+
−
wgCanonicalSpecialPageName=false,
+
−
wgNamespaceNumber=0,
+
−
wgPageName="Team: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="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
−
wgDBname="2014_igem_org",
+
−
wgSearchNamespaces=[0],
+
−
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
−
wgRestrictionEdit=[],
+
−
wgRestrictionMove=[];
+
−
</script>               
+
−
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- 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/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>
−
  <div id="globalWrapper">
+
  
−
      <!-- close top-section-->
+
// This is the jquery part of your template.
−
    <div id="content">
+
// Try not modify any of this code too much since it makes your menu work.
−
<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">
+
$(document).ready(function() {
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
$("#HQ_page").attr('id','');
  
−
.firstHeading {
+
// call the functions that control the menu
−
width: 975px;  
+
menu_functionality();  
−
margin: 0px auto;
+
hide_show_menu();
−
padding-top: 100px;
+
−
margin-bottom: 20px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
  
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 
  
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
−
background-color: #383838;
 
−
border: 0 none;
 
−
height: 14px;
 
−
z-index: 100;
 
−
top: 0;
 
−
position: fixed;
 
−
width: 975px;
 
−
left: 50%;
 
−
margin-left: -487px;
 
−
}
 
  
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
−
background-color: #383838;
+
function menu_functionality() {
−
height: 14px;
+
−
display: block;
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}
+
  
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
−
color: #727272;
+
$(".menu_button").click(function(){
−
text-decoration: none;
+
−
background-color: transparent;
+
−
}
+
  
−
body {
+
// add or remove the class "open" , this class holds the "-"
−
background-color: #fff;
+
$(this).children().toggleClass("open");
−
}
+
// show or hide the submenu
 +
$(this).next('.submenu_wrapper').fadeToggle(400);
 +
});
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
−
width: 100%;  
+
$("#display_menu_control").click(function(){
−
height: 100%;
+
$('#menu_content').fadeToggle(400);
−
border: 0px;
+
});
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
  
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
// call the current page highlight function
−
width: 100%;  
+
highlight_current_page();
−
height: 100%;
+
}
−
background-color: transparent;
+
−
}
+
  
−
#contentcontainer { /*-- creates container for all content on page --*/
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
font-weight: normal;
 
−
font-size: 14px;
 
−
color: #414141;
 
−
width: 960px;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
background-color: #transparent;
 
−
margin-top: 0px;
 
−
}
 
  
−
.sidemenu, .sidemenu li {
+
// call the highlight current page function to show it on the menu with a different background color
−
list-style-type: none;
+
function highlight_current_page() {
−
list-style-image: none;
+
−
font-family: verdana;
+
−
text-decoration: none;
+
−
color:#000;
+
−
font-size: 14px;
+
−
}
+
  
−
.sidemenu li {display: block;}
+
// 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");
  
−
.sidemenu a {
+
// now that the current_page class has been added to a menu item, make the submenu fade in
−
text-decoration:none;  
+
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
−
color: #000;
+
// change the +/- symbol of the corresponding menu button
−
display: block;
+
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
−
width: 180px;
+
−
height: 100%;
+
}
−
padding: 3px 5px;
+
−
transition: .25s ease-in-out;
+
−
-moz-transition: .25s ease-in-out;
+
−
-webkit-transition: .25s ease-in-out;
+
−
}  
+
  
−
.sidemenu a.greyout { color: #909090; }
 
  
−
.sidemenu a:hover {
 
−
color:#666;
 
−
background-color: #d9f5aa;
 
−
}
 
  
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
// allow button on the black menu bar to show/hide the side menu
−
.sub-sidemenu a {color: #666;}
+
function hide_show_menu() {
 +
 +
// in case you preview mode is selected, the menu is hidden for better visibility
 +
if (window.location.href.indexOf("submit") >= 0) {
 +
$(".igem_2017_menu_wrapper").hide();
 +
}
  
−
div.underconst
+
// if the black menu bar has been loaded
−
{
+
  if (document.getElementById('bars_item')) {
−
padding:10px;
+
−
border-radius:5px;
+
−
background-color:pink;
+
−
text-align:center;
+
−
}
+
  
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
// when the "bars_item" has been clicked
 +
$("#bars_item").click(function() {
 +
$("#sideMenu").hide();
  
−
.contentpara {margin-bottom: 30px;}
+
// show/hide the menu wrapper
 +
$(".igem_2017_menu_wrapper").fadeToggle("100");
 +
});
 +
  }  
  
−
span.email{font-family: monospace; font-weight: normal;}
+
// 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
 +
else {
 +
    setTimeout(hide_show_menu, 15);
 +
}
 +
}
  
−
fieldset {border: 1px solid #337f53;}
 
  
−
.greyout {color: #A0A0A0;}
+
});
−
.highlightme {background-color: #FFFF00;}
+
  
−
#alertContainer { margin-bottom: 10px; width: 936px;}
 
−
#annContainer {margin-left: 8px;}
 
−
#newsContainer {border: 1px solid #ccc;}
 
  
−
.newsTitle {
+
</script>
−
display: block;
+
−
color: #414141;
+
−
font-size: 25px; 
+
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
−
padding: 10px 15px 5px 10px;
+
−
border-bottom: 1px solid #ccc;
+
−
margin-bottom: 0px;
+
−
}
+
  
−
.newsItem {
 
−
border-bottom: 1px solid #ccc;
 
−
display: block;
 
−
padding: 5px 15px 0px 10px;
 
−
margin-bottom: 0px;
 
−
}
 
  
−
.newsItem h3 {
 
−
width: auto;
 
−
display: inline;
 
−
font-size: 14px;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
  
−
.newsItem img {
 
−
float: right;
 
−
clear: right;
 
−
width: 80px;
 
−
padding-left: 15px;
 
−
display: inline-block;
 
−
}
 
  
−
.newsItem .newsDate {
 
−
font-style: italic;
 
−
font-size: 14px;
 
−
display: inline-block;
 
−
color: #999;
 
−
float: right;
 
−
padding: 0px 0px 10px 15px;
 
−
}
 
  
−
.newsItem p, .newsItem ul, .newsItem li {
+
<style>
−
padding: 0px;
+
−
margin-left: 20px;
+
−
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 {
+
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
−
display: table-cell;  
+
−
vertical-align: middle;  
+
/* Clear the default wiki settings */
−
height: 160px;
+
−
}
+
#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; }
  
−
.annCentered h3 {
+
−
padding: 0px;
+
−
display: block;  
+
−
margin-left: auto;  
+
/**************************************************************** MENU ***************************************************************/
−
margin-right: auto;  
+
/* Wrapper for the menu */
−
text-align: center;
+
.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;
 +
}
  
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
/* this hides the scrollbar to keep view consistency */
−
.annItem li {list-style: none; margin: 5px}
+
.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;  
 +
}
  
  
 +
/* styling for the images in the menu */
 +
.igem_2017_menu_wrapper img {
 +
width: 100%;
 +
}
  
−
</style>
+
/* 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;
 +
}
  
  
 +
.igem_2017_menu_wrapper .menu_bottom_padding {
 +
width: 100%;
 +
height: 30px;
 +
float:left;
 +
}
  
 +
.menu_button.direct_to_page {
 +
padding-left: 36px;
 +
}
  
  
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 +
width:10%;
 +
float:left;
 +
}
  
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 +
content: "+"; 
 +
}
 +
 +
.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;
 +
}
  
−
<!-- NEW JQUERY -->
+
/* styling for the menu button when it is the current page */
−
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+
.current_page {
 +
background-color:#7fc1f7  !important;
 +
color:#5e5f5f !important;
 +
}
  
−
<!-- MathJax (LaTeX for the web) -->
 
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML" id=""></script>
 
  
−
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
+
/* 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;
 +
}
  
−
<!-- BOOTSTRAP -->
+
/* wrapper for the submenu items, they are hidden by default*/
−
<!-- Latest compiled and minified CSS -->
+
.igem_2017_menu_wrapper .submenu_wrapper {
−
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/sandstone/bootstrap.min.css" rel="stylesheet">
+
display:none;
−
<!-- Latest compiled and minified JavaScript -->
+
}
−
<script src="https://2014.igem.org/Team:LMU-Munich/bootstrap.min.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/xscrolly.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/native.history.min.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/ajaxload.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts-more.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_bxslider.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_slimbox2.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<link href="https://2014.igem.org/Team:LMU-Munich/slimbox2.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
−
<link href="https://2014.igem.org/Team:LMU-Munich/bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.hoverIntent.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.scrollTo.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.tablesorter.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.slicknav.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<link href="https://2014.igem.org/Team:LMU-Munich/slicknav.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
−
<script src="https://2014.igem.org/Team:LMU-Munich/iGEM.js?action=raw&amp;ctype=text/javascript"></script>
+
  
−
<!-- TOUR STUFF -->
+
/* 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;
 +
}
 +
  
−
<script src="https://2014.igem.org/Team:LMU-Munich/iGEM.tour.js?action=raw&amp;ctype=text/javascript"></script>
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
−
<link href="https://2014.igem.org/Team:LMU-Munich/iGEM.tour.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
−
<!--
+
−
<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 -->
+
/* Wrapper for the content */
−
<link href="https://2014.igem.org/Team:LMU-Munich/iGEM.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
.igem_2017_content_wrapper {
 +
width: 81%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
background-color:white;  
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
  
−
<script>
 
−
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
−
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
−
  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');
+
/********************************* HTML STYLING  *********************************/
−
  ga('require', 'displayfeatures');
+
−
  ga('require', 'linkid', 'linkid.js');
+
−
  ga('send', 'pageview');
+
  
−
</script>
+
/* styling for the titles h1 h2 */
 +
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom: 0px;
 +
color: #3399ff;
 +
}
  
  
 +
/* 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; 
 +
}
  
−
</p><p>
 
−
</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">
 
−
        <ul>
 
−
            <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="https://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="https://2014.igem.org/Team:LMU-Munich/Team" role="menuitem" tabindex="-1">Team</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Financing" role="menuitem" tabindex="-1">Financing</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Collaborations" role="menuitem" tabindex="-1">Collaborations</a></li>
 
−
                    <li><a href="https://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="https://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="https://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="https://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="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing" role="menuitem" tabindex="-1">sensing</a></li>
 
−
                            <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion" role="menuitem" tabindex="-1">adhesion</a></li>
 
−
                            <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing" role="menuitem" tabindex="-1">killing</a></li>
 
−
                            <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide" role="menuitem" tabindex="-1">suicide</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Project/Modeling" role="menuitem" tabindex="-1">Modeling</a></li>
 
−
                    <li><a href="https://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="https://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="https://2014.igem.org/Team:LMU-Munich/Results" role="menuitem" tabindex="-1">Results</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Registry" role="menuitem" tabindex="-1">Registry</a></li>
 
−
                    <li><a href="https://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="https://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="https://2014.igem.org/Team:LMU-Munich/Notebook/Safety" role="menuitem" tabindex="-1">Safety</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" role="menuitem" tabindex="-1">Protocols</a></li>
 
−
                    <!--<li><a href="https://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="https://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="https://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment" role="menuitem" tabindex="-1">Diagnosis &amp; Treatment</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Pretest" role="menuitem" tabindex="-1">Pretest</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues" role="menuitem" tabindex="-1">Legal Issues</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property" role="menuitem" tabindex="-1">Financing &amp; Intellectual Property</a></li>
 
−
                    <li><a href="https://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="https://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="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups" role="menuitem" tabindex="-1">Meet ups</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School" role="menuitem" tabindex="-1">iGEM@school</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio" role="menuitem" tabindex="-1">SynBio Day</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion" role="menuitem" tabindex="-1">Panel Discussion</a></li>
 
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Team">Team</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team">Team</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Financing">Financing</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Collaborations">Collaborations</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Attributions">Attributions</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2014.igem.org/Team:LMU-Munich/Project">Project</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Problem">Problem</a></li>
 
−
                    <li>
 
−
                        <a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus">BaKillus</a>
 
−
                        <ul>
 
−
                            <li id="inpage-nav-sensing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing">sensing</a></li>
 
−
                            <li id="inpage-nav-adhesion"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion">adhesion</a></li>
 
−
                            <li id="inpage-nav-killing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing">killing</a></li>
 
−
                            <li id="inpage-nav-suicide"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide">suicide</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox"><span class="bacillus">Bacillus</span> BioBrickBox 2.0</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Modeling">Modeling</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/B_subtilis" class="bacillus">B. subtilis</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2014.igem.org/Team:LMU-Munich/Results">Results</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results">Results</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Registry">Registry</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Judging">Judging</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Notebook</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Safety">Safety</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Protocols</a></li>
 
−
                    <!--<li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Timeline">Timeline</a></li>-->
 
−
                </ul>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2014.igem.org/Team:LMU-Munich/Application">Application</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment">Diagnosis &amp; Treatment</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Pretest">Pretest</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues">Legal Issues</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property">Financing &amp; Intellectual Property</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Expertise">Expertise</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice">Human Practice</a>
 
−
                <ul>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups">Meet ups</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School">iGEM@school</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio">SynBio Day</a></li>
 
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion">Panel Discussion</a></li>
 
−
                    <li><a href="https://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>
+
/* font and text */
 +
.igem_2017_content_wrapper p {
 +
padding: 0px 15px;
 +
font-size: 13px;
 +
}
  
−
    <div id="headerWrapper" class="hidden-xs hidden-sm">
+
/* Links */
−
        <div id="header">
+
.igem_2017_content_wrapper a {
−
            <div id="logo">
+
font-weight: bold;  
−
<a href="https://2014.igem.org/Team:LMU-Munich">
+
text-decoration: underline;
−
                <img src="https://static.igem.org/mediawiki/2014/7/74/LMU14_bakillusWOtext_white.png" alt="BaKillus Logo">
+
text-decoration-color: #3399ff;
−
</a>
+
color: #3399ff;
−
            </div>
+
-webkit-transition: all 0.4s ease;
−
            <!--<div id="tour-toggle"> TOUR </div> -->
+
-moz-transition: all 0.4s ease;  
−
            <div id="navigation">
+
-ms-transition: all 0.4s ease;  
−
                <ul>
+
-o-transition: all 0.4s ease;  
−
                    <li><div class="nav-item" id="tour-toggle">Tour</div></li>
+
transition: all 0.4s ease;
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team" class="team nav-item active" id="team">Team</a></li>
+
}
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project" class="project nav-item" id="project">Project</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results" class="results nav-item" id="results">Results</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" class="labbook nav-item" id="labbook">Notebook</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application" class="safety nav-item" id="application">Application</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Team" class="sub-nav-item">Team</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Financing" class="sub-nav-item">Financing</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Collaborations" class="sub-nav-item">Collaborations</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Project/Problem" class="sub-nav-item">Problem</a></li>
+
−
                    <li id="inpage-nav-bakillus">
+
−
                        <a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus" class="sub-nav-item">BaKillus</a>
+
−
                        <ul>
+
−
                            <li id="inpage-nav-sensing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing" class="sub-nav-item">sensing</a></li>
+
−
                            <li id="inpage-nav-adhesion"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion" class="sub-nav-item">adhesion</a></li>
+
−
                            <li id="inpage-nav-killing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing" class="sub-nav-item">killing</a></li>
+
−
                            <li id="inpage-nav-suicide"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide" class="sub-nav-item">suicide</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Project/Modeling" class="sub-nav-item">Modeling</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Results" class="sub-nav-item">Results</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Results/Registry" class="sub-nav-item">Registry</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment" class="sub-nav-item">Diagnosis &amp; Treatment</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Pretest" class="sub-nav-item">Pretest</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues" class="sub-nav-item">Legal Issues</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property" class="sub-nav-item">Financing &amp; Intellectual Property</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Meetups" class="sub-nav-item">Meet ups</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School" class="sub-nav-item">iGEM@school</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio" class="sub-nav-item">SynBio Day</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion" class="sub-nav-item">Panel Discussion</a></li>
+
−
                    <li><a href="https://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="https://2014.igem.org/Team:LMU-Munich/Notebook/Safety" class="sub-nav-item">Safety</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols" class="sub-nav-item">Protocols</a></li>
+
−
                    <!--<li><a href="https://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:-->
+
  
 +
/* hover for the links */
 +
.igem_2017_content_wrapper a:hover {
 +
text-decoration:none;
 +
color:#000000;
 +
}
  
−
<link href="https://2014.igem.org/Team:LMU-Munich/home.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
/* non numbered lists */
−
<div id="home">
+
.igem_2017_content_wrapper ul {
−
<div id="home-logo">
+
padding:0px 20px;
−
<a href="https://igem.org/Main_Page" target="_blank">
+
font-size: 13px;
−
<img src="https://static.igem.org/mediawiki/2014/8/8a/LMU_IGEMLogo.png">
+
font-family:Tahoma, Geneva, sans-serif;
−
</a>
+
}
−
</div>
+
  
−
<div id="twopager">
+
/* numbered lists */
−
<a href="https://static.igem.org/mediawiki/2014/2/29/LMU14_2pager-final.pdf" target="_blank">
+
.igem_2017_content_wrapper ol {
−
<img src="https://static.igem.org/mediawiki/2014/3/37/LMU14_2pager.png">
+
padding:0px;
−
</a>
+
font-size: 13px;
−
</div>
+
font-family:Tahoma, Geneva, sans-serif;
−
    <img id="skyline" src="https://static.igem.org/mediawiki/2014/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="https://2014.igem.org/Team:LMU-Munich/Project/Problem">
+
−
<img src="https://static.igem.org/mediawiki/2014/8/82/LMU14_home_button_problem.png">
+
−
</a>
+
−
            </div>
+
−
            <div class="col-xs-12 col-md-4">
+
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus">
+
−
                <img src="https://static.igem.org/mediawiki/2014/b/b1/LMU14_home_button_strategy.png">
+
−
</a>
+
−
            </div>
+
−
            <div class="col-xs-12 col-md-4">
+
−
<a href="https://2014.igem.org/Team:LMU-Munich/Results">
+
−
                <img src="https://static.igem.org/mediawiki/2014/8/8e/LMU14_home-button-results.png">
+
−
</a>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
<div id="home-abstract">
+
  
−
<p></p><p><br>
+
/* Table */
−
</p>
+
.igem_2017_content_wrapper table {
−
<h1> <span class="mw-headline" id="Abstract">Abstract</span></h1>
+
width: 97%;
−
<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>.  
+
margin:15px 10px;
−
</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.
+
border: 1px solid #d3d3d3;
−
</p><p>
+
border-collapse: collapse;
−
</p></div>
+
}
−
<div id="home-footer-wrapper">
+
−
<div id="home-footer">
+
  
−
</div>
+
/* table cells */
−
</div>
+
.igem_2017_content_wrapper  td {
−
</div>
+
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
  
 +
/* table headers */
 +
.igem_2017_content_wrapper th {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
background-color:#f2f2f2;
 +
}
  
−
</div>
 
−
<div id="footer">
 
−
<div id="footer-content">
 
  
−
<h2>Team LMU-Munich</h2>
+
/**********************************LAYOUT CLASSES **********************************/
−
<h3>igem@bio.lmu.de </h3>
+
  
−
AG Thorsten Mascher <br>
+
/* general class for column divs */
−
Großhaderner Str. 2 <br>
+
.igem_2017_content_wrapper .column  {
−
82152 Planegg (Martinsried) <br>
+
padding: 10px 0px;
 +
float:left;
 +
}
  
−
<div id="footer-logos">
+
/* class for a full width column */
−
<a href="http://www.biologie.uni-muenchen.de/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/24/LMU14_LMU_logo_white.png"></a>
+
.column .full_size {
−
<a href="https://2014.igem.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/6/65/LMU14_Igem-logo-white-nobg.png"> </a>
+
width:100%;  
−
<a href="http://www.mediawiki.org/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/e/e2/LMU14_mediawiki-logo.png"> </a>
+
}
−
</div>
+
−
</div>
+
−
<div id="top-section" style="position: relative;">
+
−
<div id="p-logo">
+
−
    <a href="/Main_Page" title="Main Page">
+
−
    <img src="https://2014.igem.org/images/wiki.png">"
+
−
    </a>
+
−
</div>  <!-- end p-logo -->
+
−
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
  
 +
/* styling for images in a full width column*/
 +
.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;
 +
}
  
−
<div id="menubar" class="left-menu noprint">
 
−
  <ul>
 
−
                  <li class="selected"><a href="/Team:LMU-Munich">Page              </a></li>
 
−
              <li class="new"><a href="/wiki/index.php?title=Talk:Team:LMU-Munich&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 
−
              <li><a href="/wiki/index.php?title=Team:LMU-Munich&amp;action=edit">View source              </a></li>
 
−
              <li><a href="/wiki/index.php?title=Team:LMU-Munich&amp;action=history">History              </a></li>
 
−
              <li style="color:white;cursor:default">teams</li>
 
−
  </ul>
 
−
</div> <!-- end menubar (left) -->
 
  
−
<div class="right-menu noprint" id="menubar">
 
−
    <ul>
 
−
                <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>
 
−
</div><!-- end right menubar -->
 
  
−
<div id="search-controls" class="noprint">
 
−
<form action="/Special:Search" id="searchform">
 
−
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [alt-f]" accesskey="f" value="" autocomplete="off">
 
−
<input type="submit" name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists">&nbsp;
 
−
      <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text">
 
−
</form>
 
−
</div> <!-- close search controls -->
 
−
    </div></div>
 
  
−
<p></p><p>
+
/********************************* SUPPORT CLASSES ********************************/
−
</p><div id="tour-overlay" style="display: none;">
+
−
<div id="tour-box">
+
  
−
<!-- TOUR ITEM -->
+
/* class that clears content below*/
−
<div class="tour-item" style="display: none;">
+
.igem_2017_content_wrapper .clear {
−
<img src="https://static.igem.org/mediawiki/2014/5/5a/LMU14_tour_intro.png" height="300px">
+
clear:both;
−
<div class="tour-item-content">
+
}
 +
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
  
−
<p></p>
 
−
<h2> <span class="mw-headline" id="Hi_there.21"> Hi there! </span></h2>
 
−
<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!
 
  
−
</p></div>
+
/* highlight class, makes content slightly smaller */
−
<div class="tour-buttons-wrap">
+
.igem_2017_content_wrapper .highlight {
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
+
margin: 0px 15px;
−
<div class="tour-button-next">
+
padding: 15px 0px;
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Problem"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
+
}
−
</div>
+
−
</div>
+
  
−
</div>
 
−
<!-- END TOUR ITEM -->
 
  
 +
/* highlight class, adds a gray background */
 +
.igem_2017_content_wrapper .highlight.gray {
 +
background-color: #f2f2f2;
 +
}
  
−
<!-- TOUR ITEM -->
+
/* highlight with decoration blue line on top */
−
<div class="tour-item">
+
.igem_2017_content_wrapper .highlight.blue_top {
−
<img src="https://static.igem.org/mediawiki/2014/a/ab/LMU14_tour_problem.png" height="300px">
+
    border-top: 4px solid #3399ff;
 +
}
  
 +
/* highlight with a full blue border decoration */
 +
.igem_2017_content_wrapper .highlight.blue_border {
 +
    border: 4px solid  #3399ff;
 +
}
  
−
<div class="tour-item-content">
 
  
−
<p></p>
+
/* button class */
−
<h2> <span class="mw-headline" id="What.27s_the_problem.3F"> What's the problem? </span></h2>
+
.igem_2017_content_wrapper .button{
−
<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.
+
max-width: 35%;
 +
margin: 30px auto;
 +
padding: 12px 10px;
 +
    background-color: #3399ff;
 +
    text-align: center;
 +
  color: #ffffff;
 +
-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; 
 +
}
  
−
</p></div>
+
/* styling for button on hover */
 +
.igem_2017_content_wrapper .button:hover{
 +
background-color: #3399ff;
 +
    color: #000000;
 +
}
  
−
<div class="tour-buttons-wrap">
 
−
<div class="tour-button-prev">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
 
−
</div>
 
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
 
−
<div class="tour-button-next">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
 
−
</div>
 
−
</div>
 
  
−
</div>
 
−
<!-- END TOUR ITEM -->
 
  
  
−
<!-- TOUR ITEM -->
+
/***************************************************** RESPONSIVE STYLING ****************************************************/
−
<div class="tour-item" style="display: none;">
+
−
<img src="https://static.igem.org/mediawiki/2014/4/44/LMU14_tour_sensing.png" height="300px">
+
  
−
<div class="tour-item-content">
+
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
  
−
<p></p>
+
#content {width:100%; }
−
<h2> <span class="mw-headline" id="Sensing_of_pathogens"> Sensing of pathogens </span></h2>
+
.igem_2017_menu_wrapper {width:15%; right:0;}
−
<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.  
+
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
 +
}
  
−
</p></div>
+
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
  
−
<div class="tour-buttons-wrap">
+
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
−
<div class="tour-button-prev">
+
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Problem"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
+
.column.half_size  {width:100%; }
−
</div>
+
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
+
.highlight {padding:15px 5px;}
−
<div class="tour-button-next">
+
.igem_2017_menu_wrapper #display_menu_control { display:block; }
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
+
#menu_content { display:none;}
−
</div>
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
−
</div>
+
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
  
−
</div>
 
−
<!-- END TOUR ITEM -->
 
  
 +
 +
 +
/* 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>
  
−
<!-- TOUR ITEM -->
 
−
<div class="tour-item" style="display: none;">
 
−
<img src="https://static.igem.org/mediawiki/2014/6/63/LMU14_tour_adhesion.png" height="300px" style="display: none !important;">
 
  
−
<div class="tour-item-content">
+
<!--- THIS IS WHERE THE HTML BEGINS --->
  
−
<p></p>
 
−
<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>
 
  
−
<div class="tour-buttons-wrap">
+
<head>  
−
<div class="tour-button-prev">
+
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
+
−
</div>
+
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
+
−
<div class="tour-button-next">
+
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
+
−
</div>
+
−
</div>
+
  
−
</div>
+
<!-- This tells the browser that your page is responsive -->
−
<!-- END TOUR ITEM -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
  
 +
</head>
  
−
<!-- TOUR ITEM -->
 
−
<div class="tour-item" style="display: none;">
 
−
<img src="https://static.igem.org/mediawiki/2014/6/6a/LMU14_tour_killing.png" height="300px">
 
  
−
<div class="tour-item-content">
 
  
−
<p></p>
+
<div class="igem_2017_menu_wrapper" >
−
<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>
 
  
−
<div class="tour-buttons-wrap">
 
−
<div class="tour-button-prev">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
 
−
</div>
 
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
 
−
<div class="tour-button-next">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
 
−
</div>
 
−
</div>
 
  
−
</div>
+
<a href="https://2017.igem.org/Team:Example">
−
<!-- END TOUR ITEM -->
+
<img src="http://placehold.it/350x150">
 +
</a>
  
  
 +
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 +
<div class="menu_button" id="display_menu_control">
 +
MENU 
 +
</div>
  
−
<!-- TOUR ITEM -->
+
<div id="menu_content">
−
<div class="tour-item" style="display: none;">
+
−
<img src="https://static.igem.org/mediawiki/2014/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>
+
<a href="https://2017.igem.org/Team:Example">
 +
<div class="menu_button direct_to_page">
 +
HOME
 +
</div>
 +
</a>
  
−
<div class="tour-buttons-wrap">
 
−
<div class="tour-button-prev">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
 
−
</div>
 
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
 
−
<div class="tour-button-next">
 
−
<a href="https://2014.igem.org/Team:LMU-Munich/Application"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
 
−
</div>
 
−
</div>
 
  
−
</div>
 
−
<!-- END TOUR ITEM -->
 
  
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> TEAM
 +
</div>
  
−
<!-- TOUR ITEM -->
+
<div class="submenu_wrapper" id="team_submenu">
−
<div class="tour-item" style="display: none;">
+
−
<img src="https://static.igem.org/mediawiki/2014/d/de/LMU14_tour_application.png" height="300px">
+
<a href="https://2017.igem.org/Team:Example/Team">
 +
<div class="submenu_button" id="Team_page">
 +
Team
 +
</div>
 +
</a>
  
−
<div class="tour-item-content">
+
<a href="https://2017.igem.org/Team:Example/Collaborations">
 +
<div class="submenu_button" id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
 +
 +
</div>
  
−
<p></p>
 
−
<h2> <span class="mw-headline" id="Application"> Application </span></h2>
 
−
<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.
 
  
−
</p></div>
+
 +
  
−
<div class="tour-buttons-wrap">
+
<div class="menu_button">
−
<div class="tour-button-prev">
+
<div class="expand_collapse_icon"> </div> PROJECT
−
<a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
+
</div>  
−
</div>
+
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
+
−
<div class="tour-button-next">
+
−
<a href="https://2014.igem.org/Team:LMU-Munich"><img src="https://static.igem.org/mediawiki/2014/0/08/LMU14_simpleArrowRight.png"> </a>
+
−
</div>
+
−
</div>
+
  
−
</div>
+
<!-- project submenu -->
−
<!-- END TOUR ITEM -->
+
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Example/Description">
 +
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
  
 +
<a href="https://2017.igem.org/Team:Example/Design">
 +
<div class="submenu_button"  id="Design_page">
 +
Design
 +
</div>
 +
</a>
  
−
<!-- TOUR ITEM -->
+
<a href="https://2017.igem.org/Team:Example/Experiments">
−
<div class="tour-item" style="display: none;">
+
<div class="submenu_button" id="Experiments_page">
−
<img src="https://static.igem.org/mediawiki/2014/a/a4/LMU14_tour_schluss.png" height="300px">
+
Experiments
 +
</div>
 +
</a>
  
  
−
<div class="tour-item-content">
+
<a href="https://2017.igem.org/Team:Example/Notebook">
 +
<div class="submenu_button" id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
  
−
<p></p>
+
<a href="https://2017.igem.org/Team:Example/InterLab">
−
<h2> <span class="mw-headline" id="See_you.21"> See you! </span></h2>
+
<div class="submenu_button" id="InterLab_page">
−
<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="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus" class="external text" rel="nofollow">super powers</a>, the <a href="https://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="https://2014.igem.org/Team:LMU-Munich/Application" class="external text" rel="nofollow">medical application</a>.
+
InterLab
 +
</div>
 +
</a>
  
−
</p></div>
+
<a href="https://2017.igem.org/Team:Example/Contribution">
 +
<div class="submenu_button"  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
  
−
<div class="tour-buttons-wrap">
+
<a href="https://2017.igem.org/Team:Example/Model">
−
<div class="tour-button-prev">
+
<div class="submenu_button" id="Model_page">
−
<a href="https://2014.igem.org/Team:LMU-Munich/Application"><img src="https://static.igem.org/mediawiki/2014/8/83/LMU14_simpleArrowLeft.png"> </a>
+
Model
−
</div>
+
</div>
−
<div class="tour-button-close"><img src="https://static.igem.org/mediawiki/2014/a/a0/LMU14-hidetour.png"></div>
+
</a>
−
</div>
+
  
−
</div>
+
<a href="https://2017.igem.org/Team:Example/Results">
−
<!-- END TOUR ITEM -->
+
<div class="submenu_button"  id="Results_page">
 +
Results
 +
</div>
 +
</a>
  
−
</div>
 
  
−
</div>
+
<a href="https://2017.igem.org/Team:Example/Demonstrate">
 +
<div class="submenu_button"  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
  
−
<script>initiateNavigation("none");</script>
+
<a href="https://2017.igem.org/Team:Example/Improve">
−
<p></p>
+
<div class="submenu_button"  id="Improve_page">
−
<!--
+
Improve
−
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="https://2017.igem.org/Team:Example/Attributions">
−
Expensive parser function count: 0/100
+
<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="https://2014.igem.org/Team:LMU-Munich">https://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="https://2017.igem.org/Team:Example/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="https://2017.igem.org/Team:Example/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="https://2017.igem.org/Team:Example/Composite_Part">
 +
<div class="submenu_button" id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
  
 +
<a href="https://2017.igem.org/Team:Example/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="https://2017.igem.org/Team:Example/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="https://2017.igem.org/Team:Example/HP/Silver">
 +
<div class="submenu_button"   id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/HP/Gold_Integrated">
 +
<div class="submenu_button" id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Example/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="https://2017.igem.org/Team:Example/Applied_Design">
 +
<div class="submenu_button"  id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Entrepreneurship">
 +
<div class="submenu_button"  id="Entrepreneurship_page">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Hardware">
 +
<div class="submenu_button"  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:Example/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
<a href="https://igem.org/2017_Judging_Form?team=Example">
 +
<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>Example</h1>

Latest revision as of 18:59, 26 March 2018

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Example