public/assets/bootstrap-rtl-3-3-4/examples/originals/examples/dashboard/dashboard.css

   1 /*
   2  * Base structure
   3  */
   4
   5 /* Move down content because we have a fixed navbar that is 50px tall */
   6 body {
   7   padding-top: 50px;
   8 }
   9
  10
  11 /*
  12  * Global add-ons
  13  */
  14
  15 .sub-header {
  16   padding-bottom: 10px;
  17   border-bottom: 1px solid #eee;
  18 }
  19
  20 /*
  21  * Top navigation
  22  * Hide default border to remove 1px line.
  23  */
  24 .navbar-fixed-top {
  25   border: 0;
  26 }
  27
  28 /*
  29  * Sidebar
  30  */
  31
  32 /* Hide for mobile, show later */
  33 .sidebar {
  34   display: none;
  35 }
  36 @media (min-width: 768px) {
  37   .sidebar {
  38     position: fixed;
  39     top: 51px;
  40     bottom: 0;
  41     right: 0;
  42     z-index: 1000;
  43     display: block;
  44     padding: 20px;
  45     overflow-x: hidden;
  46     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  47     background-color: #f5f5f5;
  48     border-left: 1px solid #eee;
  49   }
  50 }
  51
  52 /* Sidebar navigation */
  53 .nav-sidebar {
  54   margin-right: -20px; /* 20px padding + 1px border */
  55   margin-bottom: 20px;
  56   margin-left: -21px;
  57 }
  58 .nav-sidebar > li > a {
  59   padding-right: 20px;
  60   padding-left: 20px;
  61 }
  62 .nav-sidebar > .active > a,
  63 .nav-sidebar > .active > a:hover,
  64 .nav-sidebar > .active > a:focus {
  65   color: #fff;
  66   background-color: #428bca;
  67 }
  68
  69
  70 /*
  71  * Main content
  72  */
  73
  74 .main {
  75   padding: 20px;
  76 }
  77 @media (min-width: 768px) {
  78   .main {
  79     padding-right: 40px;
  80     padding-left: 40px;
  81   }
  82 }
  83 .main .page-header {
  84   margin-top: 0;
  85 }
  86
  87
  88 /*
  89  * Placeholder dashboard ideas
  90  */
  91
  92 .placeholders {
  93   margin-bottom: 30px;
  94   text-align: center;
  95 }
  96 .placeholders h4 {
  97   margin-bottom: 0;
  98 }
  99 .placeholder {
 100   margin-bottom: 20px;
 101 }
 102 .placeholder img {
 103   display: inline-block;
 104   border-radius: 50%;
 105 }