模板:Infobox/styles.css:修订间差异

来自Gunm Wiki
Batsd留言 | 贡献
创建页面,内容为“.infobox-container { float: right; clear: right; margin-left: 1em; margin-bottom: 0.5em; max-width: 30em; width: 100%; } @media screen and (max-width: 720px) { .infobox-container { float: none; width: 100%; margin-left: 0; } }”
 
Batsd留言 | 贡献
无编辑摘要
第1行: 第1行:
/* 信息框容器:默认右浮动 */
.infobox-container {
.infobox-container {
     float: right;
     float: right;
第7行: 第8行:
     width: 100%;
     width: 100%;
}
}
/* 窄屏下取消浮动,占据全宽 */
@media screen and (max-width: 720px) {
@media screen and (max-width: 720px) {
     .infobox-container {
     .infobox-container {
第13行: 第16行:
         margin-left: 0;
         margin-left: 0;
     }
     }
}
/* 可选:统一表格基础样式(可覆盖模板中的内联样式) */
.infobox-table {
    width: 100%;
    font-size: 90%;
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    color: black;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 0;
}
.infobox-table th,
.infobox-table td {
    padding: 6px; /* 恢复单元格内边距 */
}
.infobox-table .title-row {
    text-align: center;
    background-color: #ccccff;
    font-size: larger;
    padding: 8px 6px;
}
.infobox-table .image-cell {
    text-align: center;
    padding: 6px;
}
.infobox-table .label-cell {
    background: #e8e8e8;
    width: 30%;
    padding: 6px;
}
.infobox-table .value-cell {
    padding: 6px;
}
}

2026年8月8日 (六) 22:09的版本

/* 信息框容器:默认右浮动 */
.infobox-container {
    float: right;
    clear: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    max-width: 30em;
    width: 100%;
}

/* 窄屏下取消浮动,占据全宽 */
@media screen and (max-width: 720px) {
    .infobox-container {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}

/* 可选:统一表格基础样式(可覆盖模板中的内联样式) */
.infobox-table {
    width: 100%;
    font-size: 90%;
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    color: black;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 0;
}
.infobox-table th,
.infobox-table td {
    padding: 6px; /* 恢复单元格内边距 */
}
.infobox-table .title-row {
    text-align: center;
    background-color: #ccccff;
    font-size: larger;
    padding: 8px 6px;
}
.infobox-table .image-cell {
    text-align: center;
    padding: 6px;
}
.infobox-table .label-cell {
    background: #e8e8e8;
    width: 30%;
    padding: 6px;
}
.infobox-table .value-cell {
    padding: 6px;
}