模板:Navbox/styles.css:修订间差异
来自陋室
更多操作
删除的内容 添加的内容
小 添加样式 |
Maintenance script(留言 | 贡献) 合并 Common.css 中的 navbox 样式 |
||
| 第13行: | 第13行: | ||
justify-content: center; /* 水平居中 */ |
justify-content: center; /* 水平居中 */ |
||
align-items: center; /* 垂直居中 */ |
align-items: center; /* 垂直居中 */ |
||
width: 100%; |
|||
border-collapse: collapse; |
|||
} |
} |
||
/* Navbox 表格单元格样式 */ |
/* Navbox 表格单元格样式 */ |
||
.navbox td, |
.navbox td, |
||
.navbox th { |
.navbox th { |
||
text-align: center; /* 水平居中 */ |
text-align: center; /* 水平居中 */ |
||
vertical-align: middle; /* 垂直居中 */ |
vertical-align: middle; /* 垂直居中 */ |
||
padding: 4px 8px; /* 调整内边距,使内容不那么拥挤 */ |
padding: 4px 8px; /* 调整内边距,使内容不那么拥挤 */ |
||
border: none; |
|||
} |
} |
||
| 第46行: | 第49行: | ||
/* 限制 Infobox 第一列宽度(约 5 个汉字) */ |
/* 限制 Infobox 第一列宽度(约 5 个汉字) */ |
||
.infobox td:first-child, |
.infobox td:first-child, |
||
.infobox th:first-child { |
.infobox th:first-child { |
||
width: 12em; /* 增加第一列宽度 */ |
width: 12em; /* 增加第一列宽度 */ |
||
| 第59行: | 第62行: | ||
.navbox a { |
.navbox a { |
||
padding: 0 5px; /* 给每个链接添加左右内边距 */ |
padding: 0 5px; /* 给每个链接添加左右内边距 */ |
||
text-decoration: none; |
|||
color: #0066cc; |
|||
} |
} |
||
| 第64行: | 第69行: | ||
color: #005bb5; /* 悬停时更改颜色 */ |
color: #005bb5; /* 悬停时更改颜色 */ |
||
text-decoration: underline; /* 添加下划线效果 */ |
text-decoration: underline; /* 添加下划线效果 */ |
||
} |
|||
/* 响应式优化 */ |
|||
@media (max-width: 480px) { |
|||
.navbox { |
|||
font-size: 14px; |
|||
} |
|||
.navbox td, |
|||
.navbox th { |
|||
padding: 6px 8px; |
|||
display: block; |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
} |
} |
||