Merge pull request #5192 from colemanw/CRM-15988

[civicrm-core.git] / css / angular-crmMailing.css

diff --git a/css/angular-crmMailing.css b/css/angular-crmMailing.css
index 1d2a065b8a5f293a1a0c00b9e0ab72538f603c55..dd24aec8dbaf0a02ef3fde3d775fcd69afa45968 100644 (file)
--- a/css/angular-crmMailing.css
+++ b/css/angular-crmMailing.css
@@ -26,6 +26,9 @@ span.crmMailing-exclude {
   color: #600;
   text-decoration: line-through;
 }
+span.crmMailing-mandatory {
+  color: #866304;
+}
 
 .crmMailing input[name=preview_test_email], .crmMailing-preview select[name=preview_test_group] {
   width: 80%;
@@ -72,45 +75,25 @@ input[name=preview_test_email]:-ms-input-placeholder {
 .crmMailing-inactive {
   text-decoration: line-through;
 }
-a.crmMailing-submit-button div {
-  color: black;
-  background: #bfb;
-  border: 1px solid #8a8;
-  padding: 1em;
-  margin: 1em;
-  width: 15em;
-}
-a.crmMailing-submit-button div:hover {
-  background: #afa;
-  border: 1px solid #7a7;
-  cursor: pointer;
-}
-a.crmMailing-submit-button:hover {
-  text-decoration: none;
-}
-a.crmMailing-submit-button.disabled div {
-  color: black;
-  background: #aaa;
-  border: 1px solid #8a8;
-}
-a.crmMailing-submit-button.blocking div {
-  -webkit-animation: crmMailingPulse 2s infinite !important; /* Chrome, Safari, Opera */
-  animation: crmMailingPulse 2s infinite !important;
-}
-@-webkit-keyframes crmMailingPulse {
-  0% {background: #bfb;}
-  50% {background: #aaa;}
-  100% {background: #bfb;}
-}
-@keyframes crmMailingPulse {
-  0% {background: #bfb;}
-  50% {background: #aaa;}
-  100% {background: #bfb;}
-}
-a.crmMailing-submit-button.disabled div:hover, a.crmMailing-submit-button.blocking div:hover {
-  background: #aaa;
-  border: 1px solid #7a7;
-  cursor: not-allowed;
+.crm-container a.crmMailing-submit-button {
+  display: inline-block;
+  padding: .2em .4em;
+  margin: 1em auto;
+  border-radius: 5px;
+  font-size: 1.2em;
+  float: none;
+}
+.crm-container a.crmMailing-submit-button div {
+  background: url(../i/check.gif) no-repeat left center;
+  padding-left: 20px;
+}
+.crm-container a.crmMailing-submit-button.disabled,
+.crm-container a.crmMailing-submit-button.blocking {
+  opacity: .6;
+  cursor: default;
+}
+.crm-container a.crmMailing-submit-button.blocking div {
+  background: url(../i/loading-2f2f2e.gif) no-repeat left center;
 }
 
 .crm-container .crm-form-block label {