Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | <html> | + | <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> | ||
+ | <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> | ||
+ | |||
+ | 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: 0px; | ||
+ | max-height: 66%; | ||
+ | max-width: 100%; | ||
+ | |||
+ | width: 100%; | ||
+ | height: 99%; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #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; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | a { | ||
+ | margin-left: 1.5em; | ||
+ | font-size: 1.25em; | ||
+ | padding:0.5em; | ||
+ | border: 1em; | ||
+ | margin-top: 0.75em; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | text-decoration: none; | ||
+ | color:black; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | color:black; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | background-color: transparent; | ||
+ | color:grey; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | div.Hauptnavigation{ | ||
+ | text-align: right; | ||
+ | word-spacing: 3em; | ||
+ | |||
+ | top: 0.9em; | ||
+ | background-color: rgb(240,240,250); | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | height: 2em; | ||
+ | font-size: 1.4em; | ||
+ | line-height: 1.6em; | ||
+ | text-align: center; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 0px; | ||
+ | background: linear-gradient(white, transparent 99%); | ||
+ | } | ||
− | |||
− | |||
+ | nav.Unternavigation-Team{ | ||
+ | max-width: 20%; | ||
+ | margin-left:0; | ||
+ | margin-right: 1.875em; | ||
+ | margin-top:12em; | ||
+ | padding-left: 2em; | ||
+ | padding-top: 2em; | ||
+ | padding-bottom: 10em; | ||
+ | font-size: 1,9em; | ||
+ | line-height:2em; | ||
+ | left: 0em; | ||
+ | top: 3.5em; | ||
+ | bottom: -7em; | ||
+ | position: sticky; | ||
+ | background: linear-gradient(90deg,white, transparent 70%); | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | .anchor { | |
+ | display:block; | ||
+ | padding-top:60px; <!-- careful--> | ||
+ | margin-top:-60px; | ||
+ | } | ||
− | + | .active{ | |
− | + | background-color: transparent; | |
+ | color: white; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .Grid{ | |
+ | display: grid; | ||
+ | grid-template-columns: repeat (6, 1fr); | ||
+ | grid-template-rows: auto; | ||
+ | margin-bottom: 5em; | ||
+ | margin-top: -22.5em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #Fliesstext1{ | ||
+ | grid-column: 2/4; | ||
+ | grid-row: 1; | ||
+ | text-align: justify; | ||
+ | font-size: 18px; | ||
+ | margin-left: 20em; | ||
+ | margin-right: 10em; | ||
+ | } | ||
+ | #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 setup*/ | ||
+ | table, th, td { | ||
+ | table-layout: fixed; | ||
+ | width: 200px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border: 1px solid black; | ||
+ | border-collapse: collapse; | ||
+ | padding: 5px; | ||
+ | text-align: center; | ||
+ | } | ||
− | + | /* | |
+ | table caption setup*/ | ||
+ | caption{ | ||
+ | font-size: 100%; | ||
+ | margin-bottom: 0.25em; | ||
+ | } | ||
+ | /* | ||
+ | figure caption setup*/ | ||
+ | figcaption{ | ||
+ | font-size:75%; | ||
+ | margin-top:0.25em; | ||
+ | } | ||
+ | |||
+ | #Bild{ | ||
+ | grid-column-start: 0; | ||
+ | grid-column-end: 0; | ||
+ | grid-row: 2; | ||
+ | width: 50%; | ||
+ | margin-left: 33em; | ||
+ | margin-top: 3em; | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | </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">Team</a> | ||
+ | <a href="https://2017.igem.org/Team:Tuebingen/Inspiration">Inspiration</a> | ||
+ | <a href="https://2017.igem.org/Team:Tuebingen/Results">Results</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> | ||
+ | </div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8c/T--Tuebingen--LabTitle.jpg" alt="InterLabBild" id="BigImageLab"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8c/T--Tuebingen--LabTitle.jpg" alt="InterLabBild" id="BigImageLab"> | ||
+ | |||
+ | <div class="Grid"> | ||
+ | <!-- Content der Seite --> | ||
+ | <div id="Fliesstext1"> | ||
+ | <h1 id="Composite Parts">Composite Parts</h1> | ||
+ | <p> | ||
+ | We designed different composite parts which are charaterized on the registry pages. <br> | ||
+ | <ul> | ||
+ | <li> <a href="http://parts.igem.org/Part:BBa_K2372008">BBa_K2372008</a> </li> | ||
+ | <li> <a href="http://parts.igem.org/Part:BBa_K2372007">BBa_K2372007</a> </li> | ||
+ | <li> <a href="http://parts.igem.org/Part:BBa_K2372009">BBa_K2372009</a> </li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 22:05, 1 November 2017
Composite Parts
We designed different composite parts which are charaterized on the registry pages.