1/*
  2 * This is a manifest file that'll be compiled into application.css, which will include all the files
  3 * listed below.
  4 *
  5 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
  6 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
  7 *
  8 * You're free to add application-wide styles to this file and they'll appear at the top of the
  9 * compiled file, but it's generally better to create a new file per style scope.
 10 *
 11 *= require_self
 12 *= require_tree .
 13 */
 14@import 'bootstrap';
 15
 16/* Move down content because we have a fixed navbar that is 50px tall */
 17body {
 18  padding-top: 50px;
 19}
 20
 21
 22/*
 23 *  * Global add-ons
 24 *   */
 25
 26.sub-header {
 27  padding-bottom: 10px;
 28  border-bottom: 1px solid #eee;
 29}
 30
 31
 32/*
 33 *  * Sidebar
 34 *   */
 35
 36/* Hide for mobile, show later */
 37.sidebar {
 38  display: none;
 39}
 40@media (min-width: 768px) {
 41  .sidebar {
 42    position: fixed;
 43    top: 51px;
 44    bottom: 0;
 45    left: 0;
 46    z-index: 1000;
 47    display: block;
 48    padding: 20px;
 49    overflow-x: hidden;
 50    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 51    background-color: #f5f5f5;
 52    border-right: 1px solid #eee;
 53}
 54}
 55
 56/* Sidebar navigation */
 57.nav-sidebar {
 58  margin-right: -21px; /* 20px padding + 1px border */
 59  margin-bottom: 20px;
 60  margin-left: -20px;
 61}
 62.nav-sidebar > li > a {
 63  padding-right: 20px;
 64  padding-left: 20px;
 65}
 66.nav-sidebar > .active > a {
 67  color: #fff;
 68  background-color: #428bca;
 69}
 70
 71
 72/*
 73 *  * Main content
 74 *   */
 75
 76.main {
 77  padding: 20px;
 78}
 79@media (min-width: 768px) {
 80  .main {
 81    padding-right: 40px;
 82    padding-left: 40px;
 83  }
 84}
 85.main .page-header {
 86  margin-top: 0;
 87}
 88
 89/*
 90 *  * Placeholder dashboard ideas
 91 *   */
 92
 93.placeholders {
 94  margin-bottom: 30px;
 95  text-align: center;
 96}
 97.placeholders h4 {
 98  margin-bottom: 0;
 99}
100.placeholder {
101  margin-bottom: 20px;
102}
103.placeholder img {
104  display: inline-block;
105  border-radius: 50%;
106}