diff options
| author | Carlo Landmeter <clandmeter@gmail.com> | 2016-10-05 14:53:14 +0200 |
|---|---|---|
| committer | Carlo Landmeter <clandmeter@gmail.com> | 2016-11-10 15:04:03 +0100 |
| commit | c4fb5799ae32f7cea335ca882d7bba8ee4e3ca75 (patch) | |
| tree | dc51f44cd75c63af21f822ef76f1d7d2c4bcd3f6 /_static/styles.css | |
| parent | 9f54f95114c89871f23ff691c8f8e4aced117097 (diff) | |
| download | alpine-mksite-c4fb5799ae32f7cea335ca882d7bba8ee4e3ca75.tar.bz2 alpine-mksite-c4fb5799ae32f7cea335ca882d7bba8ee4e3ca75.tar.xz | |
keep the footer at the bottom of the page
Diffstat (limited to '_static/styles.css')
| -rw-r--r-- | _static/styles.css | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/_static/styles.css b/_static/styles.css index c7c1f0a..17821d4 100644 --- a/_static/styles.css +++ b/_static/styles.css @@ -1,7 +1,13 @@ /* * Base purecss provides basic styling, but we overide some of them here. */ -body { color: #526066; } + +html,body { + height: 100%; + margin: 0; + padding: 0; + color: #526066; +} h1, h2, h3 { letter-spacing: 0.25em; @@ -21,6 +27,11 @@ a { color: rgb(61, 146, 201); } +#wrapper { + min-height: 100%; + position: relative; +} + /* * Layout styles * * center content @@ -31,6 +42,7 @@ a { padding: 0em 1em 2em 1em; max-width: 980px; overflow:auto; + padding-bottom: 5em; /* uses for footer */ } .l-box { padding: 0.5em 1em; } @@ -235,12 +247,18 @@ a.alpine-logo:active { * Footer styling */ -.footer { +footer { background: #111; color: #888; text-align: center; + position: absolute; + bottom: 0; + width: 100%; + padding-top: 1em; + padding-bottom: 1em; } -.footer a { color: #ddd; } + +footer a { color: #ddd; } /* * Color set taken from: |