Template:Team:TU-Munich/LabHeader
From 2013.igem.org
(Difference between revisions)
(35 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | #wikicontent .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 | + | padding: 0.5em 10px; |
} | } | ||
- | #wikicontent 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 | + | background:#AAAAAA; |
margin: 15px 0; | margin: 15px 0; | ||
- | padding: 0.5em | + | padding: 0.5em 10px; |
} | } | ||
.toc, #toc { display: none; } | .toc, #toc { display: none; } | ||
- | #wikicontent h1 b { | + | div#wikicontent div.labbook h1 b { |
color:#002BB8; | color:#002BB8; | ||
} | } | ||
- | #wikicontent h3 { | + | div#wikicontent div.labbook h3 { |
font-size: 100%; | font-size: 100%; | ||
color:#002BB8; | color:#002BB8; | ||
- | margin: | + | margin: 0px; |
font-weight: bold; | font-weight: bold; | ||
+ | text-align: left; | ||
} | } | ||
- | #wikicontent p { | + | |
- | margin: | + | div#wikicontent div.labbook p { |
+ | margin: 5px 0px; | ||
} | } | ||
- | #wikicontent pre { | + | div#wikicontent div.labbook pre { |
- | margin: | + | margin: 5px 0px; |
} | } | ||
- | #wikicontent .labbook div.experiment div.experiment { | + | |
+ | div#wikicontent div.labbook .labbook div.experiment div.experiment { | ||
margin: 0; | margin: 0; | ||
} | } | ||
- | #wikicontent ul { | + | div#wikicontent div.labbook ul { |
- | + | margin: 5px 0px; | |
- | + | ||
- | + | ||
- | margin: | + | |
- | + | ||
} | } | ||
- | + | ||
+ | /* wikitable class for skinning normal tables | ||
+ | table.wikitable { | ||
margin: 5px 40px; | 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; | ||
+ | } */ | ||
- | #wikicontent | + | div#wikicontent div.labbook .experiment { |
- | + | margin: 5px 0px; | |
- | + | padding: 7px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #wikicontent #labselect | + | div#wikicontent #labselect { |
position: fixed; | position: fixed; | ||
right: 0px; | right: 0px; | ||
- | top: | + | top: 15px; |
width: 130px; | width: 130px; | ||
font-size:80%; | font-size:80%; | ||
- | + | z-index: 50; | |
} | } | ||
- | #wikicontent #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: | + | top: 15px; |
width: 150px; | width: 150px; | ||
margin: 0px; | margin: 0px; | ||
background: rgb(255,255,255); | background: rgb(255,255,255); | ||
+ | z-index: 50; | ||
} | } | ||
- | #wikicontent #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: | + | top: 15px; |
width: 150px; | width: 150px; | ||
margin: 0px; | margin: 0px; | ||
Line 102: | Line 115: | ||
} | } | ||
- | #wikicontent #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"). | + | $("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