szurubooru/public_html/css/history.css

table.history {
	font-size: 80%;
	border-spacing: 0;
}
table.history .addition {
	color: #228022;
}
table.history .addition:before {
	content: '+';
}

table.history .removal {
	color: #e02222;
}
table.history .removal:before {
	content: '-';
}

table.history .user img {
	vertical-align: middle;
}

table.history .time,
table.history .user,
table.history .subject {
	white-space: nowrap;
}
table.history .difference {
	word-break: break-all;
}

table.history td {
	padding: 0.3em 0.5em 0.3em 0.25em;
	word-break: break-word;
	word-wrap: break-word;
	vertical-align: top;
}
table.history tr:nth-child(2n+1) td {
	background: #fafafa;
}

table.history ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
table.history ul:before {
	content: ' (';
}
table.history ul:after {
	content: ')';
}

table.history li {
	display: inline;
}
table.history li:not(:last-of-type):after {
	content: ', ';
}

#history-wrapper {
	text-align: center;
}
#history-wrapper table {
	margin: 0 auto;
	text-align: left;
}
@media all and (min-width: 77em) {
	#history-wrapper table {
		width: 70em;
	}
}
@media all and (max-width: 77em) {
	#history-wrapper table {
		width: 100%;
	}
}