4 table
.diff
, td
.diff-otitle
, td
.diff-ntitle
{
5 background-color: white
;
35 text-decoration: none
;
36 white-space: pre-wrap
;
37 white-space: -moz-pre-wrap
;
45 /* Fixed layout is required to ensure that cells containing long URLs
46 don't widen in Safari, Internet Explorer, or iCab */
52 table
.diff col
.diff-marker
{
55 table
.diff col
.diff-content
{
59 /* Force-wrap very long lines such as URLs or page-widening char strings.
60 CSS 3 draft..., but Gecko doesn't support it yet:
61 https://bugzilla.mozilla.org/show_bug.cgi?id=99457 */
62 word-wrap: break-word
;
64 /* As fallback, scrollbars will be added for very wide cells
65 instead of text overflowing or widening */
68 /* The above rule breaks on very old versions of Mozilla due
69 to a bug which collapses the table cells to a single line.
71 In Mozilla 1.1 and below with JavaScript enabled, the rule
72 will be overridden with this by diff.js; wide cell contents
73 then spill horizontally without widening the rest of the
75 /* overflow: visible; */
79 * Styles for the HTML Diff
87 span
.diff-html-added
{
89 background-color: #20ff20
92 span
.diff-html-removed
{
94 text-decoration: line-through
;
95 background-color: #ff2020
98 span
.diff-html-changed
{
99 background: url
(images/diffunderline.gif) bottom repeat-x
;
100 /* Hack for IE5.5, see http://lists.wikimedia.org/pipermail/wikitech-l/2008-November/040273.html */
101 *background-color: #c6c6fd; /* light blue */
104 span
.diff-html-added img
{
105 border: 5px solid
#ccffcc;
108 span
.diff-html-removed img
{
109 border: 5px solid
#fdc6c6;
112 span
.diff-html-changed img
{
113 border: 5px dotted
#000099;
117 span
.diff-html-changed
{
118 position: relative
; /* this is key */
122 span
.diff-html-changed span
.tip
{
123 display: none
; /* so is this */
126 /* tooltip will display on :hover event */
128 span
.diff-html-changed:hover span
.tip
{
136 padding: 3px 7px 4px 6px;
137 border: 1px solid
#336;
138 background-color: #f7f7ee;