Editing Help:Diff (section)

==How it looks ==
This example shows the top of the diff page (some of the links are dummies). The older version is shown on the left, the newer version on the right.
<blockquote style="border:1px solid black; padding:1em;">
{| border="0" style="border-spacing:4px; table-layout:fixed; width:98%"
|- style="height:1px" <!-- dummy row for column widths -->
| style="width:2%" |
| style="width:48%" |
| style="width:2%" |
| style="width:48%" |
|- align="center" valign="top"
| colspan="2" | <div><strong>[[Help:Page history|Revision as of 22:32, 3 August 2003]] ([[Wikipedia:How to edit a page|edit]])</strong></div>
<div>[[User:Tim Starling|Tim Starling]] ([[User_talk:Tim Starling|talk]] | [[Help:User contributions|contribs]])</div>
<div><span class="comment">([[Help:Edit summary|Edit summaries]] in diffs are great)</span></div>
<div>[[Help:Page history|← Previous edit]]</div>
| colspan="2" |<div><strong>[[Help:Page history|Revision as of 00:10, 18 August 2003]] ([[Wikipedia:How to edit a page|edit]]) ([[Help:Reverting|undo]]) ([[Wikipedia:Notifications/Thanks|thank]])</strong></div>
<div>[[User:Angela|Angela]] ([[User_talk:Angela|talk]] | [[Help:User contributions|contribs]])&nbsp;&nbsp;&nbsp;&nbsp;'''['''[[Wikipedia:Rollback|rollback]]''']'''</div>
<div><abbr class="minoredit" title="This is a minor edit">m</abbr> <span class="comment">(correction, + [[MediaWiki User's Guide]])</span></div>
<div>&nbsp;</div>
|-
| colspan="2" | '''Line 8:'''
| colspan="2" | '''Line 8:'''
|-
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160;
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%"| For sysops and those with the rollback flag, a <nowiki>[[en:Wikipedia:revert|rollback]]</nowiki> button is shown allowing them to revert from the new version to the old one.
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160;
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%"| For sysops and those with the rollback flag, a <nowiki>[[en:Wikipedia:revert|rollback]]</nowiki> button is shown allowing them to revert from the new version to the old one.
|-
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | −
|style="vertical-align:top; padding:0.33em 0.66em; border-color:var(--background-color-content-removed,#fc3); border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | This is only shown when viewing the diff between the <span style="background:var(--background-color-content-removed,#fc3); padding:0.25em 0; border-radius:0.33em; font-weight:bold">current</span> version and the one <span style="background:var(--background-color-content-removed,#fc3); padding:0.25em 0; border-radius:0.33em; font-weight:bold">immediately preceding it</span>.
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | +
|style="vertical-align:top; padding:0.33em 0.66em; border-color:var(--background-color-content-added,#afb6e9); border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | This is only shown when viewing the diff between the <span style="background:var(--background-color-content-added,#afb6e9); padding:0.25em 0; border-radius:0.33em; font-weight:bold">recent</span> version<span style="background:var(--background-color-content-added,#afb6e9); padding:0.25em 0; border-radius:0.33em; font-weight:bold">&nbsp;of a page</span> and<span style="background:var(--background-color-content-added,#afb6e9); padding:0.25em 0; border-radius:0.33em; font-weight:bold">&nbsp;the last version by an author other than</span> the one <span style="background:var(--background-color-content-added,#afb6e9); padding:0.25em 0; border-radius:0.33em; font-weight:bold">of the most current version</span>. 
|-
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160; 
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%"|This example shows the top of the diff page, with the links described above.
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160; 
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%"|This example shows the top of the diff page, with the links described above.
|-
| colspan="2" | '''Line 25:'''
| colspan="2" | '''Line 25:'''
|-
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160; 
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | <nowiki></table></nowiki>
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | &#160; 
|style="vertical-align:top; padding:0.33em 0.66em; color:#333333; background-color:#F3F3F3; border-color:#E6E6E6; border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | <nowiki></table></nowiki>
|-
|colspan="2" | 
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | +
|style="vertical-align:top; padding:0.33em 0.66em; border-color:var(--background-color-content-added,#afb6e9); border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | <nowiki>[[MediaWiki User's Guide]]</nowiki>
|-
|colspan="2" | 
|style="padding:0.33em 0.66em; border-spacing:4px; font-size:1.25em; font-weight:bold; text-align:right" | +
|style="vertical-align:top; padding:0.33em 0.66em; border-color:var(--background-color-content-added,#afb6e9); border-style:solid; border-width:1px 1px 1px 4px; border-radius:0.33em; border-spacing:4px; font-size:85%" | 
|}
</blockquote>

=== Explanation of colours ===
Unchanged text is dark grey on light grey (only parts before and after changed text are shown). Paragraphs which have changed are black on white, with an orange border on the old version side and a blue border on the new version side. Inserted and removed text is highlighted with the border color and bolded. Where whole paragraphs have been removed or inserted, no highlighting or bolding is applied and the other side is blank.

Moved lines of wikitext are marked with curved arrows. Clicking on ↪ and ↩ scrolls the view to the corresponding line on the opposite side of the diff.

{| class="wikitable" style="border-collapse:separate;background-color:white"
|+Colour key
! align="center" width="200" colspan=2|Old version
! align="center" width="200" colspan=2|New version
|-
|style="border:none;"|
|align="center" style="color:#333333;background-color:#F3F3F3;border-color:#E6E6E6;border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|unchanged
|style="border:none;"|
|align="center" style="color:#333333;background-color:#F3F3F3;border-color:#E6E6E6;border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|unchanged
|-
|style="border:none;text-align: right;"|'''−'''
|align="center" style="border-color:var(--background-color-content-removed,#fc3);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph changed
|style="border:none;text-align: right;"|'''+'''
|align="center" style="border-color:var(--background-color-content-added,#afb6e9);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph changed
|-
|style="border:none;text-align: right;"|{{anchor|moved left side}}[[#moved right side|'''{{color|black|↪}}''']]
|align="center" style="border-color:var(--background-color-content-removed,#fc3);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph moved
|style="border:none;"|
|align="center" style="border:none"|&nbsp;
|-
|style="border:none;text-align: right;"|'''−'''
|align="center" style="border-color:var(--background-color-content-removed,#fc3);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph removed
|style="border:none;"|
|align="center" style="border:none"|&nbsp;
|-
|style="border:none;"|
|align="center" style="border:none"|&nbsp;
|style="border:none;text-align: right;"|'''+'''
|align="center" style="border-color:var(--background-color-content-added,#afb6e9);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph added
|-
|style="border:none;"|
|align="center" style="border:none"|&nbsp;
|style="border:none;text-align: right;"|{{anchor|moved right side}}[[#moved left side|'''{{color|black|↩}}''']]
|align="center" style="border-color:var(--background-color-content-added,#afb6e9);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"|paragraph moved
|-
|style="border:none;text-align: right;"|'''−'''
|align="center" style="border-color:var(--background-color-content-removed,#fc3);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"| <span style="background:var(--background-color-content-removed,#fc3); padding:0.25em 0; border-radius:0.33em; font-weight:bold">removed text</span>
|style="border:none;text-align: right;"|'''+'''
|align="center" style="border-color:var(--background-color-content-added,#afb6e9);border-style:solid;border-width:1px 1px 1px 4px;border-radius:0.33em;"| <span style="background:var(--background-color-content-added,#afb6e9); padding:0.25em 0; border-radius:0.33em; font-weight:bold">added text</span>
|}

=== Controls and links ===
The links "Revision as of ''date''" link to each version. If the newer version is the latest one, the link will be to the usual page and the wording will be "Current revision (''date'')" instead. 

The "(edit)" link will take you to the page for editing that version. You may be warned that you are editing an out-of-date revision; if you ignore this and continue, you will revert all the edits made since after that revision. 

The "(undo)" link on the newer revision's side will [[Help:Reverting|revert]] that specific edit. When you click the link, you can check the diff page of the edit you are going to make, and the [[Help:Edit summary|edit summary]] will be automatically filled in with the phrase of [[MediaWiki:undo-summary]] ({{MediaWiki:undo-summary}}). This summary can be edited before you submit your edit. When you are undoing several edits at once, the auto-summary may not work. Though the link exists on all diff pages, it does not function when the revisions conflict. Often, versions older than the current one cannot be undone in this way. If it does not work, you will be told that the edit could not be undone and end up in the regular editing page of the current version.

The "(thank)" link is only displayed when both the viewer and editor are registered users. It can be used to [[Help:Notifications/Thanks|thank]] the editor.

Below that are links to the user page and talk page of each user who edited the older or the newer versions. Links to the users' contribution lists are also shown. For administrators and [[WP:Rollback|rollbackers]], a "[rollback]" button also appears where applicable, allowing them to revert all the edits made by that user. 

Then the [[Help:Edit summary|edit summaries]] are shown in a parenthesis. If the user has used links in their edit summary, these act as links on the diff page as well. If the editor marked the edit as a [[Help:Minor edit|minor edit]], <span class="minor">m</span> appears before the summary.

The "Previous edit" and "Next edit" links lead to earlier or later diffs. When you are viewing the diff between two non-consecutive versions of a page, you will also see the message "(x intermediate revisions not shown.)".

After the table of differences, the latest of the two compared versions is shown fully, unless you have specified in your preferences that this is not to be done.