ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
ഫലകം:Header4/styles.css (മൂലരൂപം കാണുക)
10:11, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 30 സെപ്റ്റംബർതിരുത്തലിനു സംഗ്രഹമില്ല
(Ranjithsiji (സംവാദം) ചെയ്ത നാൾപ്പതിപ്പ് 2865988 നീക്കം ചെയ്യുന്നു) റ്റാഗ്: തിരസ്ക്കരിക്കൽ |
No edit summary |
||
| വരി 6: | വരി 6: | ||
padding: 20px 15px; | padding: 20px 15px; | ||
border-radius: 12px; | border-radius: 12px; | ||
border: 3px solid #7BBCE5; | |||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); | |||
display: flex; | display: flex; | ||
flex-direction: | flex-direction: row; /* Image left, text right on desktop */ | ||
align-items: center; | align-items: center; | ||
gap: 20px; | |||
box- | text-align: left; /* Default text alignment */ | ||
box-sizing: border-box; | |||
} | } | ||
/* Title */ | /* Title */ | ||
#mp-topbanner .banner-title { | #mp-topbanner .banner-title { | ||
font-size: 2rem; | font-size: 2rem; | ||
font-weight: bold; | font-weight: bold; | ||
color: #004EC3; | color: #004EC3; | ||
| വരി 22: | വരി 25: | ||
} | } | ||
/* | /* Image Section */ | ||
#mp-topbanner .banner-image { | #mp-topbanner .banner-image { | ||
flex: 1 1 40%; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
#mp-topbanner .banner-image img { | #mp-topbanner .banner-image img { | ||
| വരി 30: | വരി 36: | ||
height: auto !important; | height: auto !important; | ||
display: block; | display: block; | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 4px 10px rgba(0,0,0,0.15); | |||
} | |||
/* Text Section */ | |||
#mp-topbanner .banner-text { | |||
flex: 1 1 60%; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 12px; | |||
} | } | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||
font-size: 1.2rem; | font-size: 1.2rem; | ||
color: #333; | color: #333; | ||
line-height: 1.6em; | line-height: 1.6em; | ||
} | } | ||
#mp-topbanner .banner-stats { | #mp-topbanner .banner-stats { | ||
font-size: 1rem; | font-size: 1rem; | ||
color: #444; | color: #444; | ||
line-height: 1.6em; | line-height: 1.6em; | ||
margin-top: 5px; | |||
} | } | ||
/* Responsive tweaks */ | /* Responsive tweaks */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#mp-topbanner { | |||
flex-direction: column; /* Stack vertically */ | |||
text-align: center; | |||
} | |||
#mp-topbanner .banner-title { | #mp-topbanner .banner-title { | ||
font-size: 1.5rem; | font-size: 1.5rem; | ||
} | } | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||
| വരി 60: | വരി 75: | ||
#mp-topbanner .banner-stats { | #mp-topbanner .banner-stats { | ||
font-size: 0.9rem; | font-size: 0.9rem; | ||
} | |||
#mp-topbanner .banner-text { | |||
align-items: center; /* Center align text under image */ | |||
} | } | ||
} | } | ||
| വരി 65: | വരി 83: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
#mp-topbanner .banner-title { | #mp-topbanner .banner-title { | ||
font-size: 1.2rem; | font-size: 1.2rem; | ||
} | } | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||