Template:Main Page Infoblocks/Styles.css

/* [[Category:Template Styles]] */

.infoblock-container {
	margin-top: 3em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.infoblock {
	display: grid;
	grid-template-columns: 1fr auto;
	background-color: rgba(0,0,0,0.2);
	border-radius: 0.5rem;
	flex-basis: calc(50% - 4em);
	flex-grow: 1;
	margin: 0.5rem;
	padding: 1.5rem;
	text-align: left;
}

.infoblock-header {
	font-size: 2.5rem;
	font-weight: 800;
	grid-column: 1/-1;
	letter-spacing: 1px;
	line-height: 1em;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
	text-transform: uppercase;
}

.infoblock-title {
	display: flex;
	column-gap: 0.25rem;
	align-items: center;

	font-weight: 900;
	font-size: 1.25rem;
	grid-row: 2;
}

.otd-refresh-button {
	font-size: 0.875rem;
	font-weight: normal;
}

.infoblock-content {
	grid-row: 3;
}

.infoblock-image {
	grid-row: 2/4;
	grid-column: 2;
}

#NIWA-nav {
	display: block;
	text-align: center;
}

#NIWA-nav .cell {
	background-color: #17456e;
}