Template:Team:TU-Munich/LabHeader

From 2013.igem.org

(Difference between revisions)
 
(37 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;
+
div#wikicontent div.labbook p {
 +
     margin: 5px 0px;
}
}
-
pre {
+
div#wikicontent div.labbook pre {
-
     margin: 0 30px;
+
     margin: 5px 0px;
}
}
-
.labbook div.experiment div.experiment {
+
 
 +
div#wikicontent div.labbook .labbook div.experiment div.experiment {
     margin: 0;
     margin: 0;
}
}
-
ul {
+
div#wikicontent div.labbook ul {
-
    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;
+
}
}
 +
 +
/* wikitable class for skinning normal tables
table.wikitable {
table.wikitable {
     margin: 5px 40px;
     margin: 5px 40px;
 +
    background: #f9f9f9;
 +
    border: 1px #aaa solid;
 +
    border-collapse: collapse;
}
}
-
 
+
.wikitable th, .wikitable td {
-
.experiment {
+
    border: 1px #aaa solid;
-
    margin: 5px 0;
+
    padding: 0.2em;
-
    padding-bottom: 5px;
+
}
}
 +
.wikitable th {
 +
    background: #f2f2f2;
 +
    text-align: center;
 +
}
 +
.wikitable caption {
 +
    font-weight: bold;
 +
}  */
-
#content #bodycontent #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);
+
}
}
-
#content #bodycontent #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;
}
}
-
#content #bodycontent #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;
}
}
-
#content #bodycontent #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:
}
}
-
#content #bodycontent #labselect fieldset {
+
div#wikicontent #labselect fieldset {
     margin: 0px;
     margin: 0px;
     border: 1px solid rgb(47, 111, 171);
     border: 1px solid rgb(47, 111, 171);
     padding: 0px 1em 1em;
     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 125: Line 263:
   $("div.safety_mechanism").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");
-
   $("div.experiment div.experiment").parents("div.experiment").css({padding: 0});
+
   $("div.experiment div.experiment").parents("div.experiment").addClass('doubleexperiment');
-
   $("#bodyContent h2").addClass("ui-corner-all");
+
   //$("#bodyContent h2").addClass("ui-corner-all");
-
   $(".labbook h1").addClass("ui-corner-all");
+
   //$(".labbook h1").addClass("ui-corner-all");
  $('.labcheckbox').each(function() {
  $('.labcheckbox').each(function() {
   if ($(this).is(':checked')){
   if ($(this).is(':checked')){

Latest revision as of 22:30, 22 October 2013