模板:InfoBox/styles.css

.isekai-infobox {
	display: flex;
	align-items: center;
	padding: 0.5em;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	border: 1px solid;
	border-left-width: 0.3em;
	border-radius: 0.25em;
}

.isekai-infobox .isekai-infobox-content {
	padding: 0.5em;
}

.isekai-infobox .isekai-infobox-title {
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

@media (min-width: 851px) {
    .isekai-infobox {
		padding: 0.5em 1em;
    }
}

.isekai-infobox-primary {
    border-color: #03a9f4;
}

.isekai-infobox-primary .isekai-infobox-title,
.isekai-infobox-primary .isekai-infobox-icon {
    color: #03a9f4;
}

.isekai-infobox-warning {
    border-color: #f0ad4e;
}

.isekai-infobox-warning .isekai-infobox-title,
.isekai-infobox-warning .isekai-infobox-icon {
    color: #f0ad4e;
}

.isekai-infobox-danger {
    border-color: #dc3545;
}

.isekai-infobox-danger .isekai-infobox-title,
.isekai-infobox-danger .isekai-infobox-icon {
    color: #dc3545;
}

.isekai-infobox-success {
    border-color: #28a745;
}

.isekai-infobox-success .isekai-infobox-title,
.isekai-infobox-success .isekai-infobox-icon {
    color: #28a745;
}