Template:Team:TU Munich/LabHeader

From 2012.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
 
#bodyContent .labbook h1 {
#bodyContent .labbook h1 {
-
     font-size: 100%;
+
     font-size: 125%;
     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 {
-
     font-size: 100%;
+
     font-size: 125%;
     font-weight: normal;
     font-weight: normal;
     text-align:center;
     text-align:center;
Line 59: Line 58:
     margin: 5px 0;
     margin: 5px 0;
     padding-bottom: 5px;
     padding-bottom: 5px;
-
}
 
-
 
-
 
-
.week {
 
-
    display: none;
 
-
}
 
-
 
-
#WWeek_12 {
 
-
    display: block;
 
}
}
Line 75: Line 65:
#labselect {
#labselect {
-
   
 
     position: fixed;
     position: fixed;
     right: 0px;
     right: 0px;
-
     top: 50px;
+
     top: 20px;
-
     width: 155px;
+
     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: 155px;
+
     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')
   }  
   }  
  });
  });
-
  $('.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')
+
-
  }
+
  });
  });
-
  $('a.WDetails').click(function() {
+
  $('#ColAll').click(function() {
-
   $('#W'+this.id).fadeToggle("slow", "linear")
+
   $('.labbook a').removeClass('detailed')
-
  if ($(this).hasClass('detailed')){
+
  $('.experiment h3 span.mw-headline').removeClass('displayed')
-
    $(this).removeClass('detailed')
+
   $('.labbook p').css({display: 'none'})
-
    $(this).text('Show Details...')
+
   $('.labbook table').css({display: 'none'})
-
  }else {
+
  $('.labbook ul').css({display: 'none'})
-
    $(this).addClass('detailed')
+
  $('.labbook pre').css({display: 'none'})
-
 
+
   $('.labbook .experiment div').css({display: 'none'})
-
    $(this).text('Hide Details...')  
+
-
   } 
+
-
});
+
-
$('h1 span.mw-headline').click(function() {
+
-
  $('#W'+this.id).fadeToggle("slow", "linear")
+
-
   if ($('a#'+this.id).hasClass('detailed')){
+
-
    $('a#'+this.id).removeClass('detailed')
+
-
    $('a#'+this.id).text('Show Details...')
+
-
   }else {
+
-
    $('a#'+this.id).addClass('detailed')
+
-
 
+
-
    $('a#'+this.id).text('Hide Details...')  
+
-
  }
+
  });
  });
-
  $('.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"