Template:Team:TU Munich/LabHeader

From 2012.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
 
+
#bodyContent .labbook h1 {
-
.labbook h1 {
+
     font-size: 125%;
-
     text-size: 200%;
+
     text-align:center;
     text-align:center;
     color:white;
     color:white;
-
     background-color:#0C68AE;
+
     background-color: rgb(0,33,67);
     margin: 15px 0;
     margin: 15px 0;
     padding: 0.5em 0;
     padding: 0.5em 0;
Line 14: Line 13:
#bodyContent h2 {
#bodyContent h2 {
-
     text-size: 150%;
+
     font-size: 125%;
 +
    font-weight: normal;
     text-align:center;
     text-align:center;
     color:white;
     color:white;
Line 29: Line 29:
h3 {
h3 {
-
     text-size: 100%;
+
     font-size: 100%;
     color:#002BB8;
     color:#002BB8;
     margin: 0 10px;
     margin: 0 10px;
 +
    font-weight: bold;
}
}
Line 57: Line 58:
     margin: 5px 0;
     margin: 5px 0;
     padding-bottom: 5px;
     padding-bottom: 5px;
-
}
 
-
 
-
.experiment img {
 
-
    padding: 5px;
 
-
}
 
-
 
-
.vector_design {
 
-
    border: medium solid rgb(166, 126, 166);
 
-
}
 
-
div.vector_design h3 {
 
-
    color: rgb(166, 126, 166);
 
-
}
 
-
 
-
.limonene {
 
-
    border: medium solid rgb(116, 183, 112);
 
-
}
 
-
 
-
div.limonene h3 {
 
-
    color: rgb(116, 183, 112);
 
-
}
 
-
 
-
.coumaryl {
 
-
    border: medium solid rgb(255, 122, 97);
 
-
}
 
-
 
-
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;
 
}
}
Line 131: Line 65:
#labselect {
#labselect {
-
   
 
     position: fixed;
     position: fixed;
     right: 0px;
     right: 0px;
-
     top: 50px;
+
     top: 20px;
-
     width: 150px;
+
     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: 50px;
+
     top: 20px;
-
     width: 150px;
+
     width: 130px;
 +
    font-size:80%;
     background: rgb(255,255,255);
     background: rgb(255,255,255);
}
}
Line 172: 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");
   $(".labbook h1").addClass("ui-corner-all");
Line 193: 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 198: 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 219: 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 224: 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