X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fmediawiki.action%2Fmediawiki.action.history.diff.css;h=31ca10781cf5310cf947c8f1857a1905b06258e6;hb=f726bbf6e7f26cd268e6c44a4af675c15a337921;hp=3907a5f45c842c0596973b8afe05169cf02f1501;hpb=b83f3ae62aa73cf5052700c94f7ac19d9793e10d;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/mediawiki.action/mediawiki.action.history.diff.css b/resources/mediawiki.action/mediawiki.action.history.diff.css
index 3907a5f45c..31ca10781c 100644
--- a/resources/mediawiki.action/mediawiki.action.history.diff.css
+++ b/resources/mediawiki.action/mediawiki.action.history.diff.css
@@ -1,61 +1,94 @@
 /*
 ** Diff rendering
 */
-table.diff, td.diff-otitle, td.diff-ntitle {
+table.diff {
 	background-color: white;
+	border: none;
+	border-spacing: 4px;
+	margin: 0;
+	width: 100%;
+	/* Ensure that colums are of equal width */
+	table-layout: fixed;
+}
+
+table.diff td {
+	padding: 0.33em 0.5em;
 }
+
+table.diff td.diff-marker {
+	/* Compensate padding for increased font-size */
+	padding: 0.25em;
+}
+
+table.diff col.diff-marker {
+	width: 2%;
+}
+
+table.diff col.diff-content {
+	width: 48%;
+}
+
+table.diff td div {
+	/* Force-wrap very long lines such as URLs or page-widening char strings */
+	word-wrap: break-word;
+}
+
 td.diff-otitle,
 td.diff-ntitle {
 	text-align: center;
 }
+
+td.diff-lineno {
+	font-weight: bold;
+}
+
 td.diff-marker {
 	text-align: right;
-}
-td.diff-lineno {
 	font-weight: bold;
+	font-size: 1.25em;
 }
+
+td.diff-addedline,
+td.diff-deletedline,
+td.diff-context {
+	font-size: 88%;
+	vertical-align: top;
+	white-space: -moz-pre-wrap;
+	white-space: pre-wrap;
+	border-style: solid;
+	border-width: 1px 1px 1px 4px;
+	border-radius: 0.33em;
+}
+
 td.diff-addedline {
-	background: #cfc;
-	font-size: smaller;
+	border-color: #a3d3ff;
 }
+
 td.diff-deletedline {
-	background: #ffa;
-	font-size: smaller;
+	border-color: #ffe49c;
 }
+
 td.diff-context {
-	background: #eee;
-	font-size: smaller;
+	background: #f9f9f9;
+	border-color: #e6e6e6;
+	color: #333333;
 }
+
 .diffchange {
-	color: red;
 	font-weight: bold;
-	white-space: -moz-pre-wrap;
-	white-space: pre-wrap;
 	text-decoration: none;
 }
 
-table.diff {
-	border: none;
-	width: 98%;
-	border-spacing: 4px;
-
-	/* Ensure that colums are of equal width */
-	table-layout: fixed;
-}
-table.diff td {
-	padding: 0;
-}
-table.diff col.diff-marker {
-	width: 2%;
+td.diff-addedline .diffchange,
+td.diff-deletedline .diffchange {
+	border-radius: 0.33em;
+	padding: 0.25em 0;
 }
-table.diff col.diff-content {
-	width: 48%;
+
+td.diff-addedline .diffchange {
+	background: #d8ecff;
 }
-table.diff td div {
-	/* Force-wrap very long lines such as URLs or page-widening char strings.*/
-	word-wrap: break-word;
 
-	/* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
-	   instead of text overflowing or widening */
-	overflow: auto;
+td.diff-deletedline .diffchange {
+	background: #feeec8;
 }