Team:UCLondon/Templates/links-footer
From 2012e.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<div id="footer-links"> | <div id="footer-links"> | ||
- | <div id="foot-icon1 | + | <div id="foot-icon1"></div> |
+ | <div class="vertical"> | ||
<p class="left-footer">Morph Bioinformatics</p> | <p class="left-footer">Morph Bioinformatics</p> | ||
<ul class="right-footer"> | <ul class="right-footer"> | ||
Line 12: | Line 13: | ||
<li><a href="#">MediaWiki</a><ul class='mediawiki-footer'><li>item1</li></ul></li> | <li><a href="#">MediaWiki</a><ul class='mediawiki-footer'><li>item1</li></ul></li> | ||
</ul> | </ul> | ||
- | <div id="foot-icon2" | + | </div> |
+ | <div id="foot-icon2"></div> | ||
</div> | </div> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | #foot-icon1 { float: left; } | ||
+ | #foot-icon2 { float: left; } | ||
#footer-links * { | #footer-links * { | ||
Line 23: | Line 28: | ||
list-style-type:none; | list-style-type:none; | ||
} | } | ||
+ | |||
#footer-links a { | #footer-links a { | ||
Line 69: | Line 75: | ||
//font: 10px; | //font: 10px; | ||
bottom:100%; | bottom:100%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | |||
#footer-links .left-footer { | #footer-links .left-footer { | ||
float:left; | float:left; | ||
- | + | margin-left:10px; | |
} | } | ||
Line 126: | Line 103: | ||
#footer-links ul li ul li { border: none; } | #footer-links ul li ul li { border: none; } | ||
+ | |||
+ | #footer-links { width:90%; margin-left:auto; margin-right:auto; bottom:5px;} | ||
+ | // .vertical { display:table-cell; vertical-align:centre; } | ||
</style> | </style> | ||
Line 149: | Line 129: | ||
$('#foot-icon2').html( $('#f-copyrightico').html() ); | $('#foot-icon2').html( $('#f-copyrightico').html() ); | ||
$('#foot-icon1').html( $('#f-poweredbyico').html() ); | $('#foot-icon1').html( $('#f-poweredbyico').html() ); | ||
+ | |||
+ | $('#footer-box').css('display', 'none'); | ||
}); | }); |
Latest revision as of 04:04, 15 September 2012