< 模板:首页
（创建页面，内容为“<div id="home-nav" class="home-grid" role="navigation"> <div class="home-card home-card--button" id="home-nav-jizhi"> <div class="home-card__background">300px|link=机制</div> <div class="home-card__foreground">机制</div> </div> <div class="home-card home-card--button" id="home-nav-shoucang"> <div class="home-card__background">300px|link=收藏</div> <div class="home-card__foreground">收藏</div…”） |
（擅自决定用这个方法，不妥请回退） |
||
| 第23行： | 第23行： | ||
<templatestyles src="Template:首页/nav/styles.css"/> | <templatestyles src="Template:首页/nav/styles.css"/> | ||
<templatestyles src="Template:首页/shared/styles.css"/> | <templatestyles src="Template:首页/shared/styles.css"/> | ||
{{#css:#home-nav { | |||
margin-top: 0.8rem; | |||
} | |||
#home-nav .home-card__background:after { | |||
position: absolute; | |||
pointer-events: none; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
display: block; | |||
background: linear-gradient(to right,#000,transparent); | |||
content: ""; | |||
} | |||
#home-nav .home-card__foreground { | |||
pointer-events: none; | |||
height: 100%; | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
padding: 0 15px; | |||
color: #fff; | |||
font-weight: 500; | |||
} | |||
}} | |||
2024年5月2日 (四) 04:43的版本
机制
收藏
曲目列表
成就列表
所有条目