META-INF.resources.ddl-debugger.css.dashboard.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of dandelion-core Show documentation

Dandelion Core module providing all APIs and standard implementations.

There is a newer version: 1.1.1

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
   padding-top: 50px;
}

/*
 * Global add-ons
 */
.sub-header {
   padding-bottom: 10px;
   border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
   border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
   display: none;
}

@media ( min-width : 768px) {
   .sidebar {
      position: fixed;
      top: 51px;
      bottom: 0;
      left: 0;
      z-index: 1000;
      display: block;
      padding: 20px;
      overflow-x: hidden;
      overflow-y: auto;
      /* Scrollable contents if viewport is shorter than content. */
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
   }
}

/* Sidebar navigation */
.nav-sidebar {
   margin-right: -21px; /* 20px padding + 1px border */
   margin-bottom: 20px;
   margin-left: -20px;
}

.nav-sidebar>li>a {
   padding-right: 20px;
   padding-left: 20px;
}

.nav-sidebar>.active>a,.nav-sidebar>.active>a:hover,.nav-sidebar>.active>a:focus
   {
   color: #fff;
   background-color: #428bca;
}

.nav-header {
   background-color: #dcdcdc;    
}

/*
 * Main content
 */
.main {
   padding: 20px;
}

@media ( min-width : 768px) {
   .main {
      padding-right: 40px;
      padding-left: 40px;
   }
}

.main .page-header {
   margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
   margin-bottom: 30px;
   text-align: center;
}

.placeholders h4 {
   margin-bottom: 0;
}

.placeholder {
   margin-bottom: 20px;
}

.placeholder img {
   display: inline-block;
   border-radius: 50%;
}

/*
 * Table line headers
 */
.header-tr {
   font-weight: bold;
}