Team:UCL PG/Sponsor

From 2013.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 48: Line 48:
<style type="text/css">
<style type="text/css">
-
a.tip {
+
a.tooltip {outline:none; }
-
position: absolute;
+
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.tip span {
+
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;}
-
display: none;
+
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
-
position: relative;
+
-
        text-align: center;
+
-
        vertical-align:middle;
+
-
        width: 70px;
+
-
        height: 70px;
+
-
padding: 5px;
+
-
z-index: 100;
+
-
background: #FFF;
+
-
color: #000;
+
-
-moz-border-radius: 5px; /* this works only in camino/firefox */
+
-
-webkit-border-radius: 5px; /* this is just for Safari */
+
-
}
+
-
 
+
-
a:hover.tip {
+
-
font-size: 99%; /* this is just for IE */
+
-
}
+
-
 
+
-
a:hover.tip span {
+
-
display: block;
+
-
}
+
</style>
</style>
Line 83: 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" class="tip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70><span>Team</span></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" class="tip"><input style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70><span>Science</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/UCLPG:Underconstruction" class="tip"><input style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70><span>Social</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/UCLPG:Underconstruction" class="tip"><input style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B4%5Dmedal.png" width=70><span>Achievement</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="tip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B5%5Dbook-cover.png" width=70><span>Labbook</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="tip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B6%5Dprayer.png" width=70><span>Sponsors</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="tip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.png" width=70><span>Contacts</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>
Line 97: 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