Template:Portal list item/styles.css

/**
 * For [[Template:Portal_list_item]], [[Template:Portal_list_item_noimage]] and wrapper
 * (mobile first responsive layout)
 */
.mw-tpl-portal-list {
	border-top:1px solid #a7d7f9;
}
.mw-tpl-portal-list-caption {
	font-weight:bold;
	text-align:center;
}
.mw-tpl-portal {
	border-bottom:1px solid #a7d7f9;
}
.mw-tpl-portal-image,
.mw-tpl-portal-name {
	font-size:160%;
	padding: 0.5em 0;
	text-align:center;
}
.mw-tpl-portal-name {
	vertical-align:middle;
}
.mw-tpl-portal-description {
	vertical-align: middle;
	padding: 0.5em;
}
@media only screen and (min-width: 768px) {
	.mw-tpl-portal-list {
		display:table;
		margin:0 auto;
	}
	.mw-tpl-portal-list-caption {
		display:table-caption;
	}
	.mw-tpl-portal {
		display:table-row;
		border-bottom:none;
	}
	.mw-tpl-portal-image,
    .mw-tpl-portal-description,
    .mw-tpl-portal-name {
		border-bottom:1px solid #a7d7f9;
		display:table-cell;
		width:25%;
	}
	.mw-tpl-portal-description {
		width:75%;
	}
}