navbar looks right at full width

This commit is contained in:
Michael Q Larson
2014-12-30 10:45:19 -08:00
parent 049e2d0a8e
commit cb7ff19564
4 changed files with 38 additions and 36 deletions

View File

@ -33,12 +33,13 @@ body {
margin-bottom: 75px;
}
footer {
position: absolute;
bottom: 0;
.footer {
width: 100%;
height: 45px;
line-height: 45px;
margin-bottom: 0px;
text-align: center;
padding:0px;
height: 200px;
background-color: #4a2b0f;
}
h1, h2 {
@ -255,10 +256,10 @@ ul {
background-color: #4a2b0f;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
.navbar-nav > li > a {
color: #eee;
&:hover {
color: #ddd;
color: #4a2b0f;
}
}
@ -355,7 +356,7 @@ thead {
}
.navbar-nav a {
color: #ddd;
color: #eee;
font-size: 20px;
margin-top: -5px;
}

View File

@ -17,8 +17,6 @@ html
.container
include partials/flash
block content
include partials/footer
!= js('application')
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

View File

@ -1,6 +1,5 @@
.visible-xs.visible-sm
nav.navbar.navbar-bottom.nav.navbar-nav
ul.text-center
.footer.nav.navbar.navbar-nav.visible-xs.visible-sm
ul
li
a(href='/') Challenges
- if (cc && cc[1] < 1)
@ -16,6 +15,9 @@
li
a(href='http://forum.freecodecamp.com') Forum
li
a(href='/learn-to-code') Buzz
a(href='/learn-to-code') About
if user
li
a(href='/account') Account
a(href='/profile') [&nbsp;#{user.points}&nbsp;]
if !user
a.btn.signup-btn.btn-nav.btn-sm(href='/login') Sign in

View File

@ -20,15 +20,16 @@ nav.navbar.navbar-fixed-top
li
a(href='http://forum.freecodecamp.com') Forum
li
a(href='/learn-to-code') Buzz
a(href='/learn-to-code') About
if user
li
a(href='/account') Account
a(href='/profile') [&nbsp;#{user.points}&nbsp;]
if !user
a.btn.signup-btn.btn-nav.btn-sm(href='/login') Sign in
else
if user.profile.picture
a(href='/profile')
img.profile-picture.float-right(src='#{user.profile.picture}')
| [&nbsp;#{user.points}&nbsp;]
else
a(href='/profile')
img.profile-picture.float-right(src='#{user.gravatar(60)}')
| [&nbsp;#{user.points}&nbsp;]