模板:首页/中栏/图鉴导航:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第22行: | 第22行: | ||
--></div> | --></div> | ||
</div> | </div> | ||
{{#css: | |||
.ptlist-item-in-cat { | |||
position: relative; | |||
z-index: 10; | |||
box-sizing: content-box; | |||
display: block; | |||
padding-bottom: 0.25rem; | |||
background-color: #1a1a1a; /* 暗黑色背景 */ | |||
color: #ccc; /* 浅灰色文本 */ | |||
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* 添加平滑过渡效果 */ | |||
} | |||
.ptlist-item-in-cat::after { | |||
content: ''; | |||
width: 90%; | |||
height: 90%; | |||
position: absolute; | |||
left: 5%; | |||
top: 5%; | |||
border: 1px solid #333; /* 暗灰色边框 */ | |||
transition: border-color 0.3s ease-in-out; /* 添加边框颜色过渡 */ | |||
} | |||
.ptlist-item-in-cat:hover { | |||
background-color: #333; /* 鼠标悬浮时背景颜色变暗 */ | |||
color: #fff; /* 鼠标悬浮时文本颜色变为白色 */ | |||
} | |||
.ptlist-item-in-cat:hover::after { | |||
border-color: #555; /* 鼠标悬浮时边框颜色变亮 */ | |||
} | |||
.ptlist-item-in-cat { | |||
height: auto; /* 保持高度自适应 */ | |||
} | |||
}} |