/* Question-list preview thumbnail frame */
.qa-qlt-thumbnail {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
max-width: 100%;
padding: 5px;
margin: 8px 0 6px;
background: #f3f5f6;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 6px;
overflow: hidden;
vertical-align: top;
}
/* Keep the clickable area aligned with the image */
.qa-qlt-thumbnail > a {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
line-height: 0;
text-decoration: none;
}
/* Preserve the complete image without stretching it */
.qa-qlt-thumbnail img {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
/* Slight feedback when hovering over a preview */
.qa-qlt-thumbnail:hover {
border-color: rgba(0, 0, 0, 0.2);
}
/* Dark-mode thumbnail frame */
html.qa-dark-mode .qa-qlt-thumbnail {
background: #202a33;
border-color: rgba(255, 255, 255, 0.14);
}
html.qa-dark-mode .qa-qlt-thumbnail:hover {
border-color: rgba(255, 255, 255, 0.24);
}
Recent questions tagged best
...
