This show various styles for our diff action. Style sheet: resources/src/mediawiki/mediawiki.diff.styles.css.
This file might help us fix our diff colors which have been a recurring issues among the community for a loooong time.
Try it out in print mode, too. Style sheet: resources/src/mediawiki/mediawiki.diff.styles.print.css.
Practical example copied from MediaWiki's HTML output:
| − | Lorem ipsum dolor sit amet | + | Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | 
| − | |||
| − | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | ||
| Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | ||
| − | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim | + | Excepteur sint occaecat cupidatat non proident, sunt reprehenderit in voluptate in culpa qui officia deserunt mollit anim. | 
| + | |||
| + | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | ||
Below are some basic lines being applied one or two classes. Mainly for debugging purposes.
| Diff | 
|---|
| diff-addedline: added line | 
| diff-deletedline: deleted line | 
| diff-context: context | 
| Same as above with a <ins>or<del>child element having thediffchangeclass: | 
| Diffchange | 
| Added line + diffchange |