.test-blog {
text-align: justify;
overflow: hidden;
}
.edit-pictures {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.edit-pictures img {
width: 200px;
margin: 10px;
}
.blog p {
text-indent: 10px;
padding: 10px;
text-align: justify;
}
.max-size-image {
max-width: 100%;
}
.main-image {
border: 1px solid green;
}
.post p {
text-align: justify;
font-size: 0.9rem;
}
.post {
min-height: 300px;
overflow: hidden;
}
.social a {
text-decoration: none;
}
.social-button {
display: flex;
align-items: center;
min-width: 40px;
height: 50px;
border: 1px solid grey;
border-radius: 5px;
padding: 5px;
}
.new-comment-field textarea {
resize: none;
}
.new-comment-field textarea:focus {
outline: none;
}
.comments #nav span {
cursor: pointer;
}
.comments .active {
color: orange;
text-decoration: underline;
}
.comment .date-comment {
font-size: 14px;
}
.comment .comment-reply {
vertical-align: middle;
}
.comment .comment-reply a[data-toggle="1"] {
color: orange!important;
}
.comment .comment-reply a:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top:5px;
background: no-repeat url('data:image/svg+xml, ');
transform: scale(-1, 1);
}
.social-button.comments:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat url('data:image/svg+xml, ');
}
.comment .reply-to:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top:5px;
background: no-repeat url('data:image/svg+xml, ');
transform: scale(-1, 1);
}
.comment .edit-comment {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background: no-repeat url('data:image/svg+xml, ');
cursor: pointer;
}
.comment .delete-comment {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: no-repeat url('data:image/svg+xml, ');
cursor: pointer;
}
.comment .check-comment {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: no-repeat url('data:image/svg+xml, ');
cursor: pointer;
}
.comment .date-edited {
font-size: 10px;
}
.scrollToComment {
background-color: rgba(49,140,231, 0.3);
transition: background-color 3s;
}
@media(max-width: 575px) {
.pagination-mob {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
}