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

 
(8 intermediate revisions by 3 users not shown)
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; }
 +
  #sideMenu, #top_title, .patrollink  {display:none;}
 +
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
  body {background-color:white; }
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
#top_menu_under {
 
−
  display: none;
 
−
  position: relative;
 
−
  width: 100%;
 
−
  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: -16.5em;
 
    
 
    
 
}
 
}
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 {
+
h3{font-weight:normal;
−
  display: none;
+
font-size:0.8em;
−
  left: 250px;
+
padding-bottom: 1em;
−
  top: 0px;
+
margin-top: 1em;
−
  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 212:
 
     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>     
 +
      <div class="Hauptnavigation" >
 +
      <a href="https://2017.igem.org/Team:Tuebingen">
 +
      <img src="https://static.igem.org/mediawiki/2017/thumb/b/bb/T--Tuebingen--TrojHorse.png/293px-T--Tuebingen--TrojHorse.png"
 +
                alt="Logo Trojan Horse"
 +
                style="max-height:70%; max-width:90%;float:left; margin-left: 2.5em;margin-top:2px;"> 
 +
      </a>         
 +
     
 +
 +
        <a href="https://2017.igem.org/Team:Tuebingen/Team" style="margin-right:1.5em;">Team</a>
 +
        <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>
 +
  <div style="max-width:100%;">
 +
  <img src="https://static.igem.org/mediawiki/2017/8/8c/T--Tuebingen--LabTitle.jpg" alt="InterLabBild" id="BigImageLab">
 
      
 
      
−
    <body>
+
  <div style="position: absolute; text-align:right;
−
     
+
                            margin-bottom: 10%;
−
      <div class="Hauptnavigation">
+
                            margin-left: 60%;
−
          <a href="https://2017.igem.org/Team:Tuebingen/Team">Team</a>
+
                            margin-top:-4em;
−
          <a href="https://2017.igem.org/Team:Tuebingen/Inspiration">Inspiration</a>
+
                            font-size: 3em;color:white;font-weight:light;letter-spacing: 3px;"> composite parts
−
          <a href="https://2017.igem.org/Team:Tuebingen/Results">Results</a>
+
            </div> </div>
−
          <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>
+
−
    </div>
+
−
     
+
 
        
 
        
 
       <nav class="Unternavigation-Team">
 
       <nav class="Unternavigation-Team">
Line 464: Line 257:
 
        
 
        
 
        
 
        
−
          <img src="https://static.igem.org/mediawiki/2017/8/8c/T--Tuebingen--LabTitle.jpg" alt="InterLabBild" id="BigImageLab">
+
     
 
            
 
            
 
           <div class="Grid">
 
           <div class="Grid">
Line 472: Line 265:
 
<p> We designed different composite parts which are charaterized on the registry pages. </p>
 
<p> We designed different composite parts which are charaterized on the registry pages. </p>
  
−
                 <h2 id="BBa_K2372008" class="anchor">BBa_K2372008</h2>         
+
                 <p><a href="http://parts.igem.org/Part:BBa_K2372008" class="anchor"id="BBa_K2372008">BBa_K2372008</a></p>         
 
                  
 
                  
 
                 <p> L-rhamnose dependent expression of SHV-1, an extended spectrum β-lactamase </p>
 
                 <p> L-rhamnose dependent expression of SHV-1, an extended spectrum β-lactamase </p>
  
−
<p> <strong> <a href="http://parts.igem.org/Part:BBa_K2372008">BBa_K2372008</a> </strong> </p> 
+
 
  
  
−
                 <h2 id="BBa_K2372007" class="anchor">BBa_K2372007</h2>
+
                 <p><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2372007"class="anchor"id="BBa_K2372007">BBa_K2372007</a></p>
 
                  
 
                  
 
               <p> pRha promoter with downstream RBS which allows L-rhamnose dependent expression of downstream clones coding sequences </p>
 
               <p> pRha promoter with downstream RBS which allows L-rhamnose dependent expression of downstream clones coding sequences </p>
  
−
<p> <strong> <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2372007">BBa_K2372007</a> </strong> </p> 
+
 
  
  
−
                <h2 id="BBa_K2372009" class="anchor">BBa_K2372009</h2>
+
             
−
               
+
<p> <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2372009"class="anchor"id="BBa_K2372009">BBa_K2372009</a> </p>
 
               <p> L-rhamnose dependent expression of β-lactam synthetase </p>
 
               <p> L-rhamnose dependent expression of β-lactam synthetase </p>
−
 
+
 
−
<p> <strong> <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2372009">BBa_K2372009</a> </strong> </p> 
+
  
 
                
 
                

Latest revision as of 12:35, 12 December 2017

iGEM Tübingen 2017

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

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_K2372007

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

BBa_K2372009

L-rhamnose dependent expression of β-lactam synthetase