Sablon:Kezdőlap/style.css

/* [[Kezdőlap]] */
.mainpage-content {
	border-collapse: separate;
	border-spacing: 0 5px;
	width: 100%;
}
.mainpage-cell-1,
.mainpage-cell-2,
.mainpage-cell-3,
.mainpage-cell-4,
.mainpage-cell-5 {
	border: solid 1px;
	vertical-align: top;
}
.mainpage-cell-1,
.mainpage-cell-3 {
	width: 60%;
}
.mainpage-cell-2,
.mainpage-cell-4 {
	width: 40%;
}
.mainpage-cell-1 {
	border-color: #0099ff;
}
.mainpage-cell-2 {
	border-color: #cc0000;
}
.mainpage-cell-3 {
	border-color: #cc9900;
}
.mainpage-cell-4 {
	border-color: #339966;
}
.mainpage-cell-5 {
	border-color: #999999;
}
.mainpage-content-spacer {
	border: 1px solid transparent;
}
.mainpage-content .potd {
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 719px) {
	.mainpage-content,
	.mainpage-content > tbody,
	.mainpage-content > tbody > tr,
	.mainpage-content > tbody > tr > td {
		display: block;
		width: auto;
	}
	.mainpage-content > tbody > tr > td {
		margin: 4px 0;
	}
	.mainpage-content > tbody > tr > td.mainpage-content-spacer {
		display: none;
	}
}

/* [[Sablon:Kezdőlap üdvözlet]] */
.mainpage-welcome {
	width: 100%;
	margin: 0;
	border: 1px solid #a7d7f9;
	background-color: #fafafa;
	vertical-align: top;
	color: #000;
	padding: 5px;
	border-collapse: separate;
	border-spacing: 5px;
}
.mainpage-welcome .welcometext {
	width: 30em;
	max-width: 50%;
	text-align: left;
	vertical-align: top;
	padding-left: 8px;
}
.mainpage-welcome .welcome-title {
	font-size: 160%;
	font-weight: bold;
	line-height: normal;
}
.mainpage-welcome .buttonBar {
	margin-top: 9px;
}
@media screen and (max-width: 719px) {
	.mainpage-welcome,
	.mainpage-welcome > tbody,
	.mainpage-welcome > tbody > tr,
	.mainpage-welcome > tbody > tr > td,
	.mainpage-welcome > tbody > tr > td.welcometext {
		display: block;
		width: auto;
		max-width: none;
	}
}

/* [[Sablon:Kezdőlap portálok]] */
.mainpage-portals {
	width: 452px;
	margin: 9px 0 0 auto;
	border: 1px solid #a7d7f9;
	background-color: #f6f6f6;
	vertical-align: top;
	padding: 0 5px;
	font-size: 95%;
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	*/
}
.mainpage-portals td {
	width: 20%;
}

/* [[Sablon:Kezdőlap rovat]] */
.mainpage-topic {
	padding: .5em;
	text-align: left;
	background: transparent;
}
/* If the topic has an icon */
.mainpage-topic > table {
	width: 100%;
}
.mainpage-topic-title {
	padding: 2px;
	padding-left: 8px;
	background: transparent;
	border-bottom: solid 4px;
	font-size: 16px;
}
.mainpage-topic-logo {
	width: 32px;
	vertical-align: middle;
	background: transparent;
}
.mainpage-topic-body {
	padding: 5px;
	background: transparent;
}

/* [[Sablon:Kezdőlap társlapok]] */
.mainpage-sisterprojects {
	text-align: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
	column-width: 15em; /* fallback for IE */
}
.mainpage-sisterprojects table {
	min-height: 4.5em;
	display: inline-table; /* for IE */
}
.mainpage-sisterprojects table td:first-child {
	width: 55px;
	text-align: center;
}
.mainpage-sisterprojects .project-name {
	font-weight: bold;
}
.mainpage-sisterprojects .motto {
	font-size: 90%;
}