Template:Article/styles.css - Revision history

VijayanPN at 10:36, 2 May 2026

2026-05-02T10:36:19Z

← Older revision		Revision as of 16:06, 2 May 2026
Line 11:		Line 11:
	#mw-content-subtitle,		#mw-content-subtitle,
	.mw-displaytitle-subtitle {		.mw-displaytitle-subtitle {
	display: none !important;		display: none !important;
	}		}

	/* Header Styles - Reduced height */		/* Header Styles - Reduced height */
	.article-header {		.article-header {
Line 21:		Line 20:
	margin-bottom: 20px; /* Reduced margin */		margin-bottom: 20px; /* Reduced margin */
	}		}

	.author-info {		.author-info {
	display: flex;		display: flex;
Line 31:		Line 29:
	line-height: 1.2;		line-height: 1.2;
	}		}

	.author-name {		.author-name {
	font-weight: bold;		font-weight: bold;
Line 37:		Line 34:
	color: #2c3e50;		color: #2c3e50;
	}		}

	.date-info {		.date-info {
	color: #7f8c8d;		color: #7f8c8d;
	font-size: 0.9em;		font-size: 0.9em;
	}		}

	.category-badge {		.category-badge {
	background: #3498db;		background: #3498db;
Line 51:		Line 46:
	line-height: 1.4;		line-height: 1.4;
	}		}

	/* Introduction */		/* Introduction */
	.introduction-section {		.introduction-section {
Line 61:		Line 55:
	background: #f8f9fa;		background: #f8f9fa;
	}		}

	/* Two Column Layout */		/* Two Column Layout */
	.content-wrapper {		.content-wrapper {
Line 69:		Line 62:
	margin-top: 10px;		margin-top: 10px;
	}		}

	/* Main Content – force it to contain floats */		/* Main Content – force it to contain floats */
	.main-content {		.main-content {
Line 75:		Line 67:
	display: flow-root; /* This creates a block formatting context and clears internal floats */		display: flow-root; /* This creates a block formatting context and clears internal floats */
	}		}

	/* Left Image – ensure it doesn't overflow the container */		/* Left Image – ensure it doesn't overflow the container */
	.image-left {		.image-left {
Line 85:		Line 76:
	clear: left; /* Prevent stacking with other floats */		clear: left; /* Prevent stacking with other floats */
	}		}

	.image-left img {		.image-left img {
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
	}		}

	/* Prevent the image caption from being wider than the image */		/* Prevent the image caption from being wider than the image */
	.image-left figure,		.image-left figure,
Line 97:		Line 86:
	height: auto;		height: auto;
	}		}

	.image-left figcaption,		.image-left figcaption,
	.image-left .thumbcaption {		.image-left .thumbcaption {
Line 107:		Line 95:
	margin-top: 5px;		margin-top: 5px;
	}		}

	.content-image {		.content-image {
	clear: both;		clear: both;
Line 113:		Line 100:
	text-align: center;		text-align: center;
	}		}

	.content-image figure {		.content-image figure {
	display: inline-block;		display: inline-block;
	margin: 0 auto;		margin: 0 auto;
	}		}

	.content-image figcaption,		.content-image figcaption,
	.content-image .thumbcaption {		.content-image .thumbcaption {
Line 127:		Line 112:
	background: #f8f9fa;		background: #f8f9fa;
	}		}

	/* Article Text - Fixed flow around images */		/* Article Text - Fixed flow around images */
	.article-text {		.article-text {
	min-height: 100px; /* Ensure content area has height */		min-height: 100px; /* Ensure content area has height */
	}		}


	/* Source Attribution */		/* Source Attribution */
	.source-attribution {		.source-attribution {
Line 143:		Line 125:
	font-size: 0.9em;		font-size: 0.9em;
	}		}

	/* Sidebar */		/* Sidebar */
	.right-sidebar {		.right-sidebar {

VijayanPN at 09:45, 2 May 2026

2026-05-02T09:45:32Z

← Older revision		Revision as of 15:15, 2 May 2026
Line 8:		Line 8:
	color: #333;		color: #333;
	}		}
	#contentSub {		#contentSub,
			#mw-content-subtitle,
			.mw-displaytitle-subtitle {
	display: none !important;		display: none !important;
	}		}

VijayanPN at 09:39, 2 May 2026

2026-05-02T09:39:33Z

← Older revision		Revision as of 15:09, 2 May 2026
Line 8:		Line 8:
	color: #333;		color: #333;
	}		}
			#contentSub {
			display: none !important;
			}

	/* Header Styles - Reduced height */		/* Header Styles - Reduced height */
	.article-header {		.article-header {

VijayanPN at 11:49, 28 April 2026

2026-04-28T11:49:56Z

← Older revision		Revision as of 17:19, 28 April 2026
Line 1:		Line 1:
	/* Template:Article/styles.css */		/* Template:Article/styles.css */
	/* Separate CSS from wiki markup to prevent conflicts */		/* Separate CSS from wiki markup to prevent conflicts */

	.article-container {		.article-container {
	max-width: 1200px;		max-width: 1200px;
Line 9:		Line 8:
	color: #333;		color: #333;
	}		}

	/* Header Styles - Reduced height */		/* Header Styles - Reduced height */
	.article-header {		.article-header {

VijayanPN at 09:45, 28 April 2026

2026-04-28T09:45:48Z

@@ Line 291: / Line 291: @@
          max-width: 100%;
+     }
+}

VijayanPN at 08:23, 28 April 2026

2026-04-28T08:23:35Z

← Older revision		Revision as of 13:53, 28 April 2026
Line 188:		Line 188:
	.highlight-box {		.highlight-box {
	background: #fff3cd;		background: #fff3cd;
	border: 1px solid ~~#ffc107~~;		border: 1px solid;
	border-radius: 6px;		border-radius: 6px;
	padding: 12px;		padding: 12px;
Line 196:		Line 196:
	.highlight-title {		.highlight-title {
	font-size: 1.5em;		font-size: 1.5em;
			background-color: #ffe494;
	margin-bottom: 5px;		margin-bottom: 5px;
	}		}

VijayanPN at 08:15, 28 April 2026

2026-04-28T08:15:55Z

← Older revision		Revision as of 13:45, 28 April 2026
Line 163:		Line 163:

	.author-photo img {		.author-photo img {
	width: 80%; ~~/* Fill the container */~~		width: 80%;
	height: auto;		height: auto;
	display: block;		display: block;
	border-radius: 8px 8px 0 0; ~~/* Round only top corners */~~		margin: 0 auto; /* This centres the block image */
			border-radius: 8px 8px 0 0;
	}		}

VijayanPN at 07:59, 28 April 2026

2026-04-28T07:59:17Z

← Older revision		Revision as of 13:29, 28 April 2026
Line 163:		Line 163:

	.author-photo img {		.author-photo img {
	width: ~~100~~%; /* Fill the container */		width: 80%; /* Fill the container */
	height: auto;		height: auto;
	display: block;		display: block;

VijayanPN at 07:54, 28 April 2026

2026-04-28T07:54:04Z

← Older revision		Revision as of 13:24, 28 April 2026
Line 171:		Line 171:
	.author-name-box {		.author-name-box {
	text-align: center;		text-align: center;
	font-size: 1.~~1em~~;		font-size: 1.0em;
	font-weight: bold;		font-weight: bold;
	padding: 12px 15px 8px;		padding: 12px 15px 8px;

VijayanPN at 07:52, 28 April 2026

2026-04-28T07:52:56Z

← Older revision		Revision as of 13:22, 28 April 2026
Line 171:		Line 171:
	.author-name-box {		.author-name-box {
	text-align: center;		text-align: center;
	font-size: 1.~~2em~~;		font-size: 1.1em;
	font-weight: bold;		font-weight: bold;
	padding: 12px 15px 8px;		padding: 12px 15px 8px;