More actions
No edit summary |
No edit summary |
||
| Line 735: | Line 735: | ||
border: var(--border-width-base) solid var(--border-color-base); | border: var(--border-width-base) solid var(--border-color-base); | ||
} | } | ||
.mainpage-wrapper .link-tile { | |||
position: relative; | |||
width: 200px; | |||
height: 200px; | |||
overflow: hidden; | |||
background: var(--color-surface-2); | |||
border: var(--border-width-base) solid var(--border-color-base); | |||
} | |||
.mainpage-wrapper .tile-inner { | |||
width: 100%; | |||
height: 100%; | |||
position: relative; | |||
} | |||
.mainpage-wrapper .tile-inner img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
display: block; | |||
} | |||
.mainpage-wrapper .tile-label { | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
background: rgba(0, 0, 0, 0.6); | |||
text-align: center; | |||
padding: 0.3em; | |||
font-weight: bold; | |||
font-size: 1em; | |||
} | |||
.mainpage-wrapper .tile-label a { | |||
color: white; | |||
text-decoration: none; | |||
} | |||
.mainpage-wrapper .tile-label a:hover { | |||
text-decoration: underline; | |||
} | |||
/* === Mobile responsiveness === */ | /* === Mobile responsiveness === */ | ||