Template:Main Page/styles.css

/* Welcome page */

.welcome {
	border: 1px solid #ab8d30;
	border-radius: 20px;
	padding: 5px;
	overflow: auto;
}
.welcome-left > div,
.welcome-right > div {
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 15px;
}
.welcome-left > div {
	background: #f8f6ef;
	clear: left;
}
.welcome-right > div {
	background: #f6f6f6;
}
.welcome-portals {
	text-align: center;
}
.welcome-left > .welcome-feature {
	display: flow-root;
	position: relative;
	padding-bottom: 20px;
}
.welcome-feature-more {
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.welcome h2 {
	padding: 5px 5px 5px 20px;
	margin: 0 0 5px 0;
	border-radius: 10px 0 0 5px;
	font-size: 20px;
	background: linear-gradient(to right, #a98b2e, transparent);
	max-width: 350px;
}
@media screen and (min-width: 900px) {
	.welcome-right {
		float: right;
		width: 350px;
	}
	.welcome-left {
		padding-right: 5px;
		margin-right: 350px;
	}
	.welcome-left > div:last-child,
	.welcome-right > div:last-child {
		margin-bottom: 0;
	}
	.welcome-portals ul {
		line-height: inherit;
		list-style: none none;
		margin: 0;
	}
	.welcome-portals li {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 900px) {
	.welcome-left,
	.welcome-right {
		width: 100%;
	}
	.welcome-left > div:last-child {
		margin-bottom: 0;
	}
	.welcome-portals ul {
		margin: 0;
		padding: 0;
	}
	.welcome-portals li {
		margin: 0;
		display: inline;
	}
}