MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 904: | Line 904: | ||
.gallerybox .thumb img:hover { | .gallerybox .thumb img:hover { | ||
box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important; | box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important; | ||
} | |||
/* Random teaser card */ | |||
.random-card { | |||
display: grid; | |||
grid-template-columns: 120px 1fr; | |||
gap: 12px; | |||
align-items: center; | |||
background: #0f1012; | |||
border: 1px solid #2a2d33; | |||
border-radius: 8px; | |||
padding: 12px; | |||
margin: 8px 0 16px 0; | |||
color: #e5e8eb; | |||
} | |||
.random-card.loading { opacity: .7; } | |||
.random-card .thumb { | |||
width: 120px; height: 120px; overflow: hidden; border-radius: 6px; | |||
background: #0b0c0d; display: flex; align-items: center; justify-content: center; | |||
border: 1px solid #2a2d33; | |||
} | |||
.random-card .thumb img { max-width: 100%; height: auto; display: block; } | |||
.random-card .content h3 { | |||
margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; | |||
} | |||
.random-card .content p { | |||
margin: 0 0 8px 0; color: #a9b0b8; | |||
} | |||
.random-card .actions { | |||
display: flex; gap: 8px; margin-top: 6px; | |||
} | |||
.random-card .btn { | |||
border: 1px solid #2a2d33; padding: 4px 8px; border-radius: 6px; | |||
background: #14161a; color: #e5e8eb; cursor: pointer; text-decoration: none; | |||
} | |||
.random-card .btn:hover { background: #15191f; } | |||
@media (max-width: 600px){ | |||
.random-card { grid-template-columns: 1fr; } | |||
.random-card .thumb { width: 100%; height: auto; } | |||
} | } | ||