use CSS for formatting diffs

diff --git a/includes/DifferenceEngine.php b/includes/DifferenceEngine.php
index 28e95f1..067e07b 100644 (file)
--- a/includes/DifferenceEngine.php
+++ b/includes/DifferenceEngine.php
@@ -69,10 +69,10 @@ class DifferenceEngine {
                  htmlspecialchars( $ntext ) ) );
 
                $wgOut->addHTML( "<table border='0' width='98%'
-cellpadding='0' cellspacing='4px' class='special'><tr>
-<td colspan='2' width='50%' align='center' bgcolor='#cccccc'>
+cellpadding='0' cellspacing='4px' class='diff'><tr>
+<td colspan='2' width='50%' align='center' class='diff-otitle'>
 {$otitle}</td>
-<td colspan='2' width='50%' align='center' bgcolor='#cccccc'>
+<td colspan='2' width='50%' align='center' class='diff-ntitle'>
 {$ntitle}</td>
 </tr>\n" );
 
@@ -1104,12 +1104,12 @@ class TableDiffFormatter extends DiffFormatter
        }
 
        function addedLine( $line ) {
-               return "<td>+</td><td bgcolor='#ccffcc'>" .
+               return "<td>+</td><td class='diff-addedline'>" .
                  "<small>{$line}</small></td>";
        }
 
        function deletedLine( $line ) {
-               return "<td>-</td><td bgcolor='#ffffaa'>" .
+               return "<td>-</td><td class='diff-deletedline'" .
                  "<small>{$line}</small></td>";
        }
 
@@ -1118,7 +1118,7 @@ class TableDiffFormatter extends DiffFormatter
        }
 
        function contextLine( $line ) {
-               return "<td> </td><td bgcolor='white'><small>{$line}</small></td>";
+               return "<td> </td><td class='diff-context'><small>{$line}</small></td>";
        }
     
     function _added($lines) {

diff --git a/stylesheets/cologneblue.css b/stylesheets/cologneblue.css
index 9226855..15bc3b5 100644 (file)
--- a/stylesheets/cologneblue.css
+++ b/stylesheets/cologneblue.css
@@ -126,6 +126,25 @@ div.thumbnail-left {
        margin-right:0.5em;
 }
 
+table.diff {
+        background:white;
+}
+td.diff-otitle {
+        background:#cccccc;
+}
+td.diff-ntitle {
+        background:#cccccc;
+}
+td.diff-addedline {
+        background:#ccffcc;
+}
+td.diff-deletedline {
+        background:#ffffaa;
+}
+td.diff-context {
+        background:#eeeeee;
+}
+
 /* table standards */
 table.rimage {
         float:right;

diff --git a/stylesheets/monobook/main.css b/stylesheets/monobook/main.css
index b5b1228..45deac4 100644 (file)
--- a/stylesheets/monobook/main.css
+++ b/stylesheets/monobook/main.css
@@ -938,3 +938,22 @@ head:first-child+body #portlet-personal {
 }
 /* debugging tool.. */
 /*div{ border:1px solid #000000;}*/
+
+table.diff {
+        background:white;
+}
+td.diff-otitle {
+        background:#ffffff;
+}
+td.diff-ntitle {
+        background:#ffffff;
+}
+td.diff-addedline {
+        background:#ccffcc;
+}
+td.diff-deletedline {
+        background:#ffffaa;
+}
+td.diff-context {
+        background:#eeeeee;
+}

diff --git a/stylesheets/wikistandard.css b/stylesheets/wikistandard.css
index 41c62fd..f22d619 100644 (file)
--- a/stylesheets/wikistandard.css
+++ b/stylesheets/wikistandard.css
@@ -88,6 +88,25 @@ div.thumbnail-left {
        margin-right:0.5em;
 }
 
+table.diff {
+        background:white;
+}
+td.diff-otitle {
+        background:#cccccc;
+}
+td.diff-ntitle {
+        background:#cccccc;
+}
+td.diff-addedline {
+        background:#ccffcc;
+}
+td.diff-deletedline {
+        background:#ffffaa;
+}
+td.diff-context {
+        background:#eeeeee;
+}
+
 /* table standards */
 table.rimage {
        float:right;