८०
सम्पादन
"मीडियाविकि:Common.css": अवतरणों में अंतर
सम्पादन सारांश नहीं है
No edit summary |
No edit summary |
||
| पंक्ति १५: | पंक्ति १५: | ||
/* Hero Section */ | /* Hero Section */ | ||
.hero { | .hero { | ||
background: # | background: #fc5351; | ||
color: # | color: #ffffff; | ||
padding: 60px 20px; | padding: 60px 20px; | ||
border-radius: 20px; | border-radius: 20px; | ||
| पंक्ति ३४: | पंक्ति ३४: | ||
margin: 20px 0; | margin: 20px 0; | ||
font-weight: 300; | font-weight: 300; | ||
} | |||
.hero a { | |||
display: inline-block; | |||
background: #ffffff; | |||
color: #fc5351; | |||
padding: 15px 30px; | |||
border-radius: 30px; | |||
text-decoration: none; | |||
font-size: 1.2em; | |||
font-weight: 600; | |||
margin-top: 20px; | |||
transition: background 0.3s, color 0.3s; | |||
border: 2px solid #fc5351; | |||
} | |||
.hero a:hover { | |||
background: #fc5351; | |||
color: #ffffff; | |||
} | } | ||
| पंक्ति ४९: | पंक्ति ६७: | ||
.featured-articles h2 { | .featured-articles h2 { | ||
font-size: 2em; | font-size: 2em; | ||
color: # | color: #6c0cec; | ||
border-bottom: 3px solid #e0e0e0; | border-bottom: 3px solid #e0e0e0; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| पंक्ति ७१: | पंक्ति ८९: | ||
.article-carousel::-webkit-scrollbar-thumb { | .article-carousel::-webkit-scrollbar-thumb { | ||
background: # | background: #fc5351; | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
| पंक्ति ११८: | पंक्ति १३६: | ||
.article-card a { | .article-card a { | ||
display: inline-block; | display: inline-block; | ||
background: # | background: #fc5351; | ||
color: #ffffff; | color: #ffffff; | ||
padding: 8px 15px; | padding: 8px 15px; | ||
| पंक्ति १३०: | पंक्ति १४८: | ||
.article-card a:hover { | .article-card a:hover { | ||
background: # | background: #b03a30; | ||
} | } | ||
| पंक्ति १४५: | पंक्ति १६३: | ||
.card h2 { | .card h2 { | ||
font-size: 2em; | font-size: 2em; | ||
color: # | color: #6c0cec; | ||
border-bottom: 3px solid #e0e0e0; | border-bottom: 3px solid #e0e0e0; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| पंक्ति १७२: | पंक्ति १९०: | ||
font-size: 2.2em; | font-size: 2.2em; | ||
font-weight: 700; | font-weight: 700; | ||
color: # | color: #fc5351; | ||
margin: 0; | margin: 0; | ||
} | } | ||
| पंक्ति १८२: | पंक्ति २००: | ||
.cta a { | .cta a { | ||
color: # | color: #fc5351; | ||
font-weight: 600; | font-weight: 600; | ||
text-decoration: underline; | text-decoration: underline; | ||
transition: color 0.3s; | transition: color 0.3s; | ||
} | |||
.cta a:hover { | |||
color: #b03a30; | |||
} | |||
/* Footer */ | |||
.footer { | |||
text-align: center; | |||
padding: 20px; | |||
background: #ffffff; | |||
border-top: 1px solid #ddd; | |||
margin-top: 40px; | |||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); | |||
} | |||
.footer p { | |||
margin: 0; | |||
color: #777; | |||
font-size: 1.1em; | |||
} | |||
/* Media Queries */ | |||
@media (max-width: 768px) { | |||
.hero h1 { | |||
font-size: 1.8em; | |||
} | |||
.hero p { | |||
font-size: 1em; | |||
} | |||
.hero a { | |||
font-size: 1em; | |||
padding: 10px 20px; | |||
} | |||
.card h2 { | |||
font-size: 1.5em; | |||
} | |||
.card p { | |||
font-size: 1em; | |||
} | |||
.cta h2 { | |||
font-size: 1.8em; | |||
} | |||
.cta p { | |||
font-size: 1em; | |||
} | |||
} | |||
@media (max-width: 480px) { | |||
.hero h1 { | |||
font-size: 1.5em; | |||
} | |||
.hero p { | |||
font-size: 0.9em; | |||
} | |||
.hero a { | |||
font-size: 0.9em; | |||
padding: 8px 15px; | |||
} | |||
.card h2 { | |||
font-size: 1.3em; | |||
} | |||
.card p { | |||
font-size: 0.9em; | |||
} | |||
.cta h2 { | |||
font-size: 1.5em; | |||
} | |||
.cta p { | |||
font-size: 0.9em; | |||
} | |||
} | |||
#ca-viewsource { | |||
display: none; | |||
} | } | ||