Template:Team:TU-Munich/LabHeader

From 2013.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
#bodyContent .labbook h1 {
+
/* Labjournal */
 +
 
 +
div#wikicontent div.labbook h1 {
 +
    font-family: inherit;
 +
    border: none;
     font-size: 125%;
     font-size: 125%;
     text-align:center;
     text-align:center;
Line 9: Line 13:
     background-color: rgb(0,33,67);
     background-color: rgb(0,33,67);
     margin: 15px 0;
     margin: 15px 0;
-
     padding: 0.5em 0;
+
     padding: 0.5em 10px;
}
}
-
#bodyContent h2 {
+
div#wikicontent div.labbook h2 {
 +
    font-family: inherit;
 +
    border: none;
     font-size: 125%;
     font-size: 125%;
     font-weight: normal;
     font-weight: normal;
     text-align:center;
     text-align:center;
     color:white;
     color:white;
-
     background-color:#AAAAAA;
+
     background:#AAAAAA;
     margin: 15px 0;
     margin: 15px 0;
-
     padding: 0.5em 0;
+
     padding: 0.5em 10px;
}
}
.toc, #toc { display: none; }
.toc, #toc { display: none; }
-
h1 b {
+
div#wikicontent div.labbook h1 b {
     color:#002BB8;  
     color:#002BB8;  
}
}
-
h3 {
+
div#wikicontent div.labbook h3 {
     font-size: 100%;
     font-size: 100%;
     color:#002BB8;
     color:#002BB8;
-
     margin: 0 10px;
+
     margin: 0px;
     font-weight: bold;
     font-weight: bold;
 +
    text-align: left;
}
}
-
p {
 
-
    margin: 0 30px;
 
-
}
 
-
pre {
+
div#wikicontent div.labbook p {
-
     margin: 0 30px;
+
     margin: 5px 0px;
}
}
-
ul {
+
div#wikicontent div.labbook pre {
-
    line-height: 1.5em;
+
    margin: 5px 0px;
-
    list-style-image: url("bullet.gif");
+
-
    list-style-type: square;
+
-
    margin: 0.3em 0 0 50px;
+
-
    padding: 0;
+
}
}
-
table.wikitable {
+
 
-
    margin: 5px 40px;
+
div#wikicontent div.labbook .labbook div.experiment div.experiment {
 +
    margin: 0;
}
}
-
.experiment {
+
div#wikicontent div.labbook ul {
-
    margin: 5px 0;
+
    margin: 5px 0px;
-
    padding-bottom: 5px;
+
}
}
-
div.labbook {
 
 +
/* wikitable class for skinning normal tables
 +
table.wikitable {
 +
    margin: 5px 40px;
 +
    background: #f9f9f9;
 +
    border: 1px #aaa solid;
 +
    border-collapse: collapse;
}
}
 +
.wikitable th, .wikitable td {
 +
    border: 1px #aaa solid;
 +
    padding: 0.2em;
 +
}
 +
.wikitable th {
 +
    background: #f2f2f2;
 +
    text-align: center;
 +
}
 +
.wikitable caption {
 +
    font-weight: bold;
 +
}  */
-
#labselect {
+
div#wikicontent div.labbook .experiment {
-
     position: fixed;
+
     margin: 5px 0px;
-
    right: 0px;
+
     padding: 7px;
-
     top: 20px;
+
-
    width: 130px;
+
-
    font-size:80%;
+
-
    background: rgb(255,255,255);
+
}
}
-
#labselect:hover {
+
div#wikicontent #labselect {
     position: fixed;
     position: fixed;
     right: 0px;
     right: 0px;
-
     top: 20px;
+
     top: 15px;
     width: 130px;
     width: 130px;
     font-size:80%;
     font-size:80%;
-
     background: rgb(255,255,255);
+
     z-index: 50;
}
}
-
#ladder {
+
div#wikicontent #ladder {
     border: 1px solid rgb(47, 111, 171);
     border: 1px solid rgb(47, 111, 171);
     position: fixed;
     position: fixed;
     left: -130px;
     left: -130px;
-
     top: 20px;
+
     top: 15px;
     width: 150px;
     width: 150px;
     margin: 0px;
     margin: 0px;
     background: rgb(255,255,255);
     background: rgb(255,255,255);
 +
    z-index: 50;
}
}
-
#ladder:hover {
+
div#wikicontent #ladder:hover {
     border: 1px solid rgb(47, 111, 171);
     border: 1px solid rgb(47, 111, 171);
     position: fixed;
     position: fixed;
     left: 0px;
     left: 0px;
-
     top: 20px;
+
     top: 15px;
     width: 150px;
     width: 150px;
     margin: 0px;
     margin: 0px;
Line 102: Line 115:
}
}
-
#labselect fieldset {
+
div#wikicontent #labselect fieldset {
     margin: 0px;
     margin: 0px;
 +
    border: 1px solid rgb(47, 111, 171);
 +
    padding: 0px 1em 1em;
 +
    background: rgb(255,255,255);
}
}
-
h1, h2 {
+
div#wikicontent div.labbook h1, div#wikicontent div.labbook h2 {
     text-shadow: 0px 0px 0px;
     text-shadow: 0px 0px 0px;
 +
}
 +
 +
div#wikicontent div.labbook div.experiment.doubleexperiment {
 +
    padding: 0px;
 +
}
 +
 +
div#wikicontent div.labbook div.experiment div.experiment {
 +
    margin: 0px;
 +
}
 +
 +
/*
 +
* 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);
 +
}
 +
 +
/* Colors */
 +
 +
div.general {
 +
    border: medium solid rgb(115, 208, 255);
 +
}
 +
 +
p.general b {
 +
    color: rgb(115, 208, 255);
 +
}
 +
 +
 +
div.effectors {
 +
    border: medium solid rgb(116, 183, 112);
 +
}
 +
 +
p.effectors b {
 +
    color: rgb(116, 183, 112);
 +
}
 +
 +
div.safety_mechanism {
 +
    border: medium solid rgb(0, 32, 96);
 +
}
 +
 +
p.safety_mechanism b {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 +
div.vector_design {
 +
    border: medium solid rgb(166, 126, 166);
 +
}
 +
 +
p.vector_design b {
 +
    color: rgb(166, 126, 166);
 +
}
 +
 +
div.vitality {
 +
    border: medium solid rgb(255, 122, 97);
 +
}
 +
 +
p.vitality b {
 +
    color: rgb(255, 122, 97);
 +
}
 +
 +
div.killswitch {
 +
    border: medium solid rgb(202, 85, 85);
 +
}
 +
 +
p.killswitch b {
 +
    color: rgb(202, 85, 85);
}
}
Line 117: Line 257:
   $('.labbook table').css({display: 'none'})
   $('.labbook table').css({display: 'none'})
   $("table").addClass("wikitable");
   $("table").addClass("wikitable");
 +
  $("div.general").addClass("experiment");
   $("div.vector_design").addClass("experiment");
   $("div.vector_design").addClass("experiment");
-
   $("div.effectors").addClass("experiment");
+
   $("div.effectors").before().addClass("experiment");
   $("div.killswitch").addClass("experiment");
   $("div.killswitch").addClass("experiment");
 +
  $("div.safety_mechanism").addClass("experiment");
   $("div.vitality").addClass("experiment");
   $("div.vitality").addClass("experiment");
-
   $("div.experiment").addClass("ui-corner-all");
+
   //$("div.experiment").addClass("ui-corner-all");
-
   $("#bodyContent h2").addClass("ui-corner-all");
+
   $("div.experiment div.experiment").parents("div.experiment").addClass('doubleexperiment');
-
   $(".labbook h1").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 130: Line 273:
   $('.'+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 136: Line 278:
   $('.'+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 173: Line 314:
   $('.labbook ul').css({display: 'none'})
   $('.labbook ul').css({display: 'none'})
   $('.labbook pre').css({display: 'none'})
   $('.labbook pre').css({display: 'none'})
-
  $('.labbook .experiment div').css({display: 'none'})
 
  });
  });
  $('.experiment h3').attr({ onMouseOver: "this.style.cursor='pointer'"})
  $('.experiment h3').attr({ onMouseOver: "this.style.cursor='pointer'"})

Latest revision as of 22:30, 22 October 2013