ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
No edit summary |
No edit summary |
||
| വരി 2: | വരി 2: | ||
#mp-topbanner { | #mp-topbanner { | ||
width: 96%; | width: 96%; | ||
background: linear-gradient(135deg, #f0f7ff, #ffffff); | background: linear-gradient(135deg, #f0f7ff, #ffffff); | ||
margin: 10px | margin: 10px auto; | ||
padding: 20px | padding: 20px; | ||
border-radius: 12px; | border-radius: 12px; | ||
border: 3px solid #7BBCE5; | border: 3px solid #7BBCE5; | ||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); | ||
display: flex; | display: flex; | ||
flex-direction: row; /* | flex-direction: row; /* side by side on desktop */ | ||
align-items: | align-items: flex-start; | ||
gap: 20px; | gap: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* | /* Left (Image) */ | ||
#mp-topbanner .banner- | #mp-topbanner .banner-left { | ||
flex: 0 0 35%; /* 35% width on desktop */ | |||
max-width: 350px; | |||
/* | |||
} | } | ||
#mp-topbanner .banner- | #mp-topbanner .banner-left img { | ||
width: 100%; | |||
height: auto | height: auto; | ||
display: block; | display: block; | ||
border-radius: 8px; | border-radius: 8px; | ||
| വരി 40: | വരി 29: | ||
} | } | ||
/* Text | /* Right (Text) */ | ||
#mp-topbanner .banner- | #mp-topbanner .banner-right { | ||
flex: 1 | flex: 1; /* take remaining space */ | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | |||
text-align: left; | |||
} | |||
/* Title */ | |||
#mp-topbanner .banner-title { | |||
font-size: 2rem; | |||
font-weight: bold; | |||
color: #004EC3; | |||
margin: 0 0 15px 0; | |||
} | } | ||
/* Description */ | |||
#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; | ||
margin-bottom: 10px; | |||
} | } | ||
/* Stats */ | |||
#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; | ||
} | } | ||
/* Responsive | /* Responsive: Mobile */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#mp-topbanner { | #mp-topbanner { | ||
flex-direction: column; | flex-direction: column; | ||
text-align: center; | |||
} | |||
#mp-topbanner .banner-left, | |||
#mp-topbanner .banner-right { | |||
flex: 1 1 100%; | |||
max-width: 100%; | |||
} | |||
#mp-topbanner .banner-right { | |||
text-align: center; | text-align: center; | ||
margin-top: 15px; | |||
} | } | ||
#mp-topbanner .banner-title { | #mp-topbanner .banner-title { | ||
font-size: 1.5rem; | font-size: 1.5rem; | ||
| വരി 75: | വരി 87: | ||
#mp-topbanner .banner-stats { | #mp-topbanner .banner-stats { | ||
font-size: 0.9rem; | font-size: 0.9rem; | ||
} | } | ||
} | } | ||
തിരുത്തലുകൾ