MediaWiki:Citizen.css: различия между версиями
Askell (обсуждение | вклад) Нет описания правки |
Askell (обсуждение | вклад) Нет описания правки |
||
| Строка 1017: | Строка 1017: | ||
.character- | .character-row { | ||
display: flex; | display: flex; | ||
gap: | gap: 20px; | ||
flex-wrap: | flex-wrap: wrap; | ||
} | } | ||
| Строка 1031: | Строка 1030: | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
border-radius: 10px; | |||
border-radius: | |||
overflow: hidden; | overflow: hidden; | ||
transition: transform 0. | box-shadow: 0 4px 8px rgba(0,0,0,0.2); | ||
transition: transform 0.2s; | |||
} | } | ||
.character-card:hover { | .character-card:hover { | ||
transform: scale(1. | transform: scale(1.02); | ||
} | } | ||
. | .character-name { | ||
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
width: 100%; | width: 100%; | ||
background | background: rgba(0, 0, 0, 0.6); | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
padding: 10px 0; | |||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | |||
} | } | ||
. | .character-overlay { | ||
position: absolute; | position: absolute; | ||
bottom: - | bottom: -60px; | ||
width: 100%; | width: 100%; | ||
background | background: rgba(0, 0, 0, 0.7); | ||
color: #fff; | color: #fff; | ||
font-size: | text-align: center; | ||
padding: | font-size: 0.9em; | ||
transition: bottom 0.3s | padding: 10px 5px; | ||
transition: bottom 0.3s; | |||
} | } | ||
.character-card:hover . | .character-card:hover .character-overlay { | ||
bottom: 40px; | bottom: 40px; | ||
} | } | ||