diff options
author | Natanael Copa <ncopa@alpinelinux.org> | 2014-11-26 08:25:19 +0100 |
---|---|---|
committer | Natanael Copa <ncopa@alpinelinux.org> | 2014-11-26 08:25:19 +0100 |
commit | 180d4411bd02b422f749eea7fd8b2e7f74a3025f (patch) | |
tree | e9efee7f3275dafa93f02a5e298a9e46ba14037d | |
parent | fafc59e025f768b619c1c38beef49cf0053da486 (diff) | |
download | mksite-alpine-180d4411bd02b422f749eea7fd8b2e7f74a3025f.tar.bz2 mksite-alpine-180d4411bd02b422f749eea7fd8b2e7f74a3025f.tar.xz |
template: make footer always appear at bottom
-rw-r--r-- | _default.template.html | 2 | ||||
-rw-r--r-- | _static/styles.css | 23 |
2 files changed, 20 insertions, 5 deletions
diff --git a/_default.template.html b/_default.template.html index 7bc9aed..88e1154 100644 --- a/_default.template.html +++ b/_default.template.html @@ -30,7 +30,7 @@ </div> <p></p> </header> - <div class="hidden"> + <div id="wide-content"> <article> {{#pubdate}} <p><time>{{pubdate}}</time></p> diff --git a/_static/styles.css b/_static/styles.css index 205ffcb..18d2362 100644 --- a/_static/styles.css +++ b/_static/styles.css @@ -1,5 +1,11 @@ +html { + height: 100%; +} + html, body { overflow-x: hidden; + margin: 0; + padding: 0; } body { @@ -7,9 +13,9 @@ body { color: #111; font-family: sans-serif; font-size: 11pt; - padding: 0; - margin: 0; - box-shadow: 0em 0.33em 0.33em #888888; + position: relative; + min-height: 100%; +// box-shadow: 0em 0.33em 0.33em #888888; } .block-left { @@ -186,7 +192,7 @@ table.downloads td, table.downloads th { margin: 1em; // position: relative; //top: 50%; -// -webkit-transform: translateY(300%); +// -webkit-transform: translateY(300%); // -ms-transform: translateY(300%); // transform: translateY(300%); // border-style: solid; @@ -194,6 +200,11 @@ table.downloads td, table.downloads th { // padding: 0; } +div#wide-content { + padding-bottom: 2em; + overflow: hidden; +} + footer { background-color: #0D597F; font-size: .7em; @@ -202,5 +213,9 @@ footer { text-align: center; clear: both; margin-top: 5em; + position: absolute; + bottom: 0; + width: 100%; + height: 1.1em; } |