semantic/prototype/UI/style.css

#before, #after {
	width: 50%;
}
#before {
	float: left;
}
#after {
	float: right;
}
body {
	margin: 0;
	padding: 0;
	font-family: monospace;
}
.insert {
	background-color: #eaffea;
	outline: 1px solid #c1e9c1;
}
.delete {
	background-color: #ffecec;
	outline: 1px solid #f1c0c0;
}
.replace {
	background-color: #ffffec;
	outline: 1px solid #e9e9c0;
}

.invisible {
	background-color: #fff;
	visibility: hidden;
}

.diff div, .diff ul, .diff li, .diff dl, .diff dd, .diff span {
	white-space: pre-wrap;
	display: inline;
	margin: 0;
	padding: 0;
	color: initial;
}

	ul.line-numbers {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}

.diff dt {
	display: none;
}

/* syntax highlighting */
.diff .category-regex,
.diff .category-string {
	color: #183691;
}

.diff .category-false,
.diff .category-true,
.diff .category-null,
.diff .category-undefined,
.diff .category-number,
.diff .category-function_call>li>.category-identifier,
.diff .category-function_call>li>.category-member_access>.category-identifier,
.diff .category-member_access>:not(:first-child)>.category-identifier {
	color: #0086b3;
}

.diff .category-comment {
	color: #969896;
}

.diff [class^="category-"][class$="_op"],
.diff .category-ternary,
.diff .category-var_declaration,
.diff .category-new_expression,
.diff .category-if_statement,
.diff .category-do_statement,
.diff .category-for_statement,
.diff .category-for_in_statement,
.diff .category-return_statement,
.diff .category-function,
.diff .category-assignment,
.diff .category-var_assignment {
	color: #a71d5d;
}

.diff .category-function>li:first-child>.category-identifier,
.diff .category-new_expression>li>.category-function_call>li:first-child>.category-identifier,
.diff .category-pair>li:first-child>.category-identifier,
.diff .category-assignment>li:first-child>.category-member_access>:not(:first-child)>.category-identifier {
	color: #795da3;
}