Bản mẫu:Wiki2021/Các lĩnh vực/styles.css

/* .field-box-item */
.field-box-item {
	display: flex;
    align-content: center;
    margin-bottom: 0.75em;
}

/** .field-box-item modifier **/
.field-box-item.-natural-science .field-box-item__icon {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/7/79/OOjs_UI_icon_chem-progressive.svg);
}

.field-box-item.-social-science .field-box-item__icon {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/9/94/OOjs_UI_icon_graph-progressive.svg);
}

.field-box-item.-technology .field-box-item__icon {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/b/ba/OOjs_UI_icon_advanced-progressive.svg);
}

.field-box-item.-culture .field-box-item__icon {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/2/2e/OOjs_UI_icon_score-progressive.svg);
}

.field-box-item:last-child,
.field-box-item:last-child .field-box-item__info {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* .field-box-item__icon */
.field-box-item__icon {
    margin-right: 0.75em;
    padding: 1.75em;
    background-size: 2.5rem;
	background-repeat: no-repeat;
    background-position: center;
}

/* .field-box-item__info */
.field-box-item__info {
    flex: 1;
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #e0e0e0;
}

.field-box-item__title {
    font-weight: bold;
    font-size: 1.1em;
}