Team:UCL PG

From 2013.igem.org

(Difference between revisions)
 
(21 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 42: Line 43:
       #slogan{font-family:'titleFont'; font-size:20px; color:white; margin:auto; text-shadow: 0 0 10px #fff;}
       #slogan{font-family:'titleFont'; font-size:20px; color:white; margin:auto; text-shadow: 0 0 10px #fff;}
     </style>
     </style>
-
    <div class="center">
+
<!-- MENUBAR -->
-
    <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL-London-PG/HomeTest">
+
 
-
      <div id="teamNameTitle">SPECTRA</div><br><br>
+
<style type="text/css">
-
      <div id="slogan" class="center">Let there be Light</div>
+
a.tooltip {outline:none; }
-
    </a></div>
+
a.tooltip strong {line-height:30px;}
-
    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+
a.tooltip:hover {text-decoration:none;}
-
    <div id="theMenu" class="inline">
+
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 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.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 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.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}
-
       <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/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.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 href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70></a>
+
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
-
       <a href="https://2013.igem.org/Team:UCL-London-PG/SponsorTest"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70></a>
+
</style>
-
       <a href="https://2013.igem.org/Team:UCL-London-PG/ContactTest"><input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/envelope.png" width=70></a>
+
 
 +
  <div class="center">
 +
  <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
 +
      <div id="teamNameTitle">SPECTRA</div><br><br>
 +
      <div id="slogan" class="center">Let there be Light</div>
 +
  </a></div>
 +
  <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
 +
  <div id="theMenu" class="inline">
 +
       <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/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/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/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" 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" 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" 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>
Line 71: Line 91:
           <div class="boxed roundBorder inline" style=" width:300px; height:180px;">
           <div class="boxed roundBorder inline" style=" width:300px; height:180px;">
             <p style="color:white; font-size:2.9em;"><b>About us</b></p>
             <p style="color:white; font-size:2.9em;"><b>About us</b></p>
-
             <p style="color:#CDC9C9; font-size:1.1em;">We are a combination of dedicated graduate students and research assistants from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Engineering</a>.</p>
+
             <p style="color:#CDC9C9; font-size:1.1em;">We are a combination of dedicated graduate and master students from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Biochemical Engineering</a>.</p>
           </div>
           </div>
           <div class="boxed roundBorder inline" style=" width:260px; height:300px;">
           <div class="boxed roundBorder inline" style=" width:260px; height:300px;">

Latest revision as of 00:31, 4 October 2013

    

About iGEM

International Genetically Engineered Machine (iGEM) is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences to ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.

About us

We are a combination of dedicated graduate and master students from both UCL Cancer Institute and UCL Biochemical Engineering.

About our idea

Improvising activation of the circuit with light, evolve luminescent proteins. Allow preclinical genetic imaging to study endogenous and disease processes in vivo and to image the genetic behaviour of life.