bootstrap: template

admin, unicorn

by secretgspot

HTML

<script src="http://wbpreview.com/previews/WB0F35928/js/excanvas.min.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/jquery.flot.min.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/jquery.flot.resize.min.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/jquery.peity.min.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/fullcalendar.min.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/unicorn.js"></script>
<script src="http://wbpreview.com/previews/WB0F35928/js/unicorn.dashboard.js"></script>
<link rel="stylesheet" href="http://wbpreview.com/previews/WB0F35928/css/bootstrap.min.css">
<link rel="stylesheet" href="http://wbpreview.com/previews/WB0F35928/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="http://wbpreview.com/previews/WB0F35928/css/fullcalendar.css">
        <div id="header">
            <h1><a href="./dashboard.html">Unicorn Admin</a></h1>        
        </div>
        
        <div id="search">
            <input type="text" placeholder="Search here..."/><button type="submit" class="tip-right" title="Search"><i class="icon-search icon-white"></i></button>
        </div>
        <div id="user-nav" class="navbar navbar-inverse">
            <ul class="nav btn-group">
                <li class="btn btn-inverse" ><a title="" href="#"><i class="icon icon-user"></i> <span class="text">Profile</span></a></li>
                <li class="btn btn-inverse dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a class="sAdd" title="" href="#">new message</a></li>
                        <li><a class="sInbox" title="" href="#">inbox</a></li>
                        <li><a...

CSS

/**
 * Unicorn Admin Template
 * Diablo9983 -> [email protected]
**/
body {
    background-color: #444444;
}

#header {
    box-shadow: 0 1px 0 #333333;
    background-color: #333333;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#3F3F3F), to(#222222));
    background-image: -webkit-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -moz-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -ms-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background-image: linear-gradient(top, #3F3F3F 0%, #222222 100%);
    border-bottom: 1px solid #555555;
}

#search input[type=text], #search button {
    background-color: #222222;
}
#search input[type=text]:focus {
    color: #777777;
}

#sidebar > ul {
    border-top: 1px solid #393939;
    border-bottom: 1px solid #4E4E4E;
}
#sidebar > ul > li {
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #393939;
}
#sidebar > ul > li.active {
    background-color: #3a3a3a;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#333333), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -moz-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -ms-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: -o-linear-gradient(top, #333333 0%, #3F3F3F 100%);
    background-image: linear-gradient(top, #333333 0%, #3F3F3F 100%);
}

#sidebar > ul > li.open.submenu > a {
    border-bottom: 1px solid #393939;
}
#sidebar > ul > li.open.active.submenu > a {
    border-bottom: 1px solid #2A2A2A;
}
#sidebar > ul > li > a > .label {
    background-color: #333333;
}
#sidebar > ul > li > a:hover {
    background-color: #4A4A4A;
}
#sidebar > ul ul {
    border-top: 1px solid #4E4E4E;
    background-color: #2A2A2A;
}
#sidebar > ul ul li a {
    border-top: 1px solid #333333;
    border-bottom: 1px solid...