Css fixes for hover links
authorColeman Watts <coleman@civicrm.org>
Sun, 16 Mar 2014 20:09:16 +0000 (16:09 -0400)
committerColeman Watts <coleman@civicrm.org>
Sun, 16 Mar 2014 20:09:16 +0000 (16:09 -0400)
css/civicrm.css

index ecac31563270d213e3083794ccc7b9df6a7698f2..38fbec7ea76afa29b9f4b2f2844885012879efac 100644 (file)
@@ -1633,16 +1633,58 @@ editor specific classes
   line-height: 15px;
 }
 
-/* Styles for Action Items &  Action Link pop-up */
-.crm-container .action-item {
-  white-space: nowrap;
-}
 .crm-container .action-item-wrap {
   padding: 0px 5px;
   border-left: 1px solid #CCC;
   white-space: normal;
 }
 
+/* Hover-buttons */
+.crm-container span.crm-hover-button,
+.crm-container a.crm-hover-button {
+  display: inline-block;
+  white-space: nowrap;
+  border: 1px solid transparent;
+  text-decoration: none;
+  font-size: .8em;
+  color: #000;
+  padding: 1px 2px 1px 0;
+  opacity: .7;
+}
+.crm-container a.crm-hover-button.action-item,
+.crm-container .crm-hover-button.btn-slide {
+  font-size: .9em;
+  padding: 3px 5px;
+  opacity: 1;
+}
+.crm-container .crm-accordion-header .crm-hover-button {
+  opacity: 1;
+  position: relative;
+  top: -4px;
+}
+.crm-container .crm-hover-button:hover,
+.crm-container a.crm-hover-button:hover,
+.crm-container a.crm-hover-button:active {
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc));
+  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #ccc 100%);
+  background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
+  background-image: linear-gradient(top, #eee 0%, #ccc 100%);
+  border: 1px solid #AAAAAA;
+  border-radius: 4px;
+  opacity: 1;
+  color: #2786C2;
+}
+.crm-container .crm-hover-button .icon {
+  margin-left: 3px;
+  position: relative;
+  top: 2px;
+}
+.crm-container .crm-hover-button:hover .icon,
+.crm-container .crm-hover-button:active .icon {
+  background-image: url("../i/icons/jquery-ui-2786C2.png");
+}
+
 /* theming for panel and context menus */
 .crm-container td ul.panel li {
   background-color: #2F2F2E;
@@ -1721,7 +1763,6 @@ editor specific classes
   text-decoration: none;
   padding: 4px;
   display: block;
-  border: none;
   cursor: pointer;
 }
 
@@ -2647,51 +2688,6 @@ div.grippie {
   background-position: -32px -32px;
 }
 
-/* Icon hover-buttons */
-.crm-container .crm-hover-button,
-.crm-container a.crm-hover-button {
-  display: inline-block;
-  border: 1px solid transparent;
-  text-decoration: none;
-  font-size: .8em;
-  color: #000;
-  padding: 1px 2px 1px 0;
-  opacity: .7;
-}
-.crm-container a.crm-hover-button.action-item,
-.crm-container .crm-hover-button.btn-slide {
-  font-size: .9em;
-  padding: 3px 5px;
-  opacity: 1;
-  border: 1px solid transparent;
-}
-.crm-container .crm-accordion-header .crm-hover-button {
-  opacity: 1;
-  position: relative;
-  top: -4px;
-}
-.crm-container .crm-hover-button:hover,
-.crm-container a.crm-hover-button:hover,
-.crm-container a.crm-hover-button:active {
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc));
-  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #ccc 100%);
-  background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
-  background-image: linear-gradient(top, #eee 0%, #ccc 100%);
-  border: 1px solid #AAAAAA;
-  border-radius: 4px;
-  opacity: 1;
-  color: #2786C2;
-}
-.crm-container .crm-hover-button .icon {
-  margin-left: 3px;
-  position: relative;
-  top: 2px;
-}
-.crm-container .crm-hover-button:hover .icon,
-.crm-container .crm-hover-button:active .icon {
-  background-image: url("../i/icons/jquery-ui-2786C2.png");
-}
 /* accordion styles */
 
 .crm-container .crm-accordion-header {