"ഫലകം:Header4/styles.css" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
No edit summary |
No edit summary |
||
| (ഒരേ ഉപയോക്താവ് ചെയ്ത ഇടയ്ക്കുള്ള 5 നാൾപ്പതിപ്പുകൾ പ്രദർശിപ്പിക്കുന്നില്ല) | |||
| വരി 3: | വരി 3: | ||
width: 96%; | width: 96%; | ||
max-width: 1200px; | max-width: 1200px; | ||
background: linear-gradient(135deg, # | background: linear-gradient(135deg,#ddfbd7,#fff); | ||
margin: 10px auto; | margin: 10px auto; | ||
padding: 20px; | padding: 20px; | ||
| വരി 17: | വരി 17: | ||
align-items: flex-start; | align-items: flex-start; | ||
gap: 1rem; | gap: 1rem; | ||
padding: | padding: 5px 10px; | ||
} | } | ||
| വരി 52: | വരി 52: | ||
font-weight: bold; | font-weight: bold; | ||
color: #004EC3; | color: #004EC3; | ||
margin | margin: 15px 5px; | ||
text-align: center; | text-align: center; | ||
line-height: 1.2; | line-height: 1.2; | ||
| വരി 61: | വരി 61: | ||
font-size: 1rem; | font-size: 1rem; | ||
color: #333; | color: #333; | ||
margin- | margin:0; | ||
} | |||
#mp-topbanner .banner-desc p { | |||
margin:0; | |||
} | } | ||
/* Stats */ | /* Stats */ | ||
#mp-topbanner .banner-stats { | #mp-topbanner .banner-stats { | ||
| വരി 70: | വരി 72: | ||
line-height: 1.6em; | line-height: 1.6em; | ||
margin: 0; | 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) { | ||
| വരി 91: | വരി 117: | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
} | |||
.banner-links { | |||
justify-content: center; | |||
} | } | ||
} | } | ||
| വരി 106: | വരി 135: | ||
#mp-topbanner .banner-desc { | #mp-topbanner .banner-desc { | ||
font-size: 1rem; | font-size: 1rem; | ||
} | |||
.banner-links { | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
.banner-links a { | |||
width: 100%; | |||
text-align: center; | |||
} | } | ||
} | } | ||