Template:Team:TU-Munich/LabHeader
From 2013.igem.org
(Difference between revisions)
(31 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | div#wikicontent div.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; |
} | } | ||
- | div#wikicontent div.labbook 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; |
} | } | ||
Line 31: | Line 37: | ||
font-size: 100%; | font-size: 100%; | ||
color:#002BB8; | color:#002BB8; | ||
- | margin: | + | margin: 0px; |
font-weight: bold; | font-weight: bold; | ||
+ | text-align: left; | ||
} | } | ||
+ | |||
div#wikicontent div.labbook p { | div#wikicontent div.labbook p { | ||
- | margin: | + | margin: 5px 0px; |
} | } | ||
div#wikicontent div.labbook pre { | div#wikicontent div.labbook pre { | ||
- | margin: | + | margin: 5px 0px; |
} | } | ||
+ | |||
div#wikicontent div.labbook .labbook div.experiment div.experiment { | div#wikicontent div.labbook .labbook div.experiment div.experiment { | ||
Line 48: | Line 57: | ||
div#wikicontent div.labbook 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; | ||
+ | } */ | ||
div#wikicontent div.labbook .experiment { | div#wikicontent div.labbook .experiment { | ||
- | margin: 5px | + | margin: 5px 0px; |
- | padding | + | padding: 7px; |
} | } | ||
Line 67: | Line 88: | ||
position: fixed; | position: fixed; | ||
right: 0px; | right: 0px; | ||
- | top: | + | top: 15px; |
width: 130px; | width: 130px; | ||
font-size:80%; | font-size:80%; | ||
- | + | z-index: 50; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 86: | Line 98: | ||
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; | ||
} | } | ||
Line 96: | Line 109: | ||
position: fixed; | position: fixed; | ||
left: 0px; | left: 0px; | ||
- | top: | + | top: 15px; |
width: 150px; | width: 150px; | ||
margin: 0px; | margin: 0px; | ||
Line 106: | Line 119: | ||
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); | ||
} | } | ||
- | div#wikicontent div.labbook 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. | + | div#wikicontent div.labbook div.experiment.doubleexperiment { |
- | + | padding: 0px; | |
} | } | ||
- | div#wikicontent div.labbook div. | + | 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; | |
- | border: | + | -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( | + | color: rgb(115, 208, 255); |
} | } | ||
- | + | div.effectors { | |
- | + | border: medium solid rgb(116, 183, 112); | |
} | } | ||
- | + | p.effectors b { | |
- | color: rgb( | + | color: rgb(116, 183, 112); |
} | } | ||
- | + | div.safety_mechanism { | |
- | + | border: medium solid rgb(0, 32, 96); | |
} | } | ||
- | + | p.safety_mechanism b { | |
- | color: rgb( | + | color: rgb(0, 32, 96); |
} | } | ||
- | + | div.vector_design { | |
- | border: medium solid rgb( | + | border: medium solid rgb(166, 126, 166); |
} | } | ||
- | + | p.vector_design b { | |
- | color: rgb( | + | color: rgb(166, 126, 166); |
} | } | ||
- | + | div.vitality { | |
- | + | border: medium solid rgb(255, 122, 97); | |
} | } | ||
- | + | p.vitality b { | |
- | color: rgb( | + | color: rgb(255, 122, 97); |
} | } | ||
- | + | div.killswitch { | |
- | border: medium solid rgb( | + | border: medium solid rgb(202, 85, 85); |
} | } | ||
- | + | p.killswitch b { | |
- | color: rgb( | + | color: rgb(202, 85, 85); |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
Line 224: | 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