/*
 * This file contains tweaks for the Bootstrap theme.
 */


/* Visual cue for where comment blocks end */

.comment {
	background-image: linear-gradient(white, #f8f8f8);
	border: 1px solid transparent;
	border-bottom: 1px solid #f0f0f0;
	padding: 1ex;
}

/* Preserve whitespace */

.comment .content {
	white-space: pre-wrap;
	margin: 0.2em 0.5em;
}

.comment .comment-subheading {
	font-weight: bold;
}
.comment-link {
	font-style: italic;
}

/* Nice diffs */

.issue-changes ins {
	color: green;
	text-decoration: none;
}
.issue-changes del {
	color: red;
}

/* Flashing when linking to a specific comment */
.comment:target {
	border: 1px solid #fc4;
	background-image: none;
	animation-duration: 1.5s;
	animation-name: flash;
}

@keyframes flash {
	from {
		background-color: orange;
		border-color: red;
	}
	to {
		background-color: none;
		border-color: #fc4;
	}
}

/* Automatically show tag fileds */

input.autoshow {display:none}
input.autoshow:first-child,
input.autoshow:not(:placeholder-shown),
input.autoshow:not(:placeholder-shown) + input.autoshow {display:block}

input[name=deltag]:checked + label {text-decoration:line-through}

/* Forms look a bit better when narrower */

.container > form.narrow {
	max-width: 400px;
	margin: 0 auto;
}

.container > form.wide {
	max-width: 600px;
	margin: 0 auto;
}

/* Align numeric columns to the right */

th.numeric, td.numeric {
	text-align: right;
}
th {
	text-align: left;

	/* Prevent sort order links from ending up on a new line */
	white-space: nowrap;
}

/* Align footer to the right */

footer {
	text-align: right;
}