ഫലകം:FirstBoxes/styles.css (മൂലരൂപം കാണുക)
22:37, 10 ഒക്ടോബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 10 ഒക്ടോബർതിരുത്തലിനു സംഗ്രഹമില്ല
No edit summary |
7907603754 (സംവാദം | സംഭാവനകൾ) No edit summary |
||
| (മറ്റൊരു ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 3 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 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: | width: 96%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| വരി 18: | വരി 18: | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; | ||
flex: 1 1 160px; /* minimum width 160px */ | |||
width: 220px; | max-width: 220px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border: 2px solid # | border: 2px solid #ccc; | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 10px; | padding: 10px; | ||
| വരി 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; | ||
} | } | ||
| വരി 40: | വരി 40: | ||
} | } | ||
.firstbox-item:hover a { | .firstbox-item:hover a { | ||
color: #fff; | |||
} | } | ||
.firstbox-item img { | .firstbox-item img { | ||
display: block; | display: block; | ||
| വരി 52: | വരി 51: | ||
height: auto; | height: auto; | ||
} | } | ||
.firstbox-item a:hover{ | |||
.firstbox-item a:hover { | |||
color: #fff; | |||
font-weight: bold; | |||
} | } | ||
.firstbox-item small { | .firstbox-item small { | ||
display: block; | display: block; | ||
| വരി 63: | വരി 64: | ||
} | } | ||
/* Mobile layout: 2 items per row with min-width 160px */ | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.firstbox-item { | .firstbox-item { | ||
flex: 1 1 45%; /* roughly 2 items per row */ | |||
min-width: 160px; | |||
font-size: 0. | font-size: 0.95rem; | ||
} | } | ||
} | } | ||
| വരി 73: | വരി 75: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.firstbox-item { | .firstbox-item { | ||
flex: 1 1 45%; /* still 2 items per row */ | |||
min-width: 160px; | |||
font-size: 0. | font-size: 0.85rem; | ||
} | } | ||
} | } | ||