Sablon:main/style.css

.main-page-welcome {
	font-size: x-large;
	text-align: center;
	background-color: #dde4ee;
	border-bottom: thin solid black;
	padding: 10px;
}

.main-page-header {
	position: relative;
	overflow: hidden;
	text-align: right;
	font-size: large;
}

.main-page-header-background {
	position: absolute;
	top: 0;
	left: 0;
}

/*
	MobileFrontend sets all images to be at most 100% to avoid overflow.
	But overflow is not a problem here, as this image is purely decorational,
	and any ovewflow is hidden, so there is no horizontal scrollbar.
*/
.main-page-header-background a > img {
	max-width: none !important;
}

.main-page-content {
	width: 100%;
	background-color: #dde4ee;
	border: thin black;
	border-style: solid none;
	border-collapse: collapse;
}
.main-page-content td {
	width: 50%;
	vertical-align: top;
	padding: 6px;
}
.main-page-content input {
	max-width: 50vw;
}
@media screen and (max-width: 719px) {
	.main-page-content,
	.main-page-content > tbody,
	.main-page-content > tbody > tr,
	.main-page-content > tbody > tr > td {
		display: block;
		width: auto;
	}
	.main-page-content input {
		max-width: 100%;
	}
}

.center {
	text-align: center;
}