File: /home/dermova/public_html/india/wp-content/themes/ri-colias/sass/theme/blog/_single.scss
/*Style single blog*/
.post-image {
text-align: center;
}
.post-image{
> *{
display: block;
}
ul li{
list-style:none;
}
.owl-carousel{
padding: 0;
z-index: 999;
.fa{
font-weight: 700;
}
.owl-prev{
left:15px;
border-width:2px;
}
.owl-next{
right:15px;
border-width:2px;
}
}
img{
float: none !important;
}
}
//title entry
.entry-header{
>header{
display: inline-block;
}
}
.entry-title{
display: inline-block;
padding: 15px 0;
font-size: 30px;
line-height: 24px;
}
//meta article
.article-meta,.post-comment{
padding-bottom: 15px;
line-height: 24px;
.fa{
@include rtl-padding-right(10px);
color: $theme-color;
}
span{
font-style:italic;
padding:0 15px;
&:first-child{
@include rtl-padding-left(0px);
}
}
}
//tag
.tags-link-wrap{
padding-top: 15px;
}
.tags{
.fa{
@include rtl-padding-right(10px);
color: $theme-color;
}
a{
background: #fbfbfb;
padding: 5px 10px;
color: #888888;
border: $border-color-base;
@include transition(0.4s);
&:hover{
color: $white;
background:$theme-color ;
border: 1px solid $theme-color;
@include transition(0.4s);
}
}
}
//content
.entry-content{
font-size: 16px;
}
//avatar
.author-img{
>img{
width: 100px;
padding: 3px;
border: $border-color-base;
max-width:inherit;
}
}
.avatar{
>img{
max-width:inherit;
}
}
.author-content{
h5{
margin-top: 0;
}
a{
font-size: 16px;
text-transform: capitalize;
}
.author-social{
margin-bottom: 5px;
}
p{
font-style: italic;
max-width: 800px;
}
}
//comment
#comments{
.heading{
font-size: 18px;
text-transform: uppercase;
}
.comment-list{
padding: 0;
margin: 0;
li.comment {
border-top: $border-color-base;
list-style: outside none none;
padding: 30px 0;
}
}
.text-user{
text-transform: capitalize;
}
.meta-user{
a{
@include rtl-padding-left(5px);
@include rtl-padding-right(5px);
}
}
.children{
@include rtl-padding-left(85px);
li:first-child{
margin-top: 20px;
}
li:last-child{
padding-bottom: 0;
}
}
.comment-author{
padding-bottom: 10px;
}
.comment-text{
}
}
//post related
.post-related{
padding: 30px 0;
}
.post-box-title{
text-transform: uppercase;
line-height: 40px;
color: $black;
}
.item-related{
padding-top: 15px;
img{
width: 100%;
}
}
.post-title{
font-size: 14px;
text-align: center;
text-transform: uppercase;
}
//pagination post
.entry_pagination{
.pagination{
padding: 20px 0;
margin: 0;
border: none;
.fa{
color: $theme-color;
}
.page-numbers:hover{
background:$theme-color ;
border: 1px solid $theme-color;
.fa{
color: $white;
}
}
}
}