模板:首页/中栏/图鉴导航:修订间差异

无编辑摘要
无编辑摘要
第24行: 第24行:


{{#css:
{{#css:
.ptlist-item-in-cat {
  .ptlist-item-in-cat {
  position: relative;
    box-sizing: border-box; /* 确保padding和border包含在宽度和高度内 */
  z-index: 10;
    position: relative;
  box-sizing: content-box;
    z-index: 10;
  display: block;
    display: block;
  padding-bottom: 0.25rem;
    padding-bottom: 0.25rem; /* 根据需要调整padding */
  background-color: #1a1a1a; /* 暗黑色背景 */
    background-color: #1a1a1a; /* 暗黑色背景 */
  color: #ccc; /* 浅灰色文本 */
    color: #ccc; /* 浅灰色文本 */
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* 添加平滑过渡效果 */
    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; /* 鼠标悬浮时边框颜色变亮 */
  }
 


.ptlist-item-in-cat::after {
  content: '';
  width: 90%;
  height: 90%;
  position: absolute;
  left: 5%;
  top: 5%;
  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; /* 保持高度自适应 */
}
}}
}}

2024年6月3日 (一) 00:11的版本

首页-导航图标-代理人图鉴.png
首页-导航图标-邦布图鉴.png
首页-导航图标-代理人图鉴.png
首页-导航图标-代理人图鉴.png