模板:InfoPanel/styles.css：修订间差异
来自MUC Wiki
更多操作
Maintenance script（留言 | 贡献） Add MUC Wiki visual modernization templates |
Maintenance script（留言 | 贡献） Refine reusable info panel component styles |
||
| 第1行： | 第1行： | ||
.info-panel { | .info-panel { | ||
border: 1px solid # | margin: 1rem 0; | ||
border-left: 4px solid # | padding: .92rem 1rem; | ||
border-radius: | border: 1px solid #d9e1ec; | ||
border-left: 4px solid #315f9e; | |||
border-radius: 12px; | |||
background: #fff; | background: #fff; | ||
box-shadow: 0 8px 24px rgba(37, 55, 82, .045); | |||
} | |||
.info-panel__title, | |||
.info-panel strong { | |||
display: block; | |||
margin-bottom: .35rem; | |||
color: #172033; | |||
font-weight: 800; | |||
line-height: 1.35; | |||
} | |||
.info-panel__body, | |||
.info-panel div { | |||
color: #536070; | |||
line-height: 1.7; | |||
} | |||
.info-panel--warning, | |||
.info-panel-warning { | |||
border-left-color: #b7791f; | |||
background: #fffaf0; | |||
} | |||
.info-panel--success, | |||
.info-panel-success { | |||
border-left-color: #2f855a; | |||
background: #f0fff4; | |||
} | |||
.info-panel--danger, | |||
.info-panel-danger { | |||
border-left-color: #c53030; | |||
background: #fff5f5; | |||
} | |||
.info-panel--neutral, | |||
.info-panel-neutral, | |||
.info-panel--default { | |||
border-left-color: #315f9e; | |||
} | } | ||