
body#h5ai-info {
	font-family: @font-family;
	margin: 2em auto 4em auto;
	font-size: 20px;
	color: @col;
	max-width: 600px;
	text-align: center;

	a, a:active, a:visited {
		color: @col;
		text-decoration: none;
		.transition(all 0.2s ease-in-out);

		&:hover {
			color: @col-hover;
		}
	}

	.idx-file {
		margin-top: 1em;
		font-size: 0.6em;
		display: block;
		color: #aaa;

	}
	code {
		margin: 0 0.2em;
		padding: 2px 4px;
		border-radius: 4px;
		font-family: @font-family-mono;
		letter-spacing: 0.1em;
		background-color: @col-widget-back;
		border: @border-widget;
	}
	h1 {
		font-size: 3.6em;
		margin: 0;
	}
	h2 {
		font-size: 1.15em;
		margin: 2.6em 0 0 0;
	}
	p {
		line-height: 1.6em;
	}
	p + p {
		margin-top: 1.2em;
	}
	li {
		margin-top: 0.6em;
		line-height: 1.4em;
	}

	#login-wrapper {
		margin: 96px 0;
		font-size: 14px;

		#pass {
			-moz-appearance: none;
			-ms-appearance: none;
			-webkit-appearance: none;
			font-family: @font-family;
			font-weight: @font-weight;
			color: @col;
			background: @col-widget-back-highlight;
			border: @border-widget;
			outline: none;
			display: inline-block;
			width: 200px;
			height: 30px;
			padding: 0 6px;
			margin: 8px;
		}
		#login, #logout {
			display: inline-block;
			padding: 4px 16px;
			margin: 8px;
			background-color: @col-widget-back;
			border: @border-widget;
			cursor: pointer;

			color: @col;
			cursor: pointer;
			text-decoration: none;
			.transition(all 0.2s ease-in-out);

			&:hover, &.hover {
				background-color: @col-widget-back-highlight;
				color: @col-hover;
			}
		}
		#hint {
			margin: 12px auto;
			width: 360px;
			color: @col;
			font-size: 12px;
		}
	}

	#tests-wrapper {
		margin: 96px 0;
	}

	#tests {
		display: inline-block;
		list-style-type: none;
		text-align: left;
		margin: 0;
		padding: 0;

		.test {
			padding: 6px;

			.label {
				display: inline-block;
				width: 250px;
			}
			.result {
				display: inline-block;
				width: 250px;
				text-align: right;
				font-weight: bold;

				&.passed {
					color: #5a5;
				}
				&.failed {
					color: #a55;
				}
			}
			.info {
				margin: 4px 0 12px 12px;
				font-size: 0.7em;
				color: #aaa;
				width: 380px;
				line-height: 1.2em;
			}
		}
	}

	#bottombar {
		font-size: 13px;
	}
}
