feedback for hover/tap on breadcrumbs

diff --git a/core/css/styles.css b/core/css/styles.css
index 0987dafd617de8d7c2e86e134112d299ecdffafc..58e750da4fa8aa3fd425a4575e520073ae234d6a 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -440,12 +440,22 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;}
 .help-includes {overflow: hidden; width: 100%; height: 100%; -moz-box-sizing: border-box;      box-sizing: border-box; padding-top: 2.8em; }
 .help-iframe {width: 100%; height: 100%; margin: 0;padding: 0; border: 0; overflow: auto;}
 
+
 /* ---- BREADCRUMB ---- */
 div.crumb { float:left; display:block; background:url('../img/breadcrumb.svg') no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em;  -moz-box-sizing:border-box; box-sizing:border-box; }
 div.crumb:first-child { padding:10px 20px 10px 5px; }
 div.crumb.last { font-weight:bold; background:none; padding-right:10px; }
 div.crumb a{ padding: 0.9em 0 0.7em 0; }
 
+/* some feedback for hover/tap on breadcrumbs */
+div.crumb:hover,
+div.crumb:focus,
+div.crumb:active {
+       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+       filter:alpha(opacity=70);
+       opacity:.7;
+}
+
 
 
 /* ---- APP STYLING ---- */