User:Belushi81x/diff.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;
}
.rtl td.diff-marker {
	text-align: left;
}
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 draft..., but Gecko doesn't support it yet:
	   https://bugzilla.mozilla.org/show_bug.cgi?id=99457 */
	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; */
}

/*
 * Styles for the HTML Diff
 */
div.diff-switchtype{
	text-align: center;
	font-weight: bold;
	font-size: smaller;
}

span.diff-html-added {
  font-size: 100%;
  background-color: #20ff20
}

span.diff-html-removed {
  font-size: 100%;
  text-decoration: line-through;
  background-color: #ff2020
}

span.diff-html-changed {
  background: url(images/diffunderline.gif) bottom repeat-x;
  /* Hack for IE5.5, see http://lists.wikimedia.org/pipermail/wikitech-l/2008-November/040273.html */
  *background-color: #c6c6fd; /* light blue */
}

span.diff-html-added img{
 border: 5px solid #ccffcc;
}

span.diff-html-removed img{
 border: 5px solid #fdc6c6;
}

span.diff-html-changed img{
 border: 5px dotted #000099;
 
}

span.diff-html-changed  {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.diff-html-changed span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.diff-html-changed:hover span.tip {
  display: block;
  z-index: 95;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-size: 10px;
  text-align: left;
}