ഫലകം:FirstBoxes/styles.css (മൂലരൂപം കാണുക)
22:37, 10 ഒക്ടോബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 10 ഒക്ടോബർതിരുത്തലിനു സംഗ്രഹമില്ല
('→Container for all first boxes: .firstboxes-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 15px; background: linear-gradient(135deg, #fefefe, #e6f0ff); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); margin: 10px auto; max-width: 1200px; text-align: center; } →Each box: .firstbox-item { display: flex; flex-direction: column; al...' താൾ സൃഷ്ടിച്ചിരിക്കുന്നു) |
7907603754 (സംവാദം | സംഭാവനകൾ) No edit summary |
||
| (മറ്റൊരു ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 13 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 1: | വരി 1: | ||
.firstboxes-container { | .firstboxes-container { | ||
display: flex; | display: flex; | ||
| വരി 10: | വരി 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: 96%; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.firstbox-item { | .firstbox-item { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
justify-content: | justify-content: space-between; | ||
flex: 1 1 160px; /* minimum width 160px */ | |||
max-width: | 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; | ||
| വരി 31: | വരി 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; | |||
} | } | ||
.firstbox-item:hover { | .firstbox-item:hover { | ||
background-color: #0073e6; | background-color: #0073e6; | ||
| വരി 42: | വരി 40: | ||
} | } | ||
.firstbox-item:hover | |||
.firstbox-item:hover a { | |||
color: #fff; | |||
} | } | ||
.firstbox-item img { | .firstbox-item img { | ||
display: block; | display: block; | ||
| വരി 54: | വരി 52: | ||
} | } | ||
.firstbox-item a:hover { | |||
.firstbox-item { | color: #fff; | ||
font-size: 0. | font-weight: bold; | ||
} | |||
.firstbox-item small { | |||
display: block; | |||
font-size: 0.85rem; | |||
margin-top: 4px; | |||
color: #555; | |||
} | } | ||
/* | /* 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; | ||
} | } | ||
} | } | ||
| വരി 71: | വരി 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; | ||
} | } | ||
} | } | ||