模板:首页/中栏/图鉴导航:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第24行: | 第24行: | ||
{{#css: | {{#css: | ||
.ptlist-item-in-cat { | .ptlist-item-in-cat { | ||
box-sizing: border-box; /* 确保padding和border包含在宽度和高度内 */ | |||
position: relative; | |||
z-index: 10; | |||
display: block; | |||
padding-bottom: 0.25rem; /* 根据需要调整padding */ | |||
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: 100%; /* 调整为100%以填满容器 */ | |||
height: 100%; /* 调整为100%以填满容器 */ | |||
position: absolute; | |||
left: 0; /* 调整为0 */ | |||
top: 0; /* 调整为0 */ | |||
transition: border-color 0.3s ease-in-out; /* 添加边框颜色过渡 */ | |||
} | |||
.ptlist-item-in-cat:hover { | |||
background-color: rgba(186,215,0,1); /* 鼠标悬浮时背景颜色变亮 */ | |||
color: #fff; /* 鼠标悬浮时文本颜色变为白色 */ | |||
} | |||
.ptlist-item-in-cat:hover::after { | |||
border-color: #555; /* 鼠标悬浮时边框颜色变亮 */ | |||
} | |||
}} | }} |