ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
"ഫലകം:Header4/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
ഫലകം:Header4/styles.css (മൂലരൂപം കാണുക)
10:15, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 30 സെപ്റ്റംബർതിരുത്തലിനു സംഗ്രഹമില്ല
No edit summary |
No edit summary |
||
| വരി 10: | വരി 10: | ||
display: flex; | display: flex; | ||
flex-direction: row; /* side by side | flex-direction: row; /* side by side */ | ||
align-items: | align-items: stretch; | ||
gap: 20px; | gap: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| വരി 18: | വരി 18: | ||
/* Left (Image) */ | /* Left (Image) */ | ||
#mp-topbanner .banner-left { | #mp-topbanner .banner-left { | ||
flex: | flex: 1; /* image takes 1 share */ | ||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
#mp-topbanner .banner-left img { | #mp-topbanner .banner-left img { | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
max-width: 100%; | |||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 4px 10px rgba(0,0,0,0.15); | box-shadow: 0 4px 10px rgba(0,0,0,0.15); | ||
| വരി 31: | വരി 33: | ||
/* Right (Text) */ | /* Right (Text) */ | ||
#mp-topbanner .banner-right { | #mp-topbanner .banner-right { | ||
flex: | flex: 2; /* text takes 2 shares */ | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| വരി 61: | വരി 63: | ||
} | } | ||
/* Responsive: | /* Responsive: stack on small screens */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#mp-topbanner { | #mp-topbanner { | ||
| വരി 67: | വരി 69: | ||
text-align: center; | text-align: center; | ||
} | } | ||
#mp-topbanner .banner-left, | #mp-topbanner .banner-left, | ||
#mp-topbanner .banner-right { | #mp-topbanner .banner-right { | ||
| വരി 73: | വരി 74: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
#mp-topbanner .banner-right { | #mp-topbanner .banner-right { | ||
text-align: center; | text-align: center; | ||
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
} | } | ||