css/dashboard.css

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