Skip to content

Instantly share code, notes, and snippets.

@thinkdevcode

thinkdevcode/pexelu.html

Created March 2, 2012 03:11
Show Gist options
  • Save thinkdevcode/1955271 to your computer and use it in GitHub Desktop.
Save thinkdevcode/1955271 to your computer and use it in GitHub Desktop.
Download ZIP
Pexelu
Raw
pexelu.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pexelu</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="http://bootswatch.com/cerulean/bootstrap.min.css" type="text/css" media="screen">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css" media="screen">
body { padding: 40px 0 0 0; }
#leftbar {
margin: 0;
padding: 0;
position: fixed;
width: 14.89%;
min-height: 100%;
}
#center {
padding: 5px;
position: absolute;
min-height: 92.5%;
width: 69.15%;
max-width: 69.15%;
margin-left: 15%;
background-color: #f7f7f9;
}
#rightbar {
margin: 0;
padding: 0;
position: fixed;
min-height: 100%;
width: 15%;
margin-left: 85%;
}
#onlineusers .nav-list li a {
height: 20px;
margin-left: 10px;
}
#onlineusers .nav-list .nav-header {
height: 20px;
margin-top: 0;
}
#onlineusers {
overflow-y: scroll !important;
overflow-x: hidden !important;
}
.navbar {
position: fixed;
}
#searchbox {
width: 30%;
margin: 5px auto;
}
.smallhr {
margin: 0;
}
#onlineusers {
height: 500px;
overflow-y: auto;
overflow-x: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">
Pexelu
</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</div>
<div id="application" class="">
<div class="well" id="leftbar">
<ul class="nav nav-list">
<li class="nav-header">Menu</li>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Settings</a></li>
<li class="nav-header">Feeds</li>
<li><a href="#">#Csharp</a></li>
<li><a href="#">#dotNET</a></li>
<li><a href="#">#ExtJS</a></li>
<li class="active"><a href="#">#JavaScript</a></li>
<li><a href="#">#Startups</a></li>
<li><a href="#">#HackerNews</a></li>
<li><a href="#">#Entrepreneurs</a></li>
<li><a href="#">#Physics</a></li>
<li><a href="#">#Science</a></li>
<li><a href="#">#Atheism</a></li>
</ul>
</div>
<div id="center">
<div id="searchbox">
<form class="form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
</div>
<hr class="smallhr"/>
</div>
<div class="well" id="rightbar">
<div id="onlineusers">
<ul class="nav nav-list">
<li class="nav-header">Anonymous (81)</li>
<li class="nav-header">Users (38)</li>
<li><a href="#">@thinkdevcode</a></li>
<li><a href="#">@dnico81</a></li>
<li><a href="#">@helloKitty</a></li>
<li><a href="#">@anon12</a></li>
<li><a href="#">@djpyschic</a></li>
<li><a href="#">@skudmissl</a></li>
<li><a href="#">@jsNinja</a></li>
<li><a href="#">@BRazil81</a></li>
<li><a href="#">@KodeFuGuru</a></li>
<li><a href="#">@Gin</a></li>
<li><a href="#">@phear</a></li>
<li><a href="#">@LOLcats1</a></li>
<li><a href="#">@JesusLoveYou</a></li>
<li><a href="#">@thinkdevcode</a></li>
<li><a href="#">@dnico81</a></li>
<li><a href="#">@helloKitty</a></li>
<li><a href="#">@anon12</a></li>
<li><a href="#">@djpyschic</a></li>
<li><a href="#">@skudmissl</a></li>
<li><a href="#">@jsNinja</a></li>
<li><a href="#">@BRazil81</a></li>
<li><a href="#">@KodeFuGuru</a></li>
<li><a href="#">@Gin</a></li>
<li><a href="#">@phear</a></li>
<li><a href="#">@LOLcats1</a></li>
<li><a href="#">@JesusLoveYou</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment