Template:Article thumbnail/styles.css - Revision history

Wikilah admin at 12:36, 4 January 2026

2026-01-04T12:36:47Z

← Older revision		Revision as of 20:36, 4 January 2026
Line 38:		Line 38:
	.article-thumb__caption {		.article-thumb__caption {
	margin: 0px;		margin: 0px;
	line-height: ~~0.5~~;		line-height: 1;
	font-weight: bold;		font-weight: bold;
	}		}
Line 45:		Line 45:
	.article-thumb__caption a {		.article-thumb__caption a {
	font-size: 0.85em !important;		font-size: 0.85em !important;
	color: #202122 !important;		/* color: #202122 !important;
	text-decoration: none;		text-decoration: none;*/
	}		}

Line 54:		Line 54:
	font-size: 0.85em !important;		font-size: 0.85em !important;
	font-weight: normal;		font-weight: normal;
	line-height: ~~0.5~~;		line-height: 1;
	display: block;		display: block;
	}		}

Wikilah admin at 12:35, 4 January 2026

2026-01-04T12:35:25Z

← Older revision		Revision as of 20:35, 4 January 2026
Line 38:		Line 38:
	.article-thumb__caption {		.article-thumb__caption {
	margin: 0px;		margin: 0px;
	line-height: 1;		line-height: 0.5;
	font-weight: bold;		font-weight: bold;
	}		}
Line 54:		Line 54:
	font-size: 0.85em !important;		font-size: 0.85em !important;
	font-weight: normal;		font-weight: normal;
	line-height: 1;		line-height: 0.5;
	display: block;		display: block;
	}		}

Wikilah admin at 12:32, 4 January 2026

2026-01-04T12:32:12Z

← Older revision		Revision as of 20:32, 4 January 2026
Line 2:		Line 2:
	.article-thumb {		.article-thumb {
	vertical-align: top;		vertical-align: top;
	width: ~~180px~~;		width: 150px;
	/* Increase the second value (40px) to add more space to the right */		/* Increase the second value (40px) to add more space to the right */
	padding: 0px ~~30px~~ ~~30px~~ 0px;		padding: 0px 20px 20px 0px;
	background: transparent !important;		background: transparent !important;
	border: 0;		border: 0;
Line 18:		Line 18:
	.article-thumb__imgwrap {		.article-thumb__imgwrap {
	width: 100%;		width: 100%;
	height: ~~150px~~;		height: 130px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
Line 54:		Line 54:
	font-size: 0.85em !important;		font-size: 0.85em !important;
	font-weight: normal;		font-weight: normal;
	line-height: 1.4;		line-height: 1;
	display: block;		display: block;
	}		}

Wikilah admin at 07:41, 4 January 2026

2026-01-04T07:41:42Z

← Older revision		Revision as of 15:41, 4 January 2026
Line 2:		Line 2:
	.article-thumb {		.article-thumb {
	vertical-align: top;		vertical-align: top;
	width: ~~150px~~;		width: 180px;
	/* Increase the second value (40px) to add more space to the right */		/* Increase the second value (40px) to add more space to the right */
	padding: 0px ~~40px~~ ~~25px~~ 0px;		padding: 0px 30px 30px 0px;
	background: transparent !important;		background: transparent !important;
	border: 0;		border: 0;
Line 23:		Line 23:
	justify-content: flex-start;		justify-content: flex-start;
	overflow: hidden;		overflow: hidden;
	margin-bottom: ~~8px~~;		margin-bottom: 0px;
	}		}

Line 38:		Line 38:
	.article-thumb__caption {		.article-thumb__caption {
	margin: 0px;		margin: 0px;
	line-height: 1.4;		line-height: 1;
	font-weight: bold;		font-weight: bold;
	}		}

Wikilah admin at 07:39, 4 January 2026

2026-01-04T07:39:32Z

← Older revision		Revision as of 15:39, 4 January 2026
Line 3:		Line 3:
	vertical-align: top;		vertical-align: top;
	width: 150px;		width: 150px;
			/* Increase the second value (40px) to add more space to the right */
	padding: 0px 40px ~~20px~~ 0px;		padding: 0px 40px 25px 0px;
	background: ~~#FFFFFF~~;		background: transparent !important;
	border: 0;		border: 0;
	box-sizing: border-box;		box-sizing: border-box;
Line 17:		Line 18:
	.article-thumb__imgwrap {		.article-thumb__imgwrap {
	width: 100%;		width: 100%;
	height: ~~160px~~;		height: 150px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: ~~center~~; ~~/* Image stays centered in its 150px box */~~		justify-content: flex-start;
	overflow: hidden;		overflow: hidden;
			margin-bottom: 8px;
	}		}

	.article-thumb__imgwrap ~~.mw-file-element~~,		.article-thumb__imgwrap img,
	.article-thumb__imgwrap ~~img~~ {		.article-thumb__imgwrap .mw-file-element {
	display: block;		display: block;
	max-width: 100%;		max-width: 100%;
Line 33:		Line 35:
	}		}

			/* Page Title / Caption */
	.article-thumb__caption {		.article-thumb__caption {
	margin: ~~0px 0px 0px~~ 0px;		margin: 0px;
	~~font~~-~~size~~: 0.~~85em !important~~;		line-height: 1.4;
⚫	line-height: 1;
	font-weight: bold;		font-weight: bold;
	}		}

			/* Direct link targeting to force 0.85em on mobile */
			.article-thumb__caption a {
			font-size: 0.85em !important;
			color: #202122 !important;
			text-decoration: none;
			}

			/* Subtitle and Description */
	.article-thumb__text {		.article-thumb__text {
	color: #202122;		color: #202122;
			font-size: 0.85em !important;
	font-weight: normal;		font-weight: normal;
		⚫	line-height: 1.4;
			display: block;
	}		}

Wikilah admin at 07:37, 4 January 2026

2026-01-04T07:37:36Z

← Older revision		Revision as of 15:37, 4 January 2026
Line 3:		Line 3:
	vertical-align: top;		vertical-align: top;
	width: 150px;		width: 150px;
	padding: 0px ~~20px~~ 20px 0px;		padding: 0px 40px 20px 0px;
	background: #FFFFFF;		background: #FFFFFF;
	border: 0;		border: 0;

Wikilah admin at 07:33, 4 January 2026

2026-01-04T07:33:26Z

← Older revision		Revision as of 15:33, 4 January 2026
Line 3:		Line 3:
	vertical-align: top;		vertical-align: top;
	width: 150px;		width: 150px;
	padding: 0px ~~0px~~ 20px 0px;		padding: 0px 20px 20px 0px;
	background: #FFFFFF;		background: #FFFFFF;
	border: 0;		border: 0;
Line 35:		Line 35:
	.article-thumb__caption {		.article-thumb__caption {
	margin: 0px 0px 0px 0px;		margin: 0px 0px 0px 0px;
	font-size: 0.85em;		font-size: 0.85em !important;
	line-height: 1;		line-height: 1;
	font-weight: bold;		font-weight: bold;

Wikilah admin at 07:27, 4 January 2026

2026-01-04T07:27:41Z

← Older revision		Revision as of 15:27, 4 January 2026
Line 34:		Line 34:

	.article-thumb__caption {		.article-thumb__caption {
	margin: 0px ~~5px~~ 0px ~~5px~~;		margin: 0px 0px 0px 0px;
	font-size: 0.85em;		font-size: 0.85em;
	line-height: 1~~.35~~;		line-height: 1;
			font-weight: bold;
	}		}

Wikilah admin at 07:24, 4 January 2026

2026-01-04T07:24:08Z

← Older revision		Revision as of 15:24, 4 January 2026
Line 1:		Line 1:
			/* Base card style */
	/* Unified look for all article thumbnails */
	.article-thumb {		.article-thumb {
	vertical-align: top;		vertical-align: top;
	width: 150px; ~~/* exact width for all cards */~~		width: 150px;
	padding: 0px 0px 20px 0px;		padding: 0px 0px 20px 0px;
	background: #FFFFFF; ~~/* same background everywhere */~~		background: #FFFFFF;
	border: 0; ~~/* no border */~~		border: 0;
	box-sizing: border-box;		box-sizing: border-box;
	display: inline-block;		display: inline-block;
⚫	text-align: center;
	}		}

			/* Alignment Modifier Classes */
		⚫	.article-thumb--align-center { text-align: center; }
			.article-thumb--align-left { text-align: left; }
			.article-thumb--align-right { text-align: right; }

	.article-thumb__imgwrap {		.article-thumb__imgwrap {
	width: 100%;		width: 100%;
	height: 160px; ~~/* exact height so rows align */~~		height: 160px;
	padding: 0px 0px 0px 0px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center; /* Image stays centered in its 150px box */
	overflow: hidden; ~~/* safety against odd aspect ratios */~~		overflow: hidden;
	}		}

	/* Let the image fit without cropping or stretching */
	.article-thumb__imgwrap .mw-file-element,		.article-thumb__imgwrap .mw-file-element,
	.article-thumb__imgwrap img {		.article-thumb__imgwrap img {
Line 27:		Line 29:
	max-width: 100%;		max-width: 100%;
	max-height: 100%;		max-height: 100%;
	width: auto; ~~/* prevent stretch */~~		width: auto;
	height: auto; ~~/* prevent stretch */~~		height: auto;
	}		}

Line 37:		Line 39:
	}		}

	/* The caption text under the page link */
	.article-thumb__text {		.article-thumb__text {
	color: #202122; ~~/* Specific grey-black color */~~		color: #202122;
	font-weight: normal;		font-weight: normal;
	}		}

	/* Optional: cleaner links under the image */
	.article-thumb a {		.article-thumb a {
	text-decoration: none;		text-decoration: none;

Wikilah admin at 07:20, 4 January 2026

2026-01-04T07:20:17Z

← Older revision		Revision as of 15:20, 4 January 2026
Line 35:		Line 35:
	font-size: 0.85em;		font-size: 0.85em;
	line-height: 1.35;		line-height: 1.35;
			}

			/* The caption text under the page link */
			.article-thumb__text {
			color: #202122; /* Specific grey-black color */
			font-weight: normal;
	}		}