ബ്യൂറോക്രാറ്റുകൾ, ചെക്ക് യൂസർമാർ, emailconfirmed, സമ്പർക്കമുഖ കാര്യനിർവാഹകർ, kiteuser, oversight, അമർച്ചകർ, കാര്യനിർവാഹകർ, അപ്ലോഡ് സഹായി മേള തിരുത്തുന്നവർ
24,964
തിരുത്തലുകൾ
ഫലകം:Header4/styles.css (മൂലരൂപം കാണുക)
12:20, 30 സെപ്റ്റംബർ 2025-നു നിലവിലുണ്ടായിരുന്ന രൂപം
, 30 സെപ്റ്റംബർതിരുത്തലിനു സംഗ്രഹമില്ല
No edit summary |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 16 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 2: | വരി 2: | ||
#mp-topbanner { | #mp-topbanner { | ||
width: 96%; | width: 96%; | ||
background: linear-gradient(135deg, # | max-width: 1200px; | ||
background: linear-gradient(135deg,#ddfbd7,#fff); | |||
margin: 10px auto; | margin: 10px auto; | ||
padding: 20px; | padding: 20px; | ||
| വരി 8: | വരി 9: | ||
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); | ||
} | |||
/* Flex container */ | |||
#mp-topbanner .banner-container { | |||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
align-items: | align-items: flex-start; | ||
gap: | gap: 1rem; | ||
padding: 5px 10px; | |||
} | } | ||
/* Left (Image) */ | /* Left (Image) */ | ||
#mp-topbanner .banner-left { | #mp-topbanner .banner-left { | ||
flex: 1; | flex: 1; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
#mp-topbanner .banner-left img { | #mp-topbanner .banner-left img { | ||
width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
border-radius: 8px; | border-radius: 8px; | ||
object-fit: contain; | |||
} | } | ||
/* Right (Text) */ | /* Right (Text) */ | ||
#mp-topbanner .banner-right { | #mp-topbanner .banner-right { | ||
flex: 2; | flex: 2; | ||
font-size: 1rem; | |||
line-height: 1.6; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | justify-content: center; | ||
text-align: left; | text-align: left; | ||
padding: 10px 0; | |||
} | } | ||
| വരി 45: | വരി 52: | ||
font-weight: bold; | font-weight: bold; | ||
color: #004EC3; | color: #004EC3; | ||
margin: | margin: 15px 5px; | ||
text-align: center; | |||
line-height: 1.2; | |||
} | } | ||
/* Description */ | /* Description */ | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||
font-size: | font-size: 1rem; | ||
color: #333; | color: #333; | ||
margin:0; | |||
} | |||
#mp-topbanner .banner-desc p { | |||
margin:0; | |||
} | } | ||
/* Stats */ | /* Stats */ | ||
#mp-topbanner .banner-stats { | #mp-topbanner .banner-stats { | ||
font-size: | font-size: 0.9rem; | ||
color: #444; | color: #444; | ||
line-height: 1.6em; | line-height: 1.6em; | ||
margin: 0; | |||
} | |||
#mp-topbanner .banner-stats p { | |||
margin:0; | |||
} | |||
/* Links */ | |||
.banner-links { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
margin-top: 5px; | |||
} | } | ||
.banner-links a { | |||
display: inline-block; | |||
padding: 8px 15px; | |||
background-color: #004EC3; | |||
color: white; | |||
text-decoration: none; | |||
border-radius: 5px; | |||
font-weight: bold; | |||
transition: background-color 0.3s; | |||
} | |||
.banner-links a:hover { | |||
background-color: #003A9B; | |||
} | |||
/* Responsive: stack on small screens */ | /* Responsive: stack on small screens */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
#mp-topbanner { | #mp-topbanner .banner-container { | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | |||
padding: 0.5rem; | |||
} | |||
#mp-topbanner .banner-right { | |||
text-align: center; | text-align: center; | ||
padding: 10px 0; | |||
} | |||
#mp-topbanner .banner-title { | |||
font-size: 1.6rem; | |||
} | |||
#mp-topbanner .banner-desc { | |||
font-size: 1.1rem; | |||
} | } | ||
#mp-topbanner .banner- | .banner-links { | ||
#mp-topbanner .banner- | justify-content: center; | ||
flex: | } | ||
} | |||
/* Extra small screens */ | |||
@media (max-width: 480px) { | |||
#mp-topbanner { | |||
padding: 10px; | |||
} | |||
#mp-topbanner .banner-title { | |||
font-size: 1.4rem; | |||
} | |||
#mp-topbanner .banner-desc { | |||
font-size: 1rem; | |||
} | |||
.banner-links { | |||
flex-direction: column; | |||
align-items: center; | |||
} | } | ||
.banner-links a { | |||
width: 100%; | |||
text-align: center; | text-align: center; | ||
} | } | ||
} | } | ||