css/angular-crmMailing.css

   1 .crmMailing input[name=subject] {
   2   width: 30em;
   3 }
   4 .crmMailing select, .crmMailing input[type=text] {
   5   width: 40em;
   6 }
   7 .crmMailing textarea {
   8   margin: 0.5em;
   9   width: 95%;
  10   height: 20em;
  11 }
  12
  13 .crmMailing-recip-est {
  14   background: #ee8;
  15   font-size: small;
  16   padding: 0.33em;
  17   margin: 0 0 0 0.5em;
  18   width: 9em;
  19   text-align: center;
  20 }
  21
  22 span.crmMailing-include {
  23   color: #060;
  24 }
  25 span.crmMailing-exclude {
  26   color: #600;
  27   text-decoration: line-through;
  28 }
  29
  30 .crmMailing input[name=preview_test_email], .crmMailing-preview select[name=preview_test_group] {
  31   width: 80%;
  32 }
  33
  34 .crmMailing .preview-popup, .crmMailing .preview-contact, .crmMailing .preview-group {
  35   width: 30%;
  36   height: 4.5em;
  37   margin: 0.5em;
  38   text-align: center;
  39   vertical-align: middle;
  40   float: left;
  41 }
  42 .crmMailing .preview-popup, .crmMailing .preview-contact {
  43   border-right: 1px solid black;
  44 }
  45 .crmMailing .preview-group, .crmMailing .preview-contact {
  46 }
  47
  48 .crmMailing .crmMailing-schedule-outer {
  49   width: 98%
  50 }
  51 .crmMailing .crmMailing-schedule-inner {
  52   width: 40em;
  53   text-align: left;
  54   margin: auto;
  55 }
  56
  57 /* Odd: These placeholder directives break if combined */
  58 input[name=preview_test_email]:-moz-placeholder {
  59   text-align: center;
  60 }
  61 input[name=preview_test_email]::-moz-placeholder {
  62   text-align: center;
  63 }
  64 input[name=preview_test_email]::-webkit-input-placeholder  {
  65   text-align: center;
  66 }
  67 input[name=preview_test_email]:-ms-input-placeholder {
  68   text-align: center;
  69 }
  70 .crmMailing-active {
  71 }
  72 .crmMailing-inactive {
  73   text-decoration: line-through;
  74 }
  75 a.crmMailing-submit-button div {
  76   color: black;
  77   background: #bfb;
  78   border: 1px solid #8a8;
  79   padding: 1em;
  80   margin: 1em;
  81   width: 15em;
  82 }
  83 a.crmMailing-submit-button div:hover {
  84   background: #afa;
  85   border: 1px solid #7a7;
  86   cursor: pointer;
  87 }
  88 a.crmMailing-submit-button:hover {
  89   text-decoration: none;
  90 }
  91 a.crmMailing-submit-button.disabled div {
  92   color: black;
  93   background: #aaa;
  94   border: 1px solid #8a8;
  95 }
  96 a.crmMailing-submit-button.blocking div {
  97   -webkit-animation: crmMailingPulse 2s infinite !important; /* Chrome, Safari, Opera */
  98   animation: crmMailingPulse 2s infinite !important;
  99 }
 100 @-webkit-keyframes crmMailingPulse {
 101   0% {background: #bfb;}
 102   50% {background: #aaa;}
 103   100% {background: #bfb;}
 104 }
 105 @keyframes crmMailingPulse {
 106   0% {background: #bfb;}
 107   50% {background: #aaa;}
 108   100% {background: #bfb;}
 109 }
 110 a.crmMailing-submit-button.disabled div:hover, a.crmMailing-submit-button.blocking div:hover {
 111   background: #aaa;
 112   border: 1px solid #7a7;
 113   cursor: not-allowed;
 114 }
 115
 116 .crm-container .crm-form-block label {
 117   font-size: 13px;
 118 }
 119
 120 .crm-container .ui-widget-content {
 121   background: none;
 122 }
 123