"
Team:UCL PG/Sponsor
From 2013.igem.org
(Difference between revisions)
| Line 46: | Line 46: | ||
<!-- MENUBAR --> | <!-- MENUBAR --> | ||
| + | |||
| + | a.tip { | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | a.tip span { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | top: 20px; | ||
| + | left: -10px; | ||
| + | width: 125px; | ||
| + | padding: 5px; | ||
| + | z-index: 100; | ||
| + | background: #000; | ||
| + | color: #fff; | ||
| + | -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; | ||
| + | } | ||
<div class="center"> | <div class="center"> | ||
| Line 54: | Line 80: | ||
<span> </span> | <span> </span> | ||
<div id="theMenu" class="inline"> | <div id="theMenu" class="inline"> | ||
| - | <a href="https://2013.igem.org/Team:UCL_PG/Team" | + | <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/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/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/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/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> | ||
Revision as of 10:20, 29 September 2013
a.tip { position: relative; } a.tip span { display: none; position: absolute; top: 20px; left: -10px; width: 125px; padding: 5px; z-index: 100; background: #000; color: #fff; -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; }
