打开/关闭菜单
切换首选项菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

模板:InfoBox/styles.css:修订间差异

来自异世界百科
删除的内容 添加的内容
落雨枫留言 | 贡献
修复一个bug
落雨枫留言 | 贡献
无编辑摘要
 
(未显示同一用户的3个中间版本)
第1行: 第1行:
.isekai-infobox {
.isekai-infobox {
display: flex;
padding: 1.25rem;
align-items: center;
margin-top: 1.25rem;
padding: 0.5em;
margin-bottom: 1.25rem;
margin-top: 1.25em;
border: 1px solid;
margin-bottom: 1.25em;
border-left-width: 0.3rem;
border-radius: 0.25rem;
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 {
.isekai-infobox .isekai-infobox-title {
font-size: 1.25em;
font-size: 1.25em;
margin-top: 0;
margin-top: 0;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}


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

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

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



2020年1月28日 (二) 19:10的最新版本

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