Citakan:Tatambaian/style.css

/* For portals, added 2011-12-07 -bv
   On wide screens, show these as two columns
   On narrow and mobile screens, let them collapse into a single column */
.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}

.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: transparent;
	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;
}