Amadeus SB Admin Theme

Grading

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
<script src="http://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/bower_components/metisMenu/dist/metisMenu.min.css">
<script src="http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/bower_components/metisMenu/dist/metisMenu.min.js"></script>
<script src="http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/dist/js/sb-admin-2.js"></script>
<link rel="stylesheet" href="http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/dist/css/sb-admin-2.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">
<script src="https://cdn.datatables.net/responsive/1.0.5/js/dataTables.responsive.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0" id="navbar-top">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span>
      <span>Menu</span>

    </button>
    <img src="http://placehold.it/60x60" class="navbar-left amadeus-logo" />
    <h1 class="navbar-left amadeus-logo">Amadeus</h1>

  </div>
  <!-- /.navbar-header -->
  <ul class="nav navbar-top-links navbar-right">
    <!-- /.dropdown -->
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        <span>amandaaw (Internal Medicine)</span>
        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
      </a>

      <ul...

CSS

@media only screen and (min-width: 768px) {
  .sidebar {
    margin-top: 75px !important;
  }
}

@media only screen and (max-width: 768px) {
  h1 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-top-links li a {
    padding: 0 10px 0 !important;
    min-height: 0 !important;
  }
}

.label-default {
  background-color: #83b4dd;
  color: #00274c;
}

#footer,
#footer-main-content {
  padding: 10px 20px 20px;
  color: #fff;
  background-color: #00274c;
}

.footer-links-block a {
  color: #83b4dd;
}

.footer-logo-block {
  display: inline;
  float: left;
  padding: 10px;
  vertical-align: middle;
}

.padding-left-20 {
  margin-left: 20px;
}

.page-header {
  margin-top: 5px;
}

h2 {
  margin-top: 0px;
}

a {
  color: #00274c;
}

.table a {
  text-decoration: underline;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #00274c;
  border-color: #428bca
}

.amadeus-logo {
  padding-left: 10px;
  padding-top: 5px;
  font-family: 'Arial Narrow';
}

#page-wrapper {
  padding: 10px 20px 10px !important;
}

.navbar-static-top {
  border-color: #0d57aa;
  background-color: #00274c !important;
  color: #fff;
}

.dropdown-toggle {
  color: #ffcb05 !important;
}

.navbar-default {
  background-color: #e4e1df;
}

.affix {
  width: 100%;
}


/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
  background-color: #e4e1df;
}

#wrapper {
  width: 100%;
}

#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: #fff;
}

@media(min-width:768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }
}

.navbar-top-links {
  margin-right: 0;
}

.navbar-top-links li {
  display: inline-block;
}

.navbar-top-links li:last-child {
  margin-right: 15px;
}

.navbar-top-links li a {
  padding: 15px;
 ...

JavaScript

$(document).ready(function() {
  $('#dataTable').dataTable({
    "paging": false,
    "searching": false,
    "info": false,
    responsive: true
  });

});

$('.selectpicker').selectpicker({
  style: 'btn-info',
  size: 4
});

//$('#navbar-top').affix({
//  offset: {
//    top: 100,
//    bottom: function () {
//      return (this.bottom = //$('.footer').outerHeight(true))
//    }
//  }
//})