Difference between revisions of "Template:ATOMS-Turkiye"

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 */
  
 +
/* Change Background color*/
 +
body {
 +
background-color: #fff;
 +
}
  
−
<script src="https://2014.igem.org/Team:LMU-Munich/xscrolly.js?action=raw&ctype=text/javascript"></script>
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
<script src="https://2014.igem.org/Team:LMU-Munich/native.history.min.js?action=raw&ctype=text/javascript"></script>
+
#mainContainer { 
−
<script src="https://2014.igem.org/Team:LMU-Munich/ajaxload.js?action=raw&ctype=text/javascript"></script>
+
width: 978px;
−
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts.js?action=raw&ctype=text/javascript"></script>
+
overflow:hidden;
−
<script src="https://2014.igem.org/Team:LMU-Munich/highcharts-more.js?action=raw&ctype=text/javascript"></script>
+
float:left;
−
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_bxslider.js?action=raw&ctype=text/javascript"></script>
+
margin-left:20px;
−
<script src="https://2014.igem.org/Team:LMU-Munich/LMU_slimbox2.js?action=raw&ctype=text/javascript"></script>
+
margin-bottom: 10px;
−
<link href="https://2014.igem.org/Team:LMU-Munich/slimbox2.css?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
+
background-color: #fff;
−
<link href="https://2014.igem.org/Team:LMU-Munich/bxslider.css?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
+
border-bottom: 14px solid #565656;
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.hoverIntent.js?action=raw&ctype=text/javascript"></script>
+
border-right: 2px solid #565656;
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.scrollTo.js?action=raw&ctype=text/javascript"></script>
+
border-left: 2px solid #565656;
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.tablesorter.js?action=raw&ctype=text/javascript"></script>
+
border-top: 2px solid #565656;
−
<script src="https://2014.igem.org/Team:LMU-Munich/jquery.slicknav.js?action=raw&ctype=text/javascript"></script>
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
<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 the container for the menu */
−
<style type="text/css">
+
#menuContainer  {  
−
body{
+
float:left;
−
background-color:rgb(255,0,0);
+
width: 134px;
−
}
+
padding: 20px 0px;
−
table{
+
border-top: 14px solid #565656;
−
background-color:transparent;
+
background-color: #E8E8E9;
−
}
+
}
−
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
−
.topWikiNavBackground {
+
−
height:18px;
+
−
margin-top: -32px;
+
−
background-color:transparent;
+
−
}
+
−
.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 content */
−
display: none;
+
#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;
 +
}
  
−
#headerWrapper a,
+
/*Set up height place holder for the banner*/
−
#headerWrapper a:hover,
+
#bannerContainer {
−
#headerWrapper a:visited,
+
height:200px;
−
#headerWrapper a:active {
+
margin:auto;
−
    text-decoration:none;
+
text-align:center;
−
    color:white;
+
color: #24B694;
−
}
+
}
  
−
body{
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
    /*background-color:#D8D8D8;*/
+
−
    background-color:oldlace;
+
−
    margin-left:0px;
+
−
}
+
  
−
#headerWrapper {
+
/*Change the styling of text for everything inside main container*/
−
    position:fixed;
+
#mainContainer p {  
−
    top:16px;
+
font-size: 13px;
−
    height: 105px;
+
color: #000000;
−
    width:100%;
+
}
−
    background-color:#003366;
+
−
    background-color: rgba(0, 51, 102, 0.95);
+
/*This changes the color and font family */
−
    z-index:30;
+
#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;
 +
}
  
−
#sub-navigation-wrapper {
+
/*Style of the links - links are different inside the menu */
−
    clear:both;
+
#contentContainer a {  
−
    position:relative;
+
font-weight: bold;
−
    background-color:#990000;
+
color: #23b593;
−
    background-color: rgba(153, 0, 0, 0.95);
+
}
−
    width:100%;
+
−
    height: 26px;
+
−
    padding-top: 5px;
+
−
    -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
−
    -moz-box-shadow:    0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
−
    box-shadow:        0px 7px 5px -3px rgba(50, 50, 50, 0.75);
+
−
}
+
  
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: #59bf92;
 +
}
  
−
#header {
+
/*Change the styling of tables */
−
    width:950px;
+
        #contentContainer table {
−
    margin: auto;
+
    border: 1px solid #565656;
−
}
+
    border-collapse: collapse;
 +
    width: 90%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
  
−
#global-wrapper {
+
/*Change the styling of table cells*/
−
    padding-top: 100px;
+
    #contentContainer  td {
−
    width: 960px;
+
    padding: 10px;
−
    text-align: left;
+
    border: 1px solid #565656;
−
    margin-left: auto;
+
    border-collapse: collapse;
−
    margin-right: auto;
+
    vertical-align: text-top;
−
}
+
    }
  
−
#wiki-navigation {
+
/*Change the styling of table headers */
−
    font-size: 8pt;
+
    #contentContainer th {
−
    padding-bottom: 10px;
+
    background-color: #E8E8E9;
−
}
+
    padding: 10px;
−
#logo img {
+
    border: 1px solid #565656;
−
    width: 75px;
+
    border-collapse: collapse;
−
    float: left;
+
    vertical-align: text-top;
−
    padding-top: 7px;
+
    }
−
}
+
−
#navigation {
+
−
    float: right;
+
−
    font-family: Verdana, Geneva, sans-serif;
+
−
    font-size: 0.85em;
+
−
}
+
  
−
#sub-navigation {
 
−
    width:960px;
 
−
    text-align: right;
 
−
    font-family: Verdana, Geneva, sans-serif;
 
−
    font-size: 0.7em;
 
−
    margin:auto;
 
−
}
 
  
−
#sub-navigation ul {
 
−
    display: inline;
 
−
    float:right;
 
−
}
 
  
−
#sub-navigation li:before{
+
/*MENU STYLING */
−
    content:"  ";
+
−
    padding-right:10px;
+
−
    color:white;
+
−
}
+
  
−
#sub-navigation li li:before{
+
/*Styling for the links in the menu */
−
    content:" ";
+
#menuContainer a {
−
    padding-right:5px;
+
color: #565656;
−
    color:white;
+
text-decoration:none;
−
}
+
font-weight: bold;
 +
}
  
−
#sub-navigation li:first-child:before{
+
/* Sets the style for lists inside menuContainer  */
−
    content:"";
+
#menuContainer ul {
−
}
+
list-style: none;
 +
margin-left:0px;
 +
}
  
−
#sub-navigation li li:first-child:before{
+
/*Styles the list items to become menu buttons */
−
    content:" ";
+
#menuContainer ul li {
−
}
+
text-align: center;
 +
display: block;
 +
width: 100%;
 +
height:30px;
 +
padding-top:10px;
 +
}
  
−
#sub-navigation li.active-item > a{
+
/*For the menu buttons, changes the color when hovering*/
−
    font-weight: bold;
+
#menuContainer li:hover {
−
    border-top:2px solid;
+
color: #FFF;
−
}
+
background-color: #24B694;
 +
}
  
−
/*#sub-navigation ul ul {
+
/*Submenus are not displayed as default*/
−
    display: none;
+
#menuContainer li ul {
−
}*/
+
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 +
}
  
−
#sub-navigation li.current ul {
+
/*Submenus are displayed when hovering the menu button */
−
    display: inline;
+
#menuContainer li:hover ul {
−
}
+
/*display: inline-block; */
 +
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left: 134px;
 +
margin-top:-42px;
 +
}
  
−
#sub-navigation ul ul {
+
/*Style the submenu buttons*/
−
    color:white;
+
#menuContainer li ul li{
−
    padding-left:0px;
+
background-color: #59BF92;  
−
}
+
padding-left:20px;
 +
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #565656;
 +
width: 150px;
 +
}
  
−
#sub-navigation li {
+
/*CLASSES */
−
    display: inline;
+
−
    float: left;
+
−
    padding-left: 10px;
+
−
}
+
  
−
#sub-navigation li li{
+
/*Clear class for all the pages, adds spacing too*/
−
    display: inline;
+
.clear{
−
    float: left;
+
clear:both;
−
    padding-left: 5px;
+
height: 10px;
−
    font-style: italic;
+
}
−
}
+
  
−
#navigation ul li {
 
−
    display: inline;
 
−
    float:left;
 
−
}
 
  
 +
/* 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 {
+
</style>
−
    clear:both;
+
<!-- End of CSS -->
−
    padding-top: 20px;
+
−
}
+
−
#content-area {
+
−
    text-align: justify;
+
−
    padding-left:120px;
+
−
}
+
  
−
p img {
 
−
    float:left;
 
−
    padding-right:20px;
 
−
}
 
  
−
#scroll-spy li.sub-heading {
+
<!-- Start of the template html elements. -->
−
    margin-left:20px;
+
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
−
}
+
  
−
#scroll-spy li.active {
 
−
    color:red;
 
−
}
 
  
 +
<div id="bannerContainer">
 +
<br><br>
 +
<h2> Add a banner to your wiki! </h2>
 +
 +
<p>You can make the image 980px  by  200px</p>
 +
<p> Remember to call the file: "<i>Team_Example_banner.jpg</i>" </p>
 +
</div>
  
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
  
−
.nav-item {
+
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
−
    display: block;
+
<ul>
−
    background-size: 32px;
+
<a href="https://2015.igem.org/Team:Example"><li>HOME</li></a>
−
    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 {
+
<a href="https://2015.igem.org/Team:Example/Team"><li>TEAM</li></a>
−
    background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png);
+
−
}
+
  
−
.project {
+
<a href="#"><li>PROJECT
−
    background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_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>
  
−
.results {
+
<a href="#"><li>PARTS
−
    background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_flask_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>
  
−
.safety {
+
<a href="https://2015.igem.org/Team:Example/Notebook"><li>NOTEBOOK</li></a>
−
    background-image: url(https://static.igem.org/mediawiki/2014/c/c3/LMU14_application_white.png);
+
     
−
}
+
<a href="https://2015.igem.org/Team:Example/Attributions"><li>ATTRIBUTIONS</li></a>
  
−
.outreach {
+
<a href="https://2015.igem.org/Team:Example/Collaborations"><li>COLLABORATIONS</li></a>
−
    background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png);
+
−
}
+
  
−
.labbook {
+
<a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</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/Safety"><li>SAFETY</li></a>
−
    background-color:#990000;
+
−
    background-color: rgba(153, 0, 0, 0.95);
+
−
}
+
  
−
a.active{
+
<a href="https://2015.igem.org/Team:Example/Modeling"><li>MODELING</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/Measurement"><li>MEASUREMENT</li></a>
−
    text-decoration: none;
+
−
    background-color: inherit;
+
  
−
    border-bottom: 1px dashed navy;
+
<a href="https://2015.igem.org/Team:Example/Software"><li>SOFTWARE</li></a>
−
}
+
  
−
.project-tile a:hover {
+
<a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
−
    border:0;
+
−
}
+
  
−
#lmu-content a,
+
</ul>
−
#lmu-content a:visited,
+
</div>
−
#lmu-content a:active,
+
<!-- End of menu  -->
−
#lmu-content a:hover {
+
−
    text-decoration: none;
+
−
    color: navy;
+
−
}
+
  
−
/*a:hover{
+
<!-- Start of content -->
−
    color:white;
+
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
−
}*/
+
−
 
+
−
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;
+
−
}
+
−
 
+
−
#top_menu_14 {
+
−
    border:0px;
+
−
}
+
−
 
+
−
#navigation ul li {
+
−
    width:100px;
+
−
}
+
−
</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="headerWrapper" class="hidden-xs hidden-sm">
+
−
        <div id="header">
+
−
            <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="navigation">
+
−
                <ul>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Team" class="team nav-item" id="team">Tour</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">P&P</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Application" class="safety nav-item" id="application">Team</a></li>
+
−
                    <li><a href="https://2014.igem.org/Team:LMU-Munich/Human_Practice" class="outreach nav-item" id="human-practice">Extras</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>

Revision as of 21:33, 15 August 2015