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