Шаблон:таблицаролей/роль/styles.css
| Строка 1: | Строка 1: | ||
.cardRole { | .cardRole { | ||
display: flex; | display: flex; | ||
| Строка 12: | Строка 11: | ||
border: 1px solid #2d3142; | border: 1px solid #2d3142; | ||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); | ||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; | |||
cursor: pointer; | |||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, outline 0.2s ease; | |||
} | } | ||
| Строка 30: | Строка 32: | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: 600; | font-weight: 600; | ||
} | |||
.card_header_titleRole a { | |||
color: #ffffff; | |||
text-decoration: none; | |||
} | } | ||
| Строка 62: | Строка 69: | ||
.cardRole:hover { | .cardRole:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); | box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);border-color: #4c51bf; | ||
} | } | ||
.cardRole:hover .card_imageRole img { | .cardRole:hover .card_imageRole img { | ||
transform: scale(1.15); | |||
} | |||
.card_imageRole img { | |||
transform: scale(1.15); | transform: scale(1.15); | ||
} | } | ||