User:SvenB
From 2013.igem.org
(Difference between revisions)
(137 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <!-- template base for all sites --> | ||
+ | <!-- styles --> | ||
+ | </html> | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
+ | <link href="http://igemtuebingen.coffeecup.com/iGEM_2013/SvenB/CSS.css" rel="stylesheet" type="text/css"> | ||
+ | |||
+ | <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: black; | ||
+ | } | ||
+ | |||
+ | #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: 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: black; | ||
+ | } | ||
+ | |||
+ | #footer-box a{ | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #footer-box a:hover { | ||
+ | color: white; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #footer-box a:active { | ||
+ | color: white; | ||
+ | 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: black; | ||
+ | font-family: 'Open Sans', Arial, sans-serif; | ||
+ | font-size: 9pt; | ||
+ | } | ||
+ | |||
+ | #content { /* ------------------------------------------------- #CONTENT */ | ||
+ | background-color: black !important; | ||
+ | margin: 0px auto !important; | ||
+ | border: none !important; | ||
+ | padding: 0px !important; | ||
+ | position: relative; | ||
+ | width: 1000px; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div#bodyContent { /* ------------------------------------------------- #BODYCONTENT */ | ||
+ | background-color: black; | ||
+ | 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: black; | ||
+ | padding-top: 0em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #actualContent p { | ||
+ | line-height: 26px; | ||
+ | margin-bottom: 16px; | ||
+ | } | ||
+ | |||
+ | p a:hover { | ||
+ | color: white; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | p a:active { | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
+ | |||
+ | |||
<body> | <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">Was ist iGEM?</a> | |
- | + | <a href="#" id="s2" class="subNavBtn">Projekt 2013</a> | |
- | + | <a href="#" id="s3" class="subNavBtn">Wie gehts weiter?</a> | |
- | < | + | <a href="#" id="s4" class="subNavBtn">Mitglied werden?</a> |
+ | <a href="#" id="s5" class="subNavBtn end">Kontakt</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="section sTop"> | ||
+ | <div class="inner"> | ||
+ | <a href="https://2013.igem.org/Team:Tuebingen"><img src="https://static.igem.org/mediawiki/2013/0/0a/Logo_text_white.png" style="width: 320px; float: left; margin-top: -30px"></a> | ||
+ | |||
+ | <a href="https://2013.igem.org/Main_Page" id="homeLink"><img src="https://static.igem.org/mediawiki/2013/0/06/IGEM_Logo_Shaddow_White.png" style="width:270px; float: right; margin-top: -30px"></a> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2013/7/7a/TueWeWantYou.png" style="width: 900px; margin-left:30px"> | ||
+ | </div> | ||
+ | <br class="clear"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <hr style="margin-bottom: 50px; margin-top: 85px;"> | ||
+ | |||
+ | <div class="section s1"> | ||
+ | <div class="inner"> | ||
+ | <h3>Was ist iGEM?</h3> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr> | ||
+ | |||
+ | <div class="section s2"> | ||
+ | <div class="inner"> | ||
+ | <h3>Projekt 2013</h3> | ||
+ | |||
+ | <div style="width: auto; height: auto; text-align: center; margin-top: 50px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/4/46/Tue_NoProgestin_black.PNG" style="width: 900px;"> | ||
+ | |||
+ | <div style="width: 20px; height: 100px; background-color: transparent;"></div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2013/c/c1/Tue_WithProgestin_black.PNG" style="width: 900px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr> | ||
+ | |||
+ | <div class="section s3"> | ||
+ | <div class="inner"> | ||
+ | <h3>Wie gehts weiter?</h3> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr> | ||
+ | |||
+ | <div class="section s4"> | ||
+ | <div class="inner"> | ||
+ | <h3>Mitglied werden?</h3> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <hr> | ||
+ | |||
+ | <div class="section s5"> | ||
+ | <div class="inner"> | ||
+ | <h3>Kontakt</h3> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <p style="color: white; font-size: 12pt; float: right;">Site was created using <a href="http://outyear.co.uk/smint/" style="color: #A51E37;">SMINT</a> by Robert McCracken.</p> | ||
+ | <p> </p> | ||
+ | |||
+ | </div> | ||
</body> | </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> | </html> |
Latest revision as of 20:33, 16 October 2013
Was ist iGEM?
Projekt 2013
Wie gehts weiter?
Mitglied werden?
Kontakt
Site was created using SMINT by Robert McCracken.