Team:UCLondon/Templates/Navigationv4
From 2012e.igem.org
(Difference between revisions)
(Created page with "<html> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <div id="navigation"> <ul class="menu"> <li><a href="http:...") |
|||
(33 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<div id="navigation"> | <div id="navigation"> | ||
+ | <div style="float:left;"> | ||
<ul class="menu"> | <ul class="menu"> | ||
<li><a href="https://2012e.igem.org/wiki/index.php/Team:UCLondon">Home</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:UCLondon">Home</a></li> | ||
Line 13: | Line 14: | ||
</ul> | </ul> | ||
+ | </div> <!-- float left --> | ||
- | <ul class="menu icons"> | + | |
+ | <ul class="menu icons"><!-- gear --> | ||
<li><a href="#"><img src="http://db.tt/KQemyPjm" height="15"/></a><ul class="hidden-menu" id="action"><li><a href="#">item</a></li></ul></li> | <li><a href="#"><img src="http://db.tt/KQemyPjm" height="15"/></a><ul class="hidden-menu" id="action"><li><a href="#">item</a></li></ul></li> | ||
Line 31: | Line 34: | ||
</ul> | </ul> | ||
+ | |||
+ | |||
+ | <div style="float:right"> | ||
<ul class="menu links"> | <ul class="menu links"> | ||
Line 37: | Line 43: | ||
<li class="hov"><a class="tooltip" href="https://igem.org/Main_Page" udit="iGEM"><img src="https://static.igem.org/mediawiki/2011/d/de/IGEM_basic_Logo_stylized.png" height="30" /></a></li> | <li class="hov"><a class="tooltip" href="https://igem.org/Main_Page" udit="iGEM"><img src="https://static.igem.org/mediawiki/2011/d/de/IGEM_basic_Logo_stylized.png" height="30" /></a></li> | ||
</ul> | </ul> | ||
+ | |||
+ | </div> | ||
Line 75: | Line 83: | ||
background-image: url(http://db.tt/73dOABGc); | background-image: url(http://db.tt/73dOABGc); | ||
color: rgb(199, 214, 217); | color: rgb(199, 214, 217); | ||
- | + | min-width:970px; | |
} | } | ||
Line 157: | Line 165: | ||
text-shadow: none !important; | text-shadow: none !important; | ||
} | } | ||
+ | |||
+ | #twitter a { overflow-y:hidden; } | ||
#twitter li a:first-child { | #twitter li a:first-child { | ||
- | height: | + | height: 53px; |
width: 205px; | width: 205px; | ||
color: black; | color: black; | ||
Line 173: | Line 183: | ||
#twitter li { | #twitter li { | ||
- | height: | + | height: 56px; |
width: 205px; | width: 205px; | ||
+ | |||
} | } | ||
Line 227: | Line 238: | ||
} | } | ||
- | .links { position: absolute ; top: 5px; right:20px; background-color: rgba(249, 249, 249, 0.2); border-radius: 3px; height:33px; width: | + | .links { |
+ | position: absolute ; | ||
+ | top: 5px; | ||
+ | right:20px; | ||
+ | //overflow-y: hidden; | ||
+ | background-color: rgba(249, 249, 249, 0.2); | ||
+ | border-radius: 3px; | ||
+ | height:33px; | ||
+ | width:138px; | ||
+ | } | ||
+ | |||
.links li { padding-left: 1px; padding-right:1px; } | .links li { padding-left: 1px; padding-right:1px; } | ||
//.idk { position:absolute; right: 300px; } | //.idk { position:absolute; right: 300px; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Latest revision as of 17:13, 25 October 2012