Mercurial > zeropaste
annotate app/assets/stylesheets/sticky-footer.css @ 345:0b3a5edd923d
coffee: application.
| author | edogawaconan <me@myconan.net> |
|---|---|
| date | Thu, 03 Jul 2014 14:50:58 +0900 |
| parents | bd29f6af1f1c |
| children |
| rev | line source |
|---|---|
| 259 | 1 /* Sticky footer styles |
| 2 -------------------------------------------------- */ | |
| 3 | |
| 4 html, | |
| 5 body { | |
| 6 height: 100%; | |
| 7 /* The html and body elements cannot have any padding or margin. */ | |
| 8 } | |
| 9 | |
| 10 /* Wrapper for page content to push down footer */ | |
| 11 #wrap { | |
| 12 min-height: 100%; | |
| 13 height: auto !important; | |
| 14 height: 100%; | |
| 15 /* Negative indent footer by its height */ | |
| 16 margin: 0 auto -60px; | |
|
284
bd29f6af1f1c
Add a bit more padding on footer.
edogawaconan <me@myconan.net>
parents:
259
diff
changeset
|
17 /* Pad bottom by footer height + 10 */ |
|
bd29f6af1f1c
Add a bit more padding on footer.
edogawaconan <me@myconan.net>
parents:
259
diff
changeset
|
18 padding: 0 0 70px; |
| 259 | 19 } |
| 20 | |
| 21 /* Set the fixed height of the footer here */ | |
| 22 #footer { | |
| 23 height: 60px; | |
| 24 background-color: #f5f5f5; | |
| 25 } | |
| 26 | |
| 27 | |
| 28 /* Custom page CSS | |
| 29 -------------------------------------------------- */ | |
| 30 /* Not required for template or sticky footer method. */ | |
| 31 | |
| 32 .container .credit { | |
| 33 margin: 20px 0; | |
| 34 } |