ഫലകം:Lkframe/styles.css - നാൾവഴി

15:03, 8 ജൂൺ 2026 സമയത്ത് Ranjithsiji

2026-06-08T15:03:17Z

←പഴയ രൂപം		20:33, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 25:		വരി 25:
	display: flex;		display: flex;
	flex-wrap: nowrap;		flex-wrap: nowrap;
	gap: ~~4px~~;		gap: 6px;
	border-bottom: 2px solid #99B3FF;		border-bottom: 2px solid #99B3FF;
	overflow-x: auto;		overflow-x: auto;
	padding: 6px ~~4px~~ 0;		padding: 8px 6px 0;
	}		}

വരി 40:		വരി 40:
	white-space: nowrap;		white-space: nowrap;
	font-size: 0.95em;		font-size: 0.95em;
	line-height: 1.3;		line-height: 1.4;
	text-align: center;		text-align: center;
	flex: 1;		flex: 1;
വരി 48:		വരി 48:
	.lkframe-tab a {		.lkframe-tab a {
	display: block;		display: block;
	padding: ~~6px 12px~~;		padding: 9px 16px;
	color: #0645ad;		color: #0645ad;
	text-decoration: none;		text-decoration: none;
വരി 64:		വരി 64:
	background: #ffffff;		background: #ffffff;
	font-weight: bold;		font-weight: bold;
	~~border-top: 3px solid #4a6fa5;~~
	}		}

വരി 110:		വരി 109:

	.lkframe-tab a {		.lkframe-tab a {
	padding: ~~5px 9px~~;		padding: 7px 10px;
	}		}
	}		}

14:43, 8 ജൂൺ 2026 സമയത്ത് Ranjithsiji

2026-06-08T14:43:13Z

←പഴയ രൂപം		20:13, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 25:		വരി 25:
	display: flex;		display: flex;
	flex-wrap: nowrap;		flex-wrap: nowrap;
	gap: ~~3px~~;		gap: 4px;
	border-bottom: ~~1px~~ solid #99B3FF;		border-bottom: 2px solid #99B3FF;
	overflow-x: auto;		overflow-x: auto;
	padding~~-bottom: 0;~~		padding: 6px 4px 0;
	~~margin-bottom~~: 0;
	}		}

വരി 36:		വരി 35:
	padding: 0;		padding: 0;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	border-radius: ~~0.5em 0.5em~~ 0 0;		border-bottom: none;
			border-radius: 6px 6px 0 0;
	background: #dce8ff;		background: #dce8ff;
	white-space: nowrap;		white-space: nowrap;
വരി 65:		വരി 65:
	font-weight: bold;		font-weight: bold;
	border-top: 3px solid #4a6fa5;		border-top: 3px solid #4a6fa5;
	~~border-bottom: 1px solid #ffffff;~~
	~~margin-bottom: -1px;~~
	~~position: relative;~~
	~~z-index: 1;~~
	}		}

	.lkframe-tab-active a {		.lkframe-tab-active a {
	color: #~~000~~;		color: #222;
	}		}

Ranjithsiji: add css

2026-06-08T14:40:02Z

add css

←പഴയ രൂപം		20:10, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 26:		വരി 26:
	flex-wrap: nowrap;		flex-wrap: nowrap;
	gap: 3px;		gap: 3px;
	border-bottom: ~~2px~~ solid #99B3FF;		border-bottom: 1px solid #99B3FF;
	overflow-x: auto;		overflow-x: auto;
	padding-bottom: 0;		padding-bottom: 0;
വരി 36:		വരി 36:
	padding: 0;		padding: 0;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	~~border-bottom: 2px solid #99B3FF;~~
	border-radius: 0.5em 0.5em 0 0;		border-radius: 0.5em 0.5em 0 0;
	background: #dce8ff;		background: #dce8ff;
വരി 63:		വരി 62:

	.lkframe-tab-active {		.lkframe-tab-active {
	background: #~~e8f0ff~~;		background: #ffffff;
	font-weight: bold;		font-weight: bold;
	border-top: 3px solid #4a6fa5;		border-top: 3px solid #4a6fa5;
	border-~~left: 1px solid #99B3FF;~~		border-bottom: 1px solid #ffffff;
	~~border-right~~: 1px solid #~~99B3FF;~~		margin-bottom: -1px;
	~~border-bottom: 2px solid #e8f0ff~~;
	margin-bottom: -~~2px~~;
	position: relative;		position: relative;
	z-index: 1;		z-index: 1;
വരി 80:		വരി 77:
	/* ── Content area (below tabs) ── */		/* ── Content area (below tabs) ── */
	.lkframe-content {		.lkframe-content {
	background: #~~e8f0ff~~;		background: #ffffff;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	border-top: none;		border-top: none;

Ranjithsiji: update css

2026-06-08T14:37:18Z

update css

←പഴയ രൂപം		20:07, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 63:		വരി 63:

	.lkframe-tab-active {		.lkframe-tab-active {
	background: #~~ffffff~~;		background: #e8f0ff;
	font-weight: bold;		font-weight: bold;
	border-top: ~~2px~~ solid #4a6fa5;		border-top: 3px solid #4a6fa5;
	border-left: 1px solid #99B3FF;		border-left: 1px solid #99B3FF;
	border-right: 1px solid #99B3FF;		border-right: 1px solid #99B3FF;
	border-bottom: 2px solid #~~ffffff~~;		border-bottom: 2px solid #e8f0ff;
	margin-bottom: -2px;		margin-bottom: -2px;
	position: relative;		position: relative;
വരി 80:		വരി 80:
	/* ── Content area (below tabs) ── */		/* ── Content area (below tabs) ── */
	.lkframe-content {		.lkframe-content {
	background: #~~ffffff~~;		background: #e8f0ff;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	border-top: none;		border-top: none;

14:35, 8 ജൂൺ 2026 സമയത്ത് Ranjithsiji

2026-06-08T14:35:13Z

←പഴയ രൂപം		20:05, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 26:		വരി 26:
	flex-wrap: nowrap;		flex-wrap: nowrap;
	gap: 3px;		gap: 3px;
	border-bottom: ~~1px~~ solid #99B3FF;		border-bottom: 2px solid #99B3FF;
	overflow-x: auto;		overflow-x: auto;
	padding-bottom: 0;		padding-bottom: 0;
വരി 36:		വരി 36:
	padding: 0;		padding: 0;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	border-bottom: ~~none~~;		border-bottom: 2px solid #99B3FF;
	border-radius: 0.5em 0.5em 0 0;		border-radius: 0.5em 0.5em 0 0;
	background: #dce8ff;		background: #dce8ff;
വരി 49:		വരി 49:
	.lkframe-tab a {		.lkframe-tab a {
	display: block;		display: block;
	padding: ~~5px~~ 12px;		padding: 6px 12px;
	color: #0645ad;		color: #0645ad;
	text-decoration: none;		text-decoration: none;
വരി 65:		വരി 65:
	background: #ffffff;		background: #ffffff;
	font-weight: bold;		font-weight: bold;
	border-bottom: ~~1px~~ solid #ffffff;		border-top: 2px solid #4a6fa5;
	margin-bottom: -~~1px~~;		border-left: 1px solid #99B3FF;
			border-right: 1px solid #99B3FF;
			border-bottom: 2px solid #ffffff;
			margin-bottom: -2px;
	position: relative;		position: relative;
	z-index: 1;		z-index: 1;
വരി 77:		വരി 80:
	/* ── Content area (below tabs) ── */		/* ── Content area (below tabs) ── */
	.lkframe-content {		.lkframe-content {
	background: ~~AliceBlue~~;		background: #ffffff;
	border: 1px solid #99B3FF;		border: 1px solid #99B3FF;
	border-top: none;		border-top: none;
വരി 87:		വരി 90:
	/* ── Quick-links messagebox inside content ── */		/* ── Quick-links messagebox inside content ── */
	.lkframe-quicklinks {		.lkframe-quicklinks {
	border: 1px solid #~~aaa~~;		border: 1px solid #99B3FF;
	background: #~~f9f9f9~~;		background: #f0f4ff;
	padding: 0.4em 0.6em;		padding: 0.4em 0.6em;
	border-radius: 4px;		border-radius: 4px;

Ranjithsiji: update style

2026-06-08T14:27:43Z

update style

←പഴയ രൂപം		19:57, 8 ജൂൺ 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 43:		വരി 43:
	line-height: 1.3;		line-height: 1.3;
	text-align: center;		text-align: center;
	flex~~-shrink~~: 0;		flex: 1;
	transition: background 0.15s;		transition: background 0.15s;
	}		}

Ranjithsiji: create css

2026-06-08T14:24:39Z

create css

പുതിയ താൾ

/* TemplateStyles for Template:Lkframe
Scoped to .lkframe-wrapper
─────────────────────────────────────── */

/* ── Top action buttons ── */
.lkframe-wrapper {
font-size: 95%;
margin-bottom: 0;
}

.lkframe-translate {
float: right;
font-size: 0.9em;
margin-bottom: 0.3em;
}

.lkframe-actions {
text-align: center;
margin: 0.4em 0 0.6em;
clear: both;
}

/* ── Tab bar ── */
.lkframe-tabbar {
display: flex;
flex-wrap: nowrap;
gap: 3px;
border-bottom: 1px solid #99B3FF;
overflow-x: auto;
padding-bottom: 0;
margin-bottom: 0;
}

.lkframe-tab {
display: inline-block;
padding: 0;
border: 1px solid #99B3FF;
border-bottom: none;
border-radius: 0.5em 0.5em 0 0;
background: #dce8ff;
white-space: nowrap;
font-size: 0.95em;
line-height: 1.3;
text-align: center;
flex-shrink: 0;
transition: background 0.15s;
}

.lkframe-tab a {
display: block;
padding: 5px 12px;
color: #0645ad;
text-decoration: none;
}

.lkframe-tab:hover {
background: #c5d8ff;
}

.lkframe-tab:hover a {
text-decoration: none;
}

.lkframe-tab-active {
background: #ffffff;
font-weight: bold;
border-bottom: 1px solid #ffffff;
margin-bottom: -1px;
position: relative;
z-index: 1;
}

.lkframe-tab-active a {
color: #000;
}

/* ── Content area (below tabs) ── */
.lkframe-content {
background: AliceBlue;
border: 1px solid #99B3FF;
border-top: none;
border-radius: 0 0 5px 5px;
padding: 0.5em 1em 1em;
min-height: 1.5em;
}

/* ── Quick-links messagebox inside content ── */
.lkframe-quicklinks {
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.4em 0.6em;
border-radius: 4px;
line-height: 1.8;
font-size: 0.92em;
}

.lkframe-quicklinks img {
vertical-align: middle;
margin-right: 4px;
}

/* ── Mobile: allow tab bar to scroll, stack action buttons ── */
@media screen and (max-width: 600px) {
.lkframe-translate {
float: none;
display: block;
text-align: right;
margin-bottom: 0.2em;
}

.lkframe-tab {
font-size: 0.88em;
}

.lkframe-tab a {
padding: 5px 9px;
}
}