Difference between revisions of "Template:ATOMS-Turkiye"

 
(13 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>
+
  
<!-- MAIN STYLE -->
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
<style type="text/css">
+
#mainContainer {
body{
+
width: 978px;
background-color:rgb(255,0,0);
+
overflow:hidden;
}
+
float:left;
table{
+
margin-left:20px;
background-color:transparent;
+
margin-bottom: 10px;
}
+
background-color: #fff;  
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
border-bottom: 14px solid #565656;
.topWikiNavBackground {
+
border-right: 2px solid #565656;
height:18px;
+
border-left: 2px solid #565656;
margin-top: -32px;
+
border-top: 2px solid #565656;
background-color:transparent;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
+
}
.headerimage {
+
position: relative;
+
top:40px;
+
margin: auto;
+
width: 100%;
+
height: 100%;
+
}
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
width: 100%;
+
height: 100%;
+
border: 0px;
+
background-color: transparent;
+
margin: 0px;
+
padding: 0px;
+
text-align:center;
+
}#top-section {
+
    //display:none;
+
}
+
li {
+
    margin:0px;
+
}
+
  
.firstHeading {
+
/* Creates the container for the menu */
display: none;
+
#menuContainer  {  
}
+
float:left;
 +
width: 134px;
 +
padding: 20px 0px;
 +
border-top: 14px solid #565656;
 +
background-color: #E8E8E9;
 +
}
  
#headerWrapper a,
+
/* Creates the container for the content */
#headerWrapper a:hover,
+
#contentContainer {
#headerWrapper a:visited,
+
padding-top:20px;
#headerWrapper a:active {
+
padding-right:10px;
    text-decoration:none;
+
margin-bottom: 20px;
    color:white;
+
width: 814px;
}
+
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
body{
+
/*Set up height place holder for the banner*/
    /*background-color:#D8D8D8;*/
+
#bannerContainer {
    background-color:oldlace;
+
height:200px;
    margin-left:0px;
+
margin:auto;
}
+
text-align:center;
 +
color: #24B694;
 +
}
  
#headerWrapper {
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
    position:fixed;
+
    top:0px;
+
    height: 105px;
+
    width:100%;
+
    background-color:#003366;
+
    background-color: rgba(0, 51, 102, 0.95);
+
    z-index:30;
+
}
+
  
#sub-navigation-wrapper {
+
/*Change the styling of text for everything inside main container*/
    clear:both;
+
#mainContainer p {  
    position:relative;
+
font-size: 13px;
    background-color:#990000;
+
color: #000000;
    background-color: rgba(153, 0, 0, 0.95);
+
}
    width:100%;
+
    height: 26px;
+
/*This changes the color and font family */
    padding-top: 5px;
+
#contentContainer h1, h2, h3, h4, h5, h6 {
    -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
color: #565656;
    -moz-box-shadow:    0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
border-bottom: none;
    box-shadow:         0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
font-weight: bold;
}
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 +
}
  
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #23b593;
 +
}
  
#header {
+
  /* Styling links on hover- links are different inside the menu */
    width:950px;
+
#contentContainer a:hover {  
    margin: auto;
+
color: #59bf92;
}
+
}
  
#global-wrapper {
+
/*Change the styling of tables */
    padding-top: 100px;
+
        #contentContainer table {
    width: 960px;
+
    border: 1px solid #565656;
    text-align: left;
+
    border-collapse: collapse;
    margin-left: auto;
+
    width: 90%
    margin-right: auto;
+
    margin: auto;
}
+
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
  
#wiki-navigation {
+
/*Change the styling of table cells*/
    font-size: 8pt;
+
    #contentContainer  td {
    padding-bottom: 10px;
+
    padding: 10px;
}
+
    border: 1px solid #565656;
#logo img {
+
    border-collapse: collapse;
    width: 75px;
+
    vertical-align: text-top;
    float: left;
+
    }
    padding-top: 7px;
+
}
+
#navigation {
+
    float: right;
+
    font-family: Verdana, Geneva, sans-serif;
+
    font-size: 0.85em;
+
}
+
  
#sub-navigation {
+
/*Change the styling of table headers */
    width:960px;
+
    #contentContainer th {
    text-align: right;
+
    background-color: #E8E8E9;
    font-family: Verdana, Geneva, sans-serif;
+
    padding: 10px;
    font-size: 0.7em;
+
    border: 1px solid #565656;
    margin:auto;
+
    border-collapse: collapse;
}
+
    vertical-align: text-top;
 +
    }
  
#sub-navigation ul {
 
    display: inline;
 
    float:right;
 
}
 
  
#sub-navigation li:before{
 
    content:"  ";
 
    padding-right:10px;
 
    color:white;
 
}
 
  
#sub-navigation li li:before{
+
/*MENU STYLING */
    content:" ";
+
    padding-right:5px;
+
    color:white;
+
}
+
  
#sub-navigation li:first-child:before{
+
/*Styling for the links in the menu */
    content:"";
+
#menuContainer a {
}
+
color: #565656;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
  
#sub-navigation li li:first-child:before{
+
/* Sets the style for lists inside menuContainer  */
    content:" ";
+
#menuContainer ul {
}
+
list-style: none;
 +
margin-left:0px;
 +
}
  
#sub-navigation li.active-item > a{
+
/*Styles the list items to become menu buttons */
    font-weight: bold;
+
#menuContainer ul li {  
    border-top:2px solid;
+
text-align: center;
}
+
display: block;
 +
width: 100%;
 +
height:30px;
 +
padding-top:10px;
 +
}
  
/*#sub-navigation ul ul {
+
/*For the menu buttons, changes the color when hovering*/
    display: none;
+
#menuContainer li:hover {
}*/
+
color: #FFF;
 +
background-color: #24B694;
 +
}
  
#sub-navigation li.current ul {
+
/*Submenus are not displayed as default*/
    display: inline;
+
#menuContainer li ul {
}
+
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
  
#sub-navigation ul ul {
+
/*Submenus are displayed when hovering the menu button */
    color:white;
+
#menuContainer li:hover ul {
    padding-left:0px;
+
/*display: inline-block; */
}
+
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left: 134px;
 +
margin-top:-42px;
 +
}
  
#sub-navigation li {
+
/*Style the submenu buttons*/
    display: inline;
+
#menuContainer li ul li{
    float: left;
+
background-color: #59BF92;  
    padding-left: 10px;
+
padding-left:20px;
}
+
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
  
#sub-navigation li li{
+
/*CLASSES */
    display: inline;
+
    float: left;
+
    padding-left: 5px;
+
    font-style: italic;
+
}
+
  
#navigation ul li {
+
/*Clear class for all the pages, adds spacing too*/
    display: inline;
+
.clear{
    float:left;
+
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;
 +
    }
  
#body {
 
    clear:both;
 
    padding-top: 20px;
 
}
 
#content-area {
 
    text-align: justify;
 
    padding-left:120px;
 
}
 
  
p img {
+
</style>
    float:left;
+
<!-- End of CSS -->
    padding-right:20px;
+
}
+
  
#scroll-spy li.sub-heading {
 
    margin-left:20px;
 
}
 
  
#scroll-spy li.active {
+
<!-- Start of the template html elements. -->
    color:red;
+
<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>
  
.nav-item {
+
<!-- Start of menu -->
    display: block;
+
<div id="menuContainer">
    background-size: 32px;
+
    float: left;
+
    /*width:80px;*/
+
    background-position: center 15px ;
+
    background-repeat: no-repeat;
+
    line-height: 40px;
+
    text-align:center;
+
    padding-top: 40px;
+
    padding-right:10px;
+
    padding-left:10px;
+
    text-transform: uppercase;
+
}
+
  
.team {
+
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
    background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png);
+
<ul>
}
+
<a href="https://2015.igem.org/Team:Example"><li>HOME</li></a>
  
.project {
+
<a href="https://2015.igem.org/Team:Example/Team"><li>TEAM</li></a>
    background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_white.png);
+
}
+
  
.results {
+
<a href="#"><li>PROJECT
    background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_flask_white.png);
+
            <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>
  
.safety {
+
<a href="#"><li>PARTS
    background-image: url(https://static.igem.org/mediawiki/2014/c/c3/LMU14_application_white.png);
+
            <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>
  
.outreach {
+
<a href="https://2015.igem.org/Team:Example/Notebook"><li>NOTEBOOK</li></a>
    background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png);
+
     
}
+
<a href="https://2015.igem.org/Team:Example/Attributions"><li>ATTRIBUTIONS</li></a>
  
.labbook {
+
<a href="https://2015.igem.org/Team:Example/Collaborations"><li>COLLABORATIONS</li></a>
    background-image: url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_labbook_white.png);
+
}
+
  
a:hover{
+
<a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</li></a>
    background-color:#990000;
+
    background-color: rgba(153, 0, 0, 0.95);
+
}
+
  
a.active{
+
<a href="https://2015.igem.org/Team:Example/Safety"><li>SAFETY</li></a>
    background-color:#990000;
+
    background-color: rgba(153, 0, 0, 0.95);
+
}
+
  
#lmu-content a:hover {
+
<a href="https://2015.igem.org/Team:Example/Modeling"><li>MODELING</li></a>
    text-decoration: none;
+
    background-color: inherit;
+
  
    border-bottom: 1px dashed navy;
+
<a href="https://2015.igem.org/Team:Example/Measurement"><li>MEASUREMENT</li></a>
}
+
  
.project-tile a:hover {
+
<a href="https://2015.igem.org/Team:Example/Software"><li>SOFTWARE</li></a>
    border:0;
+
}
+
  
#lmu-content a,
+
<a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
#lmu-content a:visited,
+
#lmu-content a:active,
+
#lmu-content a:hover {
+
    text-decoration: none;
+
    color: navy;
+
}
+
 
+
/*a:hover{
+
    color:white;
+
}*/
+
 
+
ul {
+
    margin:0px;
+
}
+
 
+
p{
+
    font-size: 19px;
+
}
+
 
+
#sub-navigation > ul {
+
    display:none;
+
}
+
 
+
div.thumb{
+
    border-color:  rgba(255, 255, 255, 0);
+
}
+
 
+
.accordion{
+
    width: 100%;
+
    margin: 10px auto 30px auto;
+
}
+
 
+
.accordion label{
+
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
+
    padding: 5px 20px;
+
    position: relative;
+
    z-index: 20;
+
    display: block;
+
    cursor: pointer;
+
    color: #003366;
+
    line-height: 33px;
+
    font-size: 19px;
+
    font-weight: 500;
+
    -webkit-transition: 0.5s, -webkit-transform 0.5s;
+
    transition: 0.5s, transform 0.5s;
+
}
+
 
+
.bg-color-2 .accordion label {
+
    background-color: #D5CDBC;
+
    background-color: #D5CDBC;
+
}
+
.accordion label {
+
    background-color: #E8E0D2;
+
}
+
 
+
.accordion label:hover{
+
    background: #fff;
+
}
+
 
+
.accordion input:checked + label,
+
.accordion input:checked + label:hover{
+
    background: #CFEAFF;
+
    color: #003366;
+
}
+
 
+
.accordion input:enabled + label:after{
+
    content: '';
+
    position: absolute;
+
    width: 24px;
+
    height: 24px;
+
    right: 13px;
+
    top: 7px;
+
    background: transparent url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_arrow_down.png) no-repeat center center;
+
}
+
 
+
.accordion input{
+
    display: none;
+
}
+
 
+
.accordion article{
+
    background: rgba(255, 255, 255, 0.5);
+
    margin-top: -1px;
+
    overflow: hidden;
+
    height: 0px;
+
    position: relative;
+
    z-index: 10;
+
    transition:
+
    height 0.3s ease-in-out,
+
    box-shadow 0.6s linear;
+
}
+
.accordion input:checked ~ article{
+
    transition:
+
    height 0.5s ease-in-out,
+
}
+
 
+
.accordion input:checked ~ article.ac-small{
+
    height: auto;
+
    padding-top: 5px;
+
    padding-left: 15px;
+
    padding-right: 15px;
+
    padding-bottom: 10px;
+
    text-align: justify;
+
}
+
.accordion input:checked ~ article.ac-medium{
+
    height: 180px;
+
}
+
.accordion input:checked ~ article.ac-large{
+
    height: 230px;
+
}
+
 
+
.accordion input:checked + label:after{
+
    background-image: url(https://static.igem.org/mediawiki/2014/7/7a/LMU14_arrow_up.png);
+
}
+
 
+
section > div{
+
    width: 960px;
+
    text-align: left;
+
    margin-left: auto;
+
    margin-right: auto;
+
    padding-bottom: 20px;
+
    padding-top: 20px;
+
}
+
 
+
.accordion article p {
+
    font-size: 1em;
+
}
+
 
+
.accordion article,
+
section p {
+
    text-align: justify;
+
    font-size: 19px;
+
    line-height:1.5em;
+
}
+
 
+
#lmu-content > section {
+
    padding-bottom:20px;
+
}
+
#lmu-content > section > section > div > img {
+
    padding-bottom: 30px;
+
}
+
/*
+
#sensing {
+
    background-color:lightgrey;
+
}
+
 
+
#killing {
+
    background-color:LightCoral;
+
}
+
 
+
#adhesion {
+
    background-color:LightSeaGreen ;
+
}*/
+
 
+
#lmu-content > p,
+
#lmu-content > h1,
+
#lmu-content > h2,
+
#lmu-content > h3,
+
#lmu-content > ul,
+
#lmu-content > dl,
+
#lmu-content > table{
+
    width:960px;
+
    margin-left:auto;
+
    margin-right:auto;
+
}
+
 
+
p {
+
    text-align:justify;
+
}
+
 
+
#lmu-content {
+
    margin-top: 105px;
+
}
+
 
+
#lmu-content .full-width {
+
    width: 100%;
+
}
+
 
+
.teaser-img {
+
    background-repeat:no-repeat;
+
    background-size:cover;
+
    background-position: center center;
+
    height:400px;
+
    height:50vh;
+
    background-attachment:fixed;
+
}
+
 
+
#project-problem-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg);
+
}
+
 
+
#project-biobrickbox-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg);
+
}
+
 
+
#project-modeling-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg);
+
}
+
 
+
#project-bacillus-subtilis-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg);
+
}
+
 
+
#project-bakillus-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg);
+
}
+
 
+
#results-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/2/2e/LMU14_results.jpg);
+
    /*ugly fixed image behaviour */
+
    background-position: center 80%;
+
    background-attachment: inherit;
+
}
+
 
+
#human-practice-igematschool-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/e/e6/LMU14_hp_igemschool.jpg);
+
    background-position: center 70%;
+
}
+
 
+
#human-practice-meetups-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/d/d3/LMU14_hp_meetups.jpg);
+
    background-position: center 110%;
+
}
+
 
+
#human-practice-rathenau-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png);
+
    background-position: center 140%;
+
}
+
 
+
#human-practice-synbio-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/e/e1/LMU14_hp_synbioday.jpg);
+
}
+
 
+
#human-practice-panel-discussion-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/a6/LMU14_hp_paneldiscussion.jpg);
+
    background-position: center 80%;
+
}
+
 
+
#application-diagnosis-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg);
+
background-position: center 90%;
+
}
+
 
+
#application-pretest-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/5/5f/LMU14_application_pretest.jpg);
+
}
+
 
+
#application-legal-issues-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/b/b3/LMU14_application_property.jpg);
+
background-position: center 57%;
+
}
+
 
+
#application-financing-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/3/3e/LMU14_application_financing.jpg);
+
    background-position: center 100%;
+
}
+
 
+
#application-expertise-teaser {
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/ac/LMU14_application_expertise.jpg);
+
    background-position: center 75%;
+
}
+
 
+
#lmu-content .text-width,
+
#lmu-content div.center{
+
    width:960px;
+
    margin-left:auto;
+
    margin-right:auto;
+
    padding-right:0px;
+
    padding-left:0px;
+
    padding-top: 30px;
+
    padding-bottom: 30px;
+
    float:none;
+
}
+
 
+
#lmu-content .chart-width{
+
    width:560px;
+
    margin-left:auto;
+
    margin-right:auto;
+
    padding-right:0px;
+
    padding-left:0px;
+
}
+
 
+
/*.jumptarget:before {
+
  content:"";
+
  display:block;
+
  height:105px;
+
  margin:-105px 0 0;
+
}*/
+
/*
+
.jumptarget:before {
+
    content: '';
+
    display: block;
+
    position: relative;
+
    width: 0;
+
    height: 70px;
+
    margin-top:0px;
+
}
+
*/
+
 
+
.project-tile {
+
  background-repeat:no-repeat;
+
  background-size:cover;
+
  background-position: center center;
+
  opacity: 1;
+
  -webkit-transition: 0.5s, -webkit-transform 0.5s;
+
  transition: 0.5s, transform 0.5s;
+
  -webkit-filter: grayscale(70%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+
  -moz-filter: grayscale(70%);
+
  -o-filter: grayscale(70%);
+
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
+
  filter: gray; /* IE6-9 */
+
}
+
 
+
.project-tile:hover{
+
  -webkit-filter: grayscale(0%);
+
  -moz-filter: grayscale(0%);
+
  -o-filter: grayscale(0%);
+
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
+
}
+
 
+
#project-problem {
+
  background-image:url(https://static.igem.org/mediawiki/2014/4/4d/LMU14_project_problem.jpg);
+
  height:400px;
+
}
+
 
+
#project-biobrickbox {
+
  background-image:url(https://static.igem.org/mediawiki/2014/3/31/LMU14_project_biobrickbox.jpg);
+
  height:400px;
+
}
+
 
+
#project-modeling {
+
  background-image:url(https://static.igem.org/mediawiki/2014/d/d9/LMU14_project_modeling.jpg);
+
  height:400px;
+
}
+
 
+
#project-bacillus-subtilis {
+
  background-image:url(https://static.igem.org/mediawiki/2014/f/f7/LMU14_project_bsubtilis.jpg);
+
  height:400px;
+
}
+
 
+
#project-bakillus-lg {
+
  background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg);
+
  height:800px;
+
}
+
#project-bakillus-m {
+
  background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg);
+
  height:400px;
+
}
+
#project-bakillus-xs {
+
  background-image:url(https://static.igem.org/mediawiki/2014/f/fd/LMU14_project_bakillus.jpg);
+
  height:400px;
+
}
+
 
+
#application-pretest {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/5/5f/LMU14_application_pretest.jpg);
+
}
+
 
+
#application-financing {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/3/3e/LMU14_application_financing.jpg);
+
}
+
 
+
#application-legal {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/b/b3/LMU14_application_property.jpg);
+
}
+
 
+
#application-diagnosis {
+
    height:800px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg);
+
}
+
 
+
#application-diagnosis-m,
+
#application-diagnosis-s {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/7/79/LMU14_application_diagnosis.jpg);
+
}
+
 
+
#application-expertise {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/ac/LMU14_application_expertise.jpg);
+
}
+
 
+
#hp-meetups {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/d/d3/LMU14_hp_meetups.jpg);
+
}
+
 
+
#hp-rathenau-xs,
+
#hp-rathenau-m {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png);
+
}
+
 
+
#hp-rathenau-lg {
+
    height:800px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/af/LMU14_Rathenau.png);
+
}
+
 
+
#hp-school {
+
    height: 400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/e/e6/LMU14_hp_igemschool.jpg);
+
}
+
 
+
#hp-synbioday {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/e/e1/LMU14_hp_synbioday.jpg);
+
}
+
 
+
#hp-discussion {
+
    height:400px;
+
    background-image:url(https://static.igem.org/mediawiki/2014/a/a6/LMU14_hp_paneldiscussion.jpg);
+
}
+
 
+
h3 {
+
    font-weight:bold;
+
    padding-top: 30px;
+
}
+
 
+
/*#lmu-content p img {
+
    display:block;
+
    float:none;
+
}
+
 
+
.image {
+
    display:block;
+
    float:none;
+
}*/
+
 
+
#groupparts {
+
    width:960px;
+
    margin-left: auto;
+
    margin-right:auto;
+
}
+
 
+
.team-left,
+
.team-right {
+
    height:100%;
+
    position:relative;
+
    margin:0px;
+
}
+
 
+
.team-data  {
+
    height:100%;
+
    background-repeat:no-repeat;
+
    background-size:100% auto;
+
    position:absolute;
+
    top:0;
+
    bottom:0;
+
    padding:0px;
+
}
+
 
+
.team-right .team-data {
+
    left:0;
+
    background-image:url(https://static.igem.org/mediawiki/2014/d/d8/LMU14_team_shadow_left.png);
+
}
+
 
+
.team-left .team-data {
+
    right:0;
+
    background-image:url(https://static.igem.org/mediawiki/2014/4/44/LMU14_team_shadow_right.png);
+
}
+
 
+
.team-img {
+
    padding:0px;
+
}
+
 
+
.team-img img {
+
    width:100%;
+
}
+
 
+
#team-img-complete {
+
    background-image:url(https://static.igem.org/mediawiki/2014/0/06/LMU14_team.jpg);
+
}
+
#team-img-complete img{
+
    width:100%;
+
}
+
 
+
/*
+
#mobile-navigation {
+
display:none;
+
}
+
 
+
.slicknav_menu {
+
    display:none;
+
}
+
 
+
@media screen and (max-width: 991px) {
+
.slicknav_menu {
+
display:block;
+
}
+
}*/
+
 
+
.no-float {
+
    float:none;
+
}
+
 
+
.bakillus-overview-img {
+
    margin-top: 50px;
+
    margin-bottom:20px;
+
}
+
 
+
.bg-color-2 {
+
    background-color: #E8E0D2;
+
}
+
.bg-color-3 {
+
    background-color: #D5CDBC;
+
}
+
 
+
.accordion > div {
+
    padding-bottom: 5px;
+
    padding-top: 5px;
+
}
+
 
+
.sponsor {
+
    padding-top: 7px;
+
    padding-bottom: 8px;
+
}
+
 
+
.bacillus {
+
    font-style: italic;
+
}
+
 
+
.project-tile a span {
+
    background-color: rgba(224,224,224,0.8);  padding: 20px;  font-size: 2em;  border: 3px solid #003366;
+
}
+
 
+
.project-tile a {
+
    width: 100%;  height: 100%;  display: table-cell;  text-align: center;  vertical-align: middle;
+
}
+
.project-tile div {
+
    width: 100%;  height: 100%;  display: table;
+
}
+
 
+
@media (max-width: 991px) {
+
.team-data {
+
    position:relative;
+
    height: 550px;
+
}
+
}
+
 
+
.invisible-team {
+
    display:none !important;
+
}
+
 
+
 
+
#footer
+
{
+
background-color: #555;
+
text-align: center;
+
//height: 200px;
+
}
+
 
+
#footer-content
+
{
+
padding: 20px;
+
color: snow;
+
}
+
 
+
#footer-content h2, #footer-content h3 {
+
border:0;
+
padding:0;
+
margin:0;
+
 
+
}
+
 
+
#footer-logos a img{
+
height: 80px;
+
margin: 10px;
+
}
+
 
+
#footer-logos a{
+
background-color: inherit;
+
}
+
.timeline-item-left {
+
    display:block;
+
    margin-right:20%;
+
    width:80%;
+
    height:100px;
+
}
+
 
+
.timeline-item-right {
+
    display:block;
+
    margin-left:20%;
+
    width:80%;
+
    height:100px;
+
}
+
 
+
.timeline-item-right .icon {
+
    float:right;
+
    width:12%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.timeline-item-right .date {
+
    float:right;
+
    width:12%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.timeline-item-right .text {
+
    float:right;
+
    width:76%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.timeline-item-left .icon {
+
    float:left;
+
    width:12%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.timeline-item-left .date {
+
    float:left;
+
    width:12%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.timeline-item-left .text {
+
    float:left;
+
    width:76%;
+
    height:100%;
+
    padding:10px
+
}
+
 
+
.project-tile a,
+
.project-tile a:hover,
+
.project-tile a:visited,
+
.project-tile a:active {
+
    border-width: 0 !important;
+
}
+
 
+
#home-abstract {
+
    padding-bottom: 50px;
+
}
+
 
+
 
+
.judging-medal > div{
+
    margin-top: -40px;
+
}
+
 
+
.judging-medal img {
+
    margin-top: 40px;
+
}
+
 
+
#tour-toggle.active {
+
    background-color: #990000;
+
    background-color: rgba(153, 0, 0, 0.95);
+
}
+
 
+
.tour-button-close {
+
    cursor: pointer;
+
}
+
</style>
+
 
+
<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');
+
  ga('require', 'displayfeatures');
+
  ga('require', 'linkid', 'linkid.js');
+
  ga('send', 'pageview');
+
 
+
</script>
+
 
+
</head>
+
</html>
+
__NOTOC__
+
 
+
<html>
+
<div id="slick-navigation"></div>
+
    <div id="mobile-navigation">
+
        <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 & 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 & 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>
+
</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/2015/1/12/ATOMS-Turkiye_Atoms_Logo.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