styles.css

来自异世界百科
< 模板:InfoBox
落雨枫讨论 | 贡献2019年8月18日 (日) 17:21的版本 (再修复一个bug)
.isekai-infobox {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid;
    border-left-width: 0.3rem;
    border-radius: 0.25rem;
}

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

@media (min-width: 851px) {
    .isekai-infobox {
        padding: 1.25rem 2rem;
    }
}

.isekai-infobox-with-icon {
	padding-left: 6em;
}

.isekai-infobox-icon {
	position: absolute;
    left: 3em;
}

.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;
}