From e08a683fa5df6486390ea569eb1c6c9e5bf06c9b Mon Sep 17 00:00:00 2001 From: Coleman Watts Date: Sun, 16 Mar 2014 16:09:16 -0400 Subject: [PATCH] Css fixes for hover links --- css/civicrm.css | 96 ++++++++++++++++++++++++------------------------- 1 file changed, 46 insertions(+), 50 deletions(-) diff --git a/css/civicrm.css b/css/civicrm.css index ecac315632..38fbec7ea7 100644 --- a/css/civicrm.css +++ b/css/civicrm.css @@ -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 { -- 2.25.1