CRM-15967 - Fix profile state/province sort.
[civicrm-core.git] / css / civicrm.css
index 4e2918024eec24e8d12bf17f6931653daaf7d94d..552fb0d3b4ee1cb25545e401f82550b1b1f39093 100644 (file)
@@ -749,16 +749,11 @@ input.crm-form-entityref {
   padding-left: 1em;
 }
 
-/* Following styles are used to remove the white bullets from the Garland Theme */
+/* Remove any weird list styles from the cms */
 .crm-container ul li {
   background-image: none;
 }
 
-/* But allow them for the help at the top of forms */
-.crm-container .help ul li {
-  background-image: url(menu-leaf.png);
-}
-
 .crm-container .crm-form-block .crm-loading-element {
   background-image: url("../i/loading-E6E6DC.gif");
 }
@@ -2117,14 +2112,20 @@ a.crm-i:hover {
   color: #6177D5;
 }
 
+.crm-i-button {
+  position: relative;
+}
+
 .crm-i-button>.crm-i {
-  padding-left: 2px;
-  line-height: inherit;
+  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: 0;
+  padding-left: 1.6em;
 }
 
 .crm-container .inform-icon {
@@ -2244,6 +2245,12 @@ div.crm-master-accordion-header a.helpicon {
   display: none;
 }
 
+.crm-container .crm-expand-row {
+  min-width: 16px;
+  min-height: 16px;
+  display: inline-block;
+}
+
 .crm-container .crm-accordion-inner .crm-accordion-header,
 .crm-container .crm-accordion-wrapper .crm-master-accordion-header,
 .crm-container .crm-collapsible .collapsible-title {
@@ -2316,34 +2323,8 @@ div.crm-master-accordion-header a.helpicon {
   color: #0200A0;
 }
 
-/* civicrm admin menu */
-#civicrm-menu .ui-autocomplete-input,
-.crm-container .ui-autocomplete-input {
-  background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
-  padding-right: 16px;
-  /* so that text doesn't flow on top of icon */
-}
-
-#civicrm-menu #crm-qsearch {
-  padding: 1px 3px 1px 2px;
-  background-color: #000 !important;
-}
-
-#civicrm-menu #crm-qsearch input {
-  background-color: #eaeaea;
-  border: 1px solid black;
-  margin: 0;
-  padding: 2px 16px 3px 2px;
-  height: 16px;
-}
-#civicrm-menu #crm-qsearch input:hover,
-#civicrm-menu #crm-qsearch input:focus,
-#civicrm-menu #crm-qsearch.activetarget input {
-  background-color: #ffffff;
-}
-/* This ensures the drop-down menus appear at the right height */
-#civicrm-menu > li.menumain {
-  height: 19px !important;
+.crm-container .crm-child-row > td {
+  padding-left: 1.8em;
 }
 
 /* Status message box */
@@ -2444,25 +2425,22 @@ div.crm-master-accordion-header a.helpicon {
 }
 
 /* crm-summary-group appears outside crm-container for contact summary icon overlay */
-#crm-container .crm-summary-group .crm-section .label,
 .crm-container .crm-summary-group .crm-section .label {
   text-align: left;
   width: 40%;
   font-size: 11px;
   color: #A7A7A7;
+  background-color: transparent;
 }
 
-#crm-container .crm-summary-group .crm-section .content,
 .crm-container .crm-summary-group .crm-section .content {
   margin-left: 41%;
 }
 
-#crm-container .crm-tooltip table .crm-summary-col-1,
 .crm-container .crm-tooltip table .crm-summary-col-1 {
   width: 350px;
 }
 
-#crm-container .crm-tooltip table .crm-summary-col-1 div,
 .crm-container .crm-tooltip table .crm-summary-col-1 div {
   width: auto;
 }
@@ -3163,6 +3141,14 @@ div.m ul#civicrm-menu,
 }
 
 /* table row highlightng */
+.crm-container .crm-row-ok {
+  background-color: #EFFFE7;
+  border-bottom: 1px solid #ccc;
+}
+.crm-container .crm-row-error {
+  background-color: #FFECEC;
+  border-bottom: 1px solid #ccc;
+}
 .crm-container table.row-highlight tr:hover,
 .crm-container .crm-row-selected {
   background-color: #FFFFCC;
@@ -3388,15 +3374,16 @@ div.m ul#civicrm-menu,
   padding-left: 20px;
 }
 
-#crm-container span.collapsed,
-#crm-container a.collapsed {
+.crm-container span.collapsed,
+.crm-container a.collapsed,
+.crm-container .crm-expand-row {
   background: url("../i/TreePlus.gif") no-repeat 0 0;
   padding-left: 19px;
   cursor: pointer;
 }
 
-#crm-container span.expanded,
-#crm-container a.expanded {
+.crm-container span.expanded,
+.crm-container a.expanded {
   background: url("../i/TreeMinus.gif") no-repeat 0 0;
   padding-left: 19px;
   cursor: pointer;
@@ -3549,6 +3536,7 @@ span.crm-status-icon {
 }
 .crm-container.crm-public .select2-container .select2-choice {
   padding: 5px 5px 5px 8px;
+  height: auto;
 }
 .crm-container.crm-public .select2-container-multi .select2-choices {
   padding: 4px;
@@ -3782,10 +3770,6 @@ span.crm-status-icon {
   color: #fff;
 }
 
-.crm-container .paper-icon {
-  background-position: -101px -222px;background-image: url("../i/icons/jquery-ui-3E3E3E.gif");
-}
-
 .crm-container .strikethrough {
   text-decoration: line-through;
 }