MediaWiki:Vector.css: Difference between revisions
(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;
}