|
|
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> |