Commit d5bbf94e authored by Zach Knox's avatar Zach Knox

Merge branch '49-footer-fill' into 'master'

Resolve "background fill on footer does not extend to edges"

Closes #49

See merge request srctweb!58
parents b0882593 99e42e2f
<div class="container"> <div class="container">
<small> <small>
<div class="row" style="padding-top:5px"> <div class="row mt-2">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
<a href="https://creativecommons.org/licenses/by-nc/4.0/legalcode"> <a href="https://creativecommons.org/licenses/by-nc/4.0/legalcode">
<i class="fab fa-creative-commons fa-fw"></i> BY-NC 2016</a> <i class="fab fa-creative-commons fa-fw"></i> BY-NC 2016</a>
...@@ -33,4 +33,4 @@ ...@@ -33,4 +33,4 @@
</div> </div>
</div> </div>
</small> </small>
</div> </div>
\ No newline at end of file
...@@ -6,8 +6,10 @@ ...@@ -6,8 +6,10 @@
{% include scripts.html %} {% include scripts.html %}
</head> </head>
<body id="body"> <body>
{% include navbar.html %} <header>
{% include navbar.html %}
</header>
{% if page.jumbotron == true %} {% if page.jumbotron == true %}
{% include jumbotron.html %} {% include jumbotron.html %}
...@@ -15,13 +17,12 @@ ...@@ -15,13 +17,12 @@
{% include banner.html %} {% include banner.html %}
{% endif %} {% endif %}
<div class="container"> <main role="main" class="container">
{{ content }} {{ content }}
</div> </main>
</body>
<div id="footer">
{% include footer.html %}
</div>
<footer class="footer">
{% include footer.html %}
</footer>
</body>
</html> </html>
/* Sticky footer styles */ /* Sticky footer styles */
html {
/* The html and body elements cannot have any padding or margin. */ position: relative;
html, min-height: 100%;
}
body { body {
height:100%; /* Margin bottom by footer height */
margin-bottom: 120px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 120px;
background-color: #e4e6d7;
} }
/* Custom page CSS */
a[name] { a[name] {
padding-top: 50px; padding-top: 50px;
} }
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -100px;
/* Pad bottom by footer height */
padding: 0 0 130px;
}
/* Set the fixed height of the footer here */
#footer {
height: 100px;
background-color: #e4e6d7;
}
@font-face { @font-face {
font-family: 'Xolonium'; font-family: 'Xolonium';
src: url('../fonts/Xolonium-Regular.otf') format("opentype"); src: url('../fonts/Xolonium-Regular.otf') format("opentype");
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment