MediaWiki:Vector.css: Difference between revisions

Revision as of 14:15, 6 May 2012

/* CSS placed here will affect users of the Vector skin */

/*
** Improved 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;
}

/* The markers are the +/- signs besides the diff text blocks */
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: center;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
}

/* Border style for diff text blocks */
td.diff-addedline,
td.diff-deletedline
{
	border-style: solid;
        /* Note that the fourth border-width parameter is "left", so we're setting
            the thickness of the lefthand border higher than the other sides */
	border-width: 1px 1px 1px 4px;
	border-radius: 0.33em;
}

/* Border colors (mainly visible on left of each diff text block) */
td.diff-addedline
{
	border-color: rgb(137,255,137);
}
td.diff-deletedline
{
	border-color: rgb(255,228,156);
}

/* Highlight color for changed text */
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange
{
	background: rgb(215,175,255);
}

/* The context blocks are the gray text before and after the diff text blocks */
td.diff-context
{
	background: rgb(242,242,242);
	color: rgb(51,51,51);
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-color: rgb(230,230,230);
	border-radius: 0.33em;
}

/* Style of actual changed text in diff blocks */
.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;
}