മീഡിയവിക്കി:Common.css - നാൾവഴി

Ranjithsiji: Optimize the css

2026-05-29T17:55:28Z

Optimize the css

11:39, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T11:39:12Z

←പഴയ രൂപം		17:09, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 665:		വരി 665:
	margin-bottom: 6px;		margin-bottom: 6px;
	line-height: 1.3;		line-height: 1.3;
			border-bottom:2px solid #aaa;
	}		}

11:36, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T11:36:57Z

←പഴയ രൂപം		17:06, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 633:		വരി 633:

	display: grid;		display: grid;
	grid-template-columns: ~~2fr~~ 1fr; /* LEFT 66% \| RIGHT 33% */		grid-template-columns: 4fr 1fr; /* LEFT 80% \| RIGHT 20% */
	gap: 16px;		gap: 16px;
	align-items: start;		align-items: start;

11:35, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T11:35:12Z

←പഴയ രൂപം		17:05, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 679:		വരി 679:
	background: #fffbd6;		background: #fffbd6;
	border: 1px solid #e6e0a3;		border: 1px solid #e6e0a3;
	padding: 10px ~~12px~~;		padding: 10px 14px;
	border-radius: 12px;		border-radius: 12px;
	font-size: 85%;		font-size: 85%;

11:28, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T11:28:36Z

←പഴയ രൂപം		16:58, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 616:		വരി 616:
	}		}
	/* ===== SchoolWiki Sitenotice Section ===== */		/* ===== SchoolWiki Sitenotice Section ===== */
	/* ===== ~~OUTER FULL-WIDTH BAR~~ ===== */		/* =====================================================
			SchoolWiki – Sitenotice Layout (Desktop + Mobile)
			===================================================== */

			/* Outer full-width sitenotice container */
	.sw-sitenotice-outer {		.sw-sitenotice-outer {
	background: #~~fff~~;		background: #ffffff;
	border-bottom: 1px solid #~~ddd~~;		border-bottom: 1px solid #dcdcdc;
	}		}

	/* ~~===== CENTERED RESPONSIVE GRID =====~~ */		/* Centered grid container */
	.sw-sitenotice-grid {		.sw-sitenotice-grid {
	max-width: 1100px;		max-width: 1100px;
വരി 629:		വരി 633:

	display: grid;		display: grid;
	grid-template-columns: 1fr ~~auto~~;		grid-template-columns: 2fr 1fr; /* LEFT 66% \| RIGHT 33% */
	gap: ~~12px~~;		gap: 16px;
	align-items: start;		align-items: start;
	}		}

	/* ===== LEFT ~~MAIN NOTICE~~ ===== */		/* =====================================================
			LEFT: Main Notice Card
			===================================================== */

	.sw-main-card {		.sw-main-card {
	display: flex;		display: flex;
	gap: ~~12px~~;		gap: 14px;
	padding: ~~12px~~;		padding: 14px;
	border: 2px solid #ff3396;		border: 2px solid #ff3396;
	border-radius: ~~10px~~;		border-radius: 12px;
			background: #ffffff;
			}

			.sw-main-image img {
			max-width: 64px;
			height: auto;
			}

			.sw-main-content {
			flex: 1;
	}		}

വരി 647:		വരി 664:
	font-weight: 700;		font-weight: 700;
	margin-bottom: 6px;		margin-bottom: 6px;
			line-height: 1.3;
	}		}

വരി 654:		വരി 672:
	}		}

	/* ===== RIGHT ~~LOGIN BAR~~ ===== */		/* =====================================================
			RIGHT: Help / Login Panel
			===================================================== */

	.sw-login-box {		.sw-login-box {
	background: #fffbd6;		background: #fffbd6;
	border: 1px solid #e6e0a3;		border: 1px solid #e6e0a3;
	padding: ~~6px~~ 10px;		padding: 10px 12px;
	border-radius: ~~8px~~;		border-radius: 12px;
	font-size: 85%;		font-size: 85%;
	~~white-space~~: ~~nowrap~~;		}

			.sw-login-box div {
			margin: 6px 0;
	}		}

വരി 667:		വരി 691:
	text-decoration: none;		text-decoration: none;
	color: #0645ad;		color: #0645ad;
	~~padding~~: ~~2px 4px~~;		display: inline-block;
	}		}

	.sw-login-box a:hover {		.sw-login-box a:hover {
	~~background: rgba(0,0,0,0.05);~~		text-decoration: underline;
	~~border~~-~~radius~~: ~~6px~~;
	}		}

	/* ===== ~~MOBILE BEHAVIOR~~ ===== */		/* =====================================================
			Mobile / Small Screen Behavior
			===================================================== */

	@media (max-width: 720px) {		@media (max-width: 720px) {

			/* Stack layout */
	.sw-sitenotice-grid {		.sw-sitenotice-grid {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
			}

			/* Center everything on mobile */
			.sw-main-card {
			flex-direction: column;
			text-align: center;
			align-items: center;
			}

			.sw-main-image img {
			max-width: 56px;
	}		}

വരി 686:		വരി 725:
	}		}

	.sw-~~main~~-~~card~~ {		.sw-login-box div {
	~~flex-direction: column;~~		margin: 4px 0;
	~~text-align~~: ~~center~~;
	}		}
	}		}




	/* =========================================================		/* =========================================================

11:21, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T11:21:21Z

←പഴയ രൂപം		16:51, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 615:		വരി 615:
	right: 10px;		right: 10px;
	}		}
			/* ===== SchoolWiki Sitenotice Section ===== */
	/* SchoolWiki Sitenotice Section */		/* ===== OUTER FULL-WIDTH BAR ===== */

	/* ~~Outer full~~-~~width sitenotice~~ */
	.sw-sitenotice-outer {		.sw-sitenotice-outer {
	background: #fff;		background: #fff;
വരി 624:		വരി 622:
	}		}

	/* ~~Centered content container~~ */		/* ===== CENTERED RESPONSIVE GRID ===== */
	.sw-sitenotice-~~inner~~ {		.sw-sitenotice-grid {
	max-width: 1100px;		max-width: 1100px;
	margin: 0 auto;		margin: 0 auto;
	padding: ~~8px~~ 12px;		padding: 10px 12px;
	}

	~~/* ===== Login bar ===== */~~		display: grid;
	~~.sw-login-bar {~~		grid-template-columns: 1fr auto;
	display: ~~flex~~;		gap: 12px;
	~~justify~~-~~content: center;~~		align-items: start;
	~~align~~-~~items~~: ~~center~~;
	gap: ~~10px~~;
	~~flex~~-~~wrap: wrap;~~
	~~background: #fffbd6;~~
	~~border: 1px solid #e6e0a3;~~
	~~padding: 6px 10px;~~
	~~border-radius: 6px;~~
	~~font-size: 90%;~~
	~~margin-bottom~~: ~~8px~~;
	}		}

	~~.sw-login-link {~~		/* ===== LEFT MAIN NOTICE ===== */
	~~text-decoration: none;~~		.sw-main-card {
	~~color: #0645ad;~~
	~~padding: 3px 8px;~~
	~~border-radius: 14px;~~
	~~white-space: nowrap;~~
	}

	~~.sw-login-link:hover {~~
	~~background: rgba(0,0,0,0.05);~~
	}

	/* ===== ~~Campaign card~~ ===== */
	.sw-~~notice~~-card {
	display: flex;		display: flex;
	~~align-items: center;~~
	gap: 12px;		gap: 12px;
			padding: 12px;
	border: 2px solid #ff3396;		border: 2px solid #ff3396;
	border-radius: 10px;		border-radius: 10px;
	~~padding: 10px;~~
	}		}

	.sw-~~notice~~-title {		.sw-main-title {
	font-size: 120%;		font-size: 120%;
	font-weight: 700;		font-weight: 700;
വരി 674:		വരി 649:
	}		}

	.sw-~~notice~~-links {		.sw-main-links {
	font-size: 90%;		font-size: 90%;
	line-height: 1.6;		line-height: 1.6;
	}		}

	/* ===== ~~Mobile adjustments~~ ===== */		/* ===== RIGHT LOGIN BAR ===== */
			.sw-login-box {
			background: #fffbd6;
			border: 1px solid #e6e0a3;
			padding: 6px 10px;
			border-radius: 8px;
			font-size: 85%;
			white-space: nowrap;
			}

			.sw-login-box a {
			text-decoration: none;
			color: #0645ad;
			padding: 2px 4px;
			}

			.sw-login-box a:hover {
			background: rgba(0,0,0,0.05);
			border-radius: 6px;
			}

			/* ===== MOBILE BEHAVIOR ===== */
	@media (max-width: 720px) {		@media (max-width: 720px) {
	.sw-~~notice~~-~~card~~ {		.sw-sitenotice-grid {
	~~flex~~-~~direction: column;~~		grid-template-columns: 1fr;
	~~text~~-~~align~~: ~~center~~;
	}		}

	.sw-login-~~bar~~ {		.sw-login-box {
	~~font~~-~~size~~: ~~85%~~;		text-align: center;
	~~gap~~: ~~6px~~;		font-size: 80%;
	}		}

	.sw-~~login~~-~~link~~ {		.sw-main-card {
	~~padding~~: ~~3px 6px~~;		flex-direction: column;
			text-align: center;
	}		}
	}		}

10:39, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T10:39:28Z

←പഴയ രൂപം		16:09, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 618:		വരി 618:
	/* SchoolWiki Sitenotice Section */		/* SchoolWiki Sitenotice Section */

	.sw-sitenotice-~~wrapper~~ {		/* Outer full-width sitenotice */
	~~padding~~: ~~4px~~;		.sw-sitenotice-outer {
			background: #fff;
			border-bottom: 1px solid #ddd;
	}		}

	.sw-sitenotice-login {		/* Centered content container */
	background: #~~ffffcc~~;		.sw-sitenotice-inner {
	border: 1px solid #~~aaa~~;		max-width: 1100px;
	padding: 6px;		margin: 0 auto;
	~~margin~~-~~bottom~~: 6px;		padding: 8px 12px;
	~~text-align: center~~;		}

			/* ===== Login bar ===== */
			.sw-login-bar {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			flex-wrap: wrap;
			background: #fffbd6;
			border: 1px solid #e6e0a3;
			padding: 6px 10px;
			border-radius: 6px;
	font-size: 90%;		font-size: 90%;
			margin-bottom: 8px;
			}

			.sw-login-link {
			text-decoration: none;
			color: #0645ad;
			padding: 3px 8px;
			border-radius: 14px;
			white-space: nowrap;
			}

			.sw-login-link:hover {
			background: rgba(0,0,0,0.05);
	}		}

	.sw-~~login~~-~~item~~ {		/* ===== Campaign card ===== */
	~~margin~~: ~~3px 0~~;		.sw-notice-card {
			display: flex;
			align-items: center;
			gap: 12px;
			border: 2px solid #ff3396;
			border-radius: 10px;
			padding: 10px;
	}		}

	.sw-~~sitenotice~~-title {		.sw-notice-title {
	font-size: 120%;		font-size: 120%;
	font-weight: ~~bold~~;		font-weight: 700;
	margin-bottom: 6px;		margin-bottom: 6px;
	}		}

	.sw-~~sitenotice~~-links {		.sw-notice-links {
	font-size: 90%;		font-size: 90%;
	line-height: 1.6;		line-height: 1.6;
	}		}

	/* Mobile ~~overrides~~ */		/* ===== Mobile adjustments ===== */
	@media (max-width: 720px) {		@media (max-width: 720px) {
	.sw-~~sitenotice~~-~~wrapper~~ {		.sw-notice-card {
	~~padding~~: ~~2px~~;		flex-direction: column;
			text-align: center;
	}		}

	.~~ombox~~ {		.sw-login-bar {
	~~width~~: ~~100~~% ~~!important~~;		font-size: 85%;
			gap: 6px;
	}		}

	.sw-~~sitenotice~~-~~title big~~ {		.sw-login-link {
	~~font-size~~: ~~110%~~;		padding: 3px 6px;
	}		}
	}		}

10:05, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T10:05:54Z

@@ വരി 615: / വരി 615: @@
      right: 10px;
+}
 /* =========================================================

00:37, 12 ജനുവരി 2026 സമയത്ത് Ranjithsiji

2026-01-12T00:37:20Z

←പഴയ രൂപം		06:07, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 726:		വരി 726:

	/* =========================================================		/* =========================================================
	Commons Gallery Lightbox		Commons Gallery Lightbox (FULL, ENHANCED)
	========================================================= */		========================================================= */

വരി 734:		വരി 734:
	display: none;		display: none;
	z-index: 9999;		z-index: 9999;

			/* Enhancements */
			user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
	}		}

വരി 740:		വരി 745:
	}		}

			/* Backdrop */
	#commons-lightbox .clb-backdrop {		#commons-lightbox .clb-backdrop {
	position: absolute;		position: absolute;
വരി 746:		വരി 752:
	}		}

			/* Content container */
	#commons-lightbox .clb-content {		#commons-lightbox .clb-content {
	position: absolute;		position: absolute;
വരി 756:		വരി 763:
	}		}

			/* Image */
	#commons-lightbox .clb-image {		#commons-lightbox .clb-image {
	max-width: 95vw;		max-width: 95vw;
	max-height: 80vh;		max-height: 80vh;
	object-fit: contain;		object-fit: contain;
			display: block;
	}		}

			/* Caption */
	#commons-lightbox .clb-caption {		#commons-lightbox .clb-caption {
	color: #~~fff~~;		color: #ffffff;
	font-size: 0.85em;		font-size: 0.85em;
	text-align: center;		text-align: center;
	margin-top: 0.5em;		margin-top: 0.5em;
	line-height: 1.4;		line-height: 1.4;
			max-width: 90vw;
	}		}

			/* Close button */
	#commons-lightbox .clb-close {		#commons-lightbox .clb-close {
	position: absolute;		position: absolute;
വരി 775:		വരി 787:
	right: 14px;		right: 14px;
	font-size: 28px;		font-size: 28px;
	color: #~~fff~~;		color: #ffffff;
			background: none;
			border: none;
			cursor: pointer;
			z-index: 2;
			}

			/* Navigation buttons */
			#commons-lightbox .clb-prev,
			#commons-lightbox .clb-next {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 36px;
			color: #ffffff;
	background: none;		background: none;
	border: none;		border: none;
	cursor: pointer;		cursor: pointer;
			padding: 0 12px;
			z-index: 2;
			}

			#commons-lightbox .clb-prev {
			left: 10px;
			}

			#commons-lightbox .clb-next {
			right: 10px;
			}

			/* Hover feedback (desktop only) */
			@media (hover: hover) {
			#commons-lightbox .clb-prev:hover,
			#commons-lightbox .clb-next:hover,
			#commons-lightbox .clb-close:hover {
			opacity: 0.75;
			}
			}

			/* Mobile adjustments */
			@media (max-width: 600px) {
			#commons-lightbox .clb-prev,
			#commons-lightbox .clb-next {
			font-size: 28px;
			}
	}		}

Ranjithsiji: Ranjithsiji (സംവാദം) ചെയ്ത നാൾപ്പതിപ്പ് 2928499 നീക്കം ചെയ്യുന്നു

2026-01-12T00:36:25Z

Ranjithsiji (സംവാദം) ചെയ്ത നാൾപ്പതിപ്പ് 2928499 നീക്കം ചെയ്യുന്നു

←പഴയ രൂപം		06:06, 12 ജനുവരി 2026-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 726:		വരി 726:

	/* =========================================================		/* =========================================================
	Commons Gallery Lightbox ~~(FULL, ENHANCED)~~		Commons Gallery Lightbox
	========================================================= */		========================================================= */

വരി 734:		വരി 734:
	display: none;		display: none;
	z-index: 9999;		z-index: 9999;

	~~/* Enhancements */~~
	~~user-select: none;~~
	~~-webkit-user-select: none;~~
	~~-ms-user-select: none;~~
	}		}

വരി 745:		വരി 740:
	}		}

	~~/* Backdrop */~~
	#commons-lightbox .clb-backdrop {		#commons-lightbox .clb-backdrop {
	position: absolute;		position: absolute;
വരി 752:		വരി 746:
	}		}

	~~/* Content container */~~
	#commons-lightbox .clb-content {		#commons-lightbox .clb-content {
	position: absolute;		position: absolute;
വരി 763:		വരി 756:
	}		}

	~~/* Image */~~
	#commons-lightbox .clb-image {		#commons-lightbox .clb-image {
	max-width: 95vw;		max-width: 95vw;
	max-height: 80vh;		max-height: 80vh;
	object-fit: contain;		object-fit: contain;
	~~display: block;~~
	}		}

	~~/* Caption */~~
	#commons-lightbox .clb-caption {		#commons-lightbox .clb-caption {
	color: #~~ffffff~~;		color: #fff;
	font-size: 0.85em;		font-size: 0.85em;
	text-align: center;		text-align: center;
	margin-top: 0.5em;		margin-top: 0.5em;
	line-height: 1.4;		line-height: 1.4;
	~~max-width: 90vw;~~
	}		}

	~~/* Close button */~~
	#commons-lightbox .clb-close {		#commons-lightbox .clb-close {
	position: absolute;		position: absolute;
വരി 787:		വരി 775:
	right: 14px;		right: 14px;
	font-size: 28px;		font-size: 28px;
	color: #~~ffffff;~~		color: #fff;
	~~background: none;~~
	~~border: none;~~
	~~cursor: pointer;~~
	~~z-index: 2;~~
	}

	~~/* Navigation buttons */~~
	~~#commons-lightbox .clb-prev,~~
	~~#commons-lightbox .clb-next {~~
	~~position: absolute;~~
	~~top: 50%;~~
	~~transform: translateY(-50%);~~
	~~font-size: 36px;~~
	~~color: #ffffff~~;
	background: none;		background: none;
	border: none;		border: none;
	cursor: pointer;		cursor: pointer;
	~~padding: 0 12px;~~
	~~z-index: 2;~~
	}

	~~#commons-lightbox .clb-prev {~~
	~~left: 10px;~~
	}

	~~#commons-lightbox .clb-next {~~
	~~right: 10px;~~
	}

	~~/* Hover feedback (desktop only) */~~
	~~@media (hover: hover) {~~
	~~#commons-lightbox .clb-prev:hover,~~
	~~#commons-lightbox .clb-next:hover,~~
	~~#commons-lightbox .clb-close:hover {~~
	~~opacity: 0.75;~~
	}
	}

	~~/* Mobile adjustments */~~
	~~@media (max-width: 600px) {~~
	~~#commons-lightbox .clb-prev,~~
	~~#commons-lightbox .clb-next {~~
	~~font-size: 28px;~~
	}
	}		}