ang/exportui.css

   1 /* "fade-out" effect */
   2 div.crm-export-field-selector-outer {
   3   position: relative;
   4   overflow-x: hidden;
   5 }
   6 div.crm-export-field-selector-outer:after {
   7   position: absolute;
   8   top: 0;
   9   right: 0;
  10   height: 100%;
  11   width: 20%;
  12   content: ' ';
  13   background-image: linear-gradient(to right, transparent, #efefe5);
  14 }
  15 table.crm-export-field-selector tbody tr {
  16   background-color: #fafafa;
  17 }
  18 table.crm-export-field-selector tbody tr:nth-child(odd) {
  19   background-color: #efefef;
  20 }
  21 table.crm-export-field-selector tfoot tr {
  22   background-color: white;
  23   border-top: 2px solid #cfcec3;
  24 }
  25 table.crm-export-field-selector tfoot tr td > span {
  26   margin-left: 18px;
  27 }
  28 .crm-export-field-selector tbody td {
  29   cursor: move;
  30   width: 18%
  31 }
  32 .crm-export-field-selector tbody td:first-child {
  33   width: 28%;
  34   min-width: 230px;
  35 }
  36 .crm-export-field-selector tbody td:first-child > div + div {
  37   margin-left: 17px;
  38 }
  39 .crm-export-field-selector .crm-export-add-field {
  40   width: 16em;
  41 }
  42 .crm-export-ui-save-mapping-dialog .crm-form-block > div {
  43   padding: 5px;
  44 }
  45 .crm-export-ui-save-mapping-dialog .ui-dialog-buttonpane {
  46   position: absolute;
  47   bottom: 20px;
  48   height: 20px;
  49   width: calc(100% - 3em);
  50 }
  51 .crm-export-row-handle {
  52   opacity: .5;
  53 }
  54 .crm-export-field-selector tr:hover .crm-export-row-handle {
  55   opacity: 1;
  56 }