"
Team:Tuebingen
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <head> | ||
| - | |||
| - | |||
| - | < | + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | < | + | <script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/SvenB/jquery.smint.js"></script> |
| - | + | ||
| - | |||
| - | |||
| - | |||
| + | <script type="text/javascript"> | ||
| + | |||
| - | + | $(document).ready( function() { | |
| - | + | $('.subMenu').smint({ | |
| + | 'scrollSpeed' : 1000 | ||
| + | }); | ||
| + | }); | ||
| - | |||
| - | |||
| - | < | + | </script> |
| - | + | ||
| - | |||
| - | |||
| - | < | + | <style type="text/css"> |
| - | + | ||
| - | + | /* Droid Sans from Google Web fonts */ | |
| - | + | @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); | |
| - | + | /* Open Sans from Google Web fonts */ | |
| - | < | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> |
| - | |||
| - | |||
| - | + | /* hide various iGEM-elements */ | |
| - | + | ||
| + | h1.firstHeading { | ||
| + | background-color: red; | ||
| + | display: none; | ||
| + | } | ||
| - | + | .firstHeading { | |
| - | + | display: none; | |
| - | + | } | |
| - | + | #top-section { | |
| - | + | margin-left: 1em auto; | |
| + | width: 77em !important; | ||
| + | border: none; | ||
| + | height: 1.2em; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #catlinks { | ||
| + | display: none !important; | ||
| + | } | ||
| - | + | /* disable search-controls (top right corner) */ | |
| - | + | #search-controls { | |
| + | display: none !important; | ||
| + | } | ||
| + | #searchInput { | ||
| + | display: none !important; | ||
| + | } | ||
| + | .searchButton { | ||
| + | display: none !important; | ||
| + | } | ||
| + | /* change the menubar (top menu) */ | ||
| + | #menubar { | ||
| + | display: table-cell; | ||
| + | background: transparent !important; | ||
| + | } | ||
| - | + | #menubar.right-menu { | |
| + | text-align: right; | ||
| + | } | ||
| - | + | #menubar * { | |
| - | + | color: transparent !important; | |
| - | + | background: transparent !important; | |
| + | } | ||
| + | #top-section:hover #menubar * { | ||
| + | color: black !important; | ||
| + | background: white !important; | ||
| + | } | ||
| - | + | /* Disable Table Of Contents */ | |
| - | + | table#toc { | |
| - | + | display: none; | |
| - | + | float: right; | |
| + | margin: 0em; | ||
| + | } | ||
| - | + | #footer-box { | |
| + | margin-left: auto; | ||
| + | width: 1000px; | ||
| + | border: none; | ||
| + | position: relative; | ||
| + | padding: 5px !important; | ||
| + | background-color: white; | ||
| + | } | ||
| - | + | #footer-box a{ | |
| - | + | color: black; | |
| - | + | text-decoration: none; | |
| - | + | } | |
| - | + | #footer-box a:hover { | |
| - | + | color: grey; | |
| - | + | text-decoration: underline; | |
| - | + | } | |
| - | + | #footer-box a:active { | |
| - | + | color: red; | |
| - | + | text-decoration: underline; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | /* main heading */ | |
| + | h1 { | ||
| + | border: 0; | ||
| + | } | ||
| - | + | /* edit links on headings */ | |
| - | + | span.editsection { | |
| - | + | font-size: .5em; | |
| - | + | color: lightgrey; | |
| - | + | } | |
| - | + | span.editsection a { | |
| - | + | color: black; | |
| - | + | } | |
| - | + | #p-logo { | |
| - | + | display: none; | |
| - | + | } | |
| - | |||
| - | |||
| + | /* actual styling */ | ||
| + | /* ---------------------------------------------------------------------------------------- */ | ||
| + | body { | ||
| + | background-color: white; | ||
| + | font-family: 'Open Sans', Arial, sans-serif; | ||
| + | font-size: 9pt; | ||
| + | } | ||
| - | + | #content { /* ----------------------------------------------------- #CONTENT */ | |
| - | + | background-color: white !important; | |
| + | margin: 0px auto !important; | ||
| + | border: none !important; | ||
| + | padding: 0px !important; | ||
| + | position: relative; | ||
| + | width: 1000px; | ||
| + | height: auto; | ||
| + | } | ||
| + | div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | ||
| + | background-color: white; | ||
| + | width: 960px; | ||
| + | position: relative; | ||
| + | margin: auto; | ||
| + | height: auto; | ||
| + | } | ||
| - | + | #teamLogoBox { | |
| - | + | width: 60.25em; | |
| + | height: 17em; | ||
| + | background-color: #AAAAAA; | ||
| + | color: white; | ||
| + | overflow: hidden; | ||
| + | font-size: 16px; | ||
| + | background-size: cover; | ||
| + | } | ||
| - | + | #actualContent { | |
| - | + | position: relative; | |
| - | + | font-size: 14pt; | |
| - | + | width: auto; | |
| + | height: auto; | ||
| + | margin-top: 10px; | ||
| + | background-color: white; | ||
| + | padding-top: 0em; | ||
| + | text-align: justify; | ||
| + | } | ||
| - | + | #actualContent p { | |
| - | + | line-height: 26px; | |
| - | + | margin-bottom: 16px; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | |||
| - | |||
| - | + | /* ----------------------------------------------------------------------------- SMINT Style */ | |
| - | + | ||
| - | + | * {margin: 0; padding: 0; outline: 0;} | |
| - | < | + | p#headText { |
| - | < | + | position: absolute; |
| - | < | + | font-size: 20pt; |
| - | < | + | margin-top: 105px; |
| - | < | + | font-family: Helvetica, 'Open Sans', sans-serif; |
| - | < | + | left: 320px; |
| - | < | + | } |
| - | < | + | |
| - | </ | + | .menuBtn { |
| - | </ | + | background: center center no-repeat transparent; |
| - | </ | + | background: #000; |
| - | </ | + | display: block; |
| - | </ | + | width: 40px; |
| + | height: 40px; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 10px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .active { | ||
| + | background: #C31E1B; | ||
| + | } | ||
| + | |||
| + | a.active { | ||
| + | color: C31E1B; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .clear { | ||
| + | clear: both; | ||
| + | } | ||
| + | .wrap { | ||
| + | width: 100%; | ||
| + | max-width: 1140px; | ||
| + | min-width: 960px; | ||
| + | z-index: 10; | ||
| + | position: relative; | ||
| + | margin: 0 auto; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .inner { | ||
| + | width: 960px; | ||
| + | margin: 0 auto; | ||
| + | position: relative; | ||
| + | min-height: 50px; | ||
| + | padding:30px 0; | ||
| + | font-size: 16px; | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | font-weight: 300; | ||
| + | padding:30px 0; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .section a { | ||
| + | color: #A51E37; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | .section a:hover { | ||
| + | color: black; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | .section a:active { | ||
| + | color: #A51E37; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* This is the selector I used for my menu, it needs to be set as position:absolute; */ | ||
| + | .subMenu { | ||
| + | position: absolute; | ||
| + | top: 620px; | ||
| + | height: 50px; | ||
| + | z-index: 1000; | ||
| + | width: 100%; | ||
| + | width: 960px; | ||
| + | background: white; | ||
| + | |||
| + | } | ||
| + | |||
| + | .subMenu .inner { | ||
| + | padding-left: 100px; | ||
| + | margin-top: -30px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | .subNavBtn { | ||
| + | display: block; | ||
| + | height: 35px; | ||
| + | width: 12%; | ||
| + | float: left; | ||
| + | margin: 0px 0px 0 0; | ||
| + | text-decoration: none; | ||
| + | font-size: 16px; | ||
| + | font-weight: 600; | ||
| + | padding: 15px 2% 0 2%; | ||
| + | text-align: center; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | a.subNavBtn{ | ||
| + | color: black; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .end { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | hr { | ||
| + | width: 960px; | ||
| + | height: 1px; | ||
| + | color: white; | ||
| + | margin-top: 50px; | ||
| + | margin-bottom: 100px; | ||
| + | |||
| + | } | ||
| + | |||
| + | h3 { | ||
| + | color: black; | ||
| + | font-size: 24pt; | ||
| + | font-family: Helvetica, 'Open Sans', sans-serif; | ||
| + | padding-bottom: 30px; | ||
| + | } | ||
| + | |||
| + | .section { | ||
| + | width: 100%; | ||
| + | max-width: 1140px; | ||
| + | min-width: 960px; | ||
| + | min-height: 600px; | ||
| + | height: auto; | ||
| + | z-index: 10; | ||
| + | position: relative; | ||
| + | margin: 0 auto; | ||
| + | padding: 0 0 20px 0; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | /* SECTIONS */ | ||
| + | .sTop { | ||
| + | min-height: 300px; | ||
| + | color: black; | ||
| + | background: white; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .s1 { | ||
| + | min-height: 500px; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | |||
| + | .s2 { | ||
| + | min-height: 500px; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | |||
| + | .s3 { | ||
| + | min-height: 500px; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | |||
| + | .s4 { | ||
| + | min-height: 500px; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | </head> | ||
| + | |||
| + | |||
| + | |||
| + | <body> | ||
| + | |||
| + | <body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> | ||
| + | |||
| + | <div class="wrap"> | ||
| + | |||
| + | <div class="subMenu"> | ||
| + | <div class="inner"> | ||
| + | <a href="#" id="sTop" class="subNavBtn">Home</a> | ||
| + | <a href="#" id="s1" class="subNavBtn">Background</a> | ||
| + | <a href="#" id="s2" class="subNavBtn">Our Project</a> | ||
| + | <a href="#" id="s3" class="subNavBtn">Team</a> | ||
| + | <a href="#" id="s4" class="subNavBtn">Contact</a> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="section sTop"> | ||
| + | <div class="inner"> | ||
| + | <!-- <img src="https://static.igem.org/mediawiki/2014/1/14/Tue2014_RBC_Img_bearb.jpg" style="width: 1920px; margin-left:-490px; margin-top:-200px; position: relative;"> --> | ||
| + | |||
| + | <!-- <img src="https://static.igem.org/mediawiki/2014/e/e6/Tue2014_BackgroundBokeh_2.png" style="width: 1920px; margin-left:-490px; margin-top:-290px; position:relative"> --> | ||
| + | |||
| + | <img src="https://static.igem.org/mediawiki/2014/8/8d/Tue2014_BackgroundBokeh_3.jpg" style="width: 1920px; margin-left:-490px; margin-top:-250px; position:relative"> | ||
| + | |||
| + | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/6c/Tue2014_IGEM_basic_Logo_white_stylized_small.png" style="width:120px; top: 0px; right: 10px; position: absolute;"></a> | ||
| + | |||
| + | <!-- <img src="https://static.igem.org/mediawiki/2014/a/a1/Tue2014_TeamLogo_Tropfen%25Schere_5.png" style="width: 300px; top: 0px; right: 50px; position: absolute;"> --> | ||
| + | |||
| + | <!-- <img src="https://static.igem.org/mediawiki/2014/7/78/Tue2014_TeamLogo_Tropfen%25Schere_6.png" style="width:800px; left: 70px; position: relative;"> --> | ||
| + | |||
| + | <img src="https://static.igem.org/mediawiki/2014/a/ac/Tue2014_TeamLogo_Tropfen%25Schere_T-ECO_3.png" style="width:800px; left: 70px; top: 100px; position: absolute;"> | ||
| + | |||
| + | </div> | ||
| + | <br class="clear"> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div style="height: 20px"> | ||
| + | </div> | ||
| + | |||
| + | <div class="section s1"> | ||
| + | <div class="inner"> | ||
| + | <h3>Background Information</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | ||
| + | |||
| + | <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="section s2"> | ||
| + | <div class="inner"> | ||
| + | <h3>Our Project</h3> | ||
| + | |||
| + | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | ||
| + | |||
| + | <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,</p> | ||
| + | |||
| + | <p> </p> | ||
| + | |||
| + | <div style="text-align: center"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/7/74/Tue2014_conversion_scheme.png" style="width: 900px"> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="section s3"> | ||
| + | <div class="inner"> | ||
| + | <h3>Team</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="section s4"> | ||
| + | <div class="inner"> | ||
| + | <h3>Contact</h3> | ||
| + | <p> </p> | ||
| + | <p style="font-weight: bold">Write us a letter!</p> | ||
| + | <div style="position: relative; left: 60px"> | ||
| + | <p>iGEM Team Tuebingen</p> | ||
| + | <p>AG Jansen</p> | ||
| + | <p>Interfakultaeres Institut für Biochemie</p> | ||
| + | <p>Hoppe-Seyler-Strasse 4</p> | ||
| + | <p>72076 Tuebingen</p> | ||
| + | <p>Germany</p> | ||
| + | <p style="font-size: 12px"><a href="https://www.google.de/maps/place/IFIB+Interfaculty+Institute+of+Biochemistry,+University+of+T%C3%BCbingen/@48.5309039,9.0384477,17z/data=!4m2!3m1!1s0x0:0x8947a625867a39e">see in GoogleMaps</a></p> | ||
| + | </div> | ||
| + | |||
| + | <p> </p> | ||
| + | <p style="font-weight: bold">Write us an e-mail!</p> | ||
| + | <div style="position: relative; left: 60px"> | ||
| + | <p><a href="mailto:igem.tuebingen@gmail.com">igem.tuebingen@gmail.com</a></p> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <p> </p> | ||
| + | <p style="color: black; font-size: 12pt; float: right;">This site was created using <a href="http://outyear.co.uk/smint/" style="color: #A51E37;">SMINT</a> by Robert McCracken!</p> | ||
| + | |||
| + | <p> </p> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | |||
| + | <!-- google analytics --> | ||
| + | <html> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | var _gaq = _gaq || []; | ||
| + | _gaq.push(['_setAccount', 'UA-39523076-1']); | ||
| + | _gaq.push(['_trackPageview']); | ||
| + | |||
| + | (function() { | ||
| + | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
| + | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
| + | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
| + | })(); | ||
| + | |||
| + | </script> | ||
| + | </html> | ||
Revision as of 18:39, 30 May 2014
Background Information
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,
Our Project
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,
Team
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Contact
Write us a letter!
iGEM Team Tuebingen
AG Jansen
Interfakultaeres Institut für Biochemie
Hoppe-Seyler-Strasse 4
72076 Tuebingen
Germany
Write us an e-mail!
This site was created using SMINT by Robert McCracken!
