财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV
v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) {
http_response_code(402);
exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/components/_post-content.scss
// single post elements
.post-content.container-wrapper{
padding: 0;
}
.post-components{
> div,
#add-comment-block{
margin-top: 30px;
@include breakpoint(max_min_md){
margin-top: 15px;
}
}
#respond{
margin-top: 30px; // for jetpack plugin
}
}
#go-to-content{
position: absolute;
bottom: 20px;
right: 30px;
width: 45px;
height: 70px;
line-height: 70px;
text-align: center;
color: #fff;
display: block;
@include font-size(70px);
z-index: 3;
&:hover{
color: $brand-color;
}
}
@include breakpoint(max_min_sm){
.post-layout-4,
.post-layout-5,
.post-layout-7{
#content{
margin-top: 0;
}
}
.post-layout-4,
.post-layout-5{
#go-to-content{
display: none;
}
}
.post-layout-5{
.fullwidth-entry-title{
margin-left: -15px;
margin-right: -15px;
border-radius: 0;
}
}
}
// post / archive title
.entry-header,
.page-title{
@include font-size(45px);
line-height: 1.2;
@include breakpoint(max_min_sm){
@include font-size(28px);
}
}
// entry header
.entry-header{
.entry-title{
margin-bottom: 15px;
@include breakpoint(max_min_sm){
@include font-size(28px);
}
}
.entry-sub-title{
@include font-size(22px);
line-height: 27px;
font-weight: normal;
margin-top: -5px;
margin-bottom: 15px;
color: $secondry-text-color;
font-family: inherit;
letter-spacing: 0;
@include breakpoint(max_min_md){
@include font-size(18px);
line-height: 23px;
}
}
.post-is-trending{
margin: 15px 0 10px;
@include font-size(14px);
font-weight: bold;
}
.trending-post{
margin-right: 5px;
}
.post-cat{
margin-bottom: 6px;
}
.post-meta{
overflow: inherit;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0;
line-height: 24px;
.meta-item {
margin-right: 12px;
}
&,
a:not(:hover){
color: #333333;
.dark-skin &{
color: #aaaaaa;
}
}
.meta-author{
margin: 0;
.tie-icon-author{
display: none;
}
a{
font-weight: 600;
}
}
.author-meta + .date{
&:before{
content: "\2022";
color: #ccc;
margin: 0 3px 0 5px;
display: inline-block;
}
}
.tie-alignright{
display: inline;
}
}
@include breakpoint(max_min_sm){
.post-meta{
margin-bottom: -8px;
.tie-alignright{
float: none;
}
.meta-item,
.tie-alignright .meta-item:last-child{
margin-bottom: 8px !important;
}
> span,
> div{
float: initial !important;
}
.meta-author a{
font-weight: normal;
}
}
.meta-author-avatar img{
width: 20px;
height: 20px;
}
}
}
.meta-author-avatar img{
width: 30px;
height: 30px;
margin-right: 3px;
margin-top: -5px;
vertical-align: middle;
border-radius: 50%;
transition: 0.15s;
}
// posts layouts
// fullwidth title: all post layouts except #1 & #2
.fullwidth-entry-title{
background-color: transparent;
margin: 30px 0 0;
padding: 30px 0;
border: none;
box-shadow: none !important;
@include breakpoint(max_min_md){
margin-top: 15px;
margin-bottom: 15px;
}
.post-layout-3 &{
padding: 0;
}
.one-column-no-sidebar &{
border-width: 0;
}
.dark-skin .one-column-no-sidebar &{
background-color: transparent;
.entry-header-outer{
border-bottom-width: 0;
}
}
}
// layout#4, #5, #8
.single-big-img{
position: relative;
height: 570px;
margin-top: 30px;
border: 0;
background-size: cover;
//@include breakpoint(max_min_lg){
//height: 440px;
//}
@include breakpoint(max_min_md){
height: 380px;
}
@include breakpoint(max_min_sm){
height: 320px;
}
@include breakpoint(max_min_xs){
height: 400px;
}
@include breakpoint_max(320px){
.entry-sub-title{
display: none;
}
}
.post-layout-5 &{
padding: 30px;
@include breakpoint(max_min_md){
padding: 20px;
}
}
.container{
position: relative;
height: 100%;
padding: 0;
}
.entry-title,
.entry-sub-title,
.post-meta {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.entry-sub-title{
color: #ffffff;
}
#go-to-content {
bottom: 55px;
right: 30px;
}
.thumb-overlay{
pointer-events: none;
overflow: hidden;
}
.entry-header{
border: 0;
margin-bottom: 0;
position: absolute;
z-index: 2;
bottom: 0;
padding: 30px;
color: #ffffff;
left: 0;
width: 100%;
@include breakpoint(max_min_md){
padding: 20px;
}
}
.entry-title{
padding-right: 100px;
color: #ffffff;
.one-column-no-sidebar &{
padding: 0 100px;
@include breakpoint(max_min_md){
padding: 0;
}
}
@include breakpoint(max_min_sm){
padding-right: 0;
}
.full-width &{
padding: 0 100px;
@include breakpoint(max_min_sm){
padding: 0 20px;
}
}
}
.post-meta{
&,
a:not(:hover){
color: #ffffff;
}
.tie-alignright{
float: none;
padding-left: 10px;
}
}
#breadcrumb{
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5);
a{
color: #fff;
&:hover{
opacity: 0.8;
}
}
}
}
// post layout#4, #5, #8
.full-width-area{
padding: 0;
margin-top: 0;
@include breakpoint(max_min_md){
margin-bottom: 15px;
}
.entry-header-outer{
padding: 30px 0 0;
@include breakpoint_max($screen-lg + 40px){
padding: 30px 30px 0;
}
@include breakpoint(max_min_md){
padding: 20px;
}
}
//.entry-title,
//.entry-sub-title{
// padding: 0;
//}
#go-to-content {
right: 15px;
}
}
.post-layout-3{
.entry-header{
padding: 0;
margin: 0;
}
}
.post-layout-4{
.fullwidth-entry-title{
padding: 0;
}
@include breakpoint_min($screen-lg + 40px){
.entry-header{
padding: 30px 15px;
}
#breadcrumb{
padding: 0 15px;
}
}
}
.post-layout-1 div.entry-content{
padding-top: 0;
}
.post-layout-1,
.post-layout-2,
.post-layout-6{
.entry-header-outer{
padding: 30px 30px 20px;
@include breakpoint(max_min_sm){
padding: 20px;
}
}
.entry-header{
padding: 0;
margin: 0;
}
}
// post layout #6
.post-layout-6{
.featured-area{
margin: 35px 0 0;
.slick-list{
width: 100%;
}
@include breakpoint(max_min_md){
margin-top: 15px;
}
}
&.is-map-format,
&.is-slider-format{
.featured-area{
margin-top: 0;
}
}
.google-map .tie-fluid-width-video-wrapper{
padding-top: 40% !important;
}
}
// post layout #7
.post-layout-7{
.fullwidth-entry-title{
text-align: center;
margin: 30px 0;
padding: 0;
@include breakpoint(max_min_md){
margin: 15px 0;
}
}
.entry-header{
padding: 0;
margin-bottom: 0;
}
.featured-area{
margin-top: -1px;
}
.featured-area .slick-list{
width: 100%;
}
.featured-area .google-map .tie-fluid-width-video-wrapper{
padding-top: 40% !important;
}
}
.post-layout-7,
.post-layout-6{
.fullwidth-featured-area-wrapper{
@include breakpoint(max_min_sm){
padding: 0;
}
}
}
// post layout #8
.post-layout-8{
#tie-container{
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
@include breakpoint(sm){
background-size: cover;
}
}
#tie-wrapper{
background-color: transparent !important; // to override the custom content color & dark-skin bg color and in all cases the tie-wrapper will be transparent in post-layout-8.
background-image: linear-gradient(to bottom , rgba(0,0,0,.5) 100px, transparent 900px);
}
.entry-header{
text-align: center;
bottom: auto;
top: 50%;
transform: translatey(-50%);
padding: 0 30px;
@include breakpoint(max_min_sm){
margin-bottom: 20px;
}
}
.entry-title{
padding: 0;
}
.entry-header .post-meta{
@include font-size(15px);
.date:before{
display: none;
}
}
#go-to-content{
bottom: 5%;
@include center(x);
}
#breadcrumb{
text-align: center;
}
.entry-header{
.with-avatars{
display: block;
margin-bottom: 35px;
.meta-author-wrapper{
margin: 0;
}
&.multiple-authors .meta-author-wrapper{
padding: 0 20px;
}
}
.meta-author-avatar{
display: block;
margin: 60px 0 10px;
pointer-events: none;
img{
pointer-events: auto;
width: 70px;
height: 70px;
margin: 0;
}
}
}
#content{
padding-top: 15px;
padding-bottom: 70px;
background-color: #ffffff;
}
.single-big-img{
height: 700px;
}
@include breakpoint(max_min_md){
.single-big-img{
height: 480px;
}
#go-to-content{
bottom: 0;
}
.meta-author-avatar {
margin: 10px 0 10px;
img{
width: 35px;
height: 35px;
}
}
}
@include breakpoint(max_min_sm){
.single-big-img{
height: auto;
}
.entry-header{
position: static;
padding: 0;
transform: none;
}
#go-to-content,
.post-meta .date,
.post-meta .tie-alignright{
display: none;
}
&.magazine1 #content{
padding-top: 0;
}
}
&.is-header-layout-3 {
.single-big-img{
position: static;
background-image: none;
&:before{
content: '';
background-image: linear-gradient(to top, transparent, rgba(0,0,0,.5));
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 700px;
}
}
}
&.boxed-layout #content{ // boxed & framed layouts
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
}
.site-footer{
margin-top: 0;
}
&.one-column-no-sidebar{
#the-post{
border: none;
}
}
@include breakpoint(md){
&.one-column-no-sidebar{
#content{
background-color: transparent;
}
.main-content{
padding: 0;
}
}
}
}
.one-column-no-sidebar .entry-header,
.full-width .entry-header,
.fullwidth-entry-title{
.tie-alignright{
float: none;
}
}
// featured area
//also used in media page template
.featured-area{
position: relative;
margin-bottom: 30px;
line-height: 1;
@include breakpoint(max_min_sm){
margin-bottom: 20px;
}
.post-layout-7 &,
.post-layout-2 &{
margin-bottom: 0;
}
img,
iframe{
width: 100%;
}
}
.single-featured-image{
position: relative;
margin: 0;
line-height: 0;
}
.single-caption-text{
position: absolute;
bottom: 0;
left: 0;
padding: 5px 10px;
background: rgba(0, 0, 0, .6);
color: #ffffff;
line-height: 1.8;
font-size: 90%;
a{
color: #ffffff;
&:hover{
opacity: 0.8;
}
}
}
// entry content
.entry-content{
padding: 0 30px 30px;
@include breakpoint(max_min_sm){
padding-right: 15px;
padding-left: 15px;
}
}
.entry{
&,
.dark-skin &{
a{
color: $brand-color;
&:hover{
color: $dark-brand-color;
}
}
}
a.button{
color: $bright;
vertical-align: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.5em;
}
}
@include breakpoint(max_min_sm){
.fullwidth-entry-title{
padding: 20px 15px;
}
.single .entry-content{
padding-top: 15px;
}
}
// post bottom meta
.post-bottom-meta{
margin: 3px 0 0;
font-size: 11px;
@include clearfix();
clear: both;
line-height: 20px;
}
.post-bottom-meta-title,
.post-bottom-meta a{
float: left;
padding: 0 6px;
margin: 5px 5px 0 0;
background: $dark-color;
border: $primary-border;
border-radius: $base-border-radius;
}
.post-bottom-meta-title{
color: #ffffff;
a{
color: #ffffff !important;
padding: 0;
margin: 0;
&:hover{
opacity: 0.7;
}
}
}
.post-bottom-meta a{
background: rgba(0,0,0,0.03);
&:not(:hover){
color: $base-color;
}
&:hover{
color: $brand-color;
}
.dark-skin &{
background: rgba(255,255,255,0.05);
&:not(:hover){
color: $dark-base-color;
}
}
}
.post-tags-modern{
margin-top: 30px;
.post-bottom-meta-title{
display: none;
}
.tagcloud{
display: block;
text-align: center;
}
a{
float: none;
padding: 8px 15px;
display: inline-block;
font-size: 12pt;
font-weight: bold;
&:before{
content: '#';
}
}
}
.magazine1.post-layout-7 .entry-content,
.post-layout-8 .entry-content{
padding-top: 20px;
}
// post footer area
.share-buttons{
padding: 18px 28px; // +2px around icons = 20px 30px;
//overflow: hidden;
line-height: 0;
@include breakpoint(max_min_sm){
padding: 15px;
}
}
.magazine1 .share-buttons-bottom{
background: $base-light-color;
border-top: $primary-border;
}
.share-buttons-top{
@include breakpoint(sm){
padding-bottom: 0;
}
.featured-area + &,
.entry-header-outer + &{
padding-top: 0;
}
.post-layout-1 &{
padding-bottom: 18px;
}
@include breakpoint(sm){
~ .entry-content{
padding-top: 20px;
}
}
}
.share-buttons-sticky{
background: transparent;
border: 0 none;
padding: 0;
.share-links{
top: 300px;
left: 10px;
position: fixed;
width: 40px;
z-index: 1000;
&.share-right{
left: auto;
right: 10px;
}
a{
margin-right: 0;
margin-left: 0;
}
&:not(.share-rounded){
a{
margin: 0;
border-radius: 0;
}
}
}
}
.share-buttons-mobile {
position: fixed;
bottom: 0;
z-index: 999999;
width: 100%;
background: transparent;
border: 0 none;
padding: 0;
.share-links a {
margin: 0;
border-radius: 0;
width: 1%;
display: table-cell;
opacity: 1 !important;
.share-btn-icon {
margin: 0 auto;
float: none;
}
}
@include breakpoint(sm){
display: none;
}
}
.mobile-share-buttons-spacer{
height: 40px;
@include breakpoint(sm){
display: none;
}
}
.share-links a,
.dark-skin .share-links a{
color: #ffffff;
}
.share-links{
overflow: hidden;
position: relative;
.share-btn-icon{
@include font-size(15px);
}
a{
display: inline-block;
margin: 2px;
height: 40px;
overflow: hidden;
position: relative;
transition: 0.3s;
border-radius: $base-border-radius;
width: 40px;
&,
&:before{
background-color: #444;
}
&.large-share-button{
width: auto;
}
.share-btn-icon{
width: 40px;
height: 40px;
float: left;
display: block;
text-align: center;
line-height: 40px;
}
.social-text{
border: 0 solid rgba(255,255,255,0.3);
border-left-width: 1px;
padding-left: 15px;
height: 20px;
float: left;
margin-top: 10px;
padding-right: 25px;
@include font-size(12px);
line-height: 20px;
font-family: "open sans", sans-serif;
}
&:hover{
opacity: 0.8;
color: #fff;
}
}
.equal-width{
width: 1%;
display: table-cell;
margin: 0;
border-radius: 0;
.share-btn-icon{
display: inline-block;
float: none;
width: 100%;
}
}
}
.share-centered{
text-align: center;
}
.share-inverted{
text-align: right;
}
.share-rounded a{
border-radius: 100%;
}
.share-skew{
overflow: visible;
a{
padding-left: 10px;
opacity: 0.99;
background: transparent !important;
overflow: visible !important;
&:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: skew(-20deg) translateX(6px);
}
}
}
.share-pill{
a.large-share-button{
padding: 4px 15px;
border-radius: 200px;
height: auto;
span.social-text{
font-size: 12px;
}
}
}
.share-title{
padding-right: 15px;
display: inline-block;
float: left;
line-height: 40px;
@include font-size(12px);
margin: 2px 0;
.tie-icon-share{
margin-right: 5px;
@include font-size(14px);
}
}
.icons-text .share-title{
line-height: 30px;
}
.icons-text .large-share-button{
height: 30px;
.social-text{
padding-left: 6px;
padding-right: 8px;
height: 20px;
margin-top: 5px;
line-height: 20px;
@include font-size(10px);
}
.share-btn-icon {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.share-links{
a.facebook-share-btn{
&,
&:before{
background: $facebook-color;
}
}
a.twitter-share-btn{
&,
&:before{
background: $twitter-color;
}
}
a.linkedin-share-btn{
&,
&:before{
background: $linkedin-color;
}
}
a.pinterest-share-btn{
&,
&:before{
background: $pinterest-color;
}
}
a.reddit-share-btn{
&,
&:before{
background: $reddit-color;
}
}
a.tumblr-share-btn{
&,
&:before{
background: $tumblr-color;
}
}
a.vk-share-btn{
&,
&:before{
background: $vk-color;
}
}
a.odnoklassniki-share-btn{
&,
&:before{
background: $odnoklassniki-color;
}
}
a.pocket-share-btn{
&,
&:before{
background: $pocket-color;
}
}
a.skype-share-btn{
&,
&:before{
background: $skype-color;
}
}
a.whatsapp-share-btn{
&,
&:before{
background: $whatsapp-color;
}
}
a.line-share-btn{
&,
&:before{
background: $line-color;
}
.tie-icon-line{
&:before{
margin: 0 -1px;
}
}
}
a.telegram-share-btn{
&,
&:before{
background: $telegram-color;
}
}
a.messenger-share-btn{
&,
&:before{
background: $messenger-color;
}
}
a.viber-share-btn{
&,
&:before{
background: $viber-color;
}
}
a.email-share-btn{
&,
&:before{
background: #333333;
}
}
}
.follow-us-post-section{
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
.follow-us-title{
padding: 10px;
height: 40px;
white-space: nowrap;
}
.post-followus-btn{
border: 1px solid rgba(0,0,0,0.1);
padding: 10px 20px;
line-height: 0;
&:hover{
opacity: 0.8;
border-color: var(--brand-color);
}
img{
width: 120px;
height: auto;
}
}
+ .share-buttons-bottom{
margin-top: 20px;
}
}
@include breakpoint(max_min_sm){
.social-text{
display: none;
}
}
@include breakpoint(max_min_xs){
.follow-us-title,
.share-title{
display: none;
}
}
@include breakpoint(sm){
a.line-share-btn,
a.whatsapp-share-btn,
a.telegram-share-btn,
a.viber-share-btn{
display: none !important;
}
}
@include breakpoint(sm){
a.messenger-mob-share-btn{
display: none !important;
}
}
@include breakpoint(max_min_sm){
a.messenger-desktop-share-btn{
display: none !important;
}
}
// next/prev posts
.prev-next-post-nav{
overflow: hidden;
.tie-media-icon{
float: left;
@include font-size(16px);
margin-right: 10px;
display: block;
line-height: 30px;
}
.prev-post{
padding-left: 0;
float: left;
.tie-media-icon:before{
content: "\f104";
letter-spacing: 5px;
}
}
.next-post{
padding-right: 0;
float: right;
.tie-media-icon:before{
content: "\f106";
letter-spacing: -5px;
}
}
@include breakpoint(max_min_xs){
> div{
width: 100%;
padding: 0 !important;
&:first-child{
margin-bottom: 20px;
}
&:last-child{
h3{
padding-bottom: 0;
}
}
}
}
.post-thumb{
height: 180px;
background-size: cover;
background-color: rgba(0,0,0,0.2);
@include breakpoint_min($screen-md){
.full-width &{
height: 250px;
}
}
.tie-media-icon{
width: 60px;
height: 60px;
&:before,
&:after{
width: 60px;
height: 60px;
line-height: 50px;
@include font-size(50px);
border-width: 3px;
}
}
&:hover{
opacity: 0.8;
}
}
h3{
@include font-size(16px);
transition: 0.15s;
line-height: 22px;
text-align: center;
padding: 10px 20px 0;
@include breakpoint(max_min_sm){
padding: 10px 10px 0;
}
}
}
// related posts
#related-posts{
.related-posts-full-width &{
margin-top: 30px;
@include breakpoint(max_min_md){
margin-top: 15px;
}
}
.related-posts-list{
overflow: hidden;
margin: 0 -15px -20px;
@include breakpoint(max_min_sm){
margin: 0 -8px -20px;
}
}
.related-item{
position: relative;
float: left;
width: 33.333%;
padding: 0 15px;
margin-bottom: 20px;
@include breakpoint(max_min_sm){
padding: 0 8px;
}
.post-thumb{
margin-bottom: 10px;
}
.post-title{
@include font-size(14px);
line-height: 19px;
}
.post-meta{
margin: 4px 0 0;
}
.one-column-no-sidebar .site-content &,
.has-sidebar .site-content &{
&:nth-child(3n+1){
clear: both;
}
}
.full-width &{
width: 25%;
&:nth-child(4n+1){
clear: both;
}
}
@include breakpoint(max_min_sm){
width: 50%!important;
clear: none !important;
&:nth-child(2n+1){
clear: left !important;
}
}
@include breakpoint(319px){ //max_min_xs
width: 100% !important;
}
}
&.has-extra-post .related-item:last-child{
clear: none !important;
display: none;
@include breakpoint_min_max(320px,$screen-xs-max){ //$screen-xs
display: block;
}
}
}
// comments
#show-comments-section{
padding: 15px 25px;
font-size: 130%;
font-weight: bold;
width: 100%;
text-align: center;
}
.comment-list{
.comment{
border-bottom: $primary-border;
padding-bottom: 20px;
margin-bottom: 20px;
overflow: hidden;
&.pingback{
padding-bottom: 5px;
margin-bottom: 5px;
}
&:last-child{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#respond{
margin-top: 10px;
margin-left: 90px;
}
}
.comment-author{
img{
border-radius: 50%;
box-shadow: 0 0 8px #e0e7f1;
border: 2px solid #ffffff;
margin: 6px 20px 6px 6px;
float: left;
}
.fn{
@include font-size(18px);
margin-bottom: 15px;
}
}
.comment-content{
overflow: hidden;
padding-top: 10px;
a{
color: $brand-color;
&:hover{
color: $dark-brand-color;
}
}
}
.comment-body{
line-height: 1.8;
margin-top: 10px;
overflow: hidden;
p{
margin-bottom: 7px;
}
}
.comment-awaiting-moderation{
display: block;
margin-bottom: 10px;
}
.comment-edit-link{
padding-left: 5px;
}
.has-avatar .reply{
margin-left: 90px;
}
.reply{
a{
background: $dark-color;
color: #ffffff;
padding: 0 10px;
line-height: 25px;
display: block;
float: left;
border-radius: $base-border-radius;
margin: 10px 0;
&:hover{
background: $brand-color;
color: $bright;
}
}
}
ol.children{
margin-left: 75px;
margin-top: 20px;
@include breakpoint_max(670px){
margin-left: 25px;
}
@include breakpoint(max_min_xs){
margin-left: 10px;
}
li{
border-bottom: 0;
padding-bottom: 10px;
margin-bottom: 10px;
}
.comment-author{
img{
width: 60px;
height: 60px;
}
}
.reply,
#respond{
margin-left: 80px;
}
}
}
@include breakpoint(max_min_sm){
.magazine1 .compact-comments{
padding: 0 15px;
}
}
#add-comment-block{
margin-bottom: 0;
#respond{
margin-top: 0;
}
}
#cancel-comment-reply-link{
float: right;
line-height: 18px;
.has-block-head-4 &{
margin-left: 50px;
font-weight: normal;
line-height: 1.6;
}
}
// comments form
#respond{
.comment-form-author,
.comment-form-email,
.comment-form-url{
input{
width: 100%;
}
}
.comment-form-email,
.comment-form-url{
width: 48%;
float: left;
}
.comment-form-email{
margin-right: 4%;
}
@include breakpoint_max(670px){
.comment-form-email,
.comment-form-url{
width: 100%;
float: none;
margin-right: 0;
}
}
.comment-notes {
margin-bottom: 10px;
}
p{
margin-bottom: 10px;
&:last-of-type{
margin-bottom: 0;
}
}
.required {
font-weight: bold;
color: red;
}
label {
line-height: 30px;
font-weight: bold;
@include clearfix();
}
.form-allowed-tags{
display: none;
}
textarea{
vertical-align: top;
resize: none;
}
.form-submit{
clear: both;
}
}
// reading indicator
#reading-position-indicator{
display: block;
height: 5px;
position: fixed;
bottom: 0;
left: 0;
background: $brand-color;
box-shadow:0 0 10px rgba(0, 136, 255, 0.7);
width: 0;
z-index: 9999;
max-width: 100%;
#main-nav &{
margin-bottom: -5px;
}
&.reading-indicator-top{
top: 0;
bottom: auto;
.admin-bar &{
top: 32px;
@include breakpoint_max(782px){
top: 46px;
}
@include breakpoint_max(600px){
top: 0;
}
}
}
}
// check also box
#check-also-box{
position: fixed;
background-color: #ffffff;
z-index: 999;
bottom: 15px;
right: -1px;
transform: translatex(100%);
width: 340px;
padding: 30px;
border: $base-border;
transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;
border-radius: $base-border-radius;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
&.show-check-also{
transform: translatex(0) !important;
}
&.check-also-left{
right: auto;
left: -1px;
transform: translatex(-100%);
}
.has-first-big-post .post-widget-body{
clear: both;
}
.posts-list-big-first li{
padding-bottom: 0;
.post-title{
@include font-size(18px);
line-height: 1.3em;
}
}
@include breakpoint(max_min_md){
display: none;
}
}
#check-also-close{
.block-head-7 &{
top: 7px;
right: 5px;
&:before{
color: #ffffff;
}
&:hover:before{
color: $danger_color;
}
}
}
.sticky {
background: #fffbda;
padding: 11px;
}
.bypostauthor {
display: block;
}
// select to share button
div.fly-text-share {
background: #ffffff;
background-clip: padding-box;
border: 1px solid #e5e5e5;
box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
border-radius: 3px;
position: relative;
margin-left: -50px;
margin-right: 0;
z-index: 9999;
width: 140px;
height: 35px;
text-decoration: none;
float: none;
text-align: center;
.dark-skin &{
background: $darker-bg-more;
border-color: $darker-bg-more;
&:before,
&:after{
border-color: $darker-bg-more transparent;
}
}
&:before {
border-color: #e5e5e5 transparent;
border-style: solid;
border-width: 10px 11px 0;
bottom: -10px;
content: "";
display: block;
left: 50%;
margin-left: -11px;
position: absolute;
width: 0;
}
&:after {
border-color: #ffffff transparent;
border-style: solid;
border-width: 9px 10px 0;
bottom: -9px;
content: "";
display: block;
left: 50%;
margin-left: -10px;
position: absolute;
width: 0;
}
a{
@include font-size(16px);
text-align: center;
padding: 8px 0 8px;
width: 1%;
display: table-cell;
color: #999;
&.tie-icon-facebook{
color: $facebook-color;
}
&.tie-icon-twitter{
color: $twitter-color;
}
&.tie-icon-linkedin{
color: $linkedin-color;
}
&:hover{
opacity: 0.6;
}
}
}
// mobile toggle content
.toggle-post-content{
display: none;
}
@include breakpoint(max_min_md){
.post-has-toggle{
#the-post .entry{
max-height: 400px;
overflow: hidden;
position: relative;
&:not(.is-expanded):before {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
z-index: 1;
left: 0;
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #ffffff 100%);
}
&.is-expanded {
max-height: none;
overflow: visible;
}
}
}
.toggle-post-content{
display: block;
#toggle-post-button{
display: block;
padding: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@include font-size(14px);
font-weight: 600;
text-align: center;
padding: 10px 0;
margin: 0 30px 30px;
}
}
}
@include breakpoint(max_min_sm){
.toggle-post-content{
#toggle-post-button{
margin: 0 20px 30px;
}
}
}
// multiple post pagination
.multiple-post-pages{
text-align: center;
margin: 10px -2px -4px;
a{
display: inline-block;
margin: 4px 2px;
&:not(:hover){
color: $base-color;
}
}
.post-page-numbers {
display: inline-block;
line-height: 32px;
border: $primary-border;
padding: 0 13px;
border-radius: $base-border-radius;
}
> span{ // Active
background: $brand-color;
border-color: $brand-color;
color: $bright;
}
}
// story highlights
#story-highlights{
float: left;
clear: left;
width: 48%;
margin-bottom: 20px;
margin-right: 4%;
max-width: 450px;
.widget-title{
margin-bottom: 15px;
h4{
margin: 0;
}
}
ul{
padding: 0;
margin: 0;
}
li{
list-style: none;
border-bottom: $base-border;
padding-bottom: 6px;
margin-bottom: 6px;
font-size: 90%;
}
@include breakpoint(max_min_sm){
width: 100%;
margin: 0 0 20px;
max-width: 100%;
}
+ .review_wrap #review-box{
margin-top: 0;
}
}
// story index
#story-index {
width: 180px;
position: absolute !important;
left: -181px;
z-index: 10;
opacity: 0;
&.is-fixed{
opacity: 1;
min-height: unset !important; // avoid overlap bug prevents clicking on content behind it
}
.story-index-content{
padding: 15px 10px;
}
&:not(.is-compact) .story-index-content{
background-color: #ffffff;
display: block !important;
.dark-skin &{
background-color: $dark-bg !important;
}
}
li{
margin-bottom: 15px;
&:last-child{
margin-bottom: 0;
}
a{
color: $base-color;
opacity: 0.7;
}
a:hover{
opacity: 1;
}
.is-current{
color: $brand-color;
opacity: 1;
margin-left: 10px;
}
}
// Small Screens
&.is-compact{
&,
.one-column-no-sidebar &{
left: -15px;
}
.magazine2 &{
left: -35px;
}
.magazine2.boxed-layout &{
left: -53px;
}
.post-layout-8 &{
left: -38px;
}
.story-index-content{
background: $brand-color;
display: none;
li{
a{
opacity: 0.6;
color: $bright;
}
a:hover,
.is-current{
opacity: 1;
}
}
}
#story-index-icon{
display: inline-block;
}
}
@include breakpoint_max(1280px){
.post-layout-8 &,
.magazine2 &{
left: 0;
}
}
@include breakpoint_max(1305px){
.magazine2.boxed-layout &{
left: 0;
}
}
@include breakpoint_max($screen-md){
left: 0 !important;
}
}
#story-index-icon{
font-size: 18px;
background: $brand-color;
color: $bright;
padding: 10px;
display: none;
cursor: pointer;
position: absolute;
left: 0;
transform: translatey(-100%);
}
.sidebar-left,
.rtl:not(.sidebar-right){
#story-index:not(.is-compact){
right: -181px;
left: auto;
}
.is-compact #story-index-icon {
right: 0;
left: auto;
}
#story-index.is-compact,
&.one-column-no-sidebar #story-index.is-compact{
right: -23px;
left: auto;
}
&.post-layout-8 #story-index.is-compact{
right: -38px;
}
&.magazine2 #story-index.is-compact{
left: auto;
right: -35px;
}
&.magazine2.boxed-layout #story-index.is-compact{
left: auto;
right: -53px;
}
@include breakpoint_max(1260px){
#story-index{
right: 15px;
left: auto;
}
}
@include breakpoint_max(1280px){
&.magazine2,
&.post-layout-8{
#story-index{
right: 0;
}
}
}
@include breakpoint_max(1305px){
&.magazine2.boxed-layout #story-index{
right: 0;
}
}
}
// Sticky Video
span.video-close-btn{
display: none;
position: absolute;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
background-color: $light-darker-bg;
color: #ffffff;
z-index: 1;
right: -10px;
top: -10px;
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
cursor: pointer;
&:hover{
background-color: $brand-color;
}
}
@include breakpoint(md){
.tie-video{
&.post-content{
position: relative;
z-index: 3;
}
}
#the-sticky-video{
&.featured-area{
background-color: #111;
}
&.video-is-sticky{
display: none;
.featured-area-inner{
position: fixed;
z-index: 9;
box-shadow: 0 0 15px rgba(20, 22, 26, 0.4);
background-color: $light-darker-bg;
width: 350px;
height: 196px;
bottom: 20px;
body.full-width &,
body.one-column-no-sidebar &{
left: 20px;
}
.video-close-btn{
display: block;
}
// Self Hosted Videos
.mejs-controls{
height: 40px;
padding: 0 20px;
}
.mejs-time,
div.mejs-time-rail,
.mejs-time{
padding-top: 15px;
}
.mejs-button button{
margin-top: 13px;
}
}
}
}
}
#the-sticky-video:not(.video-is-sticky) .featured-area-inner{
width: 100% !important;
height: auto !important;
}
// POST GALLERY
// Defaut for post sliders [Fullwidth slider]
.post-gallery{
.tie-slick-slider{
height: auto;
}
.tie-slick-slider:not(.slick-initialized) {
.slide{
display: none;
}
}
.slick-list{
width: 100%;
}
.slide{
position: relative;
overflow: hidden;
}
img{
display: block;
}
.is-lazyload & img{
opacity: 0;
visibility: hidden;
}
.thumb-overlay{
pointer-events: none;
&:after{
opacity: 0;
}
}
.thumb-content{
opacity: 0;
bottom: 0;
width: 100%;
padding-bottom: 0;
transition: 0.15s;
}
.thumb-desc{
opacity: 1;
max-height: none;
height: auto;
}
@include breakpoint(max_min_md){
.thumb-content{
opacity: 1;
bottom: 30px;
}
.thumb-overlay:after{
opacity: 0.8;
}
}
@include breakpoint(max_min_sm){
.thumb-title{
font-size: 20px;
}
}
@include breakpoint(max_min_xs){
.thumb-overlay{
padding: 20px;
}
.thumb-content{
bottom: 20px;
}
}
.tie-slider-nav{
opacity: 1;
}
}
// Normal slider
#tie-post-normal-gallery{
.tie-slick-slider:not(.slick-initialized) {
.tie-slider-nav + .slide{
display: block;
}
}
.is-lazyload & img{
display: none;
}
.slide-bg{
height: 470px;
position: relative;
@include breakpoint(md){
.full-width &{
height: 600px;
}
}
@include breakpoint(max_min_sm){
height: 300px;
}
@include breakpoint(max_min_xs){
height: 220px;
}
}
}
// Fullwidth slider
#tie-post-fullwidth-gallery{
margin-bottom: 35px;
height: 600px;
.slide-bg{
background-position: center center;
}
img{
width: auto;
height: 600px;
}
@include breakpoint(max_min_md){
margin-bottom: 20px;
.thumb-content {
width: 100%;
max-width: calc(100vw - 10px);
transform: translateX(-50%);
left: 50%;
padding: 0 30px;
}
&,
img{
height: 470px;
}
}
@include breakpoint(max_min_sm){
&,
img{
height: 380px;
}
}
@include breakpoint(max_min_xs){
&,
img{
height: 250px;
}
}
}
// slides on hover
#tie-post-normal-gallery .tie-slick-slider:hover,
.post-gallery .slide:hover{
.thumb-content{
opacity: 1;
bottom: 30px;
}
.thumb-overlay:after{
opacity: 0.8;
}
}
// Audio Player
@include breakpoint(sm){
#tie-wrapper .featured-area{ //tie-wrapper to override the CSS file of the player
.mejs-container{
min-height: 73px !important;
}
.mejs-controls{
height: 77px;
padding: 0 20px;
}
.mejs-time {
padding-top: 35px;
}
div.mejs-time-rail{
padding-top: 32px;
}
.mejs-container span:not(.mejs-time-float-corner),
div.mejs-time-rail a{
height: 3px;
border: none;
}
.mejs-time-handle{
display: block;
width: 10px;
height: 10px;
top: -4px;
border: none;
}
.mejs-time-handle-content{
left: 0;
top: 4px;
}
.mejs-time-float{
background: #ffffff;
border-color: #ffffff;
height: 17px !important;
}
.mejs-time-float-corner{
border-color: #ffffff transparent transparent;
}
.mejs-button button{
margin-top: 30px;
}
.mejs-horizontal-volume-total{
top: 37px;
height: 3px;
}
.mejs-container.wp-audio-shortcode {
width: 100%;
}
}
}
// Read Next Slider
#read-next-block{
border: 0;
padding: 0;
position: relative;
z-index: 2;
}
.read-next-block-title{
position: absolute;
top: 30px;
left: 40px;
z-index: 4;
color: #fff;
padding-bottom: 5px;
font-size: 18px;
&:after{
content: '';
width: 40px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.read-next-slider-4 &{
width: 100%;
text-align: center;
left: 0;
right: 0;
&:after{
left: calc(50% - 20px);
right: calc(50% - 20px);
}
}
@include breakpoint(max_min_sm){
display: none;
}
}
.read-next-button-wrap{
margin-top: 30px;
}
.read-next-button{
pointer-events: auto;
z-index: 1;
background: transparent;
color: #fff;
border: 1px solid #fff;
}
// Ads
.stream-item-above-post,
.stream-item-above-post-content {
margin: 0 auto 30px;
}
#story-highlights + .stream-item-above-post-content{
clear: both;
}
.stream-item-below-post,
.stream-item-below-post-content {
margin: 30px auto;
clear: both;
}
// In Post Related
#inline-related-post{
clear: both;
.the-subtitle{
}
ul{
padding: 0;
li{
list-style: none !important;
margin-top: 0;
margin-bottom: 15px;
.post-title{
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px;
}
.post-thumb-overlay{
display: none;
}
.post-thumb{
margin: 0;
}
a:not(:hover){
color: #333;
.dark-skin &{
color: #eee;
}
}
}
}
}
// Post Meta as Column
#post-extra-info{
display: none;
}
@include breakpoint(sm){
.post-meta-column{
#the-post{
.entry-content{
width: 75%;
width: calc( 100% - 170px );
float: right;
}
}
.single-post-meta{
display: none;
}
&.magazine2{
#post-extra-info{
padding-left: 0;
padding-right: 25px;
}
}
#post-extra-info{
display: block;
float: left;
width: 25%;
width: calc( 169px + 1px );
padding: 10px 0 20px 25px;
.single-post-meta{
display: block;
margin: 0 0 20px;
overflow: visible;
font-size: 13px;
.tie-alignright{
float: none;
}
.meta-item{
display: block;
float: none;
padding: 5px 0;
margin: 0;
&:not(.meta-author-wrapper){
padding-left: 8px;
}
}
}
#share-buttons-top{
padding: 0;
text-align: center;
a{
margin-right: 0;
margin-left: 0;
&.large-share-button{
width: 100%;
}
}
.equal-width{
width: 40px;
float: left;
width: 33.3333%;
}
.share-skew a{
width: calc(100% - 12px);
float: left !important;
}
.share-pill a{
padding-right: 2px;
padding-left: 5px;
}
}
}
}
}
// Auto Loaded Posts
#tie-infinte-posts-iframes-wrapper{
width: 100%;
display: block;
clear: both;
}
#tie-infinte-posts-iframes{
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
#tie-infinte-posts-loading{
position: relative;
height: 80px;
display: none;
}
//
.tie-infinte-post-iframe{
display: block;
width: 1px;
min-width: 100%;
height: 0;
border: 0;
opacity: 0;
padding: 0;
margin: 50px 0 0;
transition: opacity 1s;
overflow: hidden;
&[style]{
opacity: 1;
}
}
.is-ajax-loaded-post{
@include breakpoint(md){
&.boxed-layout {
#tie-wrapper {
width: 100%;
}
}
}
//#content,
//.fullwidth-featured-area-wrapper,
//.fullwidth-entry-title-wrapper{
//padding-right: 0;
//padding-left: 0;
//}
.theiaStickySidebar{
transform: translateY(0) !important;
}
&.post-layout-8 {
#tie-container{
background-size: contain;
@include breakpoint(max_min_sm){
background-size: auto 600px;
}
}
.single-big-img{
max-height: 600px;
}
#breadcrumb{
padding-top: 20px;
}
}
.tie-parallax [id^="jarallax-container-"]{
> div,
> iframe{
max-height: 700px;
}
}
}
#wpd-bubble-wrapper{
z-index: 110;
}
.tiktok-embed{
padding: 0 !important;
background: transparent !important;
&:before,
&:after{
display: none;
}
}
// GENERAL POST EDITOR STYLES THAT MIGHT BE USED IN ANOTHER PLACES SUCH AS WIDGETS, BLOCKS, CAT. DESCRIPTION
// galleries
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
a{
display: block;
}
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
// caption
.wp-caption {
max-width: 100%;
&:not(.alignleft):not(.alignright){
&,
img{
margin-right: auto;
margin-left: auto;
}
}
img[class*="wp-image-"] {
display: block;
//margin: 0;
}
.wp-caption-text {
color: $secondry-text-color;
font-size: 13px;
font-style: italic;
line-height: 1.6153846154;
padding-top: 5px;
margin-bottom: 20px;
}
}
// blockquote
q,
blockquote{
background: $dark-color;
padding: 30px 50px;
margin: 20px 0;
display: block;
color: #ffffff;
&::before{
display: block;
content: "\f10e";
font-family: tiefonticon;
font-size: 26px;
color: $brand-color;
margin-bottom: 20px;
}
p{
margin-bottom: 1.474em;
@include font-size(19px);
line-height: 30px;
}
a{
color: $brand-color;
&:hover{
color: $dark-brand-color;
}
}
> :last-child {
margin-bottom: 0;
}
&.alignleft {
margin: 0.316em 1.474em 1.474em 0;
width: 50%;
}
&.alignright {
margin: 0.316em 0 1.474em 1.474em;
width: 50%;
}
@include breakpoint(max_min_sm){
float: none !important;
width: auto !important;
margin: 20px 0 !important;
}
}
.wp-block-quote cite,
.wp-block-quote footer,
q cite,
blockquote cite{
@include font-size(16px);
display: block;
text-align: right;
color: $brand-color;
margin-top: 10px;
font-style: italic;
}
// blockquote:not(.quote-light):not(.quote-simple):not(.wp-block-quote):not(.wp-block-pullquote) a:not(:hover){
// color: #fff;
// }
blockquote{
&.quote-light{
background: #eeeeee;
border-color: $brand-color;
border-width: 0;
border-left-width: 3px;
border-style: solid;
color: $dark-color;
&::before{
display: none;
}
p{
@include font-size(18px);
line-height: 28px;
}
cite{
text-align: left;
}
}
&.quote-simple{
background: transparent;
border-width: 0;
text-align: center;
padding: 0;
color: $brand-color;
&::before{
display: none;
}
p{
color: inherit;
@include font-size(28px);
line-height: 38px;
}
cite{
text-align: center;
}
&.alignleft,
&.alignright,{
text-align: left;
p{
font-style: normal;
}
}
}
}
// tables */
table {
border-spacing: 0;
width: 100%;
border-collapse: separate;
margin-bottom: 1.5em;
tr:nth-child(even){
background: rgba(0,0,0,0.03);
}
td,
th {
padding: .4em;
text-align: left;
border-right: 1px dotted $base-border-color;
}
//th:last-child,
//tr td:last-child {
//border-right: 0;
//}
thead th {
background: rgba(0,0,0,0.03);
border: 1px solid $base-border-color;
padding: 0.7em .4em;
vertical-align: middle;
}
tbody{
th {
background: rgba(0,0,0,0.03);
}
.entry & td,
.entry & th {
border: 1px solid $base-border-color;
}
}
}
.table-is-responsive{
clear: both;
overflow-x: auto;
}
// lists */
.entry,
.comment-content{
ol,
ul {
margin-bottom: 20px;
padding-left: 15px;
margin-left: 20px;
}
ol li,
ul ol li{
list-style: decimal;
}
ul li,
ol ul li{
list-style: disc;
list-style-image: none;
}
li {
margin: 0 0 5px 0;
ol,
ul {
margin: 5px 0 0 15px;
}
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
}
.entry {
mark{
background: #333;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
> p:first-of-type:first-letter{
.tie-auto-dropcap &{
float: left;
font-size: 700%;
line-height: 85%;
margin: 10px 20px 0 0;
}
}
}
.post-shortlink{
text-align: center;
padding-top: 20px;
}
#copy-post-url-msg{
font-size: 12px;
color: #5cea5c;
}
Run Command [Bypass]
Run Command
مستقبل التسويق الالكتروني – tahkoom.com
في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.
VIDEO
ال
زر الذهاب إلى الأعلى