跳转到内容
打开/关闭菜单
  • 5 条目
  • 3 文件
  • 13 用户
  • 619 编辑
久远澪Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

InfoBox样式

已从 灰机Wiki复杂模板等来源获取了模板:Infobox

需要在common.js中设置基本的Infobox全局配色,参考久远澪沙盒提出以下配色方案

/* ========== Infobox 统一配色 ========== */
.infobox {
    float: right;
    margin-left: 10px;
    max-width: 20em;
    text-align: center;
    background-color: #F1F8E6;   /* 整体浅绿背景 */
    border: 1px solid #8FBC8F;   /* 可选:添加边框,与头部颜色呼应 */
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.5em;
    clear: right;
    margin-bottom: 1em;
}

/* 顶部标题行(above)和分组标题行(header) */
.infobox .infobox-above,
.infobox .infobox-header {
    background-color: #8FBC8F;   /* 暗绿色背景 */
    color: white;                /* 白色文字 */
    font-weight: bold;
    padding: 0.4em 0.2em;
}

/* 标签单元格 */
.infobox .infobox-label {
    width: 30%;
    font-weight: bold;
    background-color: #e0efd0;   /* 可选:比整体背景稍深的浅绿,突出标签 */
    padding: 0.3em 0.4em;
    text-align: right;
    vertical-align: top;
}

/* 数据单元格 */
.infobox .infobox-data {
    width: 70%;
    padding: 0.3em 0.4em;
    text-align: left;
    vertical-align: top;
}