Difference between revisions of "Template:ETH Zurich"

 
(54 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
−
 
+
{{Template:ETH_Zurich/template.css}}
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/template.css?action=raw&ctype=text/css" />
+
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/lightbox.css?action=raw&ctype=text/css" />-->
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/lightbox.css?action=raw&ctype=text/css" />
+
<style id="noMenu" type="text/css">
−
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>-->
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/jquery.jpanelmenu.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
<style id="mobileWidth">
+
 
#sidemenuContainer {
 
#sidemenuContainer {
 
     display:none;
 
     display:none;
Line 14: Line 10:
 
.expContainer {
 
.expContainer {
 
     width:92%;
 
     width:92%;
−
}
 
−
#jPanelMenu-menu {
 
−
    right:initial !important;
 
−
    -webkit-transform:translate3d(30%,0px,0);
 
−
      -moz-transform:translate3d(30%,0px,0);
 
−
        -ms-transform:translate3d(30%,0px,0);
 
−
        -o-transform:translate3d(30%,0px,0);
 
−
            transform:translate3d(30%,0px,0);
 
 
}
 
}
 
</style>
 
</style>
  
−
<!--
+
 
−
<style id="menuToggler">
+
<style id="sidemenuTop" type="text/css">
−
@media screen and (max-device-width:480px) {
+
−
#menuContainer.mobileMenu ul {
+
−
    z-index:1 !important;
+
−
}
+
−
.expContainer {
+
−
    -webkit-transform:translate3d(-80%,0,0);
+
−
      -moz-transform:translate3d(-80%,0,0);
+
−
        -ms-transform:translate3d(-80%,0,0);
+
−
        -o-transform:translate3d(-80%,0,0);
+
−
            transform:translate3d(-80%,0,0);
+
−
}
+
−
#footerContainer {
+
−
    -webkit-transform:translate3d(-80%,0,0);
+
−
      -moz-transform:translate3d(-80%,0,0);
+
−
        -ms-transform:translate3d(-80%,0,0);
+
−
        -o-transform:translate3d(-80%,0,0);
+
−
            transform:translate3d(-80%,0,0);
+
−
}
+
−
/*ul#mainMenu {
+
−
    -webkit-transform:translate3d(30%,314px,0) !important;
+
−
      -moz-transform:translate3d(30%,314px,0) !important;
+
−
        -ms-transform:translate3d(30%,314px,0) !important;
+
−
        -o-transform:translate3d(30%,314px,0) !important;
+
−
            transform:translate3d(30%,314px,0) !important;
+
−
}
+
−
ul#mainMenu li ul {
+
−
    -webkit-transform:translate3d(-7%,0,0) !important; /*20%*/
+
−
      -moz-transform:translate3d(-7%,0,0) !important;
+
−
        -ms-transform:translate3d(-7%,0,0) !important;
+
−
        -o-transform:translate3d(-7%,0,0) !important;
+
−
            transform:translate3d(-7%,0,0) !important;
+
−
}*/
+
−
#homepageContainer {
+
−
    -webkit-transform:translate3d(-80%,0,0);
+
−
      -moz-transform:translate3d(-80%,0,0);
+
−
        -ms-transform:translate3d(-80%,0,0);
+
−
        -o-transform:translate3d(-80%,0,0);
+
−
            transform:translate3d(-80%,0,0);
+
−
}
+
−
}
+
−
</style>
+
−
-->
+
−
<style id="sidemenuTop">
+
 
#sidemenu.smtop {
 
#sidemenu.smtop {
 
     top:0px;
 
     top:0px;
 
}
 
}
 
</style>
 
</style>
−
<style id="sidemenuMid">
+
<style id="sidemenuMid" type="text/css">
 
#sidemenu.smmid {
 
#sidemenu.smmid {
 
     position:fixed;
 
     position:fixed;
Line 81: Line 26:
 
}
 
}
 
</style>
 
</style>
−
<style id="sidemenuBot">
+
<style id="sidemenuBot" type="text/css">
 
#sidemenu.smbot {
 
#sidemenu.smbot {
 
     bottom: 9px;
 
     bottom: 9px;
Line 88: Line 33:
 
}
 
}
 
</style>
 
</style>
−
<!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">-->
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/templateJS?action=raw&ctype=text/javascript"></script>
−
 
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/jqueryjpanelmenuJS?action=raw&ctype=text/javascript"></script>
−
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/jquery.fastclick.js?action=raw&ctype=text/javascript"></script>-->
+
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/myeggsJS?action=raw&ctype=text/javascript"></script>
−
<!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
+
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/lightbox.min.js?action=raw&ctype=text/javascript"></script>-->
−
 
+
−
<!--<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/template.js?action=raw&ctype=text/javascript"></script>-->
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:ETH_Zurich/template.min.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
  
−
 
+
<div id="mobileMenu">
 +
<ul class="hideMenu">
 +
</html>
 +
{{:Template:ETH_Zurich/menu}}
 +
<html>
 +
</ul>
 +
</div>
  
 
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
Line 105: Line 52:
 
<div id="topContainer">
 
<div id="topContainer">
 
<div id="sideFiller">
 
<div id="sideFiller">
−
<img src="https://static.igem.org/mediawiki/2015/1/13/Team_ETH_Zurich_banner.jpg" style="width:95%"/>
+
<a href="https://2015.igem.org/Team:ETH_Zurich" style="display:block;height:100%;"><img src="https://static.igem.org/mediawiki/2015/thumb/c/c9/MicroBeaconLogo.png/800px-MicroBeaconLogo.png" /></a>
 
</div>
 
</div>
 
<div id="menuButton">
 
<div id="menuButton">
Line 112: Line 59:
  
 
<div id="menuContainer">
 
<div id="menuContainer">
−
 
 
<ul id="mainMenu" class="hideMenu">
 
<ul id="mainMenu" class="hideMenu">
 
</html>
 
</html>
Line 120: Line 66:
 
</div>
 
</div>
  
−
<div id="bannerContainer">
 
 
</div>
 
</div>
  
−
</div>
 
  
 +
<div id="lives"></div>
 +
<div id="runner"></div>
  
−
<div id="footerContainer">
+
<div id="sidemenuContainer">
−
</html>
+
<div id="sidemenu" class="smtop smmid smbot">
−
{{:Template:ETH_Zurich/footer}}
+
−
<html>
+
−
</div>
+
−
 
+
−
 
+
−
<div id="lives" style="position:fixed;left:5px;top:16px;display:none;"></div>
+
−
<div id="runner" style="position:fixed;left:5px;bottom:0px;display:none;width:100%;z-index:100;"></div>
+
−
 
+
−
<div id="sidemenuContainer"><div id="sidemenu" class="smtop smmid smbot">
+
 
     <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
 
     <i>"What I cannot create I do not understand."</i><br> - Richard Feynmann
−
</div></div>
+
</div>
−
<!--<div id="mainFiller"></div>-->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div id="sandbox" style="display:none">
+
−
 
+
−
<div id="contentContainer">
+
−
<h1>Sandbox page (h1)</h1>
+
−
<h2>This is where we test out stuff (h2)</h2>
+
−
<h3>This is where we test out stuff (h3)</h3>
+
−
<h4>This is where we test out stuff (h4)</h4>
+
−
<h5>This is where we test out stuff (h5)</h5>
+
−
<h6>This is where we test out stuff (h6)</h6>
+
−
<p>This is a paragraph. It's a nice paragraph. <a href=https://igem.org/Main_Page>This is a pretty link.</a></p>
+
−
<p>
+
−
Cancer diagnosis is one of modern medicine's major and challenging problems.<sup>1</sup> Thus, designing a novel method to test for cancer cells quickly caught our attention as a potential project idea. After researching current testing methods and brainstorming how a test could be implemented in a genetically-modified organism, we came up with a system for the assessment of metastasis risk in cancer patients and high-risk groups using a genetically-engineered strain of Escherichia coli which we call MicroBeacon E. coli.
+
−
</p>
+
−
<ul>
+
−
<li>This is an unordered list.</li>
+
−
<li>This is an unordered list.</li>
+
−
<li>This is an unordered list.</li>
+
−
<li>This is an unordered list.</li>
+
−
</ul>
+
−
 
+
−
<ol>
+
−
<li>This is an ordered list</li>
+
−
<li>This is an ordered list</li>
+
−
<li>This is an ordered list</li>
+
−
<li>This is an ordered list</li>
+
−
</ol>
+
−
 
+
−
<img src=https://static.igem.org/mediawiki/2015/thumb/6/6f/TalkingToRalphSchiess.JPG/800px-TalkingToRalphSchiess.JPG width=40%>
+
−
<p class="caption">This is an image caption</p>
+
−
 
+
−
<table>
+
−
<tr><th>Header</th><th>Header 2</th></tr>
+
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
+
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
+
−
<tr><td>Normal row 1</td><td>Normal row 2</td></tr>
+
−
</table>
+
 
</div>
 
</div>
  
−
 
+
<div id="sandbox">
 
</div>
 
</div>
−
 
−
 
  
 
</html>
 
</html>

Latest revision as of 15:58, 12 September 2015