Team:UCL PG/Notebook

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 16: Line 16:
       a:link {color:#87CEFF; outline: 0;}    /* unvisited link */
       a:link {color:#87CEFF; outline: 0;}    /* unvisited link */
       a:visited {color:#87CEFF; outline: 0;} /* visited link */
       a:visited {color:#87CEFF; outline: 0;} /* visited link */
 +
      a:hover {TEXT-DECORATION: none;} /*hover over a link*/
       .center{margin:auto;}
       .center{margin:auto;}
Line 45: Line 46:
<!-- MENUBAR -->
<!-- MENUBAR -->
 +
 +
<style type="text/css">
 +
a.tooltip {outline:none; }
 +
a.tooltip strong {line-height:30px;}
 +
a.tooltip:hover {text-decoration:none;}
 +
a.tooltip circle { z-index:10;display:none; margin-top:0px; margin-left:-80px; margin-top:-10px; width:80px; height:80px; font-size:1em;}
 +
a.tooltip circle { border-radius:80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -moz-box-shadow: 0px 0px 10px 5px #666; -webkit-box-shadow: 0px 0px 10px 5px #666; box-shadow: 0px 0px 10px 5px #666; opacity: 0.7; }
 +
a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}
 +
 +
a.tooltip span { z-index:10;display:none; margin-top:0px; margin-left:-75px; margin-top:-35px; width:80px; font-size:1.5em; font-family:Georgia; text-align:center;}
 +
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
 +
</style>
 +
   <div class="center">
   <div class="center">
   <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
   <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
Line 52: Line 66:
   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
   <div id="theMenu" class="inline">
   <div id="theMenu" class="inline">
-
       <a href="https://2013.igem.org/Team:UCL_PG/Team"><input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/beams-aura.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Team" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70><circle></circle><span>Team</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Project" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70><circle></circle><span>Science</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Social" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70><circle></circle><span>Social</span></a>
-
       <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Achievement" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/medal.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Parts" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B4%5Dmedal.png" width=70><circle></circle><span>Achievements</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Notebook"><input title="Notebook" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/book-cover.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Notebook" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B5%5Dbook-cover.png" width=70><circle></circle><span>Labbook</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Sponsor"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Sponsor" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B6%5Dprayer.png" width=70><circle></circle><span>Sponsors</span></a>
-
       <a href="https://2013.igem.org/Team:UCL_PG/Contact"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/envelope.png" width=70></a>
+
       <a href="https://2013.igem.org/Team:UCL_PG/Contact" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.png" width=70><circle></circle><span>Contacts</span></a>
     </div>
     </div>
-
     <br><br>
+
     <br><br>  
-
    <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/CSS/bonbonButton.css"/>
 
-
    <div style="border : solid 0px; padding : 4px; width : 70%; height : 220px; overflow:auto;">
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1gCH7mLpnzIAdFjLZZECjjRNT0UqtVO5csobd6B8ShFE/pub?embedded=true')">Biobricking mKeima</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1jwpYMA0TQ_Rbu-rQHJIrRMx3d6xf_pEFo0yWZmIqhRY/pub?embedded=true')">mKeima Characterization</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1YmwLeBNbaxFiINbFua6PueSvHedNNEaINZIiTQJwYec/pub?embedded=true')">Cph8 Characterization</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/12bjzsmw1DNyuhCgJmANOlVGjjg02dRTm0bmIr-caVeU/pub?embedded=true')">Triple Transformation Experiment</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1XK3wn5f7aelmG_dgTOVjciGzxG6sW78ZbYfaSCNylhE/pub?embedded=true')">Practical Comparison of mKeima with other FP</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1EzO6OU9lm-CdPkMguOsTacLeQ59hW00x6eTwVRIFll4/pub?embedded=true')">Assembling Evolution Circuit</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/19Eu1ibxyxqdznRB7MKq_yoo7uPnkpQsCpssyeF8mHyQ/pub?embedded=true')">Directed Evolution</a>
 
-
        <a href="#" class="button" onclick="changePage('https://docs.google.com/document/d/1B9w9NtR1tA5mjYzdsqz12eKDniQXMl7rXM8QDS1-3LM/pub?embedded=true')">Mutants Characterization</a>
 
-
    </div>
 
-
    <br><br>
+
<object data='https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Labbook/SpectraLabbook.pdf#view=Fit&pagemode=bookmarks&toolbar=1'
-
<iframe src="https://docs.google.com/file/d/0BywxT8GEwTQCODhqZE1aV1FoQXc/preview" width="640" height="480"></iframe>
+
        type='application/pdf'
 +
        width='60%'
 +
        height='800px'>
-
<iframe src="https://docs.google.com/presentation/d/1YHTkJJ0Rv81B4nhIpgHr5_2EKR6lY7xHTycyzRvEWj8/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
+
<p>It appears your Web browser is not configured to display PDF files.
 +
No worries, just <a href='https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Labbook/SpectraLabbook.pdf'>click here to download the PDF file.</a></p>
-
<iframe id="labbook" src="https://docs.google.com/document/d/10D7yAx8T3HxACKthyO4kHYW8FWo2KQeFn6JdJRZs9cw/pub?embedded=true" style="width:60%; height:700px;" frameborder="0"></iframe>
+
</object>
-
<script language="javascript">
+
-
    function changePage(loc){
+
-
        document.getElementById('labbook').src = loc;
+
-
    }
+
-
</script>
+
     <br><br>
     <br><br>

Latest revision as of 07:21, 30 September 2013

    

It appears your Web browser is not configured to display PDF files. No worries, just click here to download the PDF file.