模板: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; | |||
} | } | ||
2026年6月4日 (四) 03:42的最新版本
.info-panel {
margin: 1rem 0;
padding: .92rem 1rem;
border: 1px solid #d9e1ec;
border-left: 4px solid #315f9e;
border-radius: 12px;
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;
}