“模板:Main page/featured”与“模板:Main page/featured/styles.css”:页面之间的差异

来自NebulaeWiki
(页面间差异)
无编辑摘要
 
无编辑摘要
 
第1行: 第1行:
<div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row3">
#home-featured {
<div class="home-card__background">[[文件:{{Main page/settings|featured-pic}}|x200px|{{Main page/settings|featured}}]]</div>
overflow: hidden;
<div class="home-card__foreground">
}
<div class="home-card__label">精选内容</div>
 
<h3 class="home-card__header">{{Main page/settings|featured}}</h3>
#home-featured .home-card__background a {
</div>
display: block;
</div>
height: 10%;
<templatestyles src="Template:Main page/featured/styles.css"/>
}
<templatestyles src="Template:Main page/shared/styles.css"/>
 
<noinclude>{{/doc}}</noinclude>
#home-featured .home-card__background:after {
position: absolute;
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 100%;
background: linear-gradient( to top, #000, transparent );
border-radius: 0 0 8px 8px;
content: '';
}
 
#home-featured .home-card__foreground {
pointer-events: none;
right: 15px;
bottom: 15px;
left: 15px;
}

2023年9月19日 (二) 14:22的版本

#home-featured {
	overflow: hidden;
}

#home-featured .home-card__background a {
	display: block;
	height: 10%;
}

#home-featured .home-card__background:after {
	position: absolute;
	pointer-events: none;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 100%;
	background: linear-gradient( to top, #000, transparent );
	border-radius: 0 0 8px 8px;
	content: '';
}

#home-featured .home-card__foreground {
	pointer-events: none;
	right: 15px;
	bottom: 15px;
	left: 15px;
}