陋室

Template:Navbox/styles.css：修订间差异

以互动方式浏览历史
←上一编辑

Maintenance script​（留言 | 贡献）

647次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
小 添加样式
Maintenance script​（留言 | 贡献）
647次编辑
移出 infobox 样式
 
（未显示同一用户的1个中间版本）
第13行：
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
width: 100%;
border-collapse: collapse;
}
 
/* Navbox 表格单元格样式 */
.navbox td,
.navbox th {
text-align: center; /* 水平居中 */
vertical-align: middle; /* 垂直居中 */
padding: 4px 8px; /* 调整内边距，使内容不那么拥挤 */
border: none;
}
 
第28行 ⟶ 第31行：
border: none;
border-top: 1px solid #ccc; /* 稍微加深分割线颜色 */
}▼
 
/* ============================= */
/* Infobox 样式优化 */
/* ============================= */
 
.infobox {
max-width: 300px; /* 设置信息框的最大宽度 */
width: 100%; /* 允许其在容器内自适应 */
margin: 0 auto; /* 使 .infobox 居中 */
border: 1px solid #ddd; /* 添加一个轻微的边框 */
border-radius: 8px; /* 让边框变得圆润 */
background-color: #f9f9f9; /* 设置轻微的背景色 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 为 .infobox 添加阴影效果 */
padding: 10px; /* 增加内边距使内容不显得紧凑 */
}
 
/* 限制 Infobox 第一列宽度（约 5 个汉字） */
.infobox td:first-child,
.infobox th:first-child {
width: 12em; /* 增加第一列宽度 */
min-width: 12em; /* 确保不会缩小 */
}
 
第59行 ⟶ 第40行：
.navbox a {
padding: 0 5px; /* 给每个链接添加左右内边距 */
text-decoration: none;
color: #0066cc;
}
 
第64行 ⟶ 第47行：
color: #005bb5; /* 悬停时更改颜色 */
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;
}
}
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/Template:Navbox/styles.css”