MediaWiki:Common.css: Revizyonlar arasındaki fark
Değişiklik özeti yok |
Değişiklik özeti yok Etiket: Geri alındı |
||
| 18. satır: | 18. satır: | ||
visibility: hidden !important; | visibility: hidden !important; | ||
display: none !important; | display: none !important; | ||
} | |||
.news-card { | |||
border: 1px solid #ccc; | |||
border-radius: 8px; | |||
padding: 1em; | |||
margin: 1em 0; | |||
overflow: hidden; | |||
display: flex; | |||
gap: 15px; | |||
flex-wrap: wrap; | |||
background: #fff; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.07); | |||
transition: box-shadow 0.3s ease; | |||
} | |||
.news-card:hover { | |||
box-shadow: 0 6px 15px rgba(0,0,0,0.15); | |||
} | |||
.news-card > div:first-child { | |||
flex: 1 1 250px; | |||
max-width: 250px; | |||
} | |||
.news-card > div:first-child img { | |||
width: 100%; | |||
border-radius: 6px; | |||
display: block; | |||
} | |||
.news-card > div:last-child { | |||
flex: 2 1 300px; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.news-title { | |||
font-weight: bold; | |||
font-size: 1.2em; | |||
margin-bottom: 0.3em; | |||
color: #0056b3; | |||
} | |||
.news-date { | |||
color: #888; | |||
font-size: 0.9em; | |||
margin-bottom: 0.5em; | |||
} | |||
.news-summary { | |||
font-size: 0.95em; | |||
line-height: 1.4; | |||
flex-grow: 1; | |||
color: #333; | |||
} | |||
.news-readmore { | |||
margin-top: 0.8em; | |||
font-weight: 600; | |||
} | |||
.news-readmore a { | |||
color: #007acc; | |||
text-decoration: none; | |||
transition: color 0.3s ease; | |||
} | |||
.news-readmore a:hover { | |||
color: #0056b3; | |||
} | |||
.news-tags { | |||
margin-top: 0.5em; | |||
font-size: 0.85em; | |||
color: #777; | |||
} | |||
/* Responsive */ | |||
@media (max-width: 600px) { | |||
.news-card { | |||
flex-direction: column; | |||
} | |||
.news-card > div:first-child, | |||
.news-card > div:last-child { | |||
max-width: 100%; | |||
flex: 1 1 100%; | |||
} | |||
.news-card > div:first-child img { | |||
margin-bottom: 1em; | |||
} | |||
} | } | ||