MediaWiki:Common.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的4个中间版本） | |||
| 第87行： | 第87行： | ||
/* 定义一个用于缩略图的CSS类 */ | /* 定义一个用于缩略图的CSS类 */ | ||
.thumb-220px { | .thumb-220px { | ||
width: 220px; | width: 220px; /* 固定宽度 */ | ||
height: auto; /* | height: auto; /* 自动调整高度以保持纵横比 */ | ||
display: block; /* 确保图片是块级元素 */ | display: block; /* 确保图片是块级元素 */ | ||
margin: auto; /* 居中显示 */ | margin: auto; /* 居中显示 */ | ||
margin-bottom: 10px; /* 增加底部间距 */ | |||
} | |||
.novel-list { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
} | |||
.novel-item { | |||
background-color: #f9f9f9; | |||
border: 1px solid #ddd; | |||
padding: 10px; | |||
border-radius: 5px; | |||
width: calc(20% - 8px); /* Adjust the percentage for different column counts */ | |||
text-align: center; | |||
transition: transform 0.3s ease, box-shadow 0.3s ease; | |||
} | |||
.novel-item:hover { | |||
transform: translateY(-5px); | |||
box-shadow: 0 4px 15px rgba(0,0,0,0.1); | |||
} | |||
.novel-item a { | |||
text-decoration: none; | |||
color: #333; | |||
font-size: 16px; | |||
font-weight: bold; | |||
} | |||
.novel-item a:hover { | |||
color: #06c; | |||
} | } | ||