From c684953fe21d97e03d78598e8dc974957ee035c7 Mon Sep 17 00:00:00 2001 From: pginer Date: Thu, 15 Nov 2012 10:35:40 +0100 Subject: [PATCH] CSS to avoid style clash with link color on map labels Map labels are shown as blue when the ULS is integrated with MediaWiki. This commit: * Changes the hidding label strategy to be based on modifying the opacity (not the color of links). * Specifis the label color explicitly to avoid CSS conflicts. --- css/jquery.uls.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/css/jquery.uls.css b/css/jquery.uls.css index 31a3450..cf08ece 100644 --- a/css/jquery.uls.css +++ b/css/jquery.uls.css @@ -118,14 +118,19 @@ div.uls-region { padding-right: 0; float: right; overflow: hidden; - color: rgba(0,0,0,0); opacity: 0.7; - transition: color 0.15s linear; - -moz-transition: color 0.15s linear; - -webkit-transition: color 0.15s linear; + transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -webkit-transition: opacity 0.2s linear; } -#map-block:hover { +#map-block a{ + opacity:0; + transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -webkit-transition: opacity 0.15s linear; +} +#map-block:hover, #map-block:hover a { opacity: 1; color: #333; }