57 lines
1.9 KiB
CSS
57 lines
1.9 KiB
CSS
.w_route_card {
|
|
padding: 20px;
|
|
--route-card-bg: #FFFFFF;
|
|
--route-card-box_shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
|
|
--route-text-color: #000000;
|
|
|
|
--route-text-container-bg: #F1F1F1;
|
|
--route-text-container-padding: 15px;
|
|
--route-text-container-margin: 7px 0 0 51px;
|
|
--route-text-container-border-radius: 10px;
|
|
--route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%);
|
|
|
|
--route-card-owner-avatar-size: 52px;
|
|
|
|
background: var(--route-card-bg);
|
|
box-shadow: var(--route-card-box_shadow);
|
|
color: var(--route-text-color);
|
|
.route_card_info_data{
|
|
position: relative;
|
|
.route_card_text_img{
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
filter: var(--route-text-img-filter);
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
.route_card_owner_avatar{
|
|
height: var(--route-card-owner-avatar-size);
|
|
width: var(--route-card-owner-avatar-size);
|
|
border-radius: 100%;
|
|
display: block;
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 6px;
|
|
z-index: 10;
|
|
}
|
|
.route_card_text_container{
|
|
background: var(--route-text-container-bg);
|
|
padding: var(--route-text-container-padding);
|
|
margin: var(--route-text-container-margin);
|
|
border-radius: var(--route-text-container-border-radius);
|
|
}
|
|
.route_card_owner_info{
|
|
margin-left: 75px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.route_card_info_left_part{
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
}
|
|
}
|
|
} |