Template:Team:TU Munich/LabHeader

From 2012.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
#bodyContent .labbook h1 {
 +
    font-size: 125%;
 +
    text-align:center;
 +
    color:white;
 +
    background-color: rgb(0,33,67);
 +
    margin: 15px 0;
 +
    padding: 0.5em 0;
 +
}
#bodyContent h2 {
#bodyContent h2 {
 +
    font-size: 125%;
 +
    font-weight: normal;
     text-align:center;
     text-align:center;
     color:white;
     color:white;
Line 18: Line 29:
h3 {
h3 {
 +
    font-size: 100%;
     color:#002BB8;
     color:#002BB8;
     margin: 0 10px;
     margin: 0 10px;
 +
    font-weight: bold;
}
}
Line 44: Line 57:
.experiment {
.experiment {
     margin: 5px 0;
     margin: 5px 0;
 +
    padding-bottom: 5px;
}
}
 +
div.labbook {
-
.vector_design {
 
-
    border: medium solid rgb(166, 126, 166);
 
-
}
 
-
div.vector_design h3 {
 
-
    color: rgb(166, 126, 166);
 
}
}
-
.limonene {
+
#labselect {
-
     border: medium solid rgb(116, 183, 112);
+
     position: fixed;
 +
    right: 0px;
 +
    top: 20px;
 +
    width: 130px;
 +
    font-size:80%;
 +
    background: rgb(255,255,255);
}
}
-
div.limonene h3 {
+
#labselect:hover {
-
     color: rgb(116, 183, 112);
+
     position: fixed;
 +
    right: 0px;
 +
    top: 20px;
 +
    width: 130px;
 +
    font-size:80%;
 +
    background: rgb(255,255,255);
}
}
-
.coumaryl {
+
#ladder {
-
     border: medium solid rgb(255, 122, 97);
+
     border: 1px solid rgb(47, 111, 171);
-
}
+
-
 
+
-
div.coumaryl h3 {
+
-
    color: rgb(255, 122, 97);
+
-
}
+
-
 
+
-
.thaumatin {
+
-
    border: medium solid rgb(202, 85, 85);
+
-
}
+
-
 
+
-
div.thaumatin h3 {
+
-
    color: rgb(202, 85, 85);
+
-
}
+
-
 
+
-
.caffeine {
+
-
    border: medium solid rgb(211, 254, 113);
+
-
}
+
-
div.caffeine h3 {
+
-
    color: rgb(211, 254, 113);
+
-
}
+
-
 
+
-
.constitutive_promoter {
+
-
    border: medium solid rgb(115, 208, 255);
+
-
}
+
-
div.constitutive_promoter h3 {
+
-
    color: rgb(115, 208, 255);
+
-
}
+
-
 
+
-
.light_switchable_promoter {
+
-
    border: medium solid rgb(0, 32, 96);
+
-
}
+
-
div.light_switchable_promoter h3 {
+
-
    color: rgb(0, 32, 96);
+
-
}
+
-
 
+
-
#MJune {
+
-
    display: none;
+
-
}
+
-
 
+
-
#MJuly {
+
-
    display: none;
+
-
}
+
-
 
+
-
div.labbook {
+
-
 
+
-
}
+
-
 
+
-
#labselect {
+
-
   
+
     position: fixed;
     position: fixed;
-
     right: -100px;
+
     left: -130px;
-
     top: 50px;
+
     top: 20px;
     width: 150px;
     width: 150px;
 +
    margin: 0px;
     background: rgb(255,255,255);
     background: rgb(255,255,255);
}
}
-
#ladder {
+
#ladder:hover {
     border: 1px solid rgb(47, 111, 171);
     border: 1px solid rgb(47, 111, 171);
     position: fixed;
     position: fixed;
Line 134: 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");
-
   $(".vector_design").addClass("experiment");
+
   $("div.vector_design").addClass("experiment");
-
   $(".coumaryl").addClass("experiment");
+
   $("div.coumaryl").addClass("experiment");
-
   $(".limonene").addClass("experiment");
+
   $("div.limonene").addClass("experiment");
-
   $(".thaumatin").addClass("experiment");
+
   $("div.thaumatin").addClass("experiment");
-
   $(".constitutive_promoter").addClass("experiment");
+
   $("div.constitutive_promoter").addClass("experiment");
-
   $(".light_switchable_promoter").addClass("experiment");
+
   $("div.light_switchable_promoter").addClass("experiment");
-
   $(".caffeine").addClass("experiment");
+
   $("div.ethanol_inducible_promoter").addClass("experiment");
-
   $(".experiment").addClass("ui-corner-all");
+
  $("div.caffeine").addClass("experiment");
 +
   $("div.integration").addClass("experiment");
 +
  $("div.experiment").addClass("ui-corner-all");
   $("#bodyContent h2").addClass("ui-corner-all");
   $("#bodyContent h2").addClass("ui-corner-all");
 +
  $(".labbook h1").addClass("ui-corner-all");
  $('.labcheckbox').each(function() {
  $('.labcheckbox').each(function() {
   if ($(this).is(':checked')){
   if ($(this).is(':checked')){
Line 154: 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 159: 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'})
   }  
   }  
  });
  });
-
 
-
 
-
$('.openjune').click(function() {
 
-
  $('#MJune').css({display: 'block'})
 
-
});
 
-
$('.openjuly').click(function() {
 
-
  $('#MJuly').css({display: 'block'})
 
-
});
 
-
$('.openaugust').click(function() {
 
-
  $('#MAugust').css({display: 'block'})
 
-
});
 
-
 
  $('.labcheckbox').click(function() {
  $('.labcheckbox').click(function() {
Line 180: 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 185: 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')
   }  
   }  
  });
  });
-
  $('.experiment h3 span.mw-headline').click(function() {
+
  $('#ExAll').click(function() {
-
  if ($(this).hasClass('displayed')) {
+
  $('.labbook a').addClass('detailed')
-
  $(this).parent().parent().children('p').css({display: 'none'})
+
   $('.experiment h3 span.mw-headline').addClass('displayed')
-
   $(this).parent().parent().children('table').css({display: 'none'})
+
   $('.labbook p').css({display: 'block'})
-
   $(this).parent().parent().children('ul').css({display: 'none'})
+
   $('.labbook table').css({display: 'table'})
-
   $(this).parent().parent().children('pre').css({display: 'none'})
+
   $('.labbook ul').css({display: 'block'})
-
   $(this).removeClass('displayed')
+
   $('.labbook pre').css({display: 'block'})
-
  }else {
+
   $('.labbook .experiment div').css({display: 'block'})
-
  $(this).parent().parent().children('p').css({display: 'block'})
+
-
   $(this).parent().parent().children('table').css({display: 'table'})
+
-
  $(this).parent().parent().children('ul').css({display: 'block'})
+
-
   $(this).parent().parent().children('pre').css({display: 'block'})
+
-
  $(this).addClass('displayed')
+
-
  }
+
  });
  });
-
  $('h1 span.mw-headline').click(function() {
+
  $('#ColAll').click(function() {
-
   $('#M'+this.id).fadeToggle("slow", "linear")
+
  $('.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 span.mw-headline').attr({ onMouseOver: "this.style.cursor='pointer'"})
+
  $('.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

Retrieved from "http://2012.igem.org/Template:Team:TU_Munich/LabHeader"