Footer

Keep the footer at the bottom

by Dyna18

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="www.bundlequest.com/css/jquery.amaran.css">
<link rel="stylesheet" href="www.bundlequest.com/css/theme/all-themes.css">
<script src="http://fonts.googleapis.com/css?family=Open+Sans:400,600"></script>
<link rel="stylesheet" href="www.bundlequest.com/css/bootstrap-sortable.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="www.bundlequest.com/js/jquery.amaran.js"></script>
<script src="www.bundlequest.com/js/jquery.autocomplete.min.js"></script>
<script src="www.bundlequest.com/js/moment.min.js"></script>
<script src="www.bundlequest.com/js/bootstrap-sortable.js"></script>
<script src="www.bundlequest.com/js/enquire.min.js"></script>
<script src="&quot;www.bundlequest.com/js/bq-scripts.js"></script>
<body>
<div class='content' style=''>

<!-- NAVIGATION -->
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="topbar">
	<div class="container">
		<div class="nav">
			<div class="nav navbar-header">
				<ul class="nav navbar-nav navbar-left">
					<li>
						<span class='nav-topbar nav-username'>Demo user</span>
					</li>
				</ul>
			</div>
			
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav navbar-right">
					<form action='?login' method='post'>
						<input type='image' alt='Sign in through Steam' style='margin-top: 3px;' 
		 						src='http://cdn.steamcommunity.com/public/images/signinthroughsteam/sits_small.png'>
					</form>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="container">
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bq-navbar-collapse">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span...

CSS

/* --- General content --- */
h1, h2, h3, h4 {				color: inherit; }
h2.panel-title {				font-size: 1.5em; }
a:link,
a:visited {						color: #0000FF; }	
a:hover,
a:active {						color: #00009d; }

h1.page-header a {				margin-left: -5px;
								padding: 5px;
								border: 1px solid;
								border-color: transparent;
								border-radius: 4px;
								text-decoration: none; }
/* correction for userMenu in a title */
.noheadermargin a {				margin-left: 0px !important;
								padding: 3px 20px !important; }
h1.page-header a:link,
h1.page-header a:visited {		color: #333; 
								border: 1px solid;
								border-color: transparent; }
h1.page-header a:hover,
h1.page-header a:active {		color: #000;
								background-color: #efefef;
								border: 1px solid #CCC; }


/* --- Navbar --- */
.navbar-nav { 								font-size: 15.5px;
											font-family: Verdana, Geneva, sans-serif; }

.navbar-nav a:link,
.navbar-nav a:visited {						color: #333 !important; }
.navbar-nav a:hover,
.navbar-nav a:focus {						color: #000 !important;
											background-color: #e7e7e7 !important; }

.navbar-brand:hover,
.navbar-brand:focus {						color: #777 !important; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {			background-color: #e7e7e7; }

/* --- Topbar --- */
.topbar {									color: white;
											background-color: #202020;
											height: 30px; }

.topbar .navbar-nav > li > span { 			font-size: 12px;
											padding: 3px 10px 0px 10px; }
.topbar .navbar-nav > li > a { 				font-size: 12px;
											padding: 5px 10px; }

span.nav-topbar {							color: white !important; }
a.nav-topbar:link,
a.nav-topbar:visited {						color: white !important; }
a.nav-topbar:hover, 
a.nav-topbar:focus {						color: black !important;
											background-color: #E7E7E7 !important; }

.nav-username {								font-size: 17px !important;
											display: block; }

.topbar .nav-ratio {						color: #bcbcbc;
											font-size: 12px;
											margin-left:...