whitespace fixups

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

diff --git a/css/civicrm.css b/css/civicrm.css
index 56f66425d1b3d6c5af13e67882da2cbbc48d59b5..bfdcd474999d5db711ceb37b7b916ce6dc40d3d9 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -136,6 +136,9 @@ div.crm-container fieldset label{
 ** Size input fields in crm-container by class. Classes are assigned by the
 ** module in relation to the data object max size.
 */
+.crm-container .crm-select2 {
+  width: 15em;
+}
 .crm-container .two {
   width: 2em;
 }
@@ -307,7 +310,8 @@ input.crm-form-entityref {
 }
 
 /* Style civi form inputs to match select2 */
-.crm-container select.crm-form-select {
+.crm-container select.crm-form-select,
+.crm-container select.crm-form-date {
   border: 1px solid #aaa;
   color: #444;
   height: 2.2em;
@@ -2361,10 +2365,14 @@ div.grippie {
 }
 
 .crm-container a.button,
+.crm-container a.crm-invoiceButton,
+.crm-container a.crm-invoiceButton:link,
+.crm-container a.crm-invoiceButton:visited,
 .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 input.crm-form-submit-inline,
 #crm-container .crm-button {
@@ -2414,23 +2422,26 @@ div.grippie {
 }
 
 .crm-container a.button,
+.crm-container a.crm-invoiceButton,
+.crm-container a.crm-invoiceButton:link,
+.crm-container a.crm-invoiceButton:visited,
 .crm-container a.button:link,
 .crm-container a.button:visited {
   display: block;
   float: left;
 }
 
-.crm-container a.button span {
+.crm-container a.button .crm-container a.crm-invoiceButton span {
   display: block;
   line-height: 14px;
   padding: 2px 0px;
 }
 
-.crm-container .button .red {
+.crm-container .button .red .crm-invoiceButton{
   background-image: url(../i/icons/jquery-ui-FFFFFF.png);
 }
 
-.crm-container a.button:active {
+.crm-container a.button:active .crm-container a.crm-invoiceButton:active,{
   color: #000;
   outline: none;
   /* hide dotted outline in Firefox */
@@ -2440,11 +2451,27 @@ div.grippie {
 .crm-container .crm-button:focus,
 .crm-container input[type=submit]:hover,
 .crm-container input[type=button]:hover,
+.crm-container .ui-dialog-buttonset .ui-button:hover,
+.crm-container .ui-dialog-buttonset .ui-button:focus,
 .crm-container a.button:hover,
+.crm-container a.crm-invoiceButton:hover,
+.crm-container a.crm-invoiceButton:focus,
 .crm-container a.button:focus {
   background-position: 0px -25px;
 }
 
+.crm-container .ui-dialog-buttonpane {
+  background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 35%);
+}
+
+.crm-container .ui-dialog-buttonset .ui-button {
+  padding: 0;
+}
+.crm-container .ui-dialog-buttonset .ui-button .ui-icon,
+#crm-contact-actions-list .icon {
+  background-image: url("../i/icons/jquery-ui-FFFFFF.png");
+}
+
 /* No button styling for PayPal Express buttons */
 #crm-container input#_qf_Register_upload_express,
 #crm-container input#_qf_Main_upload_express {
@@ -2481,9 +2508,6 @@ div.grippie {
 #crm-create-new-list {
   width: 160px;
 }
-#crm-contact-actions-list .icon {
-  background-image: url("../i/icons/jquery-ui-FFFFFF.png");
-}
 
 #crm-contact-actions-list .crm-contact_activities-list select {
   margin-top: 4px;
@@ -2574,6 +2598,7 @@ div.grippie {
 }
 
 .crm-container .button .icon,
+.crm-container a.invoiceButton .icon,
 .crm-container .crm-button .icon,
 .crm-accordion-header .icon {
   position: relative;
@@ -3246,6 +3271,10 @@ div.crm-container form {
 .crm-container table.display td.center {
   text-align: center;
 }
+/* Fix weird color added to some datatables' sort column */
+.crm-container table.dataTable.display tbody tr > td.sorting_1 {
+  background-color: transparent;
+}
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * Datatables misc
@@ -3531,6 +3560,8 @@ tbody.scrollContent tr.alternateRow {
 /* rounded corners - we will call dd_roundies on all this */
 .crm-container .crm-button,
 .crm-container a.button,
+.crm-container a.crm-invoiceButton,
+.crm-container a.crm-invoiceButton:link,
 .crm-container a.button:link,
 .crm-container input.crm-form-submit,
 .crm-container input[type=button],
@@ -3629,9 +3660,6 @@ div.m ul#civicrm-menu,
 }
 
 /* select2 */
-.crm-select2 {
-  width: 15em;
-}
 .crm-container div.select2-container {
   min-width: 6em;
   font-size: 11px;
@@ -3652,6 +3680,10 @@ div.m ul#civicrm-menu,
 .crm-container .select2-container-multi.crm-ajax-select .select2-choices:before {
   background-position: right -26px;
 }
+.crm-container .select2-container-multi.loading .select2-choices:before,
+.crm-container .select2-container.loading .select2-choice .select2-arrow b {
+  background: url('../i/loading.gif') no-repeat center center;
+}
 /* Reduce select2 size to match other inputs */
 .crm-container .select2-container-multi .select2-choices {
   min-height: 25px;
@@ -3681,7 +3713,9 @@ div.m ul#civicrm-menu,
 }
 /* Style autocomplete results */
 .crm-container .select2-results {
+  font-size: 12px;
   padding: 0;
+  text-align: left;
 }
 .crm-container .select2-results li,
 .crm-container .select2-results .crm-select2-row,
@@ -3770,7 +3804,7 @@ div.m ul#civicrm-menu,
 .crm-container.ui-dialog {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
 }
-.crm-container.ui-dialog.ui-draggable:before {
+.crm-container.ui-dialog.ui-resizable:before {
   display:block;
   content: " ";
   width: 16px;
@@ -4225,17 +4259,44 @@ span.crm-status-icon {
 
 #crm-container.crm-public input[type="text"],
 #crm-container.crm-public input[type="password"],
+#crm-container.crm-public input[type="email"],
 #crm-container.crm-public select {
   font-size: 15px;
   padding: 5px;
-  border-radius: 2px;
+  border-radius: 3px;
   vertical-align: middle;
+  max-width: 100%;
 }
 
 #crm-container.crm-public .label {
   padding-top: 6px;
 }
 
+.crm-container.crm-public .select2-container,
+.crm-container.crm-public .select2-results {
+  font-size: 14px;
+}
+.crm-container.crm-public .select2-container .select2-choice {
+  padding: 5px 5px 5px 8px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices {
+  padding: 4px;
+}
+.crm-public .select2-container .select2-choice .select2-arrow {
+  width: 20px;
+}
+.crm-public .select2-container .select2-choice .select2-arrow b {
+  position: relative;
+  top: 2px;
+  left: 2px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices .select2-search-choice {
+  padding: 3px 3px 3px 20px;
+}
+.crm-container.crm-public .select2-container-multi .select2-choices:before {
+  top: 9px;
+}
+
 .crm-public .crm-profile-view .content {
   padding-top: 6px;
 }
@@ -4451,11 +4512,14 @@ span.crm-status-icon {
   background-position: -101px -222px;background-image: url("../i/icons/jquery-ui-3E3E3E.gif");
 }
 
-.crm-container .survey-completed,
 .crm-container .strikethrough {
   text-decoration: line-through;
 }
 
+.crm-printButton {
+  float: right;
+}
+
 .crm-container input.ng-invalid.ng-dirty,
 .crm-container select.ng-invalid.ng-dirty,
 .crm-container textarea.ng-invalid.ng-dirty {
@@ -4472,5 +4536,29 @@ span.crm-status-icon {
 
 /* block-ui */
 .crm-container .blockUI.blockOverlay {
-  background: url("../i/loading-overlay.gif") center center no-repeat black;
+  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;
 }