MediaWiki:Citizen.css: различия между версиями
Askell (обсуждение | вклад) Нет описания правки Метка: отменено |
Askell (обсуждение | вклад) Нет описания правки |
||
| (не показано 19 промежуточных версий этого же участника) | |||
| Строка 938: | Строка 938: | ||
.card { | .card { | ||
position: relative; | position: relative; | ||
width: | width: 350px; /* Фиксированная ширина карточки */ | ||
min-height: 150px; /* Минимальная высота для выравнивания */ | min-height: 150px; /* Минимальная высота для выравнивания */ | ||
background-color: #ffffff; | background-color: #ffffff; | ||
| Строка 1013: | Строка 1013: | ||
font-size: 16px; | font-size: 16px; | ||
color: #ffffff; | color: #ffffff; | ||
} | |||
.character-row { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
} | |||
.character-card { | |||
position: relative; | |||
width: 200px; | |||
height: 300px; | |||
background-color: #222; | |||
color: white; | |||
border-radius: 8px; | |||
overflow: hidden; | |||
text-align: center; | |||
font-family: sans-serif; | |||
box-shadow: 0 4px 10px rgba(0,0,0,0.4); | |||
} | |||
.character-image { | |||
width: 100%; | |||
height: 200px; | |||
overflow: hidden; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.character-img { | |||
width: 100% !important; | |||
height: 100% !important; | |||
object-fit: cover; | |||
display: block; | |||
} | |||
.character-name { | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
padding: 8px 0; | |||
background-color: rgba(0, 0, 0, 0.7); | |||
} | |||
.character-overlay { | |||
position: absolute; | |||
bottom: -60px; | |||
left: 0; | |||
width: 100%; | |||
background-color: rgba(0,0,0,0.7); | |||
color: white; | |||
font-size: 0.9em; | |||
padding: 8px 5px; | |||
box-sizing: border-box; | |||
transition: bottom 0.3s ease; | |||
} | |||
.character-card:hover .character-overlay { | |||
bottom: 40px; | |||
} | } | ||