Код:
.writer-desc {
font-size: 11px;
margin: 10px 0px 15px !important;
padding: 0px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 10px;
}
.writer-counter-wrapper {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
background: rgba(255,255,255,.05);
padding: 15px
}
.writer-counter-wrapper button {
width: 100%;
margin-top: 10px !important;
}
#writer-top-start-date {
margin-right: 20px
}
#writer-top {
display: flex;
flex-direction: column;
gap: 1px;
padding: 0px;
margin: 0px 0px
}
.writer-item__container {
padding: 15px;
display: flex;
gap: 0px 10px;
flex-wrap: wrap;
background: rgba(255,255,255,.05);
}
.writer-item__username {
font-weight: bold;
font-size: 13px
}
.writer-item__numb {
background: #fff;
border-radius: 10px;
padding: 0 10px 1px;
color: #000;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 11px
}
.writer-item__details {
width: 100%;
padding-top: 5px;
cursor: pointer
}
.writer-item__details:before {
content: "Information";
text-transform: uppercase;
border: 1px solid rgba(255,255,255,.05);
border-radius: 10px;
padding: 2px 10px;
font-size: 9px;
opacity: .75
}
.writer-item__details.open .writer-item__details-list {
display: flex
}
.writer-item__details-list {
display: none;
flex-direction: column;
gap: 0;
font-size: 10px;
margin-top: 10px !important;
}
.writer-item__details-list a {
font-size: 12px;
font-weight: 500
}
.writer-item__details-list li {
border-bottom: 1px solid rgba(255,255,255,.05);
padding: 10px 0 !important;
}
.writer-item__details-list li:last-child {
border: none !important;
padding-bottom: 0 !important;
}
#writer-summary {
display: flex;
gap: 5px;
flex-wrap: wrap;
font-weight: bold;
background: rgba(255,255,255,.05);
padding: 15px;
margin-top: 1px;
margin-bottom: 10px
}
