Team:UCL PG/Notebook

From 2013.igem.org

(Difference between revisions)
 
(47 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"/>
+
<object data='https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Labbook/SpectraLabbook.pdf#view=Fit&pagemode=bookmarks&toolbar=1'
-
    <div style="border : solid 0px; padding : 4px; width : 70%; height : 200px; overflow : auto; ">
+
         type='application/pdf'
-
        <a href="#" class="button">mKeima Sequence Biobrick</a>
+
         width='60%'
-
        <a href="#" class="button">mKeima Expression Biobrick</a>
+
         height='800px'>
-
         <a href="#" class="button">Biobricks extraction from distribution kit</a>
+
-
         <a href="#" class="button">Button</a>
+
-
         <a href="#" class="button">Button</a>
+
-
        <a href="#" class="button">Button</a>
+
-
    </div>  
+
-
    <br><br>
+
<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 src="https://docs.google.com/document/d/1A5Q6d5NVBVtJc_tZISaSwQkNna72-qLpxOl5H2NLoXw/pub?embedded=true" style="width:60%; height:700px;" frameborder="0"></iframe>
+
</object>
     <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.