Team:UCLondon/Templates/links-footerv2

From 2012e.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 2: Line 2:
<div id="MBFooter">
<div id="MBFooter">
 +
<div style="clear:both; height:1px;"></div>
<div id="footer-links">
<div id="footer-links">
       <div id="foot-icon1"></div>
       <div id="foot-icon1"></div>
Line 7: Line 8:
<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="#">Home</a></li>
+
<li><a href="http://dl.dropbox.com/u/3703109/igeme/home.html">Home</a></li>
-
<li><a href="#">Downloads</a></li>
+
<li><a href="http://dl.dropbox.com/u/3703109/igeme/downloads.html">Downloads</a></li>
-
<li><a href="#">News</a></li>
+
<li><a href="http://dl.dropbox.com/u/3703109/igeme/news.html">News</a></li>
-
<li><a href="#">Job Opportunities</a></li>
+
<li><a href="http://dl.dropbox.com/u/3703109/igeme/jobs.html">Job Opportunities</a></li>
-
<li><a href="#">Contact Us</a></li>
+
<li><a href="http://dl.dropbox.com/u/3703109/igeme/contact.html">Contact Us</a></li>
                                                 <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>
Line 22: Line 23:
<style type="text/css">
<style type="text/css">
-
         #MBFooter { background: url(http://db.tt/cPPm1hVY) repeat-x; width:100%; margin:auto; height:100px; position:absolute; bottom:0; left:0; }
+
         #MBFooter { background: url(http://db.tt/cPPm1hVY) repeat-x; width:100%; margin:auto; height:100px; position:relative; bottom:-40px; left:0; }
 +
 
 +
      #MBFooter:before { content:""; display:block; width:100%; height:3px;
 +
 
 +
          background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgba(255, 255, 255, 0.7) ), to( rgb(0, 0, 0) ) );
 +
          background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgb(0, 0, 0) );
 +
          background-image: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.7), rgb(0, 0, 0) );
 +
          background-image: -ms-linear-gradient(top,  rgba(255, 255, 255, 0.7), rgb(0, 0, 0) );
 +
          background-image: -o-linear-gradient(top,  rgba(255, 255, 255, 0.7), rgb(0, 0, 0) );
 +
          background-image: linear-gradient(top,  rgba(255, 255, 255, 0.7), rgb(0, 0, 0) );
 +
 
 +
        box-shadow: 1px #888;
 +
     
 +
        }
         #foot-icon1 { float: left; }
         #foot-icon1 { float: left; }
Line 43: Line 57:
                 border: solid 1px #b4b4b4;
                 border: solid 1px #b4b4b4;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 +
                z-index: 10;
                 color:black;
                 color:black;
   }
   }
-
     #footer-links div li:hover > ul { display: block; position:absolute; bottom:100%;  }
+
     #footer-links div li:hover > ul { display: block; position:absolute; bottom:50%;  }
   
   
-
     #footer-links div li ul li { color:black; }
+
     #footer-links div li ul li { color:black; width:140px; padding:0 !important; border:0 !important;  }
     #footer-links div li ul li a { color:black; width:140px;  }
     #footer-links div li ul li a { color:black; width:140px;  }
 +
    #footer-links div li ul li:hover { background-color:rgb(56, 90, 79);  }
 +
    #footer-links div li ul li:hover > a { color:white;}
Line 62: Line 79:
float:left;
float:left;
                 margin-right: 10px;
                 margin-right: 10px;
 +
                padding-top:2px;
}
}
Line 80: Line 98:
-
       #footer-links { width:80%; margin-left:auto; margin-right:auto; padding-top:40px;  }
+
       #footer-links { width:761px; margin-left:auto; margin-right:auto; padding-top:40px;  }
   
   
</style>
</style>

Latest revision as of 01:02, 9 January 2013