Team:UCLondon/Templates/links-footer

From 2012e.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 2: Line 2:
<div id="footer-links">
<div id="footer-links">
 +
      <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">
-
<li><a href="#">MediaWiki</a><ul class='mediawiki-footer'><li>item1</li></ul></li>
 
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Downloads</a></li>
Line 10: Line 11:
<li><a href="#">Job Opportunities</a></li>
<li><a href="#">Job Opportunities</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
 +
                                                <li><a href="#">MediaWiki</a><ul class='mediawiki-footer'><li>item1</li></ul></li>
</ul>
</ul>
 +
                  </div>
 +
        <div id="foot-icon2"></div>
</div>
</div>
Line 16: Line 20:
<style type="text/css">
<style type="text/css">
 +
        #foot-icon1 { float: left; }
 +
        #foot-icon2 { float: left; }
 +
 +
#footer-links * {
 +
padding:0;
 +
margin: 0;
 +
list-style-type:none;
 +
    }
 +
 +
   
 +
    #footer-links a { 
 +
text-decoration: none;
 +
}
 +
 +
#footer-links ul li ul {
 +
border: solid 1px #b4b4b4;
 +
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 +
background: white;
 +
}
 +
#footer-links ul li ul li a {  
#footer-links ul li ul li a {  
padding-top:3px;  
padding-top:3px;  
Line 22: Line 46:
#footer-links ul li {
#footer-links ul li {
float: left;  
float: left;  
-
 
-
//border-top: solid 1px #283923;
 
-
//border-bottom: solid 1px #283923;
 
-
//background: #979E71;
 
}
}
#footer-links ul li a {  
#footer-links ul li a {  
Line 55: Line 75:
//font: 10px;
//font: 10px;
bottom:100%;
bottom:100%;
-
}*/
 
-
 
-
#footer-links {
 
-
color: rgb(110, 110, 110);
 
-
 
-
/*
 
-
border-top-color: rgb(229, 229, 229);
 
-
border-top-style: solid;
 
-
border-top-width: 1px;
 
-
border-bottom-color: rgb(229, 229, 229);
 
-
border-bottom-style: solid;
 
-
border-bottom-width: 1px;
 
-
*/
 
-
 
-
margin:auto;
 
-
width:70%;
 
-
 
-
margin-bottom: 20px;
 
-
padding-bottom: 5px;
 
-
padding-left: 0px;
 
-
padding-right: 0px;
 
-
padding-top: 5px;
 
-
position: static;
 
-
text-align: center
 
-
 
-
 
-
 
-
z-index: 1;
 
}
}
 +
#footer-links .left-footer {
#footer-links .left-footer {
float:left;
float:left;
 +
                margin-left:10px;
}
}
Line 106: Line 100:
padding-right: none;
padding-right: 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>
 +
 +
<script>
 +
 +
$(document).ready(function() {
 +
 +
// get links from mwiki footer and put into our footer
 +
 +
var myarr = $('#footer-box > #footer').children().filter('#f-list');
 +
var mystr = "";
 +
var i = 0;
 +
 +
for (i=0; i < myarr.length; i++){
 +
mystr += myarr[i].innerHTML;
 +
}
 +
 +
$('.mediawiki-footer').html(mystr);
 +
 +
 +
//get icons and put into our footer
 +
 +
$('#foot-icon2').html(  $('#f-copyrightico').html()  );
 +
$('#foot-icon1').html(  $('#f-poweredbyico').html()  );
 +
 +
$('#footer-box').css('display', 'none');
 +
 +
});
 +
 +
</script>
</html>
</html>

Latest revision as of 04:04, 15 September 2012