打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Template:Info/styles.css:修订间差异

模板页面
第1行: 第1行:
.info-stack-container {
.info-stack-container {
     border: 1px solid #AAA;
    max-width: 100%;
     border-left: 4px solid #36c;
    /* 默认边框和背景,可通过内联 style 变量覆盖 */
     background-color: #fff;
     border: 1px solid var(--color-surface-border, #a2a9b1);
     margin: 1em 0;
     border-left-width: 4px;
    border-left-style: solid;
     background-color: var(--color-surface-0, #fff);
    border-radius: 0;
     margin: 8px 0;
     box-sizing: border-box;
     box-sizing: border-box;
     max-width: 100%;
     display: flex;
    flex-direction: column;
}
}


/* 相邻容器边框合并,实现无缝堆叠 */
/* 保留 Info 原有的相邻吸附逻辑 */
.info-stack-container + .info-stack-container {
.info-stack-container + .info-stack-container {
     margin-top: -1px;
     margin-top: -9px;
}
 
.info-stack-header {
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-surface-border, #a2a9b1);
}
}


.info-header {
.info-stack-body {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center; /* 图标与文本默认垂直居中 */
}
}


.info-icon {
.info-stack-icon {
     margin-right: 12px;
     margin-right: 12px;
     flex-shrink: 0;
     flex-shrink: 0;
第24行: 第35行:
}
}


.info-title {
.info-stack-content {
     flex: 1;
     flex: 1;
     min-width: 0;
     min-width: 0; /* 防止长连续文本撑破 Flex 容器 */
}
 
.info-content {
    /* 基础样式由内联控制 */
}
 
.info-body {
    display: flex;
    align-items: flex-start;
}
}

2026年5月25日 (一) 08:02的版本

.info-stack-container {
    max-width: 100%;
    /* 默认边框和背景,可通过内联 style 变量覆盖 */
    border: 1px solid var(--color-surface-border, #a2a9b1);
    border-left-width: 4px;
    border-left-style: solid;
    background-color: var(--color-surface-0, #fff);
    border-radius: 0;
    margin: 8px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* 保留 Info 原有的相邻吸附逻辑 */
.info-stack-container + .info-stack-container {
    margin-top: -9px;
}

.info-stack-header {
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-surface-border, #a2a9b1);
}

.info-stack-body {
    display: flex;
    align-items: center; /* 图标与文本默认垂直居中 */
}

.info-stack-icon {
    margin-right: 12px;
    flex-shrink: 0;
    line-height: 0;
}

.info-stack-content {
    flex: 1;
    min-width: 0; /* 防止长连续文本撑破 Flex 容器 */
}