Шаблон:таблицаролей/роль/styles.css

Вернуться

Строка 1: Строка 1:
/* Основные стили карточки */
.cardRole {
.cardRole {
     display: flex;
     display: flex;
Строка 11: Строка 12:
     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;
}
}


Строка 32: Строка 30:
     font-size: 14px;
     font-size: 14px;
     font-weight: 600;
     font-weight: 600;
}
.card_header_titleRole a {
    color: #ffffff;
    text-decoration: none;
}
}


Строка 69: Строка 62:
.cardRole:hover {
.cardRole:hover {
     transform: translateY(-2px);
     transform: translateY(-2px);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);border-color: #4c51bf;
     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);
}
}