Mercurial > zeropaste
annotate app/assets/stylesheets/sticky-footer.css @ 335:58d7fa50b8cc
Update gems.
author | edogawaconan <me@myconan.net> |
---|---|
date | Wed, 23 Apr 2014 09:25:11 +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 } |