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

17:07, 10 ഒക്ടോബർ 2025 സമയത്ത് 7907603754

2025-10-10T17:07:00Z

←പഴയ രൂപം		22:37, 10 ഒക്ടോബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 40:		വരി 40:
	}		}

	~~.firstbox-item:hover img {~~
	~~filter: brightness(0) invert(1);~~
	}
	.firstbox-item:hover a {		.firstbox-item:hover a {
	color: #fff;		color: #fff;

06:21, 30 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-30T06:21:32Z

←പഴയ രൂപം		11:51, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 21:		വരി 21:
	max-width: 220px;		max-width: 220px;
	background-color: #ffffff;		background-color: #ffffff;
	border: 2px solid #~~1b2cb3~~;		border: 2px solid #ccc;
	border-radius: 10px;		border-radius: 10px;
	padding: 10px;		padding: 10px;

18:44, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:44:57Z

←പഴയ രൂപം		00:14, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 9:		വരി 9:
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	margin: 10px auto;		margin: 10px auto;
	width: 98%;		width: 96%;
	text-align: center;		text-align: center;
	}		}

18:43, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:43:44Z

←പഴയ രൂപം		00:13, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 9:		വരി 9:
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	margin: 10px auto;		margin: 10px auto;
	width:98%;		width: 98%;
	text-align: center;		text-align: center;
	}		}
വരി 18:		വരി 18:
	align-items: center;		align-items: center;
	justify-content: space-between;		justify-content: space-between;
	~~min-width~~: 160px;		flex: 1 1 160px; /* minimum width 160px */
	width: 220px;		max-width: 220px;
	background-color: #ffffff;		background-color: #ffffff;
	border: 2px solid #1b2cb3;		border: 2px solid #1b2cb3;
വരി 29:		വരി 29:
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1);		box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
	transition: all 0.25s ease;		transition: all 0.25s ease;
	font-size:1em;		font-size: 1em;
	}		}

വരി 44:		വരി 44:
	}		}
	.firstbox-item:hover a {		.firstbox-item:hover a {
	color:#fff;		color: #fff;
	}		}

	.firstbox-item img {		.firstbox-item img {
	display: block;		display: block;
വരി 52:		വരി 53:
	height: auto;		height: auto;
	}		}
	.firstbox-item a:hover{
	color:#fff;		.firstbox-item a:hover {
	font-weight:bold;		color: #fff;
			font-weight: bold;
	}		}

	.firstbox-item small {		.firstbox-item small {
	display: block;		display: block;
വരി 63:		വരി 66:
	}		}

			/* Mobile layout: 2 items per row with min-width 160px */
	@media (max-width: 768px) {		@media (max-width: 768px) {
	.firstbox-item {		.firstbox-item {
	~~min-width~~: ~~90px~~;		flex: 1 1 45%; /* roughly 2 items per row */
	~~max~~-width: ~~100px~~;		min-width: 160px;
	font-size: 0.~~85rem~~;		font-size: 0.95rem;
	}		}
	}		}
വരി 73:		വരി 77:
	@media (max-width: 480px) {		@media (max-width: 480px) {
	.firstbox-item {		.firstbox-item {
	~~min-width~~: ~~80px~~;		flex: 1 1 45%; /* still 2 items per row */
	~~max~~-width: ~~90px~~;		min-width: 160px;
	font-size: 0.~~8rem~~;		font-size: 0.85rem;
	}		}
	}		}

18:41, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:41:41Z

←പഴയ രൂപം		00:11, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 29:		വരി 29:
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1);		box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
	transition: all 0.25s ease;		transition: all 0.25s ease;
			font-size:1em;
	}		}

18:39, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:39:59Z

←പഴയ രൂപം		00:09, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 18:		വരി 18:
	align-items: center;		align-items: center;
	justify-content: space-between;		justify-content: space-between;
	min-width: ~~100px~~;		min-width: 160px;
	width: ~~160px~~;		width: 220px;
	background-color: #ffffff;		background-color: #ffffff;
	border: 2px solid #1b2cb3;		border: 2px solid #1b2cb3;

18:14, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:14:27Z

←പഴയ രൂപം		23:44, 29 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 42:		വരി 42:
	filter: brightness(0) invert(1);		filter: brightness(0) invert(1);
	}		}
			.firstbox-item:hover a {
			color:#fff;
			}
	.firstbox-item img {		.firstbox-item img {
	display: block;		display: block;

18:13, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:13:22Z

←പഴയ രൂപം		23:43, 29 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 49:		വരി 49:
	height: auto;		height: auto;
	}		}
			.firstbox-item a:hover{
			color:#fff;
			font-weight:bold;
			}
	.firstbox-item small {		.firstbox-item small {
	display: block;		display: block;

18:08, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:08:48Z

←പഴയ രൂപം		23:38, 29 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 21:		വരി 21:
	width: 160px;		width: 160px;
	background-color: #ffffff;		background-color: #ffffff;
	border: 2px solid #~~0073e6~~;		border: 2px solid #1b2cb3;
	border-radius: 10px;		border-radius: 10px;
	padding: 10px;		padding: 10px;

18:05, 29 സെപ്റ്റംബർ 2025 സമയത്ത് Ranjithsiji

2025-09-29T18:05:30Z

←പഴയ രൂപം		23:35, 29 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
വരി 17:		വരി 17:
	flex-direction: column;		flex-direction: column;
	align-items: center;		align-items: center;
	justify-content: ~~center~~;		justify-content: space-between;
	min-width: 100px;		min-width: 100px;
	width: 160px;		width: 160px;