MediaWiki:Vector.css

From OniGalore
Revision as of 13:48, 5 May 2012 by Iritscen (talk | contribs) (trying out current diff-gazing style used on MW)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Microsoft Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */

/*
** 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;
	font-weight: bold;
	font-size: 1.25em;
}

td.diff-lineno {
	font-weight: bold;
}

td.diff-addedline,
td.diff-deletedline,
td.diff-context {
	font-size: 88%;
	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-context {
	background: #F2F2F2;
	color: #333333;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-color: #e6e6e6;
	border-radius: 0.33em;
}

.diffchange {
	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;
}

td.diff-addedline .diffchange {
	background: #d8ecff;
}

td.diff-deletedline .diffchange {
	background: #feeec8;
}

table.diff td {
	padding: 0.33em 0.66em;
}

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;
}