Sindbad~EG File Manager
/* Post Sticky */
.post.sticky { background: #f9f9f9; padding: 25px; border-left: 3px solid #db2d2e; margin-bottom: 60px; }
.post.sticky .blog-entry hr { display: none; }
/* Entry Video */
.audio-video,
.blog-entry-vimeo,
.blog-entry-you-tube {margin-bottom: 20px;}
.blog-entry-you-tube .js-video,
.blog-entry-vimeo .js-video{height: 0; padding-top: 25px; padding-bottom: 53.5%; margin-bottom: 10px; position: relative;
overflow: hidden;}
.blog-entry-you-tube .js-video iframe,
.blog-entry-vimeo .js-video iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:none;
}
/* Entry image */
.blog-entry-image {margin-bottom: 20px;}
.masonry-main .masonry-item .blog-entry-slider{margin-bottom: 20px;}
.masonry-main .masonry-item .blog-entry-slider .item img{max-width: 100%;}
.format-gallery .blog-entry-slider{margin-bottom: 20px;}
/* Entry title */
.blog-entry .entry-title { margin-bottom: 5px; }
.entry-title i { display: table-cell; width: 30px; font-size: 20px; color: #db2d2e; }
.entry-title .entry-title { display: table-cell;}
.entry-title a {
font-size: 18px;
font-style: normal;
line-height: 24px;
color: #363636;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
font-weight: 700;
}
.entry-title a:hover { color: #db2d2e; }
.blog-entry .entry-share .button { margin-bottom: 0;}
/* Blog Read Morw button */
.blog .blog-2 .blog-description .read-more {
font-size: 14px;
text-align: center;
color: #db2d2e;
text-transform: capitalize;
vertical-align: middle;
padding: 8px 20px;
}
/* Entry meta */
.entry-meta { margin-bottom: 15px; }
.entry-meta ul { padding-left: 0px; }
.entry-meta ul li,
.entry-meta a { display: inline-block; padding-right: 10px; }
.entry-meta ul li { padding-right: 0; }
.entry-meta ul li > span{ padding-right: 10px;}
.entry-meta ul li a,
.entry-meta a { color: #626262; padding-right: 0;}
.entry-meta ul li > a{ padding-right: 10px; margin-bottom: 5px;}
.entry-meta ul li i,
.entry-meta i { color: #db2d2e; padding-right: 3px; }
.entry-meta ul li a:hover,
.entry-meta a:hover { color: #db2d2e; }
.blog-entry .entry-meta li { display: inline;}
.blog-entry .entry-meta li > span { margin: 5px 0; display: inline-block;}
.blog-entry ul.cardealer-entry-meta-items {display: flex; align-items: center; gap: 10px 15px;}
.blog-entry ul.cardealer-entry-meta-items li {display: inline; font-size: 15px;}
.blog-entry ul.cardealer-entry-meta-items li > a,
.blog-entry ul.cardealer-entry-meta-items li > span {padding: 0; margin: 0;}
.blog-entry ul.cardealer-entry-meta-items li i {padding-right: 5px; font-size: 14px;}
.search-results .entry-meta a{margin-right: 10px;}
/* Entry content */
.blog .entry-content p { margin-bottom: 10px; }
.post .entry-content + .entry-share { margin-top: 15px;}
.entry-share .entry-footer-share .cardealer-share-action {gap: inherit;}
.entry-share .entry-footer-share .cardealer-share .cardealer-share-action-link {padding: 10px 15px; display: inline-block; background: #db2d2e; color: #ffffff;}
.entry-share .entry-footer-share .cardealer-share .cardealer-share-action-label {display: none;}
.entry-share .entry-footer-share .cardealer-share-action-inline-links .single-share-box {right: 30px; opacity: 0; visibility: hidden; padding-right: 10px; transition: all 0.25s ease-in-out;}
.entry-share .entry-footer-share .cardealer-share-action:hover .cardealer-share-action-inline-links .single-share-box {right: 40px; opacity: 1; visibility: visible;}
.post .entry-content blockquote {font-size: 16px; line-height: 26px; padding-left: 100px; padding-top: 30px; padding-right: 30px; padding-bottom: 25px; border-left: 5px solid var(--cd-primary-color);
margin: 25px 0;}
.post .entry-content blockquote:before {left: 30px; top: 30px; font-size: 80px; line-height: 80px;}
.post .entry-content blockquote cite {font-style: normal; margin-top: 10px;}
/* Blog section border */
article hr,
.page hr,
.post hr { margin: 60px 0; }
article:last-child hr,
.page:last-child hr,
.post:last-child hr { display: none; }
/* Blog Tag */
.tags-2 { margin-bottom: 15px; }
.single-post .tags-2 { margin-bottom: 0px; }
.tags-2 h5 { margin-top: 15px; }
.tags-2 ul { padding-left: 0px; }
.tags-2 ul li { list-style: none; display: inline-block; margin-right: 5px; }
.tags-2 ul li a { background: none; border: 1px solid #e3e3e3; color: #999999; display: block; font-size: 14px; margin-bottom: 8px; margin-right: 0px; padding: 2px 6px; text-transform: capitalize; }
.tags-2 ul li a:hover { background: #db2d2e; border-color: #db2d2e; color: #ffffff; }
/* Leave a reply */
#cancel-comment-reply-link { color: #db2d2e; }
.commentlist .comment .comment-respond { border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 40px; margin-left: 90px; }
.section-field { float: left; margin-right: 3%; width: 31.33%; margin-bottom: 3%; }
.section-field.comment-form-url { margin-right: 0px; }
.section-field.textarea { width: 100%; margin-right: 0px; }
.section-field.textarea textarea { height: 120px; padding: 10px;}
.section-field.comment-form-cookies-consent { width: 100%; position: relative; }
.section-field.comment-form-cookies-consent input { width: auto; height: auto; position: absolute; left: 0; top: 1px; }
.section-field.comment-form-cookies-consent label { padding-left: 20px; }
.section-field input,
.post-password-form input[type="password"],
.section-field textarea {
padding-right: 12px;
padding-left: 12px;
color: #323232;
height: 45px;
border: 1px solid transparent;
background: #f6f6f6;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width: 100%;
padding: 10px;
}
.section-field input:focus,
.section-field textarea:focus,
.post-password-form input[type="password"]:focus {
background: transparent;
border-color: #db2d2e;
}
.comment-form .form-submit {
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.comment-form .form-submit .button {
margin-bottom: 0;
}
/* HTML tags and formatting */
.post-template-default .entry-content h2 { margin: 15px 0px; }
/* Blockquote */
blockquote { font-size: 16px; font-style: italic; }
cite { font-size: 14px; margin-top: 15px; font-weight: 600; color: #db2d2e;}
/* Definition lists */
dl dt { margin-bottom: 5px; }
dl dd { margin-bottom: 20px; }
/* List ( Nested ) */
.entry-content ul, .comment-content ul { padding-left: 20px; margin-left: 10px; }
ul { padding: 0 0 0 15px; margin: 0px; list-style-type: disc; }
ul ul { margin-left: 15px; }
ul li { padding: 0px; margin: 0px; line-height: 24px; }
/* List ( Nested ) */
.entry-content ol, .comment-content ol { padding-left: 15px; }
ol { padding: 0 0 0 15px; margin: 0px; }
ol ol { margin-left: 15px; }
ol li { list-style-position: outside; padding: 0px; margin: 0px; line-height: 30px;}
/* Address */
.entry-content address, .comment-content address { font-style: italic; }
/* Image alignment */
.entry-content img,
img.size-full,
.wp-caption img {margin-bottom: 10px; max-width: 100%;}
.alignright { float: right; margin: 5px 0px 5px 20px; }
.alignleft { margin: 5px 20px 5px 0; float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center;}
/* Template Password Protected*/
.post-password-form p input {
height: 44px;
width: 10%;
background: #db2d2e;
color: #fff;
border: none;
}
.post-password-form p input:hover {
background: #323232;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
/* POSTED BY */
.author-info {
padding: 30px;
background: #ffffff;
margin-bottom: 25px;
border: 1px solid #f3f3f3;
position: relative;
-webkit-box-shadow: 0 5px 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 5px 25px rgba(0,0,0,.05);
box-shadow: 0 5px 25px rgba(0,0,0,.05);
}
.author-info .author-avatar {
display: table-cell;
width: 100px;
padding-right: 30px;
margin-bottom: 0;
}
.author-info .author-avatar img {
max-width: 100%;
border: 1px solid #e5e5e5;
padding: 3px;
}
.author-info > .author-description,
.author-info .author-details {
display: table-cell;
vertical-align: top;
}
.author-info .author-details h3,
.author-info .author-details .text-blue {
font-size: 28px;
line-height: 38px;
}
.author-info .author-details h2,
.author-info .author-details h3,
.author-info .author-details h4 {
margin-bottom: 10px;
}
.author-info .author-details .author-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
margin-bottom: 15px;
float: none !important;
position: absolute;
right: 15px;
top: 28px;
}
.author-info .author-details .author-links > a {
padding: 0;
margin-right: 3px;
display: inline-block;
width: 20px;
height: 30px;
line-height: 30px;
text-align: center;
}
/* Comments */
.comments-title {
font-size: 28px; line-height: 38px;
margin: 25px 0px;
}
ol.commentlist {
padding: 0px;
list-style: none;
margin-bottom: 25px;
}
.commentlist > li {
list-style: none;
}
.children > li {
list-style: none;
}
.commentlist div.comment {
position: relative;
padding-left: 90px;
}
.commentlist div.comment-content {
padding-left: 0;
}
.comments-1 .comments-photo {
border: 1px solid #e8ebf1;
height: auto;
padding: 8px;
width: 70px;
position: absolute;
left: 0;
top: 0;
}
.comments-1 .comment-meta {
background: none;
}
.comments-1 .comments-photo img {
width: 100%;
}
.comments-1 .comments-info {
display: table;
background: #ffffff;
padding: 25px;
margin-bottom: 20px;
width: 100%;
border: 1px solid #f3f3f3;
-webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05);
}
.comments-1 .comments-info p {
word-break: break-all;
}
.comments-1 .comments-info .comment-meta {
position: relative;
}
.comments-1 .comments-info .comment-meta h4 {
display: inline-block;
margin-bottom: 0px;
font-size: 15px;
line-height: 24px;
padding-right: 70px;
margin-bottom: 10px;
}
.comments-1 .comments-info span {
font-size: 13px;
color: #999999;
}
.comments-1 .comments-info a {
color: #db2d2e;
font-size: 15px;
margin-right: 5px;
}
.comments-1 .comments-info .comment-date a {
color: #999999;
}
.comments-1 .comments-info .comment-date a:hover {
color: #db2d2e;
}
.comments-1 .comments-info .comment-content a:hover {
color: #999999;
}
.comment-nav li {
list-style-type: none;
}
.comments-area .respond-form {
margin-top: 40px;
}
/* Gallery */
.gallery-size-thumbnail .gallery-item { margin-right: 2%; width: 18.4%; margin-bottom: 2%; display: inline-block; vertical-align: top; padding: 15px; text-align: center; border: 1px solid #f9f9f9; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.07); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.07); box-shadow: 0 2px 8px rgba(0,0,0,0.07);}
.gallery-item .gallery-caption { font-size: 13px; }
.gallery-size-thumbnail .gallery-item img { margin-bottom: 10px; }
.gallery-columns-1 .gallery-item { width: 100%; margin-right: 0px; }
.gallery-columns-2 .gallery-item { width: 48%; }
.gallery-columns-3 .gallery-item { width: 31.3%; }
.gallery-columns-4 .gallery-item { width: 23%; }
.gallery-columns-5 .gallery-item { width: 18%; }
.gallery-columns-6 .gallery-item { width: 14.6%; }
.gallery-columns-7 .gallery-item { width: 12.2%; }
.gallery-columns-8 .gallery-item { width: 10.5%; }
.gallery-columns-9 .gallery-item { width: 9.1%; }
.gallery.gallery-size-thumbnail { display: inline-block; width: 100%; }
/* Gallery Post - Details */
.blog-entry-grid ul.grid-post{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 20px}
.blog-entry-grid ul.grid-post li{width: calc(50% - 10px);}
.blog-entry-grid ul.grid-post li img{width:100%}
/* Related Products */
.related-work .owl-carousel .owl-item img{ width: 100%;}
/* Search results */
.search-form input.placeholder {
padding-right: 55px;
padding-left: 12px;
color: #323232;
height: 45px;
border: 1px solid transparent;
background: #f6f6f6;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width: 100%;
margin-bottom: 15px;
}
.search-form input.placeholder:focus {
background: transparent;
border-color: #db2d2e;
}
/* Replay */
.comments-info .reply {
position: absolute;
right: 0px;
top: 0px;
}
.comment-respond .comment-reply-title {
font-size: 28px;
line-height: 38px;
}
.commentlist .comment-reply-title #cancel-comment-reply-link {
margin-left: 5px;
font-size: 20px;
margin-left: 10px;
}
.comments-info .reply .comment-reply-link {
background: #db2d2e;
padding: 5px 15px;
color: #ffffff;
font-size: 14px;
line-height: 18px;
display: inline-block;
position: relative;
z-index: 0;
margin: 0;
}
.comments-info .reply .comment-reply-link:before {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0;
background: #323232;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: -1;
}
.comments-info .reply .comment-reply-link:hover { color: #ffffff; }
.comments-info .reply .comment-reply-link:hover:before { height: 100%; }
@media (max-width: 767px) {
.comments-1 .comments-photo {padding: 5px; width: 50px;}
.commentlist div.comment {padding-left: 70px;}
.commentlist div.comment-content {padding-left: 0px;}
.commentlist .comment .comment-respond {margin-left: 70px;}
.commentlist .comment .comment-respond .comment-reply-title {font-size: 20px; line-height: 26px;}
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists