| Current Path : /home/sunflowe/www2/disneyexplorer/wp-content/themes/wide/assets/sass/theme/widget/ |
| Current File : /home/sunflowe/www2/disneyexplorer/wp-content/themes/wide/assets/sass/theme/widget/_tabs-post.scss |
//style widget Tabs post
.action-like{
@include rtl-margin-left(8px);
}
.entry-avatar{
.main-avt-like{
overflow: hidden;
margin-bottom: 25px;
.wti-clear{
display: none;
}
.by-title-date {
.post-date{
display: block;
line-height: 28px;
}
width: 50%;
@include rtl-float-left();
}
.view-like {
width: 50%;
@include rtl-text-align-right();
.align-left {
padding:0;
font-size: 12px;
clear: both;
}
.total-view {
float: none;
}
.watch-action {
@include rtl-margin-left(5px);
.status {
position: absolute;
width: 148px;
@include rtl-right(0);
bottom: -30px;
display: inherit !important;
line-height: 28px;
color: #5EBDC7;
@include rtl-text-align-right();
}
.watch-position {
.action-like {
margin-top: 1px;
@include rtl-padding-left(16px);
a {
span{
font-size: 12px;
line-height: 18px;
}
&:before {
font-size: 12px;
top:9px;
}
}
}
.action-unlike {
@include rtl-padding-left(11px);
a {
span{
font-size: 13px;
}
&:before {
font-size: 14px;
color: #acacac;
}
}
}
}
}
}
}
padding: 15px 30px 0;
.avatar{
border-radius: 100%;
@include rtl-margin-right(14px);
@include rtl-float-left();
}
.total-view {
font-size: 12px;
}
.author-by{
font-style: italic;
color: #747474;
}
.author-title{
font-weight: 500;
@include rtl-padding-left(3px);
color: $theme-color;
}
.author-link{
color: $theme-color;
}
.count-share{
@include rtl-float-right();
}
}
.total-view {
color: #acacac;
@include rtl-margin-left(3px);
display: inline-block;
font-size: 12px;
@include rtl-float-right();
}
.meta-comment{
@include rtl-margin-right(4px);
display: inherit;
color: #acacac;
}
.wti-clear{
display: none;
}
.view-like{
position: relative;
display: inline-block;
}
.watch-action{
display: inherit;
.status {
display: none !important;
}
width: initial;
@include rtl-float-right();
padding: 0;
.watch-position {
@include rtl-float-right();
position: inherit;
left: 0;
transform: inherit;
.action-like {
@include rtl-padding-left(15px);
padding-top: 2px;
a {
span{
line-height: 13px;
padding: 0 0 0 1px;
font-size: 12px;
color: #acacac;
}
&:before {
color: #acacac;
font-size: 11px;
}
}
}
.action-unlike {
@include rtl-padding-left(11px);
a {
span{
font-size: 13px;
}
&:before {
font-size: 14px;
color: #acacac;
}
}
}
}
}
//----------
aside.widget_tabs_post{
padding: 23px 30px;
}
.widget_tabs_post{
padding-bottom: 20px;
padding-top: 20px;
.meta-comment{
display: inline;
.text-comment{
.fa.fa-comments{
margin: 1px 5px 0 0;
@include rtl-float-left();
font-size: 12px;
}
}
}
background: #fff;
.tab-content{
.post-thumb {
padding-top:0;
@include rtl-margin-right(15px);
width: 43%;
}
.post-widget {
.post.media:first-child {
margin-top: 20px;
.by-title-date {
display: inline;
}
.entry-title {
font-size: 16px;
margin-top: 10px;
}
.view-like {
@include rtl-float-right();
margin-top: 0;
}
.post-thumb {
width: 100%;
}
.post-content {
margin-top: 10px;
}
}
.post.media:last-child{
border:none;
padding-bottom:0;
}
.post.media {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
.view-like{
margin-top: 10px;
}
.post-content{
}
}
}
.tab-pane {
.content-comment-widget {
&>h3 {
font-size: 13px;
}
}
}
.avatar-comment-widget {
img{
border-radius: 100%;
width: 50px;
}
}
padding:0;
}
.widget-title{
li:last-child{
@include rtl-text-align-right();
}
border: none;
display: table;
width: 100%;
border-bottom: 1px solid #eee;
padding-bottom:10px;
li{
border: none;
float: none;
padding: 0;
display: table-cell;
a{
color: #282828;
display: inline;
font-size: 14px;
font-weight: 500;
margin: 0;
padding: 0;
@include rtl-text-align-left();
text-transform: capitalize;
&:hover, &:focus,&:active{
color: #5EBDC7;
}
}
}
}
.entry-title{
font-size: 16px;
font-family:$font-family-two;
color: $color-title;
line-height: 24px;
padding:0;
}
.entry-meta{
.by-title-date {
display: block;
}
margin-top: 10px;
color: #acacac;
font-size: 12px;
>*{
display:inline-block;
}
}
.post-thumb.pull-left{
padding:0;
}
.post.media{
margin-top: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.post.media:last-child{
border: none;
padding-bottom: 0;
}
.post-content.media-body{
.entry-title{
padding: 0;
font-size: 14px;
line-height: 18px;
}
}
}