"
Template:Team:TU Munich/Header
From 2012.igem.org
(Difference between revisions)
| (166 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> | ||
| + | <link rel="stylesheet" href="https://2011.igem.org/Team:TU_Munich/slimbox2.css?action=raw&ctype=text/css" type="text/css" media="screen"> | ||
<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 { | ||
| + | height: 150px; | ||
| + | box-shadow: 0px 0px 0px rgba(0,0,0,0); | ||
| + | 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 { | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
| - | width: | + | width: 435px; |
| - | height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
} | } | ||
| Line 20: | Line 61: | ||
display: block; | display: block; | ||
float: right; | float: right; | ||
| - | width: | + | width: 435px; |
| - | height: | + | min-height: 300px; |
padding: 10px; | padding: 10px; | ||
| + | } | ||
| + | |||
| + | div.mfull { | ||
| + | display: block; | ||
| + | float: center; | ||
| + | width: 920px; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | |||
| + | .magnify { | ||
| + | display: none; | ||
} | } | ||
| Line 40: | Line 92: | ||
} | } | ||
| - | .team | + | .team { |
padding: 5px; | padding: 5px; | ||
| + | |||
} | } | ||
| Line 48: | Line 101: | ||
} | } | ||
| - | h3 { | + | .team h3 { |
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
| Line 54: | Line 107: | ||
| - | .limonene { | + | div.limonene { |
border: medium solid rgb(116, 183, 112); | border: medium solid rgb(116, 183, 112); | ||
} | } | ||
| Line 64: | Line 117: | ||
div.limonene h4 { | div.limonene h4 { | ||
color: rgb(116, 183, 112); | color: rgb(116, 183, 112); | ||
| + | } | ||
| + | |||
| + | p.limonene b { | ||
| + | color: rgb(116, 183, 112); | ||
| + | } | ||
| + | |||
| + | div.modeling{ | ||
| + | border: medium solid rgb(97, 0, 194); | ||
| + | } | ||
| + | |||
| + | div.modeling h3 { | ||
| + | color: rgb(97, 0, 194); | ||
| + | } | ||
| + | |||
| + | div.modeling h4 { | ||
| + | color: rgb(97, 0, 194); | ||
| + | } | ||
| + | |||
| + | p.modeling b { | ||
| + | color: rgb(97, 0, 194); | ||
| + | } | ||
| + | |||
| + | div.theory{ | ||
| + | border: medium solid rgb(255, 133, 133); | ||
| + | } | ||
| + | |||
| + | div.theory h3 { | ||
| + | color: rgb(255, 133, 133); | ||
| + | } | ||
| + | |||
| + | div.theory h4 { | ||
| + | color: rgb(255, 133, 133); | ||
| + | } | ||
| + | |||
| + | p.theory b { | ||
| + | color: rgb(255, 133, 133); | ||
| + | } | ||
| + | |||
| + | div.hrns{ | ||
| + | border: medium solid rgb(0, 194, 194); | ||
| + | } | ||
| + | |||
| + | div.hrns h3 { | ||
| + | color: rgb(0, 194, 194); | ||
| + | } | ||
| + | |||
| + | div.hrns h4 { | ||
| + | color: rgb(0, 194, 194); | ||
| + | } | ||
| + | |||
| + | p.hrns b { | ||
| + | color: rgb(0, 194, 194); | ||
| + | } | ||
| + | |||
| + | div.ethanol_inducible_promoter{ | ||
| + | border: medium solid rgb(0, 102, 0); | ||
| + | } | ||
| + | |||
| + | div.ethanol_inducible_promoter h3 { | ||
| + | color: rgb(0, 102, 0); | ||
| + | } | ||
| + | |||
| + | div.ethanol_inducible_promoter h4 { | ||
| + | color: rgb(0, 102, 0); | ||
| + | } | ||
| + | |||
| + | p.ethanol_inducible_promoter b { | ||
| + | color: rgb(0, 102, 0); | ||
} | } | ||
| - | .coumaryl { | + | div.coumaryl { |
border: medium solid rgb(255, 122, 97); | border: medium solid rgb(255, 122, 97); | ||
} | } | ||
| Line 76: | Line 197: | ||
div.coumaryl h4 { | div.coumaryl h4 { | ||
| + | color: rgb(255, 122, 97); | ||
| + | } | ||
| + | p.coumaryl b { | ||
color: rgb(255, 122, 97); | color: rgb(255, 122, 97); | ||
} | } | ||
| - | .thaumatin { | + | div.thaumatin { |
border: medium solid rgb(202, 85, 85); | border: medium solid rgb(202, 85, 85); | ||
} | } | ||
| Line 92: | Line 216: | ||
} | } | ||
| + | p.thaumatin b { | ||
| + | color: rgb(202, 85, 85); | ||
| + | } | ||
| - | .caffeine { | + | div.caffeine { |
border: medium solid rgb(192, 167, 4); | border: medium solid rgb(192, 167, 4); | ||
} | } | ||
| Line 102: | Line 229: | ||
div.caffeine h4 { | div.caffeine h4 { | ||
| + | color: rgb(192, 167, 4); | ||
| + | } | ||
| + | |||
| + | p.caffeine b { | ||
color: rgb(192, 167, 4); | color: rgb(192, 167, 4); | ||
} | } | ||
| - | .promoters { | + | div.promoters { |
border: medium solid rgb(0, 32, 96); | border: medium solid rgb(0, 32, 96); | ||
} | } | ||
| Line 118: | Line 249: | ||
} | } | ||
| - | .constitutive_promoter { | + | p.promoters b { |
| + | color: rgb(0, 32, 96); | ||
| + | } | ||
| + | |||
| + | div.constitutive_promoter { | ||
border: medium solid rgb(115, 208, 255); | border: medium solid rgb(115, 208, 255); | ||
} | } | ||
| Line 126: | Line 261: | ||
} | } | ||
| - | .light_switchable_promoter { | + | div.constitutive_promoter h4 { |
| + | color: rgb(115, 208, 255); | ||
| + | } | ||
| + | |||
| + | p.constitutive_promoter b { | ||
| + | color: rgb(115, 208, 255); | ||
| + | } | ||
| + | |||
| + | div.light_switchable_promoter { | ||
border: medium solid rgb(0, 32, 96); | border: medium solid rgb(0, 32, 96); | ||
} | } | ||
| Line 134: | Line 277: | ||
} | } | ||
| - | .integration { | + | div.light_switchable_promoter h4 { |
| + | color: rgb(0, 32, 96); | ||
| + | } | ||
| + | |||
| + | p.light_switchable_promoter b { | ||
| + | color: rgb(0, 32, 96); | ||
| + | } | ||
| + | |||
| + | div.integration { | ||
border: medium solid rgb(222, 77, 185); | border: medium solid rgb(222, 77, 185); | ||
} | } | ||
| Line 144: | Line 295: | ||
color: rgb(222, 77, 185); | color: rgb(222, 77, 185); | ||
} | } | ||
| - | + | p.integration b { | |
color: rgb(222, 77, 185); | color: rgb(222, 77, 185); | ||
} | } | ||
| - | .vector_design { | + | div.vector_design { |
border: medium solid rgb(166, 126, 166); | border: medium solid rgb(166, 126, 166); | ||
} | } | ||
| Line 160: | Line 311: | ||
} | } | ||
| - | + | p.vector_design b { | |
color: rgb(166, 126, 166); | color: rgb(166, 126, 166); | ||
} | } | ||
| - | 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); | ||
| + | } | ||
| + | |||
| + | h1, h2 { | ||
| + | clear: both; | ||
} | } | ||
| Line 190: | Line 350: | ||
position: absolute; | position: absolute; | ||
top: 20px; | top: 20px; | ||
| + | background-color: white; | ||
} | } | ||
#content table#toc.toc:hover { | #content table#toc.toc:hover { | ||
left: 0px; | left: 0px; | ||
| - | top: | + | top: 25px; |
position: fixed; | position: fixed; | ||
overflow: auto; | overflow: auto; | ||
| - | width: | + | width: 250px; |
| + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); | ||
} | } | ||
#content table#toc.toc { | #content table#toc.toc { | ||
| - | left: - | + | left: -240px; |
| - | top: | + | top: 20px; |
position: fixed; | position: fixed; | ||
overflow: auto; | overflow: auto; | ||
| - | width: | + | width: 250px; |
| + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); | ||
} | } | ||
| Line 218: | Line 381: | ||
padding: 5px; | padding: 5px; | ||
margin: 5px; | margin: 5px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | #content .thumbinner { | ||
| + | border: 0px; | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | padding: 5px; | ||
| + | margin: 5px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | #content .thumbinner img { | ||
| + | border: 0px; | ||
| + | box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); | ||
| + | padding: 0px; | ||
| + | margin-bottom: 5px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | div.thumb div { | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | div.thumb.tright { | ||
| + | border-color: transparent; | ||
| + | } | ||
| + | |||
| + | #content embed { | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | padding: 5px; | ||
| + | margin: 5px; | ||
| + | background-color: white; | ||
| + | |||
} | } | ||
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; | ||
| + | clear: both; | ||
} | } | ||
| Line 248: | Line 446: | ||
#top-section:hover li { | #top-section:hover li { | ||
display: inline; | display: inline; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
body { | body { | ||
| - | background-color: | + | 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 343: | Line 456: | ||
} | } | ||
| + | div#globalWrapper { | ||
| + | background: url("https://static.igem.org/mediawiki/2012/2/21/Hintergrund2.jpg") no-repeat scroll 0% 0% transparent; | ||
| + | overflow:hidden; | ||
| + | min-height: 2000px; | ||
| + | display:block; | ||
| + | margin-left:10px | ||
| + | margin-right:10px | ||
| + | background-attachment:fixed; | ||
| + | background-position:center top; | ||
| + | } | ||
| - | #content { | + | |
| - | background: none repeat scroll 0 center | + | div#content { |
| - | + | background: none repeat scroll 0 center rgb(255,255,255); | |
| - | border- | + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); |
| - | border- | + | border-width: 1px; |
| + | border-style: solid; | ||
| + | border-color: rgb(229, 229, 229) rgb(219, 219, 219) rgb(210, 210, 210); | ||
color: black; | color: black; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
margin: 0 auto; | margin: 0 auto; | ||
overflow: hidden; | overflow: hidden; | ||
| - | padding: | + | padding: 10px 20px; |
position: relative; | position: relative; | ||
width: 950px; | width: 950px; | ||
| + | min-height: 700px; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 417: | Line 543: | ||
#footer-box{ | #footer-box{ | ||
| - | + | background: none repeat scroll 0 center white; | |
| - | + | box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); | |
| - | border: 1px solid | + | border-width: 1px; |
| + | border-style: solid; | ||
| + | border-color: rgb(229, 229, 229) rgb(219, 219, 219) rgb(210, 210, 210); | ||
| + | color: black; | ||
| + | line-height: 1.5em; | ||
| + | margin: 0 auto; | ||
| + | overflow: hidden; | ||
| + | padding: 10px 20px; | ||
| + | position: relative; | ||
| + | width: 950px; | ||
| + | z-index: 2; | ||
| + | margin-top: 15px; | ||
} | } | ||
| Line 429: | Line 566: | ||
padding: 0px; | padding: 0px; | ||
position: relative; | position: relative; | ||
| - | color: | + | color:rgb(0,33,67); |
height:30px; | height:30px; | ||
} | } | ||
| Line 440: | 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 449: | 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; | ||
margin:0; | margin:0; | ||
} | } | ||
| - | |||
| - | |||
#navigation ul li a { | #navigation ul li a { | ||
| Line 464: | Line 599: | ||
display:block; | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
| - | color: | + | color:rgb(0,33,67); |
} | } | ||
| Line 474: | Line 609: | ||
color:white; | color:white; | ||
} | } | ||
| - | |||
#navigation ul li ul { | #navigation ul li ul { | ||
| Line 491: | 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; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | * jQuery UI CSS Framework 1.8.14 | ||
| + | * | ||
| + | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) | ||
| + | * Dual licensed under the MIT or GPL Version 2 licenses. | ||
| + | * http://jquery.org/license | ||
| + | * | ||
| + | * http://docs.jquery.com/UI/Theming/API | ||
| + | */ | ||
| + | /* Corner radius */ | ||
| + | |||
| + | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { | ||
| + | -moz-border-radius-topright: 6px; | ||
| + | -webkit-border-top-right-radius: 6px; | ||
| + | -khtml-border-top-right-radius: 6px; | ||
| + | border-top-right-radius: 6px; | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | } | ||
| + | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { | ||
| + | -moz-border-radius-topleft: 6px; | ||
| + | -webkit-border-top-left-radius: 6px; | ||
| + | -khtml-border-top-left-radius: 6px; | ||
| + | border-top-left-radius: 6px; | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | } | ||
| + | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { | ||
| + | -moz-border-radius-bottomleft: 6px; | ||
| + | -webkit-border-bottom-left-radius: 6px; | ||
| + | -khtml-border-bottom-left-radius: 6px; | ||
| + | border-bottom-left-radius: 6px; | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | } | ||
| + | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { | ||
| + | -moz-border-radius-bottomright: 6px; | ||
| + | -webkit-border-bottom-right-radius: 6px; | ||
| + | -khtml-border-bottom-right-radius: 6px; | ||
| + | border-bottom-right-radius: 6px; | ||
| + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
| + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| + | } | ||
| + | |||
| + | /* Overlays */ | ||
| + | .ui-widget-overlay { | ||
| + | background: #686868 | ||
| + | url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | ||
| + | opacity: .30; | ||
| + | filter:Alpha(Opacity=30); | ||
| + | } | ||
| + | |||
| + | .ui-widget-shadow { | ||
| + | margin: -8px 0 0 -8px; | ||
| + | padding: 8px; | ||
| + | background: #686868 | ||
| + | url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | ||
| + | opacity: .30; | ||
| + | filter:Alpha(Opacity=30); | ||
| + | } | ||
| + | |||
| + | #content a[href^="https://"], .link-https { | ||
| + | background-image: none !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 509: | Line 762: | ||
$(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 516: | Line 770: | ||
//$("table#toc.toc").css({width: '180px'}) | //$("table#toc.toc").css({width: '180px'}) | ||
$("div#toctitle").css({display: 'none'}) | $("div#toctitle").css({display: 'none'}) | ||
| + | $("a.image").attr('rel','lightbox') | ||
$("table#toc.toc").append('<img id="imgContent" src="https://static.igem.org/mediawiki/2012/8/8e/TUM12_Contents.jpg" />') | $("table#toc.toc").append('<img id="imgContent" src="https://static.igem.org/mediawiki/2012/8/8e/TUM12_Contents.jpg" />') | ||
$(".bezel").addClass("ui-corner-all") | $(".bezel").addClass("ui-corner-all") | ||
| + | $("div.thumbinner").width(function(i,width){ | ||
| + | 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') | ||
}); | }); | ||
</script> | </script> | ||
</head> | </head> | ||
| + | <body> | ||
| + | <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="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> | ||
| + | |||
| + | |||
| + | </body> | ||
</html> | </html> | ||
{{Team:TU_Munich/Menu}} | {{Team:TU_Munich/Menu}} | ||
| + | ---- | ||
Latest revision as of 14:25, 21 October 2012
