style(type='text/css').
  @import url(//fonts.googleapis.com/css?family=Droid+Sans+Mono);

  html,body {
    height: 100%;
    font-family: 'Droid Sans Mono', sans-serif;
  }

  p,h1,h2,h3,h4 {
    font-family: 'Droid Sans Mono', sans-serif;
  }

  hr {
    border-color:#222;
  }

  /* wrapper for page content to push down footer */
  .page-container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* negative indent footer by its height*/
    margin: 0 auto -120px;
    /*pad bottom by footer height */
    padding: 0 0 70px;
  }

  /* set the fixed height of the footer here */
  #footer {
    border: none;
    font-weight: 100;
    font-family: 'Droid Sans Mono', sans-serif;
    width: 500px;
    background: none;
    color: #efefef;
  }

  body {
    background: #1E1E1E;
    color: #f9f9f9;
  }
  a, small {
    color:#bcbcbc;
  }
  .text-center {
    padding-top: 20px;
  }

  #main {
    padding-top: 30px;
  }

  #sidebar {
    height: 100%;
    padding-right: 0;
    padding-bottom: 100px;
    position: fixed;
    left: 0;
    overflow: scroll;
  }

  #sidebar .affix {
    position:fixed;
    top:55;
    width:220px;
  }

  #sidebar .affix-bottom {
    position:fixed;
    top:55;
    width:220px;
  }

  #sidebar .nav {
    width: 95%;
  }

  #sidebar li {
    border:0 #1e1e1e solid;
    border-bottom-width:1px;
    margin-left: 10px;
  }

  #sidebar li.heading {
    border:0 #1e1e1e solid;
    border-bottom-width:1px;
    margin-left: 0px;
    font-size: 125%;
  }

  #sidebar li a {
    padding-left:1px;
  }

  #sidebar li a:hover {
    background-color:#222222;
    color:#ffffff;
  }

  /* collapsed sidebar styles */
  @media screen and (max-width: 767px) {
    .row-offcanvas {
      position: relative;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
    }
    .row-offcanvas-right
    .sidebar-offcanvas {
      right: -41.6%;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
      left: -41.6%;
    }
    .row-offcanvas-right.active {
      right: 41.6%;
    }
    .row-offcanvas-left.active {
      left: 41.6%;
    }
    .sidebar-offcanvas {
      position: absolute;
      top: 0;
      width: 41.6%;
    }
    #sidebar {
      padding-top:0;
    }
    #sidebar .nav>li {
      color: #ddd;
      background: linear-gradient(#3E3E3E, #383838);
      border-top: 1px solid #484848;
      border-bottom: 1px solid #2E2E2E;
      padding-left:10px;
    }
    #sidebar .nav>li:first-child {
      border-top:0;
    }
    #sidebar .nav>li>a {
      color: #ddd;
    }
    #sidebar .nav>li>a>img {
      max-width: 14px;
    }
    #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
      text-decoration: none;
      background: linear-gradient(#373737, #323232);
      color: #fff;  
    }
    #sidebar .nav .caret {
      border-top-color: #fff;
      border-bottom-color: #fff;
    }
    #sidebar .nav a:hover .caret{
      border-top-color: #fff;
      border-bottom-color: #fff;
    }
  }

  /* theme */
  .btn,.form-control,.alert,.progress,.panel,.list-group,.well,.list-group-item:first-child {border-radius:1px;box-shadow:0 0 0;}
  .btn {border-color:transparent;}
  .btn-default,.well {
    background-color:#cccccc;
    border-color:#c0c0c0;
  }
  .btn-primary,.label-primary,.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus,.btn.active,a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color:#0099CC;
    border-color:transparent;
  }
  .btn-info,.label-info,.progress-bar-info {
    background-color:#33b5e5;
  }
  .btn-success,.label-success,.progress-bar-success {
    background-color:#669900;
  }
  .btn-danger,.label-danger,.progress-bar-danger {
    background-color:#FF4444;
  }
  .btn-warning,.label-warning,.progress-bar-warning {
    background-color:#FFBB33;
    color:#444444;
  }
  .nav-tabs>li>a {
    border-radius:0;
  }

  h3,h4,h5,.panel {
    color:#555555;
  }
  .panel hr {
    border-color:#efefef;
  }

  code {
    color: #58b;
  }

  .jumbotron {
    background-color: transparent;
    border-radius: 1px;
  }

  .jumbotron h1 {
    color: #bbb;
  }

  .jumbotron h4 {
    color: #666;
  }

  .jumbotron a {
    color: #8be;
  }
  .jumbotron small {
    font-size: 16px;
    color: #666;
  }

  .jumbotron p {
    font-size: 14px;
  }
  .changelog code {
    background: #444;
    color: #ddd;
  }
