模板:线路标志/style.css

/* 1. 标志的整体容器 */
.line-marker {
    display: inline-flex;    /* 开启弹性盒，让方块和文字垂直居中 */
    align-items: center;
    vertical-align: top;     /* 消除行内元素的基线空白 */
    margin: 2px 10px 2px 0;  /* 控制每个标志的间距：上下 2px，右侧 10px */
    white-space: nowrap;     /* 保证色块和文字永远在一起，不折行 */
}

/* 2. 纯 CSS 绘制的色块 */
.line-marker-box {
    display: inline-block;
    width: 14px;             /* 方块宽度 */
    height: 14px;            /* 方块高度 */
    margin-right: 6px;       /* 方块与文字的间距 */
    flex-shrink: 0;          /* 防止方块被挤压 */
    border-radius: 1px;      /* 轻微圆角更精致 */
}

/* 3. 文字样式 */
.line-marker-text {
    font-size: 14px;
    font-weight: 600;        /* 稍微加粗，更接近交通标志 */
    line-height: 1.2;
}

/* 4. 强制修复 Infobox 单元格内的莫名空行 */
/* MediaWiki 经常会在 td 里生成多余的 p 标签，直接干掉它的外边距 */
.infobox-data td p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline; 
}