[yelp-common.xsl.in] Shadow with hover highlight on div.code

I'm hoping the hover highlight will give some affordance of right-clickability.

1 files changed, 6 insertions, 0 deletions

diff --git a/stylesheets/yelp-common.xsl.in b/stylesheets/yelp-common.xsl.in
index 9aa0415e..e773a79b 100644
--- a/stylesheets/yelp-common.xsl.in
+++ b/stylesheets/yelp-common.xsl.in
@@ -58,6 +58,12 @@ div.header {
   padding: 0;
   margin: 0 0 1em 0;
 }
+div.code {
+  -webkit-box-shadow: 0px 0px 4px </xsl:text><xsl:value-of select="$color.gray_border"/><xsl:text>;
+}
+div.code:hover {
+  -webkit-box-shadow: 0px 0px 4px </xsl:text><xsl:value-of select="$color.blue_border"/><xsl:text>;
+}
 div.trails {
   margin: 0;
   padding: 0.2em 12px 0 12px;