MediaWiki:Common.css: Difference between revisions
no edit summary
Arisepedia (talk | contribs) No edit summary Tag: Manual revert |
Arisepedia (talk | contribs) No edit summary Tag: Reverted |
||
| Line 179: | Line 179: | ||
#ca-viewsource { | #ca-viewsource { | ||
display: none; | display: none; | ||
} | |||
/* Featured Articles Section */ | |||
.featured-articles { | |||
background: var(--card-bg); | |||
border-radius: 15px; | |||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); | |||
padding: 20px; | |||
margin-bottom: 40px; | |||
overflow-x: auto; /* Allows horizontal scrolling on smaller screens */ | |||
} | |||
.featured-articles h2 { | |||
font-size: 2em; | |||
color: var(--heading-color); | |||
border-bottom: 3px solid var(--card-border); | |||
padding-bottom: 10px; | |||
margin-bottom: 20px; | |||
font-weight: 700; | |||
} | |||
.article-grid { | |||
display: flex; | |||
gap: 20px; | |||
min-width: min-content; /* Ensures the content doesn't wrap */ | |||
} | |||
.article-card { | |||
flex: 0 0 300px; /* Fixed width for each card */ | |||
background: var(--card-bg); | |||
border-radius: 10px; | |||
padding: 15px; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.article-card img { | |||
width: 100%; | |||
height: 150px; | |||
object-fit: cover; | |||
border-radius: 10px; | |||
margin-bottom: 10px; | |||
} | |||
.article-card h3 { | |||
font-size: 1.2em; | |||
margin-bottom: 10px; | |||
color: var(--text-color); | |||
} | |||
.article-card p { | |||
flex-grow: 1; | |||
font-size: 0.9em; | |||
line-height: 1.4; | |||
margin-bottom: 10px; | |||
} | |||
.read-more { | |||
display: inline-block; | |||
background: var(--link-color); | |||
color: var(--hero-text); | |||
padding: 8px 15px; | |||
border-radius: 20px; | |||
text-decoration: none; | |||
font-size: 0.9em; | |||
font-weight: 600; | |||
transition: background 0.3s, color 0.3s; | |||
align-self: flex-start; | |||
} | |||
.read-more:hover { | |||
background: var(--link-hover); | |||
} | } | ||