css/dashboard.css

   1 #civicrm-dashboard > .crm-flex-box {
   2   min-height: 200px;
   3 }
   4
   5 .crm-container .crm-dashlet {
   6   margin: 10px;
   7   box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
   8   border-radius: 3px;
   9 }
  10
  11 .crm-container .crm-dashlet-content {
  12   background-color: #ffffff;
  13   padding: 0.5em;
  14   overflow-x: auto;
  15   min-height: 10em;
  16 }
  17
  18 .crm-container .ui-sortable-helper.crm-dashlet {
  19   box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.5);
  20 }
  21
  22 .crm-container .crm-dashlet-header {
  23   background-color: #5D677B;
  24   display: block;
  25   padding: 5px 0;
  26 }
  27
  28 .crm-container .crm-dashlet-header h3 {
  29   background: transparent;
  30   cursor: move;
  31   margin: 0 50px 0 0;
  32   padding: 0;
  33   color: #fcfcfc;
  34   white-space: nowrap;
  35   text-overflow: ellipsis;
  36   overflow: hidden;
  37 }
  38
  39 .crm-container .crm-dashlet-header a {
  40   font-size: 14px;
  41   padding: 0 6px;
  42   font-weight: normal;
  43   float: right;
  44   cursor: pointer;
  45   color: #fcfcfc;
  46   opacity: .7;
  47 }
  48 .crm-container .crm-dashlet-header a.crm-dashlet-collapse {
  49   float: left;
  50 }
  51
  52 .crm-container .crm-dashlet-header:hover .crm-i {
  53   opacity: 1;
  54 }
  55
  56 fieldset.crm-inactive-dashlet-fieldset {
  57   border: 0 none;
  58 }
  59
  60 fieldset.crm-inactive-dashlet-fieldset > div {
  61   background-color: lightgray;
  62   padding: 8px;
  63 }
  64
  65 fieldset.crm-inactive-dashlet-fieldset legend {
  66   background-color: #eee;
  67   display: block;
  68   top: 4px;
  69 }
  70
  71 .crm-container .crm-inactive-dashlet {
  72   display: inline-block;
  73   width: 230px;
  74   height: 70px;
  75   margin: 10px;
  76   box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
  77   background-color: #eee;
  78 }
  79 .crm-container .crm-inactive-dashlet .crm-dashlet-header h3 {
  80   font-size: 100%;
  81   padding-left: 5px;
  82 }
  83
  84 #civicrm-dashboard .ui-sortable-placeholder {
  85   border: 2px dashed grey;
  86   visibility: visible !important;
  87   height: 80px !important;
  88 }
  89
  90 #civicrm-dashboard .ui-sortable-placeholder * {
  91   visibility: hidden;
  92 }