Team:UCL PG/Sponsor

From 2013.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 47: Line 47:
<!-- MENUBAR -->
<!-- MENUBAR -->
-
<script type="text/javascript" src="/js/prototype.js"></script>
+
<style type="text/css">
-
<script type="text/javascript" src="/js/balloon.config.js"></script>
+
a.tooltip {outline:none; }
-
<script type="text/javascript" src="/js/balloon.js"></script>
+
a.tooltip strong {line-height:30px;}
-
<script type="text/javascript" src="/js/box.js"></script>
+
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;}
-
<script type="text/javascript">
+
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; }
-
  // white balloon with default configuration
+
a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}
-
  // (see http://www.wormbase.org/wiki/Balloon_Tooltips)
+
-
  var balloon    = new Balloon;
+
-
  //BalloonConfig(balloon,'GBubble');
+
-
  // plain balloon tooltip
+
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;}
-
  var tooltip  = new Balloon;
+
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
-
  BalloonConfig(tooltip,'GPlain');
+
</style>
-
 
+
-
  // fading balloon
+
-
  var fader = new Balloon;
+
-
  BalloonConfig(fader,'GFade');
+
-
 
+
-
  // a plainer popup box
+
-
  var box        = new Box;
+
-
  BalloonConfig(box,'GBox');
+
-
 
+
-
  // a box that fades in/out
+
-
  var fadeBox    = new Box;
+
-
  BalloonConfig(fadeBox,'GBox');
+
-
  fadeBox.bgColor    = 'black';
+
-
  fadeBox.fontColor  = 'white';
+
-
  fadeBox.borderStyle = 'none';
+
-
  fadeBox.delayTime  = 200;
+
-
  fadeBox.allowFade  = true;
+
-
  fadeBox.fadeIn      = 750;
+
-
  fadeBox.fadeOut    = 200;
+
-
 
+
-
</script>  
+
   <div class="center">
   <div class="center">
Line 90: 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 onmouseover="balloon.showTooltip(event,'I am a simple message...')" href="https://2013.igem.org/Team:UCL_PG/Team"><input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-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/Menubar/%5B2%5Dfizzing-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/Menubar/%5B3%5Dradar-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/Menubar/%5B4%5Dmedal.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/Menubar/%5B5%5Dbook-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/Menubar/%5B6%5Dprayer.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="Contact" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.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>
Line 104: Line 80:
      
      
     <br><br>
     <br><br>
-
     <a href="http://www.engineering.ucl.ac.uk/"><img class="roundBorder" src="https://static.igem.org/mediawiki/2012/f/f6/Ucl2012_sponsor_facultyeng.png" width=700></a><br><br>
+
     <a href="http://www.engineering.ucl.ac.uk/"><img class="roundBorder" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/UCLBElogo.jpg" width=700></a><br><br>
     <a href="http://www.ucl.ac.uk/cancer"><img class="roundBorder" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/UCL%20CI%20logo.jpg" width=700></a><br><br>
     <a href="http://www.ucl.ac.uk/cancer"><img class="roundBorder" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/UCL%20CI%20logo.jpg" width=700></a><br><br>

Latest revision as of 00:30, 4 October 2013

    










Be our next sponsor!



Retrieved from "http://2013.igem.org/Team:UCL_PG/Sponsor"