"
Template:Team:TU Munich/Header
From 2012.igem.org
(Difference between revisions)
| (95 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
| - | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1. | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> |
| - | <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8. | + | <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> |
<script language="JavaScript" src="https://2012.igem.org/Template:Team:TU_Munich/crumbs.js?action=raw&ctype=text/js"></script> | <script language="JavaScript" src="https://2012.igem.org/Template:Team:TU_Munich/crumbs.js?action=raw&ctype=text/js"></script> | ||
<script src="https://2011.igem.org/Team:TU_Munich/slimbox2.js?action=raw&ctype=text/js" type="text/javascript"></script> | <script src="https://2011.igem.org/Team:TU_Munich/slimbox2.js?action=raw&ctype=text/js" type="text/javascript"></script> | ||
| Line 9: | Line 9: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | .editsection { | ||
| + | //display: none; | ||
| + | } | ||
| + | |||
| + | a.nohover:hover { | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | p { | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | div.brick { | ||
| + | float:left; | ||
| + | display:block; | ||
| + | width:290px; | ||
| + | } | ||
#content img#logo { | #content img#logo { | ||
| Line 14: | Line 32: | ||
box-shadow: 0px 0px 0px rgba(0,0,0,0); | box-shadow: 0px 0px 0px rgba(0,0,0,0); | ||
margin-left: 30px; | margin-left: 30px; | ||
| + | } | ||
| + | |||
| + | #content img#igem { | ||
| + | box-shadow: 0px 0px 0px rgba(0,0,0,0); | ||
| + | margin-left: 30px; | ||
| + | float:right; | ||
| + | } | ||
| + | |||
| + | #content .noborder img{ | ||
| + | box-shadow: 0px 0px 0px rgba(0,0,0,0); | ||
} | } | ||
| Line 21: | Line 49: | ||
margin-left: 20px; | margin-left: 20px; | ||
} | } | ||
| - | |||
div.mleft { | div.mleft { | ||
| Line 27: | Line 54: | ||
float: left; | float: left; | ||
width: 435px; | width: 435px; | ||
| - | min-height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 35: | Line 62: | ||
float: right; | float: right; | ||
width: 435px; | width: 435px; | ||
| - | min-height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 43: | Line 70: | ||
float: center; | float: center; | ||
width: 920px; | width: 920px; | ||
| - | |||
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 68: | Line 94: | ||
.team { | .team { | ||
padding: 5px; | padding: 5px; | ||
| - | |||
| - | |||
} | } | ||
| Line 147: | Line 171: | ||
} | } | ||
| - | div. | + | div.ethanol_inducible_promoter{ |
| - | border: medium solid rgb(0, 102, | + | border: medium solid rgb(0, 102, 0); |
} | } | ||
| - | div. | + | div.ethanol_inducible_promoter h3 { |
| - | color: rgb(0, 102, | + | color: rgb(0, 102, 0); |
} | } | ||
| - | div. | + | div.ethanol_inducible_promoter h4 { |
| - | color: rgb(0, 102, | + | color: rgb(0, 102, 0); |
} | } | ||
| - | p. | + | p.ethanol_inducible_promoter b { |
| - | color: rgb(0, 102, | + | color: rgb(0, 102, 0); |
} | } | ||
| Line 292: | Line 316: | ||
| - | h1, h2, h3, h4 { | + | h1, h2, h3, h4, h5 { |
color: rgb(0,33,67); | color: rgb(0,33,67); | ||
font-weight: bold; | font-weight: bold; | ||
| Line 335: | Line 359: | ||
overflow: auto; | overflow: auto; | ||
width: 250px; | width: 250px; | ||
| - | box-shadow: 0px | + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); |
} | } | ||
#content table#toc.toc { | #content table#toc.toc { | ||
| Line 343: | Line 367: | ||
overflow: auto; | overflow: auto; | ||
width: 250px; | width: 250px; | ||
| - | box-shadow: 0px | + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); |
} | } | ||
| Line 425: | Line 449: | ||
body { | body { | ||
| - | background-color: rgb(245, | + | background-color: rgb(245, 207, 34); |
color: black; | color: black; | ||
font: x-small "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; | font: x-small "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; | ||
| Line 432: | Line 456: | ||
} | } | ||
| - | #content { | + | div#globalWrapper { |
| - | background: none repeat scroll 0 center | + | background: url("https://static.igem.org/mediawiki/2012/2/21/Hintergrund2.jpg") no-repeat scroll 0% 0% transparent; |
| - | box-shadow: 0px | + | overflow:hidden; |
| + | min-height: 2000px; | ||
| + | display:block; | ||
| + | margin-left:10px | ||
| + | margin-right:10px | ||
| + | background-attachment:fixed; | ||
| + | background-position:center top; | ||
| + | } | ||
| + | |||
| + | |||
| + | div#content { | ||
| + | background: none repeat scroll 0 center rgb(255,255,255); | ||
| + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); | ||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
| Line 445: | Line 481: | ||
position: relative; | position: relative; | ||
width: 950px; | width: 950px; | ||
| + | min-height: 700px; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 507: | Line 544: | ||
#footer-box{ | #footer-box{ | ||
background: none repeat scroll 0 center white; | background: none repeat scroll 0 center white; | ||
| - | box-shadow: 0px | + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); |
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
| Line 540: | Line 577: | ||
#navigation ul li { | #navigation ul li { | ||
| - | background: | + | background: transparent; |
color:rgb(0,33,67); | color:rgb(0,33,67); | ||
| - | width: | + | width:158px; |
float:left; | float:left; | ||
position: relative; | position: relative; | ||
| Line 551: | Line 588: | ||
background:rgb(0,33,67); | background:rgb(0,33,67); | ||
color:white; | color:white; | ||
| - | width: | + | width:158px; |
float:left; | float:left; | ||
position: relative; | position: relative; | ||
| Line 664: | Line 701: | ||
background-image: none !important; | background-image: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| + | } | ||
| + | |||
| + | div#ticker { | ||
| + | background: #fff; | ||
| + | width:718px; | ||
| + | border: 5px solid rgb(0,30,68); | ||
| + | } | ||
| + | |||
| + | .tickercontainer { /* the outer div with the black border */ | ||
| + | border: 0px solid #000; | ||
| + | background: #fff; | ||
| + | width: 718px; | ||
| + | height: 27px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ | ||
| + | position: relative; | ||
| + | left: 10px; | ||
| + | top: 8px; | ||
| + | width: 718px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | ul.newsticker { /* that's your list */ | ||
| + | position: relative; | ||
| + | left: 850px; | ||
| + | font: bold 10px Verdana; | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | |||
| + | } | ||
| + | ul.newsticker li { | ||
| + | float: left; /* important: display inline gives incorrect results when you check for elem's width */ | ||
| + | margin-left: 50px; | ||
| + | padding: 0; | ||
| + | background: #fff; | ||
| + | } | ||
| + | ul.newsticker a { | ||
| + | white-space: nowrap; | ||
| + | padding: 0; | ||
| + | color: #ff0000; | ||
| + | font: bold 10px Verdana; | ||
| + | margin: 0 50px 0 0; | ||
| + | } | ||
| + | ul.newsticker span { | ||
| + | margin: 0 10px 0 0; | ||
} | } | ||
| Line 677: | Line 763: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
//buildBreadCrumbTrail(window.location.pathname); | //buildBreadCrumbTrail(window.location.pathname); | ||
| + | $('body').append("<a href='#' style='float:right;bottom:0px;position:fixed;right:20px;display:block;background-color:white;box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);' class='bezel noborder'><img src='https://static.igem.org/mediawiki/2012/5/55/TUM12_Upbutton.png' height='50px'/></a>"); | ||
//$("table#toc.toc").css({left: '-170px'}) | //$("table#toc.toc").css({left: '-170px'}) | ||
//$("table#toc.toc").css({top: '20%'}) | //$("table#toc.toc").css({top: '20%'}) | ||
| Line 689: | Line 776: | ||
return width + 20; | return width + 20; | ||
}); | }); | ||
| + | $(".slidingDiv").hide(); | ||
| + | $(".show_hide").show(); | ||
| + | $('.show_hide').click(function(){ | ||
| + | $(".slidingDiv#"+this.id).slideToggle(); | ||
| + | }); | ||
| + | $('div#content').append("<div style='bottom:0px;'><hr/><center><b>This website documents the contribution of TU Munich's 2012 iGEM team to the international Genetically Engineered Machine competition. The scope of the contribution is purely academic and the contribution is in no way affiliated to any commercial brewery. The contribution is not intended to promote under-age or irresponsible drinking.</b></center></div>") | ||
| + | $('.bezel.mfull').append("<div style='clear:both'> </div>") | ||
| + | $('.experiment').append("<div style='clear:both'> </div>") | ||
| + | $('.tnone').addClass('center') | ||
| + | $('.tnone').removeClass('tnone') | ||
| + | $('tickercontainer').addClass('ui-corner-all') | ||
}); | }); | ||
| Line 694: | Line 792: | ||
</head> | </head> | ||
<body> | <body> | ||
| - | <a href="https://2012.igem.org/Team:TU_Munich"> | + | <a href="https://2012.igem.org/Team:TU_Munich" class="nohover"> |
<img id="logo" src="https://static.igem.org/mediawiki/2012/1/1d/TUM12_Banner.png"> | <img id="logo" src="https://static.igem.org/mediawiki/2012/1/1d/TUM12_Banner.png"> | ||
<img id="logotext" src="https://static.igem.org/mediawiki/2012/c/ce/TUM12_Logotext.png"> | <img id="logotext" src="https://static.igem.org/mediawiki/2012/c/ce/TUM12_Logotext.png"> | ||
| + | </a> | ||
| + | <a href="https://2012.igem.org/Main_Page" class="nohover"> | ||
| + | <img width="100" id="igem" src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"> | ||
</a> | </a> | ||
Latest revision as of 14:25, 21 October 2012
