From: Gabriel Wicke <gwicke@wikimedia.org>
Date: Tue, 10 Jun 2014 16:07:34 +0000 (-0700)
Subject: Bug 51245: Add auto-numbered link CSS to Parsoid styles
X-Git-Tag: 1.31.0-rc.0~15420^2
X-Git-Url: http://git.cyclocoop.org/%22.%24h.%22?a=commitdiff_plain;h=a3525f0d16fbf1461ba8a54cc52544af9b4ee939;p=lhc%2Fweb%2Fwiklou.git

Bug 51245: Add auto-numbered link CSS to Parsoid styles

Also use the mw-body-content class to scope styles to the content area.

Change-Id: Id765da7bfb60726eead86e67693b86c82bdb5610
---

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 74dd7f92f0..5bd4a89c0f 100644
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -2,6 +2,23 @@
  * Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
  */
 
+/*csslint regex-selectors:false */
+
+/*
+ * Auto-numbered external links
+ * Parsoid renders those as link without content, and lets CSS do the
+ * counting. This way the counting style can be customized, and counts update
+ * automatically when content is modified.
+ */
+.mw-body-content {
+	counter-reset: mw-NumberedExtLink;
+}
+
+.mw-body-content a[rel~="mw:ExtLink"]:empty:after {
+	content: "[" counter(mw-NumberedExtLink) "]";
+	counter-increment: mw-NumberedExtLink;
+}
+
 /**
  * References
  *
@@ -96,8 +113,12 @@ figure[typeof~='mw:Image/Frame'] img,
 	margin: 4px;
 }
 
-// Some basic styling for Parsoid render testing
-body[data-parsoid] {
+/*
+ * Finally, some basic styling for Parsoid render testing.
+ * Only Parsoid directly sets .mw-body-content directly on the body, so this
+ * shouldn't affect anything else.
+ */
+body.mw-body-content {
 	background-color: #fff;
 	padding: 0.8em;
 }