Difference between revisions of "Template:ATOMS-Turkiye"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template_All_Teams}}
 +
 +
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
<head>
 
<!-- NEW JQUERY -->
 
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
 
  
<!-- MathJax (LaTeX for the web) -->
+
<!-- Start of CSS-->
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
<style type="text/css">
  
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
+
/* PAGE LAYOUT */
  
<!-- BOOTSTRAP -->
+
/* Change Background color*/
<!-- Latest compiled and minified CSS -->
+
body {
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/sandstone/bootstrap.min.css" rel="stylesheet">
+
background-color: #fff;
<!-- Latest compiled and minified JavaScript -->
+
}
<script src="https://2014.igem.org/Team:LMU-Munich/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/xscrolly.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/native.history.min.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/ajaxload.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts-more.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_bxslider.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_slimbox2.js?action=raw&ctype=text/javascript"></script>
+
<link href="https://2014.igem.org/Team:LMU-Munich/slimbox2.css?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
+
<link href="https://2014.igem.org/Team:LMU-Munich/bxslider.css?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.hoverIntent.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.scrollTo.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.tablesorter.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.slicknav.js?action=raw&ctype=text/javascript"></script>
+
<link href="https://2014.igem.org/Team:LMU-Munich/slicknav.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<script src="https://2014.igem.org/Team:LMU-Munich/iGEM.js?action=raw&ctype=text/javascript"></script>
+
  
<!-- TOUR STUFF -->
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
#mainContainer { 
 +
width: 978px;
 +
overflow:hidden;
 +
float:left;
 +
margin-left:20px;
 +
margin-bottom: 10px;
 +
background-color: #fff;
 +
border-bottom: 14px solid #565656;
 +
border-right: 2px solid #565656;
 +
border-left: 2px solid #565656;
 +
border-top: 2px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
<script src="https://2014.igem.org/Team:LMU-Munich/iGEM.tour.js?action=raw&ctype=text/javascript"></script>
+
/* Creates the container for the menu */
<link href="https://2014.igem.org/Team:LMU-Munich/iGEM.tour.css?action=raw&ctype=text/css" rel="stylesheet">
+
#menuContainer  {
<!--
+
float:left;
<script src="https://preview.c9.io/loxos/igemlmu/offlineVersion/igem-tour.js"></script>
+
width: 134px;
<link href="https://preview.c9.io/loxos/igemlmu/offlineVersion/tour.css" rel="stylesheet">
+
padding: 20px 0px;
-->
+
border-top: 14px solid #565656;
 +
background-color: #E8E8E9;
 +
}
  
<!-- MAIN STYLE -->
+
/* Creates the container for the content */
<link href="https://2014.igem.org/Team:LMU-Munich/iGEM.css?action=raw&ctype=text/css" rel="stylesheet">
+
#contentContainer {
 +
padding-top:20px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
<script>
+
/*Set up height place holder for the banner*/
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
#bannerContainer {
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
height:200px;
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
margin:auto;
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
text-align:center;
 +
color: #24B694;
 +
}
  
  ga('create', 'UA-55868873-1', 'auto');
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
  ga('require', 'displayfeatures');
+
  ga('require', 'linkid', 'linkid.js');
+
  ga('send', 'pageview');
+
  
</script>
+
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 +
}
  
</head>
+
/*Style of the links - links are different inside the menu */
</html>
+
#contentContainer a {
__NOTOC__
+
font-weight: bold;
 +
color: #23b593;
 +
}
  
<html>
+
  /* Styling links on hover- links are different inside the menu */
<div id="slick-navigation"></div>
+
#contentContainer a:hover {
    <div id="mobile-navigation">
+
color: #59bf92;
        <ul>
+
}
            <li>
+
 
                <a href="https://2014.igem.org/Team:LMU-Munich/Team">Team</a>
+
/*Change the styling of tables */
                <ul>
+
        #contentContainer table {
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team">Team</a></li>
+
    border: 1px solid #565656;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Financing">Financing</a></li>
+
    border-collapse: collapse;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Collaborations">Collaborations</a></li>
+
    width: 90%
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team/Attributions">Attributions</a></li>
+
    margin: auto;
                </ul>
+
    margin-bottom: 15px;
            </li>
+
    margin-top: 15px;
            <li>
+
    margin-right: 10px;
                <a href="https://2014.igem.org/Team:LMU-Munich/Project">Project</a>
+
    margin-left: 10px;
                <ul>
+
    }
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Problem">Problem</a></li>
+
 
                    <li>
+
/*Change the styling of table cells*/
                        <a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus">BaKillus</a>
+
    #contentContainer  td {
                        <ul>
+
    padding: 10px;
                            <li id="inpage-nav-sensing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#sensing">sensing</a></li>
+
    border: 1px solid #565656;
                            <li id="inpage-nav-adhesion"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#adhesion">adhesion</a></li>
+
    border-collapse: collapse;
                            <li id="inpage-nav-killing"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#killing">killing</a></li>
+
    vertical-align: text-top;
                            <li id="inpage-nav-suicide"><a href="https://2014.igem.org/Team:LMU-Munich/Project/Bakillus#suicide">suicide</a></li>
+
    }
                        </ul>
+
 
                    </li>
+
/*Change the styling of table headers */
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/BioBrickBox"><span class="bacillus">Bacillus</span> BioBrickBox 2.0</a></li>
+
    #contentContainer th {
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/Modeling">Modeling</a></li>
+
    background-color: #E8E8E9;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project/B_subtilis" class="bacillus">B. subtilis</a></li>
+
    padding: 10px;
                </ul>
+
    border: 1px solid #565656;
            </li>
+
    border-collapse: collapse;
            <li>
+
    vertical-align: text-top;
                <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>
+
/*MENU STYLING */
                </ul>
+
 
            </li>
+
/*Styling for the links in the menu */
            <li>
+
#menuContainer a {
                <a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Protocols">Notebook</a>
+
color: #565656;
                <ul>
+
text-decoration:none;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Notebook/Safety">Safety</a></li>
+
font-weight: bold;
                    <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>
+
/* Sets the style for lists inside menuContainer  */
            </li>
+
#menuContainer ul {
            <li>
+
list-style: none;
                <a href="https://2014.igem.org/Team:LMU-Munich/Application">Application</a>
+
margin-left:0px;
                <ul>
+
}
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment">Diagnosis & Treatment</a></li>
+
 
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Pretest">Pretest</a></li>
+
/*Styles the list items to become menu buttons */
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Legal_Issues">Legal Issues</a></li>
+
#menuContainer ul li {
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Financing_Intellectual_Property">Financing & Intellectual Property</a></li>
+
text-align: center;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Expertise">Expertise</a></li>
+
display: block;
                </ul>
+
width: 100%;
            </li>
+
height:30px;
            <li>
+
padding-top:10px;
                <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>
+
/*For the menu buttons, changes the color when hovering*/
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/iGEM_School">iGEM@school</a></li>
+
#menuContainer li:hover {
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/SynBio">SynBio Day</a></li>
+
color:  #FFF;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice/Panel_Discussion">Panel Discussion</a></li>
+
background-color: #24B694;
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Rathenau">Rathenau Instituut</a></li>
+
}
                </ul>
+
 
            </li>
+
/*Submenus are not displayed as default*/
        </ul>
+
#menuContainer li ul {
    </div>
+
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
 +
 
 +
/*Submenus are displayed when hovering the menu button */
 +
#menuContainer li:hover ul {
 +
/*display: inline-block; */
 +
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left: 134px;
 +
margin-top:-42px;
 +
}
 +
 
 +
/*Style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background-color: #59BF92;
 +
padding-left:20px;
 +
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
 +
 
 +
/*CLASSES */
 +
 
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:500px;
 +
        margin:auto;
 +
        background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
    }
 +
 
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 
 +
 
 +
<div id="bannerContainer">
 +
<img src="https://static.igem.org/mediawiki/2015/5/50/ATOMS-Turkiye_banner_trial.png">
 +
</div>
 +
 
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
 +
 
 +
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 +
<ul>
 +
<a href="https://2015.igem.org/Team:Example"><li>HOME</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Team"><li>TEAM</li></a>
 +
 
 +
<a href="#"><li>PROJECT
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Experiments"><li>Experiments &amp; Protocols</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Results"><li>Results</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a>
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="#"><li>PARTS
 +
            <ul>
 +
<a href="https://2015.igem.org/Team:Example/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Basic_Part"><li>Basic Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Example/Part_Collection"><li>Part Collection</li></a>
 +
</ul>
 +
</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Notebook"><li>NOTEBOOK</li></a>
 +
     
 +
<a href="https://2015.igem.org/Team:Example/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Collaborations"><li>COLLABORATIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Safety"><li>SAFETY</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Modeling"><li>MODELING</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Measurement"><li>MEASUREMENT</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Software"><li>SOFTWARE</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
  
  <div id="tour-toggle-m" class="hidden-md hidden-lg">TOUR</div>
+
</ul>
 +
</div>
 +
<!-- End of menu  -->
  
    <div id="headerWrapper" class="hidden-xs hidden-sm">
+
<!-- Start of content -->
        <div id="header">
+
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
            <div id="logo">
+
<a href="https://2014.igem.org/Team:LMU-Munich">
+
                <img src="https://static.igem.org/mediawiki/2014/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="https://2014.igem.org/Team:LMU-Munich/Team" class="team nav-item" id="team">Team</a></li>
+
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Project" class="project nav-item active" 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">
+
                    <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">
+
                    <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">
+
                    <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">
+
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application/Diagnosis_Treatment" class="sub-nav-item">Diagnosis & 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 & 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">
+
                    <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">
+
                    <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:-->
+
 
</html>
 
</html>

Latest revision as of 21:39, 15 August 2015