|
|
| (74 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{Team:TU_Munich/Header}} | | {{Team:TU_Munich/Header}} |
| | + | |
| | <html> | | <html> |
| - | <head>
| + | |
| | <style> | | <style> |
| | .ui-tabs-hide { | | .ui-tabs-hide { |
| | display:none; | | display:none; |
| | } | | } |
| - | /*
| |
| - | * jQuery UI Datepicker 1.8.16
| |
| - | *
| |
| - | * 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/Datepicker#theming
| |
| - | */
| |
| - | .ui-datepicker { width: 180px; padding: .2em .2em 0; display: none; }
| |
| - | .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
| |
| - | .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
| |
| - | .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
| |
| - | .ui-datepicker .ui-datepicker-prev { left:2px; }
| |
| - | .ui-datepicker .ui-datepicker-next { right:2px; }
| |
| - | .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
| |
| - | .ui-datepicker .ui-datepicker-next-hover { right:1px; }
| |
| - | .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
| |
| - | .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
| |
| - | .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
| |
| - | .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
| |
| - | .ui-datepicker select.ui-datepicker-month,
| |
| - | .ui-datepicker select.ui-datepicker-year { width: 49%;}
| |
| - | .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
| |
| - | .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
| |
| - | .ui-datepicker td { border: 0; padding: 1px; }
| |
| - | .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
| |
| - | .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
| |
| - | .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
| |
| - | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
| |
| | | | |
| - | /* with multiple calendars */
| + | .litab { |
| - | .ui-datepicker.ui-datepicker-multi { width:auto; } | + | background: none repeat scroll 0 0 #444444; |
| - | .ui-datepicker-multi .ui-datepicker-group { float:left; }
| + | display: block; |
| - | .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
| + | float: left; |
| - | .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
| + | margin-left: 5px; |
| - | .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
| + | text-align: center; |
| - | .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
| + | top: 0; |
| - | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
| + | margin-bottom: 0; |
| - | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
| + | padding:0 10px 0 10px; |
| - | .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
| + | } |
| - | .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
| + | |
| | | | |
| - | /* RTL support */
| + | .ui-tabs-selected { |
| - | .ui-datepicker-rtl { direction: rtl; } | + | background: none repeat scroll 0 0 #d15353; |
| - | .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
| + | } |
| - | .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-group { float:right; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
| + | |
| - | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
| + | |
| | | | |
| | | | |
| - | /* Interaction states
| + | fieldset { |
| - | ----------------------------------*/
| + | border: 1px none; |
| - | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; }
| + | line-height: 1.2em; |
| - | .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; }
| + | margin-bottom: 0.5em; |
| - | .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; }
| + | } |
| - | .ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; }
| + | |
| - | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ec6868; }
| + | |
| - | .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ec6868; text-decoration: none; }
| + | |
| - | .ui-widget :active { outline: none; }
| + | |
| - | | + | |
| - | /* Interaction Cues
| + | |
| - | ----------------------------------*/
| + | |
| - | .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f6b297; background: #fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
| + | |
| - | .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
| + | |
| - | .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
| + | |
| - | .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; }
| + | |
| - | .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
| + | |
| - | .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
| + | |
| - | .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
| + | |
| - | .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
| + | |
| | | | |
| | + | #tabs .litab a:link {color:#CCCCCC;} |
| | + | #tabs .litab a:visited {color:#CCCCCC;} |
| | + | #tabs .litab a:hover {text-decoration:none;} |
| | | | |
| | + | #tabs .ui-tabs-selected a:link {color:#f6b297;} |
| | + | #tabs .ui-tabs-selected a:visited {color:#f6b297;} |
| | | | |
| | .tabcontent { | | .tabcontent { |
| | + | border-color: #d15353; |
| | padding-top:10px; | | padding-top:10px; |
| - | height:1100px; | + | height:900px; |
| | overflow:auto; | | overflow:auto; |
| | display:block; | | display:block; |
| Line 96: |
Line 48: |
| | | | |
| | </style> | | </style> |
| - | <script src="https://2011.igem.org/Team:TU_Munich/jquery.localscroll-min.js?action=raw&ctype=text/js" type="text/javascript"></script> | + | |
| | + | |
| | + | <script src="https://2011.igem.org/Team:TU_Munich/jquery.getUrlParam.js?action=raw&ctype=text/js" type="text/javascript"></script> |
| | <script src="https://2011.igem.org/Team:TU_Munich/jquery.scrollTo-min.js?action=raw&ctype=text/js" type="text/javascript"></script> | | <script src="https://2011.igem.org/Team:TU_Munich/jquery.scrollTo-min.js?action=raw&ctype=text/js" type="text/javascript"></script> |
| - | </head>
| |
| | <body> | | <body> |
| | <div id="labbook" class="content"> | | <div id="labbook" class="content"> |
| - | <div class="subcontent ui-corner-all sublab" style="height:1200px;display:block"> | + | <div class="subcontent ui-corner-all sublab" style="height:1170px;display:block"> |
| | <div style="clear:both;display:block;"> | | <div style="clear:both;display:block;"> |
| | <h1>Labbook</h1> | | <h1>Labbook</h1> |
| Line 126: |
Line 79: |
| | </script> | | </script> |
| | | | |
| - | <div id='labmenu' class='' style="float:left;width:200px;margin-top:12px;"> | + | <div id='labmenu' class=''> |
| | <script> | | <script> |
| | $(document).ready(function() { | | $(document).ready(function() { |
| - |
| |
| - | $('#datepicker').localScroll({
| |
| - | target:'#tabcontent',
| |
| - | offset: '50px',
| |
| - | easing: 'easeInElastic'
| |
| - | });
| |
| | | | |
| | $('.labcheckbox').each(function() { | | $('.labcheckbox').each(function() { |
| Line 152: |
Line 99: |
| | }); | | }); |
| | }); | | }); |
| - |
| |
| | </script> | | </script> |
| | + | |
| | + | |
| | + | <p>See <b>Methods</b> for a detailed description of the protocols we used. Solid Matrix enlists our experiments to find the optimal gel for our and gate. <b>Lightbox</b> describes the setup of the lightbox that was used to irradiate the bacteria at different wavelengths. <b>Cloning I</b> and <b>Cloning II</b> show our unsuccessful attempts to clone our construct. Finally <b>Cloning III + Results</b> displays our successful cloning attempts and our procedural method to characterize the parts. All work done after the European Jamboree is explained in <b>Cloning IV + Results</b>.</p> |
| | + | <p><b>To navigate the labbook more quickly, you can hide the different categories by deselecting them below.</b></p> |
| | + | <p><b>Click on the Images to enlarge them.</b></p> |
| | <form id="labselect"><fieldset class="ui-widget ui-widget-content ui-corner-all"> | | <form id="labselect"><fieldset class="ui-widget ui-widget-content ui-corner-all"> |
| - | <h3>Display:</h3> | + | <b>Display:</b> |
| | <input class="labcheckbox" type="checkbox" name="category" value="results" id="ui-test1" checked="checked"/>Results | | <input class="labcheckbox" type="checkbox" name="category" value="results" id="ui-test1" checked="checked"/>Results |
| - | <br>
| |
| | <input class="labcheckbox" type="checkbox" name="category" value="cloning" id="ui-test2" checked="checked"/>Cloning | | <input class="labcheckbox" type="checkbox" name="category" value="cloning" id="ui-test2" checked="checked"/>Cloning |
| - | <br>
| |
| | <input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing | | <input class="labcheckbox" type="checkbox" name="category" value="testing" id="ui-test3" checked="checked"/>Testing |
| - | <br>
| |
| | <input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work | | <input class="labcheckbox" type="checkbox" name="category" value="otherwork" id="ui-test4" checked="checked"/>Other Work |
| - | <br>
| |
| - | <br>
| |
| | </form> | | </form> |
| - | <script>
| |
| - | $(function() {
| |
| - | $( "#datepicker" ).datepicker();
| |
| - | });
| |
| - | </script>
| |
| - | <h3> Date:</h3>
| |
| - | <div id='datepicker' style="float:left">
| |
| - | </div>
| |
| | | | |
| | </div> | | </div> |
| - | | + | <div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="clear:both"> |
| - | <div id="tabs" class="ui-tabs ui-widget ui-widget-content" style="float:right;width:650px;"> | + | |
| | <ul class="ultopic"> | | <ul class="ultopic"> |
| - | <li class=" litopic ui-corner- all" title="labbookContent " style="width:120px;"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/methods?action=raw">Methods</a></li> | + | <li class=" litab ui-corner- top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/methods?action=raw">Methods</a></li> |
| - | <li class=" litopic ui-corner- all" title="labbookContent " style="width:120px;"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">Solid Matrix</a></li> | + | <li class=" litab ui-corner- top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/solidmatrix?action=raw">Solid Matrix</a></li> |
| - | <li class=" litopic ui-corner- all" title="labbookContent" style=" width: 120px;"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Cloning I</a></li> | + | <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/lightbox?action=raw">Lightbox</a></li> |
| - | <li class=" litopic ui-corner- all" title="labbookContent " style="width:120px;"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Cloning II</a></li> | + | <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part1?action=raw">Cloning I</a></li> |
| - | <li class=" litopic ui-corner- all" title="labbookContent" style=" width: 120px;"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/ part3?action=raw">Cloning III</a></li> | + | <li class=" litab ui-corner- top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part2?action=raw">Cloning II</a></li> |
| | + | <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/part3?action=raw">Cloning III & Results</a></li> |
| | + | <li class="litab ui-corner-top" title="labbookContent"><a href="https://2011.igem.org/Team:TU_Munich/lab/notebook/ part4?action=raw">Cloning IV & Results</a></li> |
| | </ul> | | </ul> |
| | <div id="labbookContent" style="clear:both;"> | | <div id="labbookContent" style="clear:both;"> |
"
