css/dashboard.css

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