wiki.techinc.nl/skins/common/diff.css
Krinkle b7aaa1c214 Remove color:black from table {} in skins (bug 28422) + small fixes
* Remove color:black from table {} in skins (bug 28422)
* Add color:black to .wikitable (since it has a background-color)
* Update comment about CSS3 'word-wrap:break-word' support in Gecko
* Remove line-break in mediawiki.js (it's ~ 90 chars, acceptable)
2011-04-06 16:31:46 +00:00

75 lines
1.7 KiB
CSS

/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: white;
}
td.diff-otitle,
td.diff-ntitle {
text-align: center;
}
td.diff-marker {
text-align: right;
}
td.diff-lineno {
font-weight: bold;
}
td.diff-addedline {
background: #cfc;
font-size: smaller;
}
td.diff-deletedline {
background: #ffa;
font-size: smaller;
}
td.diff-context {
background: #eee;
font-size: smaller;
}
.diffchange {
color: red;
font-weight: bold;
text-decoration: none;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
}
table.diff {
border: none;
width: 98%;
border-spacing: 4px;
/* Fixed layout is required to ensure that cells containing long URLs
don't widen in Safari, Internet Explorer, or iCab */
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.
CSS 3 only (In Gecko 1.9.1 / Firefox 3.5):
https://bugzilla.mozilla.org/show_bug.cgi?id=99457
https://developer.mozilla.org/web-tech/2008/08/20/word-wrap-break-word/
https://developer.mozilla.org/En/CSS/Word-wrap */
word-wrap: break-word;
/* As fallback, scrollbars will be added for very wide cells
instead of text overflowing or widening */
overflow: auto;
/* The above rule breaks on very old versions of Mozilla due
to a bug which collapses the table cells to a single line.
In Mozilla 1.1 and below with JavaScript enabled, the rule
will be overridden with this by diff.js; wide cell contents
then spill horizontally without widening the rest of the
table: */
/* overflow: visible; */
}