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

来自NebulaeWiki
(页面间差异)
(创建页面,内容为“<!-- --><div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row3"> <div class="home-card__background">[[File:{{Main page/settings|featured-图像}}|x200px|link={{Main page/settings|featured}}]]</div> <div class="home-card__foreground"> <div class="home-card__label">精选内容</div> <h3 class="home-card__header">{{Main page/settings|featured}}</h3> </div> </div><templatestyles src="Template:Main page/featured/styles.css"/><noi…”)
 
(创建页面,内容为“#home-featured { overflow: hidden; } #home-featured .home-card__background a { display: block; height: 100%; } #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: 15p…”)
 
第1行: 第1行:
<!--
#home-featured {
--><div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row3">
overflow: hidden;
<div class="home-card__background">[[File:{{Main page/settings|featured-图像}}|x200px|link={{Main page/settings|featured}}]]</div>
}
<div class="home-card__foreground">
 
<div class="home-card__label">精选内容</div>
#home-featured .home-card__background a {
<h3 class="home-card__header">{{Main page/settings|featured}}</h3>
display: block;
</div>
height: 100%;
</div><templatestyles src="Template:Main page/featured/styles.css"/><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/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月18日 (一) 23:20的版本

#home-featured {
	overflow: hidden;
}

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

#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;
}