Add sticky footer
This commit is contained in:
@ -3,10 +3,31 @@
|
|||||||
// Scaffolding
|
// Scaffolding
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#wrap {
|
||||||
|
min-height: 100%;
|
||||||
|
height: auto !important;
|
||||||
|
height: 100%;
|
||||||
|
/* Negative indent footer by its height */
|
||||||
|
margin: 0 auto -150px;
|
||||||
|
/* Pad bottom by footer height */
|
||||||
|
padding: 0 0 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
height: 150px;
|
||||||
|
padding-top: 35px;
|
||||||
|
background-color: @navbar-default-bg;
|
||||||
|
border-top: 1px solid @navbar-default-border;
|
||||||
|
}
|
||||||
|
|
||||||
// Brand Colors
|
// Brand Colors
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
@ -17,7 +38,6 @@ body {
|
|||||||
@brand-info: #5bc0dd;
|
@brand-info: #5bc0dd;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar
|
// Navbar
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
@ -132,6 +152,7 @@ body {
|
|||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Misc
|
||||||
.navbar-nav img {
|
.navbar-nav img {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@ -150,3 +171,5 @@ body {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -16,8 +16,10 @@ html
|
|||||||
|
|
||||||
script(src='/js/lib/jquery.js')
|
script(src='/js/lib/jquery.js')
|
||||||
script(src='/js/lib/bootstrap.js')
|
script(src='/js/lib/bootstrap.js')
|
||||||
|
script(src='/js/lib/flatui-radio.js')
|
||||||
script(src='/js/main.js')
|
script(src='/js/main.js')
|
||||||
body
|
body
|
||||||
|
#wrap
|
||||||
.navbar.navbar-default.navbar-fixed-top
|
.navbar.navbar-default.navbar-fixed-top
|
||||||
.container
|
.container
|
||||||
.navbar-header
|
.navbar-header
|
||||||
@ -49,10 +51,25 @@ html
|
|||||||
| #{user.profile.name || user.id}
|
| #{user.profile.name || user.id}
|
||||||
i.caret
|
i.caret
|
||||||
ul.dropdown-menu
|
ul.dropdown-menu
|
||||||
li
|
li: a(href='/account') My Account
|
||||||
a(href='/account') My Account
|
|
||||||
li.divider
|
li.divider
|
||||||
li
|
li: a(href='/logout') Logout
|
||||||
a(href='/logout') Logout
|
|
||||||
.container
|
.container
|
||||||
block content
|
block content
|
||||||
|
#footer
|
||||||
|
.container.text-center
|
||||||
|
div
|
||||||
|
| © 2014 Company, Inc.
|
||||||
|
div
|
||||||
|
strong Hackathon Starter
|
||||||
|
| Project
|
||||||
|
| ·
|
||||||
|
| Created by
|
||||||
|
a(href='http://sahatyalkabov.com') Sahat Yalkabov
|
||||||
|
div
|
||||||
|
| Code licensed under
|
||||||
|
a(href='http://opensource.org/licenses/mit-license.html') MIT License
|
||||||
|
div
|
||||||
|
a(href='https://github.com/sahat/hackathon-starter') GitHub Project
|
||||||
|
| ·
|
||||||
|
a(href='https://github.com/sahat/hackathon-starter/issues') Issues
|
||||||
|
Reference in New Issue
Block a user