Update action-menu styles

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

diff --git a/css/civicrm.css b/css/civicrm.css
index aa760241802b1b95b13be8ae06c62d14d8705a73..ea52917184510f40ddf06f7d5d502b6f8e42c0b0 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -290,12 +290,30 @@ input.crm-form-entityref {
   width: 6em;
 }
 
+/* Style civi form inputs to match select2 */
+.crm-container select.crm-form-select {
+  border: 1px solid #aaa;
+  color: #444;
+  height: 2.2em;
+  padding: 4px;
+  border-radius: 4px;
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
+  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
+  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
+  background-image: linear-gradient(top, #fff 0%, #eee 50%);
+}
 .crm-container input.crm-form-text,
 .crm-container input.dateplugin {
   border: 1px solid #999;
   vertical-align: middle;
   padding: 1px 2px;
   height: 1.8em;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
+  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
+  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
+  background-image: linear-gradient(top, #eee 1%, #fff 15%);
 }
 
 .crm-container .form-submit {
@@ -1249,8 +1267,8 @@ input.crm-form-entityref {
 /*
 ** Style for hiding blocks or table rows
 */
-#crm-container .hide-block,
-#crm-container .hide-row {
+.crm-container .hide-block,
+.crm-container .hide-row {
   display: none;
 }
 
@@ -1657,6 +1675,9 @@ editor specific classes
   padding: 3px 5px;
   opacity: 1;
 }
+.crm-container .btn-slide .action-item {
+  white-space: normal;
+}
 .crm-container .crm-accordion-header .crm-hover-button {
   opacity: 1;
   position: relative;
@@ -1755,7 +1776,6 @@ editor specific classes
   z-index: 10;
 }
 
-.crm-container .crm-configure-actions,
 .crm-container .crm-event-participants,
 .crm-container .crm-event-links,
 .crm-container .crm-event-more {
@@ -1828,15 +1848,10 @@ div.grippie {
 .crm-container .crm-tab-button a,
 .crm-container .ui-tabs .ui-tabs-nav li a {
   padding: 5px !important;
-  color: #fafafa;
-}
-
-.crm-container .crm-tab-button a,
-.crm-container .ui-tabs .ui-tabs-nav li.ui-state-active a {
-  color: #090909;
 }
 
 .crm-container .crm-tab-button a em {
+  color: #555555;
   font-style: normal;
 }
 
@@ -2490,7 +2505,7 @@ div.grippie {
 .crm-container .icon {
   height: 16px;
   width: 16px;
-  background: transparent url("../i/icons/jquery-ui-52534D.png") no-repeat top right;
+  background-image: url("../i/icons/jquery-ui-52534D.png");
   float: left;
   text-indent: -10000px;
 }
@@ -2517,7 +2532,7 @@ div.grippie {
 }
 
 .crm-container .dark-icon {
-  background-image: url("../packages/jquery/jquery-ui/css/black-tie/images/ui-icons_222222_256x240.png")
+  background-image: url("../packages/jquery/jquery-ui/css/theme/images/ui-icons_222222_256x240.png")
 }
 .crm-container .edit-icon {
   background-position: -64px -112px;
@@ -2826,13 +2841,13 @@ div.grippie {
 /* Status message box */
 .crm-status-box-outer {
   position: fixed;
-  z-index: 9999;
+  z-index: 99999;
   right: 0;
   top: 0;
 }
 
 .crm-status-box-outer.status-start {
-  background: #F8FF03 url("../packages/jquery/jquery-ui/css/black-tie/images/animated-overlay.gif");
+  background: #F8FF03 url("../packages/jquery/jquery-ui/css/theme/images/animated-overlay.gif");
 }
 
 .crm-status-box-outer .crm-status-box-inner {
@@ -3027,7 +3042,6 @@ div#crm-container form {
   margin: 0;
   cursor: pointer;
   * cursor: hand;
-  color: white !important;
 }
 
 .crm-container .dataTables_paginate .ui-button {
@@ -3486,7 +3500,6 @@ div#crm-container form {
   width: 9em;
 }
 
-/* Date plugin */
 .crm-container div.batch-update {
   overflow: visible;
 }
@@ -3594,16 +3607,15 @@ tbody.scrollContent tr.alternateRow {
 }
 
 .crm-container .disabled,
-.crm-container .cancelled {
+.crm-container .cancelled,
+#mainTabContainer li.disabled a.ui-tabs-anchor,
+#mainTabContainer li.crm-count-0 a.ui-tabs-anchor,
+#mainTabContainer li.crm-count-0 a.ui-tabs-anchor em {
   color: #999999 !important;
 }
 #mainTabContainer li.disabled {
   text-decoration: none;
 }
-#mainTabContainer li.disabled a.ui-tabs-anchor,
-#mainTabContainer li.crm-count-0 a.ui-tabs-anchor {
-  color: #999999 !important;
-}
 #crm-container tr.crm-job {
   text-decoration: none !important;
 }
@@ -3820,26 +3832,6 @@ div.m ul#civicrm-menu,
   min-width: 6em !important;
   font-size: 11px;
 }
-/* Style civi form inputs to match select2 */
-.crm-container input.crm-form-text {
-  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
-  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
-  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
-  background-image: linear-gradient(top, #eee 1%, #fff 15%);
-}
-.crm-container select.crm-form-select {
-  border: 1px solid #aaa;
-  color: #444;
-  height: 2.2em;
-  padding: 4px;
-  border-radius: 4px;
-  background-color: #fff;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
-  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
-  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
-  background-image: linear-gradient(top, #fff 0%, #eee 50%);
-}
 /* 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;
@@ -3940,6 +3932,15 @@ div.m ul#civicrm-menu,
   position: relative;
   top: 3px;
 }
+.crm-container .crm-action-menu.action-icon-plus .select2-default span.select2-chosen:before {
+  background-position: -16px -128px;
+}
+.crm-container .crm-action-menu.action-icon-play .select2-default span.select2-chosen:before {
+  background-position: 0 -160px;
+}
+.crm-container .crm-action-menu.action-icon-clipboard .select2-default span.select2-chosen:before {
+  background-position: -160px -128px;
+}
 
 /* Special styling for specific form buttons */
 #crm-container span.crm-button_qf_Main_upload input,
@@ -3948,11 +3949,48 @@ div.m ul#civicrm-menu,
   font-size: 1.2em;
 }
 
-/*Import progress bar */
+/* jQuery UI styles */
 .crm-container .ui-progressbar-value {
   background-image: url("../packages/jquery/css/images/pbar-ani.gif");
 }
 
+.crm-container.ui-dialog {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+.crm-container.ui-dialog.ui-draggable:before {
+  display:block;
+  content: " ";
+  width: 16px;
+  height: 16px;
+  background: url("../i/icons/jquery-ui-52534D.png") no-repeat -80px -224px;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.crm-container .ui-dialog-titlebar.ui-widget-header {
+  background: url("../i/crm-button-bg.gif") repeat-x scroll left center #70716B;
+  color: #F5F6F1;
+}
+.crm-container .ui-dialog-title {
+  background: url("../i/logo16px.png") no-repeat scroll 0 center;
+  margin-left: -5px;
+  padding-left: 25px;
+}
+.crm-container .ui-dialog-titlebar .ui-button {
+  background-color: transparent;
+  background-image: none;
+  border: 1px none;
+}
+.crm-container .ui-dialog-titlebar .ui-button .ui-icon {
+  background-image: url("../i/icons/jquery-ui-F5F6F1.png");
+}
+.crm-container .ui-dialog-titlebar .ui-button:hover {
+  background-color: #cdcdcd;
+}
+.crm-container .ui-dialog-titlebar .ui-button:hover .ui-icon {
+  background-image: url("../i/icons/jquery-ui-3E3E3E.gif");
+}
+
 /*Needed for jstree contextmenu */
 #vakata-contextmenu.jstree-default-context li {
   background: none repeat scroll 0 0 transparent;