Merge pull request #18367 from eileenmcnaughton/validate
[civicrm-core.git] / css / civicrm.css
index 70e5a0ef01dd96c16d40f8f8e773f4c50427a6a6..a3264938b0ae2fb905b3f196bd04c03c89622f36 100644 (file)
@@ -1835,6 +1835,8 @@ input.crm-form-entityref {
 
 .crm-container .crm-button input {
   background: none;
+  _background: #6C6C6C;
+  /* IE6 only */
   border: medium none;
   color: #FFF;
   cursor: pointer;
@@ -1849,12 +1851,6 @@ input.crm-form-entityref {
   margin-left: 20px;
 }
 
-/* Reset WP backend min-height for buttons */
-
-.wp-core-ui .crm-container .button {
-  min-height: 0;
-}
-
 .crm-container a.button,
 .crm-container a.button:link,
 .crm-container a.button:visited,
@@ -1874,19 +1870,11 @@ input.crm-form-entityref {
   border: 1px solid #3e3e3e;
 }
 
-.crm-container a.button,
-.crm-container a.button:link,
-.crm-container a.button:visited,
 .crm-container span.crm-button {
   display: block;
-  float: left;
-  overflow: hidden;
-  line-height: 135%;
-}
-
-/* Preserving the important but not sure why */
-.crm-container span.crm-button {
   float: left !important;
+  overflow: hidden;
+  padding: 1px;
 }
 
 .crm-container button.crm-button {
@@ -1904,12 +1892,22 @@ input.crm-form-entityref {
 
 .crm-container .crm-button input[type=button],
 .crm-container .crm-button input.crm-form-submit {
-  padding: 0;
+  padding: 3px 5px 2px;
   margin: 0;
   background: none;
+  _background: #6C6C6C;
+  /* IE6 only */
   border: none;
 }
 
+.crm-container a.button,
+.crm-container a.button:link,
+.crm-container a.button:visited {
+  display: block;
+  float: left;
+  line-height: 135%;
+}
+
 .crm-container .crm-button:hover,
 .crm-container .crm-button:focus,
 .crm-container input[type=submit]:hover,
@@ -2048,6 +2046,31 @@ input.crm-form-entityref {
   margin-left: 3px;
 }
 
+.crm-container .crm-button.crm-icon-button {
+  padding: 2px 2px 1px 4px;
+}
+
+.crm-container .crm-button.crm-icon-button input {
+  padding-left: 18px;
+}
+
+.crm-container .crm-button.button-crm-i {
+  padding: 2px 0 1px 5px;
+}
+
+.crm-container .crm-button.button-crm-i input {
+  padding-left: 0;
+}
+
+.crm-container .crm-button-icon {
+  background-image: url("../i/icons/jquery-ui-FFFFFF.png");
+  height: 16px;
+  width: 16px;
+  display: block;
+  position: absolute;
+  pointer-events: none;
+}
+
 .crm-container .delete-icon {
   background-position: -176px -96px;
 }
@@ -2094,6 +2117,22 @@ a.crm-i:hover {
   color: #86c661;
 }
 
+.crm-i-button {
+  position: relative;
+}
+
+.crm-i-button>.crm-i {
+  position: absolute;
+  pointer-events: none;
+  top: .4em;
+  left: .4em;
+}
+
+.crm-container .crm-button.crm-i-button input[type="button"],
+.crm-container .crm-button.crm-i-button input.crm-form-submit {
+  padding-left: 1.6em;
+}
+
 .crm-container a.helpicon {
   opacity: .8;
 }