|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | + | |
| | <style> | | <style> |
| − | /* Footer */ | + | /* Sticky footer styles |
| | + | -------------------------------------------------- */ |
| | + | html { |
| | + | position: relative; |
| | + | min-height: 100%; |
| | + | } |
| | + | body { |
| | + | /* Margin bottom by footer height */ |
| | + | margin-bottom: 60px; |
| | + | } |
| | + | .footer { |
| | + | position: absolute; |
| | + | bottom: 0; |
| | + | width: 100%; |
| | + | /* Set the fixed height of the footer here */ |
| | + | height: 60px; |
| | + | background-color: #f5f5f5; |
| | + | } |
| | | | |
| − | #footer {
| + | </style> |
| − | /*background: #fff;*/
| + | |
| − | padding: 4em 0 6em 0;
| + | |
| − | text-align: center;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| | | | |
| − | #footer .icons a {
| + | <footer class="footer"> |
| − | -moz-transition: opacity 0.2s ease-in-out;
| + | <div class="container"> |
| − | -webkit-transition: opacity 0.2s ease-in-out;
| + | <p class="text-muted">Place sticky footer content here.</p> |
| − | -ms-transition: opacity 0.2s ease-in-out;
| + | </div> |
| − | transition: opacity 0.2s ease-in-out;
| + | </footer> |
| − | opacity: 0.35;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .icons a:hover {
| + | |
| − | opacity: 0.75;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .copyright {
| + | |
| − | color: #999;
| + | |
| − | font-size: 0.9em;
| + | |
| − | line-height: 1em;
| + | |
| − | margin: 2em 0 0 0;
| + | |
| − | padding: 0;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .copyright a {
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .copyright li {
| + | |
| − | border-left: solid 1px #dddddd;
| + | |
| − | display: inline-block;
| + | |
| − | list-style: none;
| + | |
| − | margin-left: 1em;
| + | |
| − | padding-left: 1em;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .copyright li:first-child {
| + | |
| − | border-left: 0;
| + | |
| − | margin-left: 0;
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <footer id="footer">
| + | |
| − | <ul class="icons">
| + | |
| − | <center><img src ="https://static.igem.org/mediawiki/2015/8/8d/BABS_UNSW_Australia_UNSWh.jpg" style= "height:75px; margin-right: 25px;"><img src ="https://static.igem.org/mediawiki/2015/c/cf/BABS_UNSW_Australia_babs.gif" style = "height:75px; margin-right: 25px;">
| + | |
| − | <img src ="https://static.igem.org/mediawiki/2015/5/55/BABS_UNSW_Australia_nswgov.jpg" style = "height:75px; margin-right: 25px;"></center><br><br>
| + | |
| − | <li>UNSW iGEM 2015</li>
| + | |
| − | </ul>
| + | |
| − | </footer>
| + | |
| | | | |
| | </html> | | </html> |