MediaWiki:Common.css: Difference between revisions
no edit summary
Arisepedia (talk | contribs) No edit summary |
Arisepedia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* MediaWiki:Common.css */ | /* MediaWiki:Common.css */ | ||
/* Main Page*/ | |||
body { | body { | ||
font-family: 'Arial', sans-serif; | font-family: 'Arial', 'Noto Sans Devanagari', sans-serif; | ||
color: #333; | color: #333; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
| Line 17: | Line 13: | ||
/* Hero Section */ | /* Hero Section */ | ||
.hero { | .hero { | ||
background: # | background: #fc5351; | ||
color: # | color: #ffffff; | ||
padding: 60px 20px; | padding: 60px 20px; | ||
border-radius: 20px; | border-radius: 20px; | ||
| Line 24: | Line 20: | ||
text-align: center; | text-align: center; | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
} | } | ||
| Line 35: | Line 25: | ||
font-size: 2.5em; | font-size: 2.5em; | ||
font-weight: 700; | font-weight: 700; | ||
margin: 0 | margin: 0; | ||
} | } | ||
| Line 44: | Line 32: | ||
margin: 20px 0; | margin: 20px 0; | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
. | .hero a { | ||
background: | display: inline-block; | ||
border-radius: | background: #ffffff; | ||
color: #fc5351; | |||
margin-top: | 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; | |||
color: # | |||
} | } | ||
| Line 72: | Line 61: | ||
margin-bottom: 40px; | margin-bottom: 40px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.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; | ||
| Line 104: | Line 87: | ||
.article-carousel::-webkit-scrollbar-thumb { | .article-carousel::-webkit-scrollbar-thumb { | ||
background: # | background: #fc5351; | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
| Line 149: | Line 132: | ||
} | } | ||
.article-card { | .article-card a { | ||
display: inline-block; | |||
background: #fc5351; | |||
color: #000000; /* Changed to black */ | |||
padding: 8px 15px; | |||
border-radius: | border-radius: 20px; | ||
text-decoration: none; | |||
font-size: 0.9em; | |||
transition: | font-weight: 600; | ||
margin: 0 15px 15px; | |||
transition: background 0.3s, color 0.3s; | |||
} | } | ||
.article-card:hover { | .article-card a:hover { | ||
background: #b03a30; | |||
color: #000000; /* Kept black on hover */ | |||
} | } | ||
| Line 174: | Line 158: | ||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
.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; | ||
| Line 206: | Line 184: | ||
text-align: center; | text-align: center; | ||
margin-top: 40px; | margin-top: 40px; | ||
} | } | ||
| Line 218: | Line 189: | ||
font-size: 2.2em; | font-size: 2.2em; | ||
font-weight: 700; | font-weight: 700; | ||
color: # | color: #fc5351; | ||
margin: 0; | margin: 0; | ||
} | } | ||
| Line 228: | Line 199: | ||
.cta a { | .cta a { | ||
color: # | color: #fc5351; | ||
font-weight: 600; | font-weight: 600; | ||
text-decoration: underline; | text-decoration: underline; | ||
| Line 235: | Line 206: | ||
.cta a:hover { | .cta a:hover { | ||
color: # | color: #b03a30; | ||
} | } | ||
| Line 246: | Line 217: | ||
margin-top: 40px; | margin-top: 40px; | ||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); | box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); | ||
} | } | ||
| Line 263: | Line 228: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.hero h1 { | .hero h1 { | ||
font-size: | font-size: 1.8em; | ||
} | } | ||
.hero p { | .hero p { | ||
font-size: | font-size: 1em; | ||
} | } | ||
. | .hero a { | ||
font-size: 1em; | font-size: 1em; | ||
padding: 10px 20px; | |||
} | } | ||
.card h2 { | |||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
. | .card p { | ||
font-size: 1em; | |||
} | } | ||
. | .cta h2 { | ||
font-size: 1.8em; | |||
} | |||
.cta p { | |||
font-size: 1em; | font-size: 1em; | ||
} | } | ||
| Line 284: | Line 253: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.hero h1 { | .hero h1 { | ||
font-size: 1. | font-size: 1.5em; | ||
} | } | ||
.hero p { | .hero p { | ||
font-size: | font-size: 0.9em; | ||
} | } | ||
. | .hero a { | ||
font-size: 0.9em; | font-size: 0.9em; | ||
padding: 8px 15px; | |||
} | } | ||
.card h2 { | |||
font-size: 1.3em; | font-size: 1.3em; | ||
} | } | ||
. | .card p { | ||
font-size: 0.9em; | |||
} | |||
.cta h2 { | |||
font-size: 1.5em; | |||
} | } | ||
.cta p { | |||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
} | |||
#ca-viewsource { | |||
display: none; | |||
} | } | ||