diff: align cell content to the top

[lhc/web/wiklou.git] / resources / mediawiki.action / mediawiki.action.history.diff.css

diff --git a/resources/mediawiki.action/mediawiki.action.history.diff.css b/resources/mediawiki.action/mediawiki.action.history.diff.css
index a949d3a..7ad6b3e 100644 (file)
--- a/resources/mediawiki.action/mediawiki.action.history.diff.css
+++ b/resources/mediawiki.action/mediawiki.action.history.diff.css
@@ -1,36 +1,52 @@
-/*
-** Diff rendering
-*/
-table.diff, td.diff-otitle, td.diff-ntitle {
-       background-color: white;
-}
+/**
+ * Diff rendering
+ */
+
 td.diff-otitle,
 td.diff-ntitle {
        text-align: center;
 }
+
 td.diff-marker {
        text-align: right;
 }
+
 td.diff-lineno {
        font-weight: bold;
 }
+
+td.diff-addedline,
+td.diff-deletedline,
+td.diff-context {
+       font-size: 88%;
+       vertical-align: top;
+       white-space: -moz-pre-wrap;
+       white-space: pre-wrap;
+}
+
 td.diff-addedline {
-       background: #cfc;
-       font-size: smaller;
+       background: #E0ECFF;
 }
+
 td.diff-deletedline {
-       background: #ffa;
-       font-size: smaller;
+       background: #FCF8CC;
 }
+
 td.diff-context {
-       background: #eee;
-       font-size: smaller;
+       background: #F2F2F2;
 }
+
 .diffchange {
-       color: red;
        font-weight: bold;
-       white-space: -moz-pre-wrap;
-       white-space: pre-wrap;
+       text-decoration: none;
+}
+
+td.diff-addedline .diffchange {
+       background: #B0C8FF;
+}
+
+td.diff-deletedline .diffchange {
+       background: #FFD084;
 }
 
 table.diff {
@@ -41,20 +57,25 @@ table.diff {
        /* Ensure that colums are of equal width */
        table-layout: fixed;
 }
+
 table.diff td {
        padding: 0;
 }
+
 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;
 
        /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
-          instead of text overflowing or widening */
+        * instead of text overflowing or widening
+        */
        overflow: auto;
 }