"
Template:Team:TU Munich/Header
From 2012.igem.org
(Difference between revisions)
| (103 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 10: | Line 10: | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | #content img# | + | .editsection { |
| - | + | //display: none; | |
| + | } | ||
| + | |||
| + | a.nohover:hover { | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | p { | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | div.brick { | ||
| + | float:left; | ||
| + | display:block; | ||
| + | width:290px; | ||
| + | } | ||
| + | |||
| + | #content img#logo { | ||
| + | height: 150px; | ||
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); | ||
| + | } | ||
| + | |||
| + | #content img#logotext { | ||
| + | height: 150px; | ||
| + | box-shadow: 0px 0px 0px rgba(0,0,0,0); | ||
| + | margin-left: 20px; | ||
| + | } | ||
div.mleft { | div.mleft { | ||
| Line 21: | Line 54: | ||
float: left; | float: left; | ||
width: 435px; | width: 435px; | ||
| - | min-height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 29: | Line 62: | ||
float: right; | float: right; | ||
width: 435px; | width: 435px; | ||
| - | min-height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 37: | Line 70: | ||
float: center; | float: center; | ||
width: 920px; | width: 920px; | ||
| - | |||
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 62: | Line 94: | ||
.team { | .team { | ||
padding: 5px; | padding: 5px; | ||
| - | |||
| - | |||
} | } | ||
| Line 141: | 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 286: | Line 316: | ||
| - | h1, h2, h3, h4 { | + | h1, h2, h3, h4, h5 { |
| - | color: | + | color: rgb(0,33,67); |
font-weight: bold; | font-weight: bold; | ||
| + | text-shadow: 1px 1px 1px rgb(218, 218, 218); | ||
border: 0px; | border: 0px; | ||
| + | } | ||
| + | |||
| + | b { | ||
| + | color: rgb(0,33,67); | ||
} | } | ||
| Line 324: | 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 332: | 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 383: | Line 418: | ||
hr { | hr { | ||
border-top: 1px dotted #aaa; | border-top: 1px dotted #aaa; | ||
| + | box-shadow: 1px 1px 1px rgb(218, 218, 218); | ||
background: #fff; | background: #fff; | ||
margin-bottom: 0.6em; | margin-bottom: 0.6em; | ||
| Line 413: | 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 420: | 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 433: | Line 481: | ||
position: relative; | position: relative; | ||
width: 950px; | width: 950px; | ||
| + | min-height: 700px; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 495: | 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 517: | Line 566: | ||
padding: 0px; | padding: 0px; | ||
position: relative; | position: relative; | ||
| - | color: | + | color:rgb(0,33,67); |
height:30px; | height:30px; | ||
} | } | ||
| Line 528: | Line 577: | ||
#navigation ul li { | #navigation ul li { | ||
| - | background: | + | background: transparent; |
| - | color: | + | color:rgb(0,33,67); |
| - | width: | + | width:158px; |
float:left; | float:left; | ||
position: relative; | position: relative; | ||
| Line 537: | Line 586: | ||
#navigation ul li:hover { | #navigation ul li:hover { | ||
| - | background: | + | background:rgb(0,33,67); |
color:white; | color:white; | ||
| - | width: | + | width:158px; |
float:left; | float:left; | ||
position: relative; | position: relative; | ||
| Line 550: | Line 599: | ||
display:block; | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
| - | color: | + | color:rgb(0,33,67); |
} | } | ||
| Line 576: | Line 625: | ||
#navigation ul li:hover ul li a { | #navigation ul li:hover ul li a { | ||
background:#fff; | background:#fff; | ||
| - | color: | + | color:rgb(0,33,67); |
} | } | ||
#navigation ul li:hover ul li a:hover { | #navigation ul li:hover ul li a:hover { | ||
| - | background: | + | background:rgb(0,33,67); |
color:white; | color:white; | ||
} | } | ||
| Line 652: | 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 665: | 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 677: | 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 682: | 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=" | + | <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"> | ||
</a> | </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> | ||
| + | |||
</body> | </body> | ||
| Line 690: | Line 805: | ||
{{Team:TU_Munich/Menu}} | {{Team:TU_Munich/Menu}} | ||
| + | ---- | ||
Latest revision as of 14:25, 21 October 2012
