@import 'fonts.css';
@import 'basic.css';

/* Body */
body {
	background: var(--content-bg);
	padding: 12px;
}

/* Elements */
h2 {
	margin: 0;
	padding: 4px 6px;
	background: var(--tree-header);
	border-bottom: 1px solid var(--tree-header-border);
	font-size: .875rem;
}

.formbody {
	margin: 12px 0 18px;
	text-align: right;
}

.formbody .tl_select {
	width: 42%;
	max-width: 280px;
}

.formbody .tl_submit {
	padding-top: 5px;
	padding-bottom: 6px;
}

.formbody .arrow {
	vertical-align: middle;
}

.formbody .static-version {
	margin-right: 3px;
}

/* Messages */
.tl_info {
	padding: 6px 6px 6px 28px;
	border-radius: 2px;
	background: url("icons/show.svg") no-repeat left center;
	color: var(--blue);
	line-height: 1.2;
}

/* Diff */
#diff .change {
	margin-bottom: 1em;
	border: 1px solid var(--border);
	background: var(--table-odd);
	border-radius: 2px;
}

#diff .replace.left, #diff .delete.left {
	background: var(--diff-left);
}

#diff .replace.right, #diff .insert.right {
	background: var(--diff-right);
}

#diff .replace ins {
	background: var(--diff-ins);
}

#diff .replace del {
	background: var(--diff-del);
}

#diff dl {
	margin: 0;
	padding: 0;
	font: .75rem "Roboto Mono", monospace;
}

#diff dt, #diff dd {
	margin: 0;
	padding: 0 6px;
	word-break: break-word;
	line-height: 1.25;
}

#diff dl dt:first-of-type, #diff dl dd:first-of-type {
	padding-top: 3px;
}

#diff dl dt:last-of-type, #diff dl dd:last-of-type {
	padding-bottom: 3px;
}

#diff dl ins, #diff dl del {
	text-decoration: none;
}