MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(adding back in border colors; slightly shorter rows) |
m (1TBS must die) |
||
Line 5: | Line 5: | ||
** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade. | ** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade. | ||
*/ | */ | ||
table.diff, td.diff-otitle, td.diff-ntitle { | table.diff, td.diff-otitle, td.diff-ntitle | ||
{ | |||
background-color: white; | background-color: white; | ||
} | } | ||
td.diff-otitle, | td.diff-otitle, | ||
td.diff-ntitle { | td.diff-ntitle | ||
{ | |||
text-align: center; | text-align: center; | ||
} | } | ||
td.diff-marker { | td.diff-marker | ||
{ | |||
text-align: right; | text-align: right; | ||
font-weight: bold; | font-weight: bold; | ||
Line 20: | Line 23: | ||
} | } | ||
td.diff-lineno { | td.diff-lineno | ||
{ | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 26: | Line 30: | ||
td.diff-addedline, | td.diff-addedline, | ||
td.diff-deletedline, | td.diff-deletedline, | ||
td.diff-context { | td.diff-context | ||
{ | |||
font-size: 100%; | font-size: 100%; | ||
vertical-align: top; | vertical-align: top; | ||
Line 34: | Line 39: | ||
td.diff-addedline, | td.diff-addedline, | ||
td.diff-deletedline { | td.diff-deletedline | ||
{ | |||
border-style: solid; | border-style: solid; | ||
border-width: 1px 1px 1px 4px; | border-width: 1px 1px 1px 4px; | ||
Line 40: | Line 46: | ||
} | } | ||
td.diff-addedline { | td.diff-addedline | ||
{ | |||
border-color: #a3d3ff; | border-color: #a3d3ff; | ||
} | } | ||
td.diff-deletedline { | td.diff-deletedline | ||
{ | |||
border-color: #ffe49c; | border-color: #ffe49c; | ||
} | } | ||
td.diff-addedline .diffchange { | td.diff-addedline .diffchange | ||
{ | |||
background: #d8ecff; | background: #d8ecff; | ||
} | } | ||
td.diff-deletedline .diffchange { | td.diff-deletedline .diffchange | ||
{ | |||
background: #feeec8; | background: #feeec8; | ||
} | } | ||
td.diff-context { | td.diff-context | ||
{ | |||
background: #F2F2F2; | background: #F2F2F2; | ||
color: #333333; | color: #333333; | ||
Line 65: | Line 76: | ||
} | } | ||
.diffchange { | .diffchange | ||
{ | |||
color: black; | color: black; | ||
font-weight: bold; | font-weight: bold; | ||
Line 71: | Line 83: | ||
} | } | ||
table.diff { | table.diff | ||
{ | |||
border: none; | border: none; | ||
width: 98%; | width: 98%; | ||
Line 81: | Line 94: | ||
td.diff-addedline .diffchange, | td.diff-addedline .diffchange, | ||
td.diff-deletedline .diffchange { | td.diff-deletedline .diffchange | ||
{ | |||
border-radius: 0.33em; | border-radius: 0.33em; | ||
padding: 0.25em 0; | padding: 0.25em 0; | ||
} | } | ||
table.diff td { | table.diff td | ||
{ | |||
padding: 0.33em 0.66em; | padding: 0.33em 0.66em; | ||
line-height: 1.65em; | line-height: 1.65em; | ||
} | } | ||
table.diff col.diff-marker { | table.diff col.diff-marker | ||
{ | |||
width: 2%; | width: 2%; | ||
} | } | ||
table.diff col.diff-content { | table.diff col.diff-content | ||
{ | |||
width: 48%; | width: 48%; | ||
} | } | ||
table.diff td div { | table.diff td div | ||
{ | |||
/* Force-wrap very long lines such as URLs or page-widening char strings.*/ | /* Force-wrap very long lines such as URLs or page-widening char strings.*/ | ||
word-wrap: break-word; | word-wrap: break-word; |
Revision as of 19:08, 5 May 2012
/* CSS placed here will affect users of the Vector skin */ /* ** Diff rendering ** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade. */ 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; font-weight: bold; font-size: 1.25em; } td.diff-lineno { font-weight: bold; } td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 100%; vertical-align: top; white-space: -moz-pre-wrap; white-space: pre-wrap; } td.diff-addedline, td.diff-deletedline { border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; } td.diff-addedline { border-color: #a3d3ff; } td.diff-deletedline { border-color: #ffe49c; } td.diff-addedline .diffchange { background: #d8ecff; } td.diff-deletedline .diffchange { background: #feeec8; } td.diff-context { background: #F2F2F2; color: #333333; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #e6e6e6; border-radius: 0.33em; } .diffchange { color: black; font-weight: bold; text-decoration: none; } table.diff { border: none; width: 98%; border-spacing: 4px; /* Ensure that colums are of equal width */ table-layout: fixed; } td.diff-addedline .diffchange, td.diff-deletedline .diffchange { border-radius: 0.33em; padding: 0.25em 0; } table.diff td { padding: 0.33em 0.66em; line-height: 1.65em; } 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.*/ word-wrap: break-word; /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells instead of text overflowing or widening */ overflow: auto; }