Merge pull request #6558 from colemanw/revert

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

diff --git a/css/civicrm.css b/css/civicrm.css
index 45dcbf784545b0df63905fcef5c1eeb67a03fa4a..fe5095009a6f481499f06bb35620f467291f3b1d 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -109,13 +109,6 @@ div.crm-container fieldset label{
   vertical-align: top;
 }
 
-.crm-container tr.even-row td,
-.crm-container tr.odd-row td,
-.crm-container table.display td,
-.crm-container table.pagerDisplay td {
-  border-collapse: collapse;
-}
-
 .crm-container .crm-row-child {
   margin: 0;
   padding: 3px 0 3px 0;
@@ -289,6 +282,8 @@ input.crm-form-entityref {
 }
 
 .crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled],
 .crm-container input.crm-form-text[readonly] {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2));
   background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
@@ -296,6 +291,17 @@ input.crm-form-entityref {
   background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
 }
 
+.crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled] {
+  color: #a9a9a9;
+}
+
+.crm-container .crm-form-time {
+  width: 5em;
+  margin-left: 1em;
+}
+
 .crm-container .crm-form-submit {
   margin: .25em 0.5em 0.25em 0;
 }
@@ -532,10 +538,6 @@ input.crm-form-entityref {
   vertical-align: top;
 }
 
-.crm-container table.selector td {
-  border-right: 1px solid #dddddd;
-}
-
 .crm-container .form-layout td.view-value,
 .crm-container .form-layout-compressed td.view-value {
   text-align: left;
@@ -577,7 +579,7 @@ input.crm-form-entityref {
 
 /* messages and status */
 .crm-container .messages {
-  margin: 1.0 0 1.0;
+  margin: 1em 0 1em;
   border: none;
   font-weight: normal;
 }
@@ -701,7 +703,7 @@ input.crm-form-entityref {
 
 .crm-container div.display-block {
   font-weight: normal;
-  margin: 1.0 2.0 1.0 2.0;
+  margin: 1em 2em 1em 2em;
 }
 
 /* Data display layouts */
@@ -984,7 +986,7 @@ input.crm-form-entityref {
 .crm-container #search-status ul li,
 #crm-container ul.left-alignment li {
   display: list-item;
-  margin-left: 2.0;
+  margin-left: 2em;
   list-style-position: inside;
 }
 
@@ -1074,8 +1076,6 @@ input.crm-form-entityref {
 #crm-recently-viewed ul {
   list-style-image: none;
   font-size: .9em;
-  margin: 0;
-  padding: 0;
 }
 
 #crm-recently-viewed li.crm-recently-viewed {
@@ -1192,7 +1192,7 @@ input.crm-form-entityref {
 
 /* To allow for taller boxes of groups/tags. */
 .crm-container .listing-box-tall {
-  margin: 0.25em 2.0 0.5em 0;
+  margin: .25em 2em .5em 0;
   height: 15em;
 }
 
@@ -1225,20 +1225,6 @@ input.crm-form-entityref {
   content: "\00BB";
 }
 
-.crm-container div#searchForm {
-  height: auto;
-  width: 100%;
-}
-
-.crm-container div#searchForm table.form-layout {
-  border-spacing: 0;
-}
-
-.crm-container div#searchForm table.form-layout td {
-  padding: 4px;
-  border: 1px solid #DDDDDD;
-}
-
 /* editor specific classes */
 #crm-container dd.editor {
   margin-top: 0.7em;
@@ -1406,11 +1392,6 @@ input.crm-form-entityref {
   border-bottom: 1px solid #999999;
 }
 
-#crm-container table.caseSelector td.status-urgent {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-
 #crm-container table.caseSelector td {
   border-right: 0;
   padding: 4px;
@@ -1551,6 +1532,7 @@ input.crm-form-entityref {
   color: #000;
   padding: 1px 2px 1px 0;
   opacity: .7;
+  cursor: pointer;
 }
 .crm-container a.crm-hover-button.action-item,
 .crm-container .crm-hover-button.btn-slide {
@@ -1957,16 +1939,6 @@ div.grippie {
   margin-left: .5em;
 }
 
-.crm-container .crm-button {
-  border: medium none;
-  cursor: pointer;
-  display: block;
-  float: left !important;
-  overflow: hidden;
-  text-shadow: 0 1px 0 black;
-  margin: 0 12px 0 0;
-}
-
 .crm-container .crm-button input {
   background: none;
   _background: #6C6C6C;
@@ -1995,7 +1967,6 @@ div.grippie {
 .crm-container a.button:link,
 .crm-container a.button:visited,
 .crm-container input.crm-form-submit,
-.crm-container .crm-button,
 .crm-container .ui-dialog-buttonset .ui-button,
 .crm-container input[type=button],
 .crm-container .crm-button {
@@ -2011,10 +1982,21 @@ div.grippie {
   border: 1px solid #3e3e3e;
 }
 
-.crm-container .crm-button {
+.crm-container span.crm-button {
+  display: block;
+  float: left !important;
+  overflow: hidden;
   padding: 1px;
 }
 
+.crm-container button.crm-button {
+  padding: 3px 6px;
+}
+
+.crm-container button.crm-button .icon {
+  margin-bottom: -4px;
+}
+
 .crm-container input.crm-form-submit,
 .crm-container input[type=button] {
   padding: 2px 6px;
@@ -2179,12 +2161,8 @@ div.grippie {
   top: -2px;
   background-image: url("../i/icons/jquery-ui-FFFFFF.png");
 }
-.crm-container .button:hover .icon,
-.crm-container .crm-button:hover .icon {
-  background-image: url("../i/icons/jquery-ui-2786C2.png");
-}
 
-.crm-container .crm-button .icon {
+.crm-container span.crm-button .icon {
   margin-top: 3px;
 }
 
@@ -2201,8 +2179,8 @@ div.grippie {
   margin-left: 3px;
 }
 
-.crm-container input.crm-button.crm-icon-button {
-  position: relative;
+.crm-container .crm-button.crm-icon-button {
+  padding: 2px 2px 1px 4px;
 }
 
 .crm-container .crm-button.crm-icon-button input {
@@ -2226,6 +2204,8 @@ div.grippie {
 }
 .crm-container .red-icon,
 .crm-container a:hover .icon.delete-icon,
+.crm-container .crm-button:hover .icon.ui-icon-trash,
+.crm-container .crm-hover-button:hover .icon.ui-icon-trash,
 .crm-container span:hover > .icon.delete-icon {
   background-image: url("../i/icons/jquery-ui-8A1F11.png");
 }
@@ -2235,12 +2215,6 @@ div.grippie {
   margin-right: 5px;
 }
 
-#crm-container .geotag {
-  padding: 2px 0 2px 20px !important;
-  background: url('../i/geotag_16.png') left center no-repeat;
-  font-size: .9em;
-}
-
 /* These .crm-icon classes use item_sprites.png */
 
 .crm-container .crm-icon {
@@ -2407,7 +2381,7 @@ div.grippie {
 /* civicrm admin menu */
 #civicrm-menu .ui-autocomplete-input,
 .crm-container .ui-autocomplete-input {
-  background: white url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll right -23px;
+  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 */
 }
@@ -2610,7 +2584,8 @@ div a.helpicon:focus {
   border: 0 none;
 }
 
-/* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
+/* ID selector is needed to override Drupal 2em margin-bottom on forms (we don't want to give up that space) */
+div#crm-container form,
 div.crm-container form {
   margin-bottom: 0;
 }
@@ -2805,7 +2780,8 @@ div.crm-container form {
 }
 
 /* Date plugin */
-.crm-container input.dateplugin {
+.crm-container input.dateplugin,
+.crm-container input.crm-form-date {
   background: white url(../i/cal.gif) no-repeat scroll right center;
   padding-right: 16px;
   /* so that text doesn't flow on top of icon */
@@ -2861,6 +2837,7 @@ div.crm-container form {
 .crm-container table.pagerDisplay td {
   border-color: #efefef;
   border-right: 1px solid #efefef;
+  border-collapse: collapse;
 }
 .crm-container .odd-row,
 .crm-container .odd,
@@ -3020,6 +2997,7 @@ tbody.scrollContent tr.alternateRow {
 .crm-container .status-fatal,
 .crm-container .status-hold,
 .crm-container .status-past,
+.crm-contact-deceased,
 .crm-container .status-warning {
   color: #E43D2B !important;
 }
@@ -3125,7 +3103,7 @@ div.m ul#civicrm-menu,
 }
 /* Add arrow icon to multi-selects */
 .crm-container .select2-container-multi .select2-choices:before {
-  background: url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll 0 -4px;
+  background: url("../bower_components/select2/select2.png") no-repeat scroll 0 -4px;
   content: "";
   display: block;
   height: 15px;
@@ -3271,6 +3249,9 @@ div.m ul#civicrm-menu,
 .crm-container .crm-action-menu.action-icon-token .select2-default span.select2-chosen:before {
   background-position: -144px 0;
 }
+.crm-container .crm-action-menu.action-icon-mail-closed .select2-default span.select2-chosen:before {
+  background-position: -80px -96px;
+}
 /* Restore this property otherwise our css overrides it */
 .select2-search input {
   box-sizing: border-box;
@@ -3299,7 +3280,7 @@ div.m ul#civicrm-menu,
   color: #F5F6F1;
 }
 .crm-container .ui-dialog-title {
-  background: url("../i/logo16px.png") no-repeat scroll 0 center;
+  background: url("../i/item_sprites.png") no-repeat scroll -79px -47px;
   margin-left: -5px;
   padding-left: 25px;
 }
@@ -3323,6 +3304,13 @@ div.m ul#civicrm-menu,
   background: none repeat scroll 0 0 transparent;
 }
 
+/* unset the styling for the li in jstree */
+#tagtree ul {
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+}
+
 /* Class for successful upgrade */
 .crm-container .upgrade-success {
   background-color: #00CC00;
@@ -4029,29 +4017,6 @@ span.crm-status-icon {
   background: url("../i/loading-overlay.gif") center center no-repeat white !important;
 }
 
-/* Recurring Dialog */
-.crm-container .recurring-dialog-inner-wrapper {
-  display: inline-block;
-  width: 100%;
-}
-.crm-container .recurring-dialog-inner-left{
-  width: 30%;
-  float: left;
-}
-.crm-container .recurring-dialog-inner-right{
-  width: 70%;
-  float: left;
-}
-.crm-container .recurring-dialog-button{
-  background: #f5f5f5;
-  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
-  border: 1px solid rgba(0,0,0,0.1);
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  cursor: pointer;
-  font-size: 11px !important;
-}
 .crm-container table.mergecontact thead th {
   width:30%;
 }