From: Brian Wolff <bawolff+wn@gmail.com>
Date: Sat, 1 Mar 2014 07:18:45 +0000 (-0400)
Subject: Use rgba() for gallery caption background instead of opacity
X-Git-Tag: 1.31.0-rc.0~16383
X-Git-Url: http://git.cyclocoop.org/%24action?a=commitdiff_plain;h=59520eff176e9b48ee5a8bb5eacfbd42cb2d7958;p=lhc%2Fweb%2Fwiklou.git

Use rgba() for gallery caption background instead of opacity

Opacity applies to child elements, and can't be unset.

Change-Id: Id4b58ccf82cf3b6d23f67408c5311da0eb92fbce
---

diff --git a/skins/common/shared.css b/skins/common/shared.css
index 942cbac421..00bd26b4e5 100644
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -881,10 +881,8 @@ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
 	position:absolute;
-	opacity:.8;
-	filter:alpha(opacity=80);
-	zoom: 1;
-	background-color:white;
+	background: white;
+	background: rgba(255, 255, 255, 0.8);
 	padding: 5px 10px;
 	bottom: 0;
 	left: 0; /* Needed for IE */
@@ -899,13 +897,6 @@ ul.mw-gallery-packed {
 	text-align: center;
 }
 
-ul.mw-gallery-packed-hover div.gallerytext,
-ul.mw-gallery-packed-overlay div.gallerytext {
-	opacity: 1;
-	position: relative; /* Resets opacity in old IE */
-}
-
-
 .mw-ajax-loader {
 	/* @embed */
 	background-image: url(images/ajax-loader.gif);