Template:Team:TU Munich/LabHeader
From 2012.igem.org
(Difference between revisions)
(27 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
#bodyContent .labbook h1 { | #bodyContent .labbook h1 { | ||
Line 8: | Line 7: | ||
text-align:center; | text-align:center; | ||
color:white; | color:white; | ||
- | background-color: | + | background-color: rgb(0,33,67); |
margin: 15px 0; | margin: 15px 0; | ||
padding: 0.5em 0; | padding: 0.5em 0; | ||
Line 59: | Line 58: | ||
margin: 5px 0; | margin: 5px 0; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 75: | Line 65: | ||
#labselect { | #labselect { | ||
- | |||
position: fixed; | position: fixed; | ||
right: 0px; | right: 0px; | ||
- | top: | + | top: 20px; |
- | width: | + | width: 130px; |
+ | font-size:80%; | ||
background: rgb(255,255,255); | background: rgb(255,255,255); | ||
} | } | ||
#labselect:hover { | #labselect:hover { | ||
- | |||
position: fixed; | position: fixed; | ||
right: 0px; | right: 0px; | ||
- | top: | + | top: 20px; |
- | width: | + | width: 130px; |
+ | font-size:80%; | ||
background: rgb(255,255,255); | background: rgb(255,255,255); | ||
} | } | ||
Line 116: | Line 106: | ||
} | } | ||
+ | h1, h2 { | ||
+ | text-shadow: 0px 0px 0px; | ||
+ | } | ||
</style> | </style> | ||
<script style="text/js"> | <script style="text/js"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
+ | $('.labbook ul').css({display: 'none'}) | ||
+ | $('.labbook p').css({display: 'none'}) | ||
+ | $('.labbook table').css({display: 'none'}) | ||
+ | //$('.labbook div div').css({display: 'none'}) | ||
$("table").addClass("wikitable"); | $("table").addClass("wikitable"); | ||
$("div.vector_design").addClass("experiment"); | $("div.vector_design").addClass("experiment"); | ||
Line 127: | Line 124: | ||
$("div.constitutive_promoter").addClass("experiment"); | $("div.constitutive_promoter").addClass("experiment"); | ||
$("div.light_switchable_promoter").addClass("experiment"); | $("div.light_switchable_promoter").addClass("experiment"); | ||
+ | $("div.ethanol_inducible_promoter").addClass("experiment"); | ||
$("div.caffeine").addClass("experiment"); | $("div.caffeine").addClass("experiment"); | ||
$("div.integration").addClass("experiment"); | $("div.integration").addClass("experiment"); | ||
Line 138: | Line 136: | ||
$('.'+this.value+' ul').css({display: 'block'}) | $('.'+this.value+' ul').css({display: 'block'}) | ||
$('.'+this.value+' pre').css({display: 'block'}) | $('.'+this.value+' pre').css({display: 'block'}) | ||
+ | $('.'+this.value+' div').css({display: 'block'}) | ||
} else { | } else { | ||
$('.'+this.value+' p').css({display: 'none'}) | $('.'+this.value+' p').css({display: 'none'}) | ||
Line 143: | Line 142: | ||
$('.'+this.value+' ul').css({display: 'none'}) | $('.'+this.value+' ul').css({display: 'none'}) | ||
$('.'+this.value+' pre').css({display: 'none'}) | $('.'+this.value+' pre').css({display: 'none'}) | ||
+ | $('.'+this.value+' div').css({display: 'none'}) | ||
} | } | ||
}); | }); | ||
Line 152: | Line 152: | ||
$('.'+this.value+' ul').css({display: 'block'}) | $('.'+this.value+' ul').css({display: 'block'}) | ||
$('.'+this.value+' pre').css({display: 'block'}) | $('.'+this.value+' pre').css({display: 'block'}) | ||
+ | $('.'+this.value+' div').css({display: 'block'}) | ||
$('.'+this.value).addClass('displayed') | $('.'+this.value).addClass('displayed') | ||
} else { | } else { | ||
Line 157: | Line 158: | ||
$('.'+this.value+' table').css({display: 'none'}) | $('.'+this.value+' table').css({display: 'none'}) | ||
$('.'+this.value+' ul').css({display: 'none'}) | $('.'+this.value+' ul').css({display: 'none'}) | ||
+ | $('.'+this.value+' pre').css({display: 'none'}) | ||
$('.'+this.value+' pre').css({display: 'none'}) | $('.'+this.value+' pre').css({display: 'none'}) | ||
$('.'+this.value).removeClass('displayed') | $('.'+this.value).removeClass('displayed') | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
}); | }); | ||
$('#ExAll').click(function() { | $('#ExAll').click(function() { | ||
- | $('a').addClass('detailed') | + | $('.labbook a').addClass('detailed') |
$('.experiment h3 span.mw-headline').addClass('displayed') | $('.experiment h3 span.mw-headline').addClass('displayed') | ||
- | $('p').css({display: 'block'}) | + | $('.labbook p').css({display: 'block'}) |
- | $('table').css({display: 'table'}) | + | $('.labbook table').css({display: 'table'}) |
- | $('ul').css({display: 'block'}) | + | $('.labbook ul').css({display: 'block'}) |
- | $('pre').css({display: 'block'}) | + | $('.labbook pre').css({display: 'block'}) |
- | $('. | + | $('.labbook .experiment div').css({display: 'block'}) |
+ | }); | ||
+ | $('#ColAll').click(function() { | ||
+ | $('.labbook a').removeClass('detailed') | ||
+ | $('.experiment h3 span.mw-headline').removeClass('displayed') | ||
+ | $('.labbook p').css({display: 'none'}) | ||
+ | $('.labbook table').css({display: 'none'}) | ||
+ | $('.labbook ul').css({display: 'none'}) | ||
+ | $('.labbook pre').css({display: 'none'}) | ||
+ | $('.labbook .experiment div').css({display: 'none'}) | ||
}); | }); | ||
- | $('.experiment h3 | + | $('.experiment h3').attr({ onMouseOver: "this.style.cursor='pointer'"}) |
$("table#toc.toc").css({ display: 'none'}); | $("table#toc.toc").css({ display: 'none'}); | ||
+ | $(".experiment ul li ul").css({display: 'block'}) | ||
}); | }); | ||
</script> | </script> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 00:18, 27 October 2012