apps/workbench/app/assets/stylesheets/sb-admin.css.scss

   1 /*
   2 Author: Start Bootstrap - http://startbootstrap.com
   3 'SB Admin' HTML Template by Start Bootstrap
   4
   5 All Start Bootstrap themes are licensed under Apache 2.0.
   6 For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
   7 */
   8
   9 /* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */
  10
  11 /* Global Styles */
  12
  13 body {
  14   margin-top: 50px;
  15 }
  16
  17 #wrapper {
  18   padding-left: 0;
  19 }
  20
  21 #page-wrapper {
  22   width: 100%;
  23   padding: 5px 15px;
  24 }
  25
  26 /* Nav Messages */
  27
  28 .messages-dropdown .dropdown-menu .message-preview .avatar,
  29 .messages-dropdown .dropdown-menu .message-preview .name,
  30 .messages-dropdown .dropdown-menu .message-preview .message,
  31 .messages-dropdown .dropdown-menu .message-preview .time {
  32   display: block;
  33 }
  34
  35 .messages-dropdown .dropdown-menu .message-preview .avatar {
  36   float: left;
  37   margin-right: 15px;
  38 }
  39
  40 .messages-dropdown .dropdown-menu .message-preview .name {
  41   font-weight: bold;
  42 }
  43
  44 .messages-dropdown .dropdown-menu .message-preview .message {
  45   font-size: 12px;
  46 }
  47
  48 .messages-dropdown .dropdown-menu .message-preview .time {
  49   font-size: 12px;
  50 }
  51
  52
  53 /* Nav Announcements */
  54
  55 .announcement-heading {
  56   font-size: 50px;
  57   margin: 0;
  58 }
  59
  60 .announcement-text {
  61   margin: 0;
  62 }
  63
  64 /* Table Headers */
  65
  66 table.tablesorter thead {
  67   cursor: pointer;
  68 }
  69
  70 table.tablesorter thead tr th:hover {
  71   background-color: #f5f5f5;
  72 }
  73
  74 /* Flot Chart Containers */
  75
  76 .flot-chart {
  77   display: block;
  78   height: 400px;
  79 }
  80
  81 .flot-chart-content {
  82   width: 100%;
  83   height: 100%;
  84 }
  85
  86 /* Edit Below to Customize Widths > 768px */
  87 @media (min-width:768px) {
  88
  89   /* Wrappers */
  90
  91   #wrapper {
  92         padding-left: 225px;
  93   }
  94
  95   #page-wrapper {
  96         padding: 15px 25px;
  97   }
  98
  99   /* Side Nav */
 100
 101   .side-nav {
 102         margin-left: -225px;
 103         left: 225px;
 104         width: 225px;
 105         position: fixed;
 106         top: 50px;
 107         height: calc(100% - 50px);
 108         border-radius: 0;
 109         border: none;
 110         background-color: #f8f8f8;
 111         overflow-y: auto;
 112         overflow-x: hidden; /* no left nav scroll bar */
 113   }
 114
 115   /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
 116
 117   .side-nav>li.dropdown>ul.dropdown-menu {
 118         position: relative;
 119         min-width: 225px;
 120         margin: 0;
 121         padding: 0;
 122         border: none;
 123         border-radius: 0;
 124         background-color: transparent;
 125         box-shadow: none;
 126         -webkit-box-shadow: none;
 127   }
 128
 129   .side-nav>li.dropdown>ul.dropdown-menu>li>a {
 130         color: #777777;
 131         padding: 15px 15px 15px 25px;
 132   }
 133
 134   .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
 135   .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
 136   .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
 137         background-color: #ffffff;
 138   }
 139
 140   .side-nav>li>a {
 141         width: 225px;
 142   }
 143
 144   .navbar-default .navbar-nav.side-nav>li>a:hover,
 145   .navbar-default .navbar-nav.side-nav>li>a:focus {
 146         background-color: #ffffff;
 147   }
 148
 149   /* Nav Messages */
 150
 151   .messages-dropdown .dropdown-menu {
 152         min-width: 300px;
 153   }
 154
 155   .messages-dropdown .dropdown-menu li a {
 156         white-space: normal;
 157   }
 158
 159   .navbar-collapse {
 160     padding-left: 15px !important;
 161     padding-right: 15px !important;
 162   }
 163
 164 }