Team:UCLondon/Templates/links-footer

From 2012e.igem.org

(Difference between revisions)
 
(26 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>
<style type="text/css">
<style type="text/css">
 +
 +
        #foot-icon1 { float: left; }
 +
        #foot-icon2 { float: left; }
#footer-links * {  
#footer-links * {  
Line 21: Line 28:
list-style-type:none;
list-style-type:none;
     }
     }
 +
      
      
-
     #footer-links a {  
+
     #footer-links a {
-
display: block;
+
text-decoration: none;  
text-decoration: none;  
-
color: #3B5330;
 
-
}
 
-
 
-
#footer-links a:hover { background: rgba(230, 230, 230, 0.6);}
 
-
 
-
#footer-links ul li ul li a:hover {
 
-
//background: #ECF1E7;
 
-
padding-left:9px;
 
-
border-left: solid 1px #000;
 
}
}
-
#footer-links ul li ul li {
+
#footer-links ul li ul {
-
/*width: 100px;
+
border: solid 1px #b4b4b4;
-
border: none;  
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-
color: black; 
+
background: white;
-
padding-top: 3px;  
+
-
padding-bottom:3px;
+
-
padding-left: 3px;
+
-
padding-right: 3px;
+
-
//background: #B0BD97;*/
+
-
float:left;
+
}
}
#footer-links ul li ul li a {  
#footer-links ul li ul li a {  
-
//font: 11px arial;
 
-
//font-weight:normal;
 
-
//font-variant: small-caps;
 
padding-top:3px;  
padding-top:3px;  
padding-bottom:3px;
padding-bottom:3px;
Line 57: 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 92: Line 77:
}
}
-
#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
 
-
 
-
height: 83px;
 
-
 
-
z-index: 1;
 
-
}
 
#footer-links .left-footer {
#footer-links .left-footer {
float:left;
float:left;
 +
                margin-left:10px;
}
}
Line 141: 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

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:UCLondon/Templates/links-footer"