Template:MalayalamArticle/styles.css - Revision history

VijayanPN at 09:36, 11 June 2026

2026-06-11T09:36:41Z

@@ Line 136: / Line 136: @@
 .highlight-box {
      font-family: 'Manjari', 'Meera', 'Rachana', 'Noto Sans Malayalam', sans-serif !important;
+}

VijayanPN at 05:56, 31 May 2026

2026-05-31T05:56:12Z

← Older revision		Revision as of 11:26, 31 May 2026
Line 81:		Line 81:
	margin-top: 10px;		margin-top: 10px;
	line-height: 1.5;		line-height: 1.5;
			}

			/* Fix thumbnail caption alignment */
			.article-sidebar .thumbcaption::before,
			.article-sidebar figcaption::before {
			content: none !important;
			display: none !important;
			margin: 0 !important;
			padding: 0 !important;
	}		}

VijayanPN at 05:54, 31 May 2026

2026-05-31T05:54:00Z

@@ Line 81: / Line 81: @@
      margin-top: 10px;
      line-height: 1.5;
+}

VijayanPN at 02:26, 31 May 2026

2026-05-31T02:26:12Z

← Older revision		Revision as of 07:56, 31 May 2026
Line 111:		Line 111:
	margin: 20px 0 25px 0;		margin: 20px 0 25px 0;
	}		}
			}
			/* Malayalam Font Enforcement */
			.article-content,
			.intro-box,
			.highlight-box {
			font-family: 'Manjari', 'Meera', 'Rachana', 'Noto Sans Malayalam', sans-serif !important;
	}		}

VijayanPN at 17:37, 30 May 2026

2026-05-30T17:37:02Z

← Older revision		Revision as of 23:07, 30 May 2026
Line 1:		Line 1:
			/* ================ MALAYALAM ARTICLE STYLES ================ */

	.article-header {		.article-header {
	margin-bottom: ~~24px~~;		margin-bottom: 20px;
	padding-bottom: ~~12px~~;		padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;		border-bottom: 1px solid #f0f0f0;
			}

			.article-byline {
			color: #333;
			font-size: 1.16em;
	}		}

	.author-name {		.author-name {
	font-weight: bold;		font-weight: bold;
	font-size: 1.~~45em~~;		font-size: 1.48em;
			color: #1e3a8a;
			}

			.meta-separator {
			margin: 0 10px;
			color: #888;
	}		}

	.article-date {		.article-date {
	~~margin-left: 16px;~~
	font-size: 1.18em;		font-size: 1.18em;
	color: #555;		color: #555;
	}		}

			.article-meta-category {
			color: #2c5282;
			font-weight: 600;
			}

			/* Intro Box - Slightly warmer tone for Malayalam */
			.intro-box {
			margin: 20px 0 32px 0;
			padding: 22px 26px;
			background: #f0f9f4; /* Soft green tint */
			border-left: 6px solid #4a9c6e;
			border-top: 1px solid #b0e0c8;
			font-size: 1.18em;
			line-height: 1.68;
			}

			.intro-box p {
			margin: 0 !important;
			}

			/* Sidebar */
	.article-sidebar {		.article-sidebar {
	float: right;		float: right;
	width: ~~320px~~;		width: 310px;
	margin: 0 0 30px ~~35px~~;		margin: 0 0 30px 25px;
	padding: 18px;		padding: 16px 14px 18px 14px;
	background: #f9f9f9;		background: #f9f9f9;
	border: 1px solid #e5e5e5;		border: 1px solid #e5e5e5;
Line 26:		Line 59:
	}		}

	.~~intro~~-box {		/* Highlights - Warm earthy tone */
	margin: ~~26px 0 34px~~ 0;		.highlight-box {
	padding: ~~26px~~;		margin: 14px 0;
	background: #~~f0f8ff~~;		padding: 16px;
	border-left: ~~6px~~ solid #~~4682b4~~;		background: #fff4e6;
	~~font-size~~: ~~1.18em~~;		border-left: 5px solid #e67e22;
	line-height: 1.75;		color: #333;
			line-height: 1.6;
	}		}

			/* Image */
	.article-image1 {		.article-image1 {
	margin: 12px ~~26px 26px~~ 0;		margin: 12px 24px 24px 0;
	float: left;		float: left;
	max-width: ~~320px~~;		max-width: 310px;
	}		}

	.image-caption {		.image-caption {
	font-size: 1.~~02em~~ !important;		font-size: 1.04em !important;
	color: #444;		color: #444;
	margin-top: ~~9px~~;		margin-top: 10px;
			line-height: 1.5;
	}		}

			/* Content */
	.article-content {		.article-content {
	line-height: 1.85;		line-height: 1.85;
	font-size: 1.04em;		font-size: 1.04em;
			margin-right: 20px;
	}		}

	/* Malayalam ~~font priority~~ */		/* Malayalam Font Priority */
	:lang(ml) .article-content,		:lang(ml) .article-content,
	:lang(ml) .intro-box {		:lang(ml) .intro-box,
			:lang(ml) .highlight-box {
	font-family: 'Manjari', 'Meera', 'Rachana', 'Noto Sans Malayalam', sans-serif;		font-family: 'Manjari', 'Meera', 'Rachana', 'Noto Sans Malayalam', sans-serif;
			}

			/* Responsive */
			@media (max-width: 1024px) {
			.article-sidebar {
			margin-left: 20px;
			width: 290px;
			}
			}

			@media (max-width: 720px) {
			.article-sidebar {
			float: none;
			width: 100%;
			margin: 20px 0 25px 0;
			}
	}		}

VijayanPN: Created page with ".article-header { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; } .author-name { font-weight: bold; font-size: 1.45em; } .article-date { margin-left: 16px; font-size: 1.18em; color: #555; } .article-sidebar { float: right; width: 320px; margin: 0 0 30px 35px; padding: 18px; background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 8px; } .intro-box { margin: 26px 0 34p..."

2026-05-29T16:52:47Z

Created page with ".article-header { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; } .author-name { font-weight: bold; font-size: 1.45em; } .article-date { margin-left: 16px; font-size: 1.18em; color: #555; } .article-sidebar { float: right; width: 320px; margin: 0 0 30px 35px; padding: 18px; background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 8px; } .intro-box { margin: 26px 0 34p..."

New page

.article-header {
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid #f0f0f0;
}

.author-name {
font-weight: bold;
font-size: 1.45em;
}

.article-date {
margin-left: 16px;
font-size: 1.18em;
color: #555;
}

.article-sidebar {
float: right;
width: 320px;
margin: 0 0 30px 35px;
padding: 18px;
background: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 8px;
}

.intro-box {
margin: 26px 0 34px 0;
padding: 26px;
background: #f0f8ff;
border-left: 6px solid #4682b4;
font-size: 1.18em;
line-height: 1.75;
}

.article-image1 {
margin: 12px 26px 26px 0;
float: left;
max-width: 320px;
}

.image-caption {
font-size: 1.02em !important;
color: #444;
margin-top: 9px;
}

.article-content {
line-height: 1.85;
font-size: 1.04em;
}

/* Malayalam font priority */
:lang(ml) .article-content,
:lang(ml) .intro-box {
font-family: 'Manjari', 'Meera', 'Rachana', 'Noto Sans Malayalam', sans-serif;
}