Difference between revisions of "Team:Tuebingen/Composite Part"

Line 1: Line 1:
−
<html lang="en">  
+
<html lang="en">
 
<head>
 
<head>
−
     <title> iGem Tübingen 2017</title>
+
     <title> iGEM Tübingen 2017</title>
 
     <meta charset="utf-8" content="width=device-width, initial-scale=1.0"> <!--damit die ü, ä usw. richtig angezeigt werden-->
 
     <meta charset="utf-8" content="width=device-width, initial-scale=1.0"> <!--damit die ü, ä usw. richtig angezeigt werden-->
 
     <style>
 
     <style>
 
      
 
      
 +
html, body {
 +
    height: 100%;
 +
    width: 100%;
 +
    margin-left: 0px;
 +
    padding: 0;
 +
}
 +
 +
#BigImageLab{
 +
    padding: 0;
 +
    background-size: cover;
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-left: 0px;
 +
    margin-top: -2em;
 +
 +
    max-height: 66%;
 +
    max-width: 100%;
 +
   
 +
    width: 100%;
 +
    height: 99%;
 +
    border: none;
 +
}
 
          
 
          
 
          
 
          
 
          
 
          
−
        **********OVERRIDES**********
+
               
−
 
+
#home_logo, #sideMenu { display:none; }
−
#top_menu_under {
+
   #sideMenu, #top_title, .patrollink  {display:none;}
−
  display: none;
+
  #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
−
  position: relative;
+
   body {background-color:white; }
−
  width: 100%;
+
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
  height: 0;
+
−
}
+
−
#top_menu_14 {
+
−
   position: fixed;
+
−
  width: 100%;
+
−
  top: 0px;
+
−
  left: 0px;
+
−
  height: 16px;
+
−
  background-color: #383838;
+
−
  border-bottom: 2px solid black;
+
−
  z-index: 50;
+
−
}
+
−
#top_title {
+
−
  display: none;
+
−
}
+
−
#sideMenu {
+
−
  display: none;
+
−
  width: 170px;
+
−
  position: absolute;
+
−
  top: 20px;
+
−
  left: 1020px;
+
−
  z-index: 10;
+
−
  padding-top: 0px;
+
−
  padding-bottom: 15px;
+
−
  padding-left: 15px;
+
−
  padding-right: 15px;
+
−
   background-color: white;
+
−
   text-align: left;
+
−
}
+
−
#bodyContent a[href ^="https://"],
+
−
.link-https {
+
−
  background: none;
+
−
  padding: 0
+
−
}
+
−
#bodyContent a[href ^="mailto:"], .link-mailto {
+
−
  padding:0;
+
−
}
+
−
#content {
+
−
width:100%;
+
−
}
+
−
.pop_why_cover {
+
−
  display: none;
+
−
  z-index: 50;
+
−
  margin-top: -65px;
+
−
  margin-left: -40px;
+
−
  width: 980px;
+
−
  height: 2100px;
+
−
  float: left;
+
−
  position: absolute;
+
−
  opacity: 0.5;
+
−
  background-color: #b2b2b2;
+
−
}
+
−
.pop_why_box {
+
−
  display: none;
+
−
  left: 250px;
+
−
  top: 0px;
+
−
  background-color: white;
+
−
  padding: 15px;
+
−
  width: 500px;
+
−
  position: absolute;
+
−
  border: 3px solid #4e606e;
+
−
  border-radius: 3px;
+
−
  z-index: 50;
+
−
}
+
−
 
+
  
−
**********END OF OVERRIDES**********
 
−
       
 
 
          
 
          
 
          
 
          
Line 109: Line 64:
 
          
 
          
 
     a:hover{
 
     a:hover{
−
background-color: black;
+
    background-color: transparent;
−
color:grey;
+
    color:grey;
 
     background-color: transparent;
 
     background-color: transparent;
 
}
 
}
 
          
 
          
 
div.Hauptnavigation{
 
div.Hauptnavigation{
−
     top: 1em;
+
    text-align: right;
 +
    word-spacing: 0.5;
 +
   
 +
     top: 0.9em;
 
     background-color: rgb(240,240,250);
 
     background-color: rgb(240,240,250);
 
     position: fixed;
 
     position: fixed;
 
     width: 100%;
 
     width: 100%;
−
     height: 1.25em;
+
     height: 2em;
−
     font-size: 1.5em;
+
     font-size: 1.4em;
−
     line-height: 1.5em;   
+
     line-height: 1.6em;   
 
     text-align: center;
 
     text-align: center;
−
     margin-bottom: 1em;
+
     margin-bottom: 0;
 +
    margin-left: 0px;
 +
 
 +
background: linear-gradient(white, transparent 99%);
 
}
 
}
  
Line 130: Line 91:
  
 
nav.Unternavigation-Team{
 
nav.Unternavigation-Team{
 +
  max-width: 20%;
 +
  margin-left:0px;
 
     margin-right: 1.875em;
 
     margin-right: 1.875em;
−
     margin-bottom: 25em;
+
     margin-top: 12em;
−
     margin-top: 3em;
+
    padding-left: 2em;
−
     font-size: 1.5em;
+
     padding-top: 2em;
−
     line-height:1.5em;
+
    padding-bottom:10em;
−
     left: 2.5em;
+
     font-size: 0.9em;
−
     top: 0.5em;
+
     line-height:2.3em;
−
     position: fixed;   
+
     left: 0em;
−
   
+
     top: 3.5em;
 +
    bottom: -7em;
 +
     position: sticky;   
 +
background: linear-gradient(90deg,white, transparent 70%);
 
}
 
}
  
Line 149: Line 115:
  
 
.active{
 
.active{
−
background-color: black;
+
    background-color: transparent;
−
color: white;
+
    color: white;
 
}
 
}
−
 
−
 
−
img#BigImageLab {
 
−
    background-size: cover;
 
−
    width: 100%;
 
−
    border: 5px solid #000000;
 
−
}
 
−
 
  
  
Line 168: Line 126:
 
     grid-template-rows: auto;
 
     grid-template-rows: auto;
 
     margin-bottom: 5em;
 
     margin-bottom: 5em;
−
     margin-top: 2em;
+
     margin-top: -18em;
 
    
 
    
 
}
 
}
Line 179: Line 137:
 
             margin-left: 20em;
 
             margin-left: 20em;
 
             margin-right: 10em;
 
             margin-right: 10em;
−
            margin-top: 1.75em;
 
 
}
 
}
 
         #Fliesstext2{       
 
         #Fliesstext2{       
Line 190: Line 147:
 
             margin-top: 1.75em;
 
             margin-top: 1.75em;
 
}
 
}
−
 
+
 
          
 
          
 +
/*table setup*/
 
table, th, td {
 
table, th, td {
−
    border: 1px solid black;
+
  table-layout: fixed;
−
    border-collapse: collapse;
+
  width: 100%;
−
    padding: 5px;
+
  margin: auto -5px;
−
    text-align: center;
+
 +
  border: 1px solid black;
 +
  border-collapse: collapse;
 +
  padding: 0px;
 +
  text-align: center;
 
}     
 
}     
−
               
 
−
#Bild{
 
−
    grid-column-start: 0;
 
−
    grid-column-end: 0;
 
−
    grid-row: 2;
 
−
    width: 50%;
 
−
    margin-left: 33em;
 
−
    margin-top: 3em;
 
−
    border: 1px solid black;
 
−
}
 
−
figcaption {
 
−
    font-size: 65%;
 
−
}       
 
−
       
 
−
    </style>
 
−
</head>
 
−
   
 
−
    <html lang="en">
 
−
<head>
 
−
    <title> iGem Tübingen 2017</title>
 
−
    <meta charset="utf-8" content="width=device-width, initial-scale=1.0"> <!--damit die ü, ä usw. richtig angezeigt werden-->
 
−
    <style>
 
−
   
 
−
       
 
−
       
 
−
       
 
−
        **********OVERRIDES**********
 
  
−
#top_menu_under {
+
h1{font-weight:light;
−
  display: none;
+
font-size: 1.2em;
−
  position: relative;
+
padding-bottom: 1em;
−
  width: 100%;
+
margin-bottom:2em;
−
  height: 0;
+
 
}
 
}
−
#top_menu_14 {
+
h2{font-weight:normal;
−
  position: fixed;
+
font-size:1em;
−
  width: 100%;
+
padding-bottom: 1em;
−
  top: 0px;
+
margin-top:-2em;
−
  left: 0px;
+
−
  height: 16px;
+
−
  background-color: #383838;
+
−
  border-bottom: 2px solid black;
+
−
  z-index: 50;
+
−
}
+
−
#top_title {
+
−
  display: none;
+
−
}
+
−
#sideMenu {
+
−
  display: none;
+
−
  width: 170px;
+
−
  position: absolute;
+
−
  top: 20px;
+
−
  left: 1020px;
+
−
  z-index: 10;
+
−
  padding-top: 0px;
+
−
  padding-bottom: 15px;
+
−
  padding-left: 15px;
+
−
  padding-right: 15px;
+
−
  background-color: white;
+
−
  text-align: left;
+
−
}
+
−
#bodyContent a[href ^="https://"],
+
−
.link-https {
+
−
  background: none;
+
−
  padding: 0
+
−
}
+
−
#bodyContent a[href ^="mailto:"], .link-mailto {
+
−
  padding:0;
+
−
}
+
−
#content {
+
−
width:100%;
+
−
}
+
−
.pop_why_cover {
+
−
  display: none;
+
−
  z-index: 50;
+
−
  margin-top: -65px;
+
−
  margin-left: -40px;
+
−
  width: 980px;
+
−
  height: 2100px;
+
−
  float: left;
+
−
  position: absolute;
+
−
  opacity: 0.5;
+
−
  background-color: #b2b2b2;
+
−
}
+
−
.pop_why_box {
+
−
  display: none;
+
−
  left: 250px;
+
−
  top: 0px;
+
−
  background-color: white;
+
−
  padding: 15px;
+
−
  width: 500px;
+
−
  position: absolute;
+
−
  border: 3px solid #4e606e;
+
−
  border-radius: 3px;
+
−
  z-index: 50;
+
 
}
 
}
 +
p{font-weight:lighter;
 +
font-size: 1.5em;
 +
line-height:2em;
  
−
 
−
**********END OF OVERRIDES**********
 
−
       
 
−
       
 
−
       
 
−
       
 
−
       
 
−
       
 
−
       
 
−
    a {
 
−
    margin-left: 1.5em;
 
−
    font-size: 1.25em;
 
−
    padding:0.5em;
 
−
    border: 1em;
 
−
    margin-top: 0.75em;
 
 
}
 
}
−
       
+
li{font-weight:lighter;
−
    a:link {
+
font-size: 0.6em;
−
            text-decoration: none;
+
−
            color:black;
+
−
            background-color: transparent;
+
−
        }
+
−
       
+
−
    a:visited {
+
−
            text-decoration: none;
+
−
            color:black;
+
−
            background-color: transparent;
+
−
        }
+
−
       
+
−
    a:hover{
+
−
background-color: black;
+
−
color:grey;
+
−
    background-color: transparent;
+
 
}
 
}
−
       
+
th{font-weight:200;
−
div.Hauptnavigation{
+
font-size:0.8em;
−
    top: 1em;
+
−
    background-color: rgb(240,240,250);
+
−
    position: fixed;
+
−
    width: 100%;
+
−
    height: 1.25em;
+
−
    font-size: 1.5em;
+
−
    line-height: 1.5em; 
+
−
    text-align: center;
+
−
    margin-bottom: 1em;
+
 
}
 
}
−
 
+
td{font-weight:lighter;
−
 
+
font-size:0.8em;
−
 
+
−
 
+
−
nav.Unternavigation-Team{
+
−
    margin-right: 1.875em;
+
−
    margin-bottom: 25em;
+
−
    margin-top: 3em;
+
−
    font-size: 1.5em;
+
−
    line-height:1.5em;
+
−
    left: 2.5em;
+
−
    top: 0.5em;
+
−
    position: fixed; 
+
−
   
+
 
}
 
}
  
−
 
+
caption{text-align:left;
−
.anchor {
+
     font-size: 0.7em;
−
    display:block;
+
     margin-bottom: 0.4em;
−
     padding-top:60px;   <!-- careful-->
+
−
     margin-top:-60px;
+
−
}
+
−
 
+
−
.active{
+
−
background-color: black;
+
−
color: white;
+
 
}
 
}
  
−
 
+
figcaption{
−
img#BigImageLab {
+
font-weight:lighter;
−
    background-size: cover;  
+
font-size:0.7em;
−
    width: 100%;
+
margin-top:-0.5em;
−
    border: 5px solid #000000;  
+
 
}
 
}
  
−
 
−
img{width: 100%;}
 
−
 
−
.Grid{
 
−
    display: grid;
 
−
    grid-template-columns: repeat (6, 1fr);
 
−
    grid-template-rows: auto;
 
−
    margin-bottom: 5em;
 
−
    margin-top: 2em;
 
−
 
 
−
}
 
−
       
 
−
        #Fliesstext1{     
 
−
            grid-column: 2/4;
 
−
            grid-row: 1;
 
−
            text-align: justify;
 
−
            font-size: 18px;
 
−
            margin-left: 20em;
 
−
            margin-right: 10em;
 
−
            margin-top: 1.75em;
 
−
}
 
−
        #Fliesstext2{     
 
−
            grid-column: 2/4;
 
−
            grid-row: 2;
 
−
            text-align: justify;
 
−
            font-size: 18px;
 
−
            margin-left: 20em;
 
−
            margin-right: 10em;
 
−
            margin-top: 1.75em;
 
−
}
 
−
 
 
−
       
 
−
table, th, td {
 
−
    border: 1px solid black;
 
−
    border-collapse: collapse;
 
−
    padding: 5px;
 
−
    text-align: center;
 
−
}   
 
−
               
 
 
#Bild{
 
#Bild{
 
     grid-column-start: 0;
 
     grid-column-start: 0;
Line 424: Line 206:
 
     border: 1px solid black;
 
     border: 1px solid black;
 
}
 
}
−
figcaption {
+
       
−
    font-size: 65%;
+
−
}       
+
  
−
#Chemistry-Fig1{
 
−
width:50%;}
 
−
#Chemistry-Fig2{
 
−
width:50%;}
 
−
#Chemistry-Fig3{
 
−
width:50%;}
 
−
#Chemistry-Fig4{
 
−
width:50%;}
 
 
          
 
          
 
     </style>
 
     </style>
 
</head>
 
</head>
 
      
 
      
−
   
+
<body>    
−
    <body>  
+
       <div class="Hauptnavigation" >
−
     
+
      <a href="https://2017.igem.org/Team:Tuebingen">
−
       <div class="Hauptnavigation">
+
      <img src="https://static.igem.org/mediawiki/2017/thumb/b/bb/T--Tuebingen--TrojHorse.png/293px-T--Tuebingen--TrojHorse.png"
−
          <a href="https://2017.igem.org/Team:Tuebingen/Team">Team</a>
+
                alt="Logo Trojan Horse"
−
          <a href="https://2017.igem.org/Team:Tuebingen/Inspiration">Inspiration</a>
+
                style="max-height:70%; max-width:90%;float:left; margin-left: 2.5em;margin-top:2px;"> 
−
          <a href="https://2017.igem.org/Team:Tuebingen/Results">Results</a>
+
      </a>         
−
          <a href="https://2017.igem.org/Team:Tuebingen/Human Practice">Human Practice</a>
+
     
−
          <a href="https://2017.igem.org/Team:Tuebingen/Lab">Lab</a>
+
 
−
          <a href="https://2017.igem.org/Team:Tuebingen/Attribution">Attribution</a>
+
        <a href="https://2017.igem.org/Team:Tuebingen/Team" style="margin-right:1.5em;">Team</a>
−
    </div>
+
        <a href="https://2017.igem.org/Team:Tuebingen/Inspiration"style="margin-right:1.5em;">Inspiration</a>
 +
        <a href="https://2017.igem.org/Team:Tuebingen/Demonstrate"style="margin-right:1.5em;">Results</a>
 +
        <a href="https://2017.igem.org/Team:Tuebingen/HP/"style="margin-right:1.5em;">Human Practice</a>
 +
        <a href="https://2017.igem.org/Team:Tuebingen/Lab"style="margin-right:1.5em;">Lab</a>
 +
        <a href="https://2017.igem.org/Team:Tuebingen/Attributions"style="margin-right:1.5em;">Attributions</a>
 +
      </div>
 
        
 
        
 +
      <img src="https://static.igem.org/mediawiki/2017/8/8c/T--Tuebingen--LabTitle.jpg" alt="InterLabBild" id="BigImageLab">
 +
 
        
 
        
 
       <nav class="Unternavigation-Team">
 
       <nav class="Unternavigation-Team">

Revision as of 02:08, 2 November 2017

iGEM Tübingen 2017

Logo Trojan Horse Team Inspiration Results Human Practice Lab Attributions
InterLabBild InterLabBild

Composite Parts

We designed different composite parts which are charaterized on the registry pages.

BBa_K2372008

L-rhamnose dependent expression of SHV-1, an extended spectrum β-lactamase

BBa_K2372008

BBa_K2372007

pRha promoter with downstream RBS which allows L-rhamnose dependent expression of downstream clones coding sequences

BBa_K2372007

BBa_K2372009

L-rhamnose dependent expression of β-lactam synthetase

BBa_K2372009