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

2023年9月18日 (一) 23:49的版本

[[文件:模板:Main page/settings|700px|link=模板:Main page/settings]]

精选内容

Template documentation[view][edit][history][purge]

This documentation is transcluded from 模板:Main page/featured/doc. Changes can be proposed in the talk page.

This template is used on the main page. It is the featured article card in the content section. You can update the content by editing the main page settings.

@@ 第1行： / 第1行： @@
-.mbox {
+<!--
-	position: relative;
+--><div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row3">
-	display: flex;
+<div class="home-card__background">[[文件:{{Main page/settings|featured-图像}}|700px|link={{Main page/settings|featured}}]]</div>
-	flex-direction: column;
+<div class="home-card__foreground">
-	margin-top: 0.4rem;
+<div class="home-card__label">精选内容</div>
-	margin-bottom: 0.8rem;
+<h3 class="home-card__header">{{Main page/settings|featured}}</h3>
-	background-color: var( --color-surface-2 );
+</div>
-	border-radius: var( --border-radius--medium );
+</div><templatestyles src="Template:Main page/featured/styles.css"/><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
-	color: var( --color-base--subtle );
-	font-size: 0.875rem;
-}
-.mbox.mbox-high {
-	background-color: var( --background-color-destructive );
-}
-.mbox.mbox-med {
-	background-color: var( --background-color-warning );
-}
-.mbox-title {
-	display: flex;
-	align-items: center;
-	padding: 10px 15px;
-	font-weight: 500;
-}
-.mbox-icon img {
-	width: 14px;
-	height: auto;
-	margin-right: 10px;
-	opacity: 0.5;
-}
-.mbox-text {
-	position: absolute;
-	z-index: 10;
-	padding: 15px 20px;
-	width: calc(100% - 40px);
-	background-color: var( --color-surface-2 );
-	border-radius: var( --border-radius--medium );
-	box-shadow: var( --box-shadow-dialog );
-	opacity: 0;
-	transition: opacity 0.2s ease, box-shadow 0.2s ease;
-	visibility: hidden;
-}
-.mbox:hover .mbox-text {
-	opacity: 1;
-	visibility: visible;
-}
-.mbox-high .mbox-text {
-	background-color: var( --background-color-destructive );
-}
-.mbox-med .mbox-text {
-	background-color: var( --background-color-warning );
-}
-.mbox-需要翻译{
-    background-color: #ffcc3382;
-    color: rgba(0,0,0,0.8);
-    border-radius: var(--border-radius--medium);
-}
-/* Dark mode */
-html.skin-citizen-dark .mbox-icon img {
-	filter: invert( 1 );
-}
-/* Readability fixes */
-html.skin-citizen-dark .mbox {
-	color: var( --color-base--emphasized );
-}