Template:Featured box/styles.css: Difference between revisions

Revision as of 09:56, 14 May 2026

.featured-box {
	width: 100%;
	max-width: 820px;
	margin: 0.5em 0;
	border: 1px solid #a2a9b1;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

.featured-box-title {
	padding: 0.5em 0.75em;
	font-size: 110%;
	font-weight: bold;
	background: #eaecf0;
	border-bottom: 1px solid #a2a9b1;
}

.featured-box-body {
	display: flex;
	gap: 0.8em;
	padding: 0.8em;
	font-size: 105%;
	align-items: flex-start;
}

.featured-box-image {
	flex: 0 0 auto;
	max-width: 170px;
}

.featured-box-image img {
	border-radius: 6px;
}

.featured-box-text {
	flex: 1 1 auto;
	min-width: 0;
}

.featured-box-page-title {
	font-size: 110%;
	margin-bottom: 0.35em;
}

.featured-box-lead {
	line-height: 1.5;
}

.featured-box-open {
	margin-top: 0.6em;
}

@@ Line 27: / Line 27: @@
 .featured-box-image {
 	flex: 0 0 auto;
-	max-width: 160px;
+	max-width: 170px;
 }
@@ Line 39: / Line 39: @@
 }
-.featured-box-headline {
+.featured-box-page-title {
-	margin-top: 0.35em;
+	font-size: 110%;
+	margin-bottom: 0.35em;
 }
-.featured-box-actions {
+.featured-box-lead {
-	margin-top: 0.75em;
+	line-height: 1.5;
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0.4em;
 }
-.featured-box-actions a {
+.featured-box-open {
-	display: inline-block;
+	margin-top: 0.6em;
-	padding: 0.25em 0.55em;
-	border: 1px solid #a2a9b1;
-	border-radius: 6px;
-	background: #f8f9fa;
-	text-decoration: none;
-}
-.featured-box-actions a:hover {
-	background: #eaecf0;
 }