@import "variables"; @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; div#wpbody,//Universal div#wpbody-content,//Universal .__tagembed__container, .__tagembed__row { height: $sizefull; } #wpfooter { display: $none; } //Universal div#wpbody { min-height: calc(100vh - 65px); } //Universal .__tagembed__container > .__tagembed__row > .__tagembed__col.__tagembed__widget { min-height: calc(100vh - 195px); } .__tagembed__container a { text-decoration: $none; @extend %trans; } .__tagembed__container a:active, .__tagembed__container a:hover { color: $hover-color; } a:focus, input, select { box-shadow: $none !important; outline: $none !important; } //Universal input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { border-radius: $zero; } //Universal /*-- Account-Setion-START --*/ * { // box-sizing: $boxs; } #wpbody-content > .__tagembed__container > .__tagembed__row { position: relative; flex-direction: column; .__tagembed__foot_nextprevious { clear: $both; margin: $h15 $zero $zero; padding: $h10; background-color: rgba(255, 255, 255, 0.9); border: $zero; position: $fixed; bottom: $zero; width: calc(100% - 160px); left: $selectw; border: $border $bdrcolor2; .__tagembed__footnp_inn { @extend %d-flex; @extend %jc-center; .__tagembed__btn { margin: $zero $h10; padding: $h5 $h40; font-size: $fs13; line-height: 2.15; min-height: $h30; border-radius: $zero; display: $dinblock; background: $white-color; color: $blue-color; border: $border $blue-color; i { display: $dinblock; vertical-align: $middle; margin-left: $h5; margin-right: $zero; @extend %trans; } &:hover { cursor: $pointer; @extend %box-shadow3; } } .__tagembed__btn.__tagembed__backbtn { i { margin-right: $h5; margin-left: $zero; } } } } } .folded #wpbody-content > .__tagembed__container > .__tagembed__row .__tagembed__foot_nextprevious { left: $h36; width: calc(100% - 36px); } .__tagembed__container { @extend %plrequal; margin: $zero $auto; max-width: $sizefull; font-family: $Poppins; // box-sizing: $boxs; * { box-sizing: $boxs; } .__tagembed__row { margin-left: -$h15; margin-right: -$h15; @extend %d-flex; box-sizing: $boxs; .__tagembed__col { @extend %plrequal; // box-sizing: $boxs; } .__tagembed__col_12 { width: $sizefull; // box-sizing: $boxs; } .__tagembed__login_account { @extend %d-flex; @extend %ai-center; @extend %jc-center; @extend %fd-column; padding-left: $zero; height: calc(100vh - 97px); .__tagembed__brandingataccount { margin-bottom: $h25; a { display: $dinblock; img { border-radius: $sizehalf; } } } div.__tagembed__forgot_inn { max-width: $w3; border-top: $border $bdrcolor; } div.__tagembed__register_inn, div.__tagembed__forgot_inn { display: $none; } .__tagembed__login_account_inn, .__tagembed__register_inn, .__tagembed__forgot_inn { @extend %ai-center; @extend %jc-center; @extend %d-flex; @extend %fd-column; @extend %box-shadow; min-width: $tbw; border: $border $bdrcolor; background: $white-color; padding: $fs12; border-top: $zero; text-align: $center; h2 { font-size: $fs16; margin: $h15 $zero; color: $para-color; font-weight: $fw6; } .__tagembed__or { margin-top: $h20; margin-bottom: $h10; } p { margin: $h5 $zero $zero; } form { margin: $h40 $zero $h15; @extend %fd-column; @extend %d-flex; width: $sizefull; margin-top: $h15; input { padding: $zero $h8; line-height: $lh2; min-height: $h30; width: $sizefull; border-radius: $bradius4; border: $border $input-bcolor; background-color: $white-color; color: $input-color; border-color: $bdrcolor3; &:focus { border-color: $blue-color; @extend %input-focus; @extend %outline; } } .__tagembed__form_row { position: $rel; margin-top: $h10; margin-bottom: $h10; text-align: $left; span { color: $error-color; font-size: $fs12; display: $d-block; margin-top: $bradius; display: $none; } } } .__tagembed__login_with { a { background: $blue-color; color: $white-color; font-weight: $fw5; padding: $zero $h10; border-radius: $bradius; display: $dinblock; &:hover { color: $white-color; background: $hover-color; } span { margin-right: $h10; padding-right: $h5; border-right: $border $white-color; @extend %with-span; } i { @extend %with-span; } } } .__tagembed__submit_sec { @extend %d-flex; @extend %jc-between; width: $sizefull; @extend %ai-center; a { color: $blue-color; } } .__tagembed__flexend { justify-content: $f-end; } .__tagembed__btn { background: $blue-color; color: $white-color; font-size: $fs13; line-height: $lh; min-height: $h30; padding: $zero $h10; border-radius: $bradius; display: $dinblock; border: $zero; margin-top: $h15; border: $border $blue-color2; &:hover { cursor: $pointer; background: $hover-color; } } .__tagembed__socialogin { border-top: $border $bdrcolor; padding-top: $fs12; margin-top: $fs12; width: $sizefull; text-align: $center; a { padding: $bradius $h5; border: $border $blue-color; background: $blue-color; border-radius: $bradius; width: $h15; display: $dinblock; line-height: $fs24; min-height: $fs24; &:hover { background: $bg-transparent; } &:hover i { color: $blue-color; } &:focus { box-shadow: $none; outline: $none; } i { color: $white-color; } } } } .__tagembed__tabarea { width: $sizefull; max-width: $tbw; ul { margin: $zero; padding: $zero; @extend %d-flex; li { width: $sizehalf; text-align: $center; margin: $zero; border: $border $bdrcolor; border-bottom: $zero; &:first-child { border-right: $zero; } a { display: $d-block; padding: $h15 $h10; font-size: $fs16; border-bottom: $border $bdrcolor; background: $blue-color; color: $white-color; &:focus { outline: $none; box-shadow: $none; } &:hover { background: $hover-color; } } a.active { font-weight: $fw5; color: $blue-color; background: $white-color; border-bottom-color: $bg-transparent; } } } } .__tagembed__acount_error { border: $border $bdrcolor; border-left: $border4 $bg-transparent; padding: $fs12; margin-left: $zero; margin-bottom: $h20; background-color: $white-color; min-width: $w3; color: $primary-color; box-shadow: $none; display: $none; } .__tagembed__acount_error.__tagembed__danger { border-left-color: $danger; } .__tagembed__acount_error.__tagembed__success { border-left-color: $success; } .__tagembed__acount_error.__tagembed__warning { border-left-color: $warning; } } .__tagembed__widget { padding-left: $zero; .__tagembed__widget_inn { float: $left; clear: $both; width: $sizefull; height: $sizefull; padding-top: $zero; margin-bottom: $h50; .__tagembed__tabing { .__tagembed__tabingone { @extend %d-flex; @extend %ai-center; @extend %jc-between; .__tagembed__menumob { display: none; ul { @extend %d-flex; @extend %ai-center; @extend %jc-between; li { .__tagembed__addclose { i { &::before { content: "\f00d"; } } } } } } } .__tagembed__tabingtwo { padding-top: $zero; padding-bottom: $zero; border-top: $border $bdrcolor2; position: $rel; @extend %d-flex; @extend %jc-between; @extend %ai-center; padding-left: $h15; padding-right: $h15; .__tagembed__tabtwoleft { @extend %d-flex; @extend %ai-center; font-weight: $fw5; .__tagembed__selectwid { span.add-select-widget { width: 232px; display: $dinblock; } select { margin-left: $h5; padding-right: $h30; height: $fs32; background: url(../images/arrow-down.png) no-repeat right 5px top 55%; width: $h-double; border: $border $lightbg; border-radius: $zero; font-size: $fs13; min-height: $h30; font-weight: $normal; color: $dark-grey; border-color: $lightbg2; border-color: $bdrcolor3; background-size: $h8; &:focus { box-shadow: $none; } } } } .__tagembed__tabtworight { @extend %d-flex; @extend %ai-center; .__tagembed__msg { border-right: $border $bdrcolor2; padding-right: $h10; margin-right: $h10; @extend %d-flex; @extend %ai-center; @extend %ai-top; padding-top: $fs14; padding-bottom: $fs14; span { font-weight: $normal; display: $dinblock; padding-left: $p4; } img { height: $h20; margin-right: $h10; } b { margin-right: $p3; } } a { @extend %d-flex; @extend %ai-center; color: $primary-color; &:hover { color: $hover-color2; } img { display: $d-block; max-width: $sizefull; margin-left: $h5; } } } } background-color: $white-color; right: $zero; z-index: 1; border-bottom: $border $bdrcolor2; ul { @extend %d-flex; margin: $zero; } .__tagembed__tablinks { border: $zero; // padding: $fs13 $h15 $fs14; padding: $fs13 $h10 $fs14 $h10; height: $auto; font-size: $fs14; text-decoration: $none; background: $zero $zero; cursor: $pointer; margin: $zero; border-right: $border $bdrcolor2; &:last-child { color: $activeblue; } &:hover { color: $hover-color2; span { border-color: $hover-color2; color: $hover-color2; } } span { background: $white-color; width: $h20; height: $h20; display: $dinblock; text-align: $center; color: $primary-color; border: $border $bdrcolor2; font-weight: $fw5; margin-right: $p7; line-height: $h20; font-size: $fs12; background-color: $white-color; } } .__tagembed__active { position: $rel; margin-bottom: -1px; background: $activeblue; color: $white-color; &:last-child { color: $white-color; } &:hover { color: $white-color; span { border-color: $bdrcolor2; } } span { color: $hover-color2; } } } .__tagembed__tabcontent { padding-top: $h10; padding-bottom: $h15; @extend %fd-column; float: $left; clear: $both; width: $sizefull; .__tagembed__ssource { display: $d-block !important; .__tagembed__error { color: $error-color; font-size: $fs12; display: $none; margin-top: $zero; } } .__tagembed__sourcerow { @extend %d-flex; @extend %ai-top; width: $sizefull; margin-top: $h15; margin-bottom: $h30; .__tagembed__ssleft { width: $mwpopup; h3 { margin-bottom: $h5; margin-top: $zero; } div { padding: $zero $h15 $h5 $zero; @extend %align-justify; } span i, div i { font-style: $normal; } } .__tagembed__ssright { @extend %d-flex; @extend %ai-top; width: calc(100% - 255px); button, select, .__tagembed__selcource li label { @extend %feed-btn; &:hover { background: $bg-color; border-color: $btnhover-color; color: $btnhover-color; } input { display: $none; } } select { padding-right: $h30; height: $fs32; background: $down-arrow; background-color: $white-color; width: $h-double; border-color: $bdrcolor3; color: $primary-color; background-size: $h8; &:hover { background: $bg-color $down-arrow; background-color: $white-color; background-size: $h8; } } .__tagembed__feedactive { background: $bg-color; border-color: $btnhover-color; color: $btnhover-color; } .__tagembed__feedtype { ul { margin: $zero; } li { display: $dinblock; margin-right: $h30; margin-bottom: $h5; } .__tagembed__enterhashtag { margin-top: $h10; } } .__tagembed__checkbox { @extend %d-flex; @extend %ai-center; margin-right: $zero; label { margin-bottom: $zero; height: $h30; width: $h30; display: $d-block; margin-right: $h10; cursor: $auto; img { height: $h30; max-width: $sizefull; border: $border $bdrcolor2; border-radius: $sizehalf; padding: $p2; } } span { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; white-space: $normal; overflow: $hidden; @include line-clamp; @extend %ai-center; width: calc(100% - 36px); img { margin-right: $h5; max-height: $fs18; } } } .__tagembed__mod__actions { @extend %d-flex; @extend %ai-center; @extend %jc-between; width: $sizefull; margin-top: $h5; padding: $h5; border-top: $border $bdrcolor2; padding-left: $h15; padding-right: $h15; box-sizing: $boxs; .__tagembed__status { @extend %d-flex; @extend %ai-center; } .__tagembed__status > span, .__tagembed__moderation > span { font-weight: $fw6; display: $d-block; } .__tagembed__moderation { @extend %d-flex; @extend %fd-column; .tooltip { font-style: $normal; } .tooltiptext { width: $h-double; font-weight: $normal; right: -9px; margin-left: $zero; left: $inherit; bottom: $fs12; &:after { left: $inherit; right: $h9; } } .__tagembed__toggleOnBut { @extend %flexend; } } .__tagembed__totalpostcount span { font-weight: $fw5; } } .__tagembed__checkbox.__tagembed__reconninn { padding: $h10; @extend %jc-between; @extend %d-flex; width: $sizefull; box-sizing: $boxs; .__tagembed__feediconame { @extend %d-flex; @extend %ai-center; b { white-space: $normal; overflow: $hidden; @include line-clamp; word-break: $breakall; } } } .__tagembed__trash { @extend %aicenter-self; margin-left: $h15; font-size: $fs16; &:hover { opacity: $opcity09; } a { color: $danger; outline: $none; &:focus { outline: $none; box-shadow: $none; } .fa { font-size: $fs18; } } } .__tagembed__conacclist { margin: $zero; width: $sizefull; overflow: $unset; @extend %d-flex; @extend %f-wrap; li { vertical-align: $middle; width: $width23; @extend %d-flex; margin-right: $twoper; margin-bottom: $h5; padding: $zero; background-color: $white-color; @extend %jc-between; @extend %ai-center; box-sizing: $boxs; border: $border $bdrcolor2; @extend %fd-column; } :nth-child(4n) { margin-right: $zero; } .__tagembed__mod__actions, .__tagembed__conn__actions { @extend %d-flex; @extend %ai-center; a { margin-left: $h8; font-size: $fs18; } .__tagembed__btn_reconn { color: $error-color; font-size: $fs12; line-height: $normal; white-space: $nowrap; } .__tagembed__btn__trash { color: $danger; background-color: $white-color; padding: $h5 $p7; } } } .__tagembed__conntectedacc { display: $d-block; width: $sizefull; overflow-x: $auto; .__tagembed__addaccount { text-align: $center; background: $bg-transparent; border: $p1 dashed $activeblue; padding-top: $zero; padding-bottom: $zero; margin-bottom: $h5; a { color: $activeblue; vertical-align: $middle; font-size: $fs18; @extend %d-flex; @extend %ai-center; @extend %jc-center; padding-top: $h15; padding-bottom: $h15; i { margin-right: $p7; font-size: $fs13; color: $activeblue; border: $border $activeblue; border-radius: $sizehalf; padding: $p2; width: $h20; height: $h20; text-align: $center; display: $dinblock; padding-top: $p2; margin-bottom: $p1; margin-right: $p7; box-sizing: $boxs; line-height: $h15; } span { font-weight: $fw6; } } } table { width: $sizefull; max-width: $sizefull; margin-top: -5px; @include tablecoll; border-spacing: $zero $h5; } th { background-color: $white-color; color: $primary-color; padding: $fs18 $h15; font-size: $fs14; font-weight: $fw6; text-align: $left; padding-left: $h30; white-space: $nowrap; @include boxshadow; } td { background: $white-color; color: $dark-grey; padding: $h8 $h15; font-size: $fs13; font-weight: $normal; padding-left: $h30; p { margin: $zero; @extend %d-flex; @extend %ai-center; img { max-height: $fs34; min-height: $fs34; border-radius: $sizehalf; margin-right: $p7; } span { font-size: $fs13; margin-bottom: $p1; } } .__tagembed__connected { color: $success; } .__tagembed__disconnected, .__tagembed__trash { color: $danger; } a { text-decoration: $none; } .__tagembed__refresh { color: $hover-color2; font-size: $fs16; margin-left: $h15; &:hover { opacity: $opcity09; } } } .__tagembed__nodatafound { text-align: $center; color: $danger; font-size: $fs16; background: rgba(214, 54, 56, 0.05); padding-top: $h15; padding-bottom: $h15; } .__tagembed__accchildtable { img { max-width: $sizefull; width: $h10; height: $auto; min-height: $inherit; vertical-align: $middle; margin-left: $h10; &:hover { cursor: $pointer; } } } .__tagembed__innertable { @include collapse; thead { td { padding-top: $h10; padding-bottom: $h10; color: $tdcolor; } } tbody { td { color: $tdcolor; border-top: $border $border-lighttop; } .__tagembed__connsocial_icon { img { height: $h30; } } } } } .__tagembed__copycode { margin: $zero; @extend %d-flex; @extend %fd-column; padding: $h10; min-width: $w3; background-color: $white-color; border: $border $bdrcolor2; .__tagembed__btn { margin: $zero; background: $blue-color; color: $white-color; border: $border; } .__tabembed__fromrow { margin-bottom: $zero !important; span { background: $btn-darkbg; color: $white-color; padding: $fs13 $h10; display: $dinblock; font-size: $fs14; white-space: $nowrap; } .__tagembed__copyvalue { background: $input-lightbg; border: $zero; padding: $h5 $h10; width: $sizefull; height: $fs44; font-size: $fs14; outline: $none; box-sizing: $boxs; @extend %d-flex; @extend %ai-center; } div + span { background: $input-lightbg; color: $primary-color; cursor: $pointer; border-left: $border #d6e5ff; } @extend %d-flex; @extend %ai-center; margin-bottom: $h15; } } } .__tagembed__ssright.__tagembed__ssource.__tagembe__singline { @include flex; @extend %jc-between; } .__tagembed__tabheading { h3 { margin: $zero $zero $h5; } } .__tagembed__layoutarea { ul { margin: $zero; float: $left; clear: $both; .__tagembed__themeactive { border: $border $bdrcolor; @include boxshadow; padding: $zero; background-color: $white-color; .__tagembed__theme-img { display: $d-block; background: $lightbg; img { max-width: $sizefull; } } .__tagembed__themename { color: $light-blue; } } .__tagembed__theme-img { display: $d-block; background: $lightbg; img { max-width: $sizefull; } } li { width: $size15; float: $left; margin-right: $twoper; margin-bottom: $h15; position: $rel; input[type="radio"] { position: $abs; top: -6px; right: -14px; width: $h20; height: $h20; border: $zero; display: $none; &:focus { border: $zero; box-shadow: $none; outline: $none; } } input[type="radio"]:checked { display: $d-block; &::before { content: "\f00c"; background: $success; width: $sizefull; height: $sizefull; margin: $zero; font-family: $fa; color: $white-color; line-height: $h20; font-weight: $fw4; } } &:nth-child(6n) { margin-right: $zero; } a, label { display: $d-block; position: $rel; text-align: $center; @extend %trans; border: $border $bdrcolor2; @include boxshadow; padding: $zero; background-color: $white-color; .__tagembed__themename { display: $d-block; font-weight: $fw6; padding-top: $h10; padding-bottom: $h10; border-top: $border $bdrcolor2; } &:hover .__tagembed__themename { color: $light-blue; font-weight: $fw6; } &:hover .__tagembed__theme-img { display: $d-block; } .__tagembed__applybtn { position: $abs; top: $size45; @extend %translate; left: $zero; right: $zero; margin: $zero $auto; text-align: $center; display: $none; button { color: $white-color; background-color: $hover-color2; border-color: $hover-color2; border: $zero; padding: $h5 $h10 $h8; line-height: $normal; vertical-align: $middle; display: $dinblock; border-radius: $p4; cursor: $pointer; &:hover { color: $white-color; background-color: $light-blue; border-color: $light-blue; } } } &:hover { .__tagembed__applybtn { display: $d-block; } } } } } } } .__tagembed__widgetarea { float: $left; clear: $both; width: $sizefull; .__tagembed__widgetinn { .__tagembed__nowidget { h2 { margin-bottom: $zero; } p { margin-top: $p3; } } } .__tagembed__widgetactions { h3 { margin: $zero; } border-bottom: $border $bdrcolor2; padding-bottom: $h10; padding-left: $h20; padding-right: $h15; @extend %d-flex; @extend %ai-center; @extend %jc-between; a { margin-left: $h10; } } .__tagembed__widgetbox { float: $left; width: calc(23.5% - 2px); margin-right: $twoper; margin-top: $h15; margin-bottom: $h15; background-color: $white-color; border: $border $bdrcolor2; .__tagembed__widgethead { padding: $h15; // border-bottom: $border $bdrcolor2; border-bottom: 1px solid #00aeef30; @extend %d-flex; @extend %jc-between; @extend %ai-top; h3 { margin: $zero; margin-bottom: $h20; } ul { margin-bottom: $zero; margin-top: $h15; @extend %d-flex; @extend %ai-center; line-height: $normal; li { @extend %d-flex; @extend %ai-center; line-height: $normal; margin-bottom: $zero; span { margin-left: $h5; } &:not(:first-child) { margin-left: $h30; } } } .tooltip { .__tagembed__switch { margin-right: $zero; } } } .__tagembed__widget_sourcecode { @extend %d-flex; @extend %ai-center; @extend %jc-between; padding: $h5 $h15; // border-bottom: $border $bdrcolor2; border-bottom: 1px solid #00aeef30; // border-top: 1px solid #00aeef30; p { margin: $zero; font-size: $fs14; } button { display: $dinblock; font-size: $fs18; padding: $p4 $p7; cursor: $pointer; border: $zero; // background: $white-color; background: transparent; &:hover { opacity: $opcity09; background-color: $btnhover-bdr; } } } .__tagembed__widgetfoot { padding: $zero; ul { margin: $zero; @extend %d-flex; @extend %ai-center; @extend %jc-between; li { margin: $zero; width: $sizeoneth; text-align: $center; border-right: $border $bdrcolor2; border-color: #00aeef30; i { margin-right: $p3; } a { text-decoration: $none; padding-top: $h10; padding-bottom: $h10; display: $d-block; color: $primary-color; &:hover { background: $activeblue; color: $white-color; } } &:last-child { @extend %d-flex; @extend %ai-center; @extend %jc-around; border-right: $zero; } &:last-child { a { width: $sizefull; } } } } } &:nth-child(4n) { margin-right: $zero; } } .__tagembed__widgetbox.active { position: $rel; // border-color: $success; // background-color: #edf7ff; border-color: #00aeef; box-shadow: 5px 5px 10px #ede5e5; background: #fff; &::before { // content: "\f00c"; // background: $success; // width: $h20; // height: $h20; // margin: $zero; // font-family: $fa; // color: $white-color; // line-height: $h20; // font-weight: $fw4; // position: $abs; // text-align: $center; // right: -8px; // top: -8px; // border-radius: $sizehalf; } } } } .__tagembed__branding { @extend %d-flex; @extend %ai-center; li { margin-bottom: $zero; padding-left: $h15; padding-right: $h15; &:not(:last-child) { margin-right: $h20; border-right: $border $bdrcolor2; padding-right: $h20; line-height: $h45; } a { color: $primary-color; i { margin-right: $h5; } &:hover { color: $hover-color2; } } &:last-child { a { @extend %d-flex; } } } a { &:focus { box-shadow: $none; outline: $none; } img { max-height: $fs24; } } } .__tagembed__btn { background: $blue-color; color: $white-color; font-size: $fs13; line-height: $lh; min-height: $h30; padding: $zero $h10; border-radius: $bradius; display: $dinblock; border: $zero; &:hover { cursor: $pointer; background: $hover-color; } } .__tagembed__customizedfeed { h2 { font-weight: $normal; strong { font-weight: $fw6; } } button { margin-top: $h30; } } .__tagembed___displayfeedrow { @extend %d-flex; @extend %ai-top; .__tagembed__displayleft { width: $previewleftw; padding-right: $h15; box-sizing: $boxs; .__tagembed__dispsteps { background: $white-color; padding: $h15 $h10; border: $border $bdrcolor2; h3 { margin-top: $zero; } li { a { color: $hover-color2; text-decoration: $none; font-weight: $fw5; &:hover { color: $hover-color; } } } } .__tagembed__copycode { margin: $h15 $zero; @extend %d-flex; @extend %fd-column; padding: $h10; background-color: $white-color; border: $border $bdrcolor2; .__tabembed__fromrow { span { background: $btn-darkbg; color: $white-color; padding: $h10; display: $dinblock; font-size: $fs24; } .__tagembed__copyvalue { background: $input-lightbg; border: $zero; padding: $h5 $h10; width: $sizefull; height: $fs44; font-size: $fs14; outline: $none; box-sizing: $boxs; @extend %d-flex; @extend %ai-center; } @extend %d-flex; @extend %ai-center; margin-bottom: $h15; } } //DisplayAccordion .__tagembed__accordionItem { display: block; width: 100%; background: #fff; padding: 15px 10px; border: 1px solid #eee; margin: 15px 0; margin-top: 0px; .__tagembed__accordionItemHeading { cursor: pointer; position: relative; margin: 0; width: 100%; &::after { // content: "\f078"; // position: absolute; // right: 0; // font-family: "Font Awesome 5 Free"; // font-weight: 900; // font-size: 14px; content: ""; background: url(../images/arrow-down.png) no-repeat; display: block; width: 11px; height: 11px; background-size: contain; top: 4px; position: absolute; right: 5px; } } .__tagembed__accordionItemContent { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; @extend %f-wrap; .__tagembed__htmlcode, .__tagembed__iframecode { p { margin-bottom: 5px; } textarea { border: 1px solid #e4e6ef; resize: none; padding: 10px; background: #fff; width: 100%; margin-top: 15px; margin-bottom: 10px; &::-webkit-scrollbar { width: 8px; } &::-webkit-scrollbar-track { background: #f1f1f1; } &::-webkit-scrollbar-thumb { background: #888; } &::-webkit-scrollbar-thumb:hover { background: #555; } } } .__tagembed__iframecode { width: 100%; textarea { } } .__tagembed__dispsteps, .__tagembed__copycode { padding: 0; border: 0; background-color: transparent; } .__tagembed__copycode { margin-bottom: 0px; } } } .__tagembed__close { .__tagembed__accordionItemContent { height: 0px; transition: height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); // float: left; display: block; } } .__tagembed__open { .__tagembed__accordionItemHeading { &::after { // content: "\f077"; content: ""; transform: rotate(180deg); } margin: 0px; } .__tagembed__accordionItemContent { width: 100%; display: block; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; } } //DisplayAccordion } .__tagembed__displayright { // margin-left: $h15; width: calc(100% - 315px); .__tagembed__previewarea { border: $border $bdrcolor2; .__tagembed__previewation { background: $white-color; position: $rel; ul { @extend %d-flex; @extend %jc-center; @extend %ai-center; margin: $zero; li { height: $h50; margin: $zero; .__tagembed__tabcommpreivew { padding: $h5 $h20; height: $sizefull; box-sizing: $boxs; @extend %d-flex; @extend %ai-center; &:hover { background: $lightbg2; } } .__tagembed__previewactive { background: $lightbg2; svg { path { fill: $activeblue; } } } border-left: $border $bdrcolor2; &:first-child { border-left: $zero; } } } .__tagembed_expand { position: $abs; top: $h10; right: $h15; i { font-size: $fs16; padding: $p6; @extend %trans; &:hover { cursor: $pointer; opacity: $opcity85; background-color: $border-lighttop; } } } } .__tagembed__viewofpreview { background-color: $white-color; margin-top: $p1; position: $rel; height: calc(100vh - 214px); .__tagembed__loader { position: absolute; left: $zero; right: $zero; text-align: center; top: $sizehalf; z-index: 9; @extend %translate; } .__tagembed__previewdesk { height: calc(100vh - 240px); padding: $onem $onem; max-width: $desktopmax; background-color: $white-color; } .__tagembed__previewtab { width: $size80; height: calc(100vh - 245px); padding: $onem; max-width: $tabmax; margin-left: $auto; margin-right: $auto; background-color: $white-color; } .__tagembed__previewmob { width: $sizehalf; height: calc(100vh - 246px); max-width: $mobmax; padding: $eight; margin-left: $auto; margin-right: $auto; background-color: $white-color; } .__tagembed__previewloader { position: $abs; left: $zero; right: $zero; margin: $zero $auto; text-align: $center; top: $sizehalf; @extend %translate; } } } } } .__tagembed__support { margin-bottom: $h30; p { margin-bottom: $zero; margin-top: $zero; } } .__tagembed__switch { @extend %aicenter-self; margin-right: $h10; .__tagembed__onoffswitch-label { display: $d-block; overflow: $hidden; cursor: $pointer; border-radius: $h20; -moz-border-radius: $h20; -webkit-border-radius: $h20; } .__tagembed__onoffswitch-inner { display: $d-block; width: $sizedouble; margin-left: -100%; @extend %transication-mar; } .__tagembed__onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-inner { margin-left: $zero; } .__tagembed__onoffswitch-inner:after, .__tagembed__onoffswitch-inner:before { display: $d-block; float: $left; width: $sizehalf; height: $fs24; padding: $zero; line-height: $fs24; font-size: $h10; color: $white-color; font-family: $Trebuchet; font-weight: $fw7; box-sizing: $boxs; } .__tagembed__onoffswitch-inner:before { content: "ON"; padding-left: $h8; background-color: $dark-grey2; color: $light-blue; padding-right: $fs24; } .__tagembed__onoffswitch-inner:after { content: "OFF"; padding-right: $h8; background-color: $light-grey2; color: $grey2; text-align: $right; } .__tagembed__onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch { right: $p4; background: $light-blue; } .__tagembed__onoffswitch-switch { display: $d-block; width: $fs16; height: $fs16; margin: $p3 $zero; position: $abs; top: $p1; bottom: $zero; right: $h30; border-radius: $h20; -webkit-border-radius: $h20; -moz-border-radius: $h20; @extend %trans2; @extend %switch-shadow; background-color: $white-color; } .__tagembed__onoffswitch { position: $rel; width: $h48; @extend %userselect; margin: $zero $auto; margin-top: $zero; } /**/ .__tagembed__onoffswitch { width: $h36; } .__tagembed__onoffswitch-inner:after, .__tagembed__onoffswitch-inner:before { height: $fs18; } .__tagembed__onoffswitch .onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch, .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { width: $h20 !important; height: $h20 !important; } .__tagembed__onoffswitch .__tagembed__onoffswitch-inner:before { content: ""; background-color: $light-blue2; color: $white-color; } .__tagembed__onoffswitch .__tagembed__onoffswitch-inner:after { background-color: $switch-bg; content: ""; color: $white-color; } .__tagembed__onoffswitch .__tagembed__onoffswitch-checkbox + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch, .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { background-color: $switch-bg2 !important; } .__tagembed__onoffswitch .__tagembed__onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch, .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { background-color: $light-blue !important; width: $h26; height: $h26; top: -4px; } .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { right: $fs18; } .__tagembed__onoffswitch .__tagembed__onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch { right: -2px; } input:empty { margin-left: -999px; height: $zero; width: $zero; overflow: $hidden; position: $abs; opacity: $zero; } } div.__tagembed__accountsection { div.__tagembed__ssright.__tagembed__sizefull { width: $sizefull; } h3 { margin-bottom: $h5; } .__tagembed__connaccountwrap { @extend %d-flex; @extend %jc-between; @extend %flexend; .__tagembed__caright { width: $sizefull; max-width: 500px; .__tagembed__clipboard { @extend %d-flex; input, label { background: $input-lightbg; border: $zero; padding: $h5 $h10; width: $sizefull; height: $fs44; font-size: 12.7px; outline: $none; box-sizing: $boxs; @extend %d-flex; @extend %ai-center; } button { background: $btn-darkbg; color: $white-color; padding: $h10; display: $dinblock; border: $zero; font-size: $fs14; line-height: $normal; &:hover { opacity: 0.75; cursor: $pointer; } } } } } } .__tagembed__thankyou { text-align: $center; padding-top: $h50; padding-bottom: $h50; h2 { font-size: $h30; span { font-size: $fs14; font-weight: $normal; display: $d-block; margin-top: $h10; } } .__tagembed__plandetail { @extend %d-flex; @extend %ai-center; @extend %jc-center; margin: $onem $zero; .__tagembed__planbox { margin: $zero; border: $border $bdrcolor2; border-right: $zero; padding: $h15; background-color: $planbox-bg; &:last-child { border-right: $border $bdrcolor2; } p { margin: $zero $zero $h15; font-weight: $fw6; font-size: $fs16; } span { display: $d-block; } } } .__tagembed__gotohome { margin-top: $tworem; @extend %d-flex; @extend %ai-center; @extend %jc-center; img { margin: $zero $h5 $zero; @include rotate180; height: $fs13; } } } } } .__tagembed__pricesection { .__tagembed__tabheading { padding: $h10 $h15; margin-bottom: $h30; border-bottom: $border $bdrcolor2; h3 { margin: $zero; } } .__tagembed__priceswitcher { background: $white-color; border-radius: $p2; padding: $zero; margin-bottom: $h15; max-width: 298px; margin-left: $auto; margin-right: $auto; text-align: $center; @extend %d-flex; @extend %ai-center; @extend %jc-around; a { padding: $h10 $h15; width: $sizefull; border: $border $bdrcolor2; } a.__tagembed__active { background: $activeblue; color: $white-color; border-color: $activeblue; } } .__tagembed__fourplan { @extend %d-flex; @extend %jc-between; margin-top: $h30; .__tagembed__planbox { background: $white-color; padding: $h15; border: $border $bdrcolor2; width: $width23; margin-right: $h15; position: $rel; h2 { margin: $h5 $zero; } p { margin: $zero; font-size: $fs12; min-height: $h36; margin-bottom: $h15; } ul { margin: $h30 $zero $zero; li { margin-bottom: $h10; img { vertical-align: $middle; margin-right: $h8; height: $fs22; } } } .__tagembed__selectbtn { border-color: $selectbtn-bg; @extend %trans; padding: $h10 $h15; text-align: $center; width: $sizefull; margin-top: $h15; display: $d-block; box-sizing: $boxs; background: $white-color; color: $activeblue; border: $border $activeblue; font-weight: $fw5; &:hover { color: $white-color; background: $activeblue; } } .__tagembed__currentplan { display: $none; } &:last-child { margin-right: $zero; } } .__tagembed__planbox.__tagembed__activeplan { .__tagembed__currentplan { color: $white-color; display: $d-block; background-color: $activeblue; display: $dinblock; padding: $p3 $h10; position: $abs; right: $h10; top: -12px; } } } .__tagembed__planfeatures { border: $border $bdrcolor2; margin-top: $h30; table { @include tablecoll; margin-bottom: $zero; width: $sizefull; tbody { tr { &:nth-child(odd) { td { background-color: $border-lighttop; } } } } th, td { border-right: $border $tbl-bdrcolor; border-bottom: $border $tbl-bdrcolor; vertical-align: $middle; padding: $sevenfive $onerem; } th { color: $black-color; background-color: $white-color; h4 { font-size: $fs16; font-weight: $fw5; } &:not(:first-child) { text-align: $center; } } td { background-color: $white-color; position: $rel; &:not(:first-child) { text-align: $center; } img[alt="no-access"] { max-width: $fs24; } .p_tooltip[tooltip] { position: $rel; } svg { vertical-align: $middle; } .platform__icons { max-width: $selectw; margin-left: $auto; margin-right: $auto; } ul.platform__icons.colored_social_icons li { display: $dinblock; margin-right: $p2; margin-left: $p2; } .platform__icons .fa-twitter { color: $twitter; } .platform__icons .fa-instagram { color: $instagram; } .platform__icons .fa-facebook { color: $facebook; } .platform__icons .fa-linkedin { color: $linkedin; } .platform__icons .fa-rss { color: $rss; } .fa-youtube-play { color: $youtube; } .platform__icons .fa-tumblr { color: $tumblr; } .platform__icons .fa-pinterest { color: $pinterest; } .platform__icons .fa-yelp { color: $yelp; } .platform__icons .fa-soundcloud { color: $soundcloud; } .platform__icons .svg-airbnb svg, .platform__icons .svg-workplace svg, .svg-airbnb svg, .svg-workplace svg, .svg-vimeo svg, .svg-yammer svg { height: $fs18; width: $auto; vertical-align: $middle; margin-top: $p3; } .tooltip { position: $inherit; .tooltiptext { left: $h20; right: $zero; margin: $zero; bottom: -13px; width: $inherit; min-width: $selectw; padding: $p7; padding-right: $p7; &::after { border-color: transparent #555 transparent transparent; top: $inherit; left: -5px; bottom: $fs18; } } } } } } .__tagembed__showallfeatures { margin-top: $h30; text-align: $center; } } .__tagembed__filtermoderation { .__tagembed__tabheading { padding: $h10 $zero; @extend %d-flex; @extend %ai-center; @extend %jc-between; border-bottom: $border $bdrcolor2; position: $rel; flex-flow: row wrap; ul { margin: $zero; @extend %d-flex; @extend %ai-center; @extend %jc-between; li { margin: $zero; a { margin-right: $h10; padding-left: $h20; background-color: $bdrcolor2; display: $dinblock; color: $white-color; i { font-style: $normal; margin-left: $h10; background: $filter-bg; padding: $h10; display: $dinblock; } &:hover { opacity: 0.9; } } .__tagembed__btnwarning { background-color: $warning; } .__tagembed__btnwarning.__tagembed__btnactive { @extend %btnwarning-active; } .__tagembed__btnprimary { background-color: $hover-color2; } .__tagembed__btnprimary.__tagembed__btnactive { @extend %btnprimary-active; } .__tagembed__btnsuccess { background-color: $success; } .__tagembed__btnsuccess.__tagembed__btnactive { @extend %btnsuccess-active; } .__tagembed__btndanger { background-color: $danger; } .__tagembed__btndanger.__tagembed__btnactive { @extend %btndanger-active; } :last-child a { margin-right: $zero; } } } .__tagembed__modbtnaction { li { a { @extend %d-flex; @extend %ai-center; padding: $h10 $h20; img { margin-right: $h5; max-height: $fs16; } } } } .__tagembed__modfilter { @extend %d-flex; @extend %ai-center; @extend %jc-between; .__tagembed__modsearch { position: $rel; margin-right: $h10; @extend %embose-button; &:hover { box-shadow: $none; } input { padding-right: $h30; height: $fs32; width: $h-double; border: $border $lightbg; border-radius: $zero; font-size: $fs13; min-height: $h30; font-weight: $normal; color: $dark-grey; border-color: $borderlight; position: $abs; right: -7px; top: -3px; } img { max-height: $fs14; position: $abs; right: $h5; top: -7px; } button { background: $norepeat; border: $zero; @extend %ai-center; position: $abs; right: $zero; top: $p2; cursor: $pointer; } } span { font-weight: $fw5; margin-right: $h5; } a { svg { color: $new-blue; max-height: $fs18; } } .__tagembed__filgerarea { position: $abs; left: $zero; top: $h58; background: $white-color; width: $sizefull; padding: $h10 $h15; box-sizing: $boxs; z-index: 11; @extend %d-flex; box-shadow: $p1 $p1 $p3 $input-color2; @extend %f-wrap; > div { @extend %d-flex; width: $size32; margin-right: $twoper; background-color: $light-bgcolor; padding: $h15; box-sizing: $boxs; &:nth-child(3n) { margin-right: $zero; } ul { @extend %fd-column; @extend %d-flex; @extend %ai-selftstart; @extend %jc-start; width: $sizefull; max-height: 128px; overflow-y: $auto; &::-webkit-scrollbar { width: $p6; } &::-webkit-scrollbar-track { background: $borderlight; } &::-webkit-scrollbar-thumb { background: $activeblue; } h4 { margin: $zero $zero $h5; } li { margin-top: $p7; input { margin-top: $zero; border-radius: $zero; } label { img { max-height: $fs14; vertical-align: $middle; margin-right: $p2; margin-left: $p3; } } } } } &::after { bottom: $sizefull; right: 43px; border: solid $bg-transparent; content: ""; height: $zero; width: $zero; position: $abs; pointer-events: $none; border-color: $rgbordercolor; border-bottom-color: $white-color; border-width: $h8; margin-left: -8px; } .__tagembed__filaction { width: $sizefull; background-color: $bg-transparent; justify-content: $center; button { margin-left: $h5; margin-right: $h5; } .__tagembed__cancelbtn { color: $blue-color; box-shadow: $zero $zero $zero $p1 $blue-color inset; background-color: $bg-transparent; &:hover { opacity: 0.9; } } } } .__tagembed__moddaterande { margin-top: $p2; @extend %embose-button; &:hover { cursor: $pointer; box-shadow: $none; } } .__tagembed__filtericon { @extend %embose-button; &:hover { box-shadow: $none; } } } .__tagembed__modcheckall { @extend %d-flex; @extend %ai-center; input { border-radius: $zero; margin-top: $zero; @extend %embose-button; &:hover { box-shadow: $none; } &:before { margin-top: $p1; } } a { margin-left: $p7; @extend %embose-button; &:hover { box-shadow: $none; } img { max-height: $fs14; } } } .__tagembed__filterby { @extend %flex-basis; @extend %d-flex; @extend %ai-center; margin-top: $h10; padding-top: $h10; border-top: $border $bdrcolor2; strong { margin-right: $zero; } ul { margin-left: $h10; li { @extend %d-flex; @extend %ai-center; padding: $h5 $h10; background: $white-color; margin-right: $p7; padding-right: $h5; box-shadow: $zero $zero $zero $p1 inset $bdrcolor2; i { margin-right: $h5; } .__tagembed__img { max-height: $fs12; margin-right: $h5; } .__tagembed__name { margin-right: $h5; display: $dinblock; } .__tagembed__close { background-color: $bg-transparent; padding: $zero; margin: $zero; @extend %d-flex; position: $rel; padding-left: $p7; img { height: $fs18; width: $fs18; position: $rel; z-index: 2; } &::before { content: ""; background: $bdrcolor2; width: $p1; height: $h26; position: $abs; top: -4px; left: $zero; } } #reportrange { @extend %d-flex; } } .__tagembed__reset { background-color: $success; button { border: $zero; background: $bg-transparent; color: $white-color; height: $auto; padding-top: $zero; padding-bottom: $zero; margin: $zero; line-height: $fs18; &:hover { opacity: 0.9; cursor: $pointer; } } } } } } .__tagembed__modsection.__tagembed__grid { margin-top: $h10; width: $sizefull; .__tagembed__grid_item { float: $left; width: $size20; min-height: $h100; padding: 7.5px; .__tagembed__modpost { box-shadow: $zero $zero $zero $p1 $bdrcolor2; background-color: $white-color; .__tagembed__modimg { position: $rel; .__tagembed__switch { position: $abs; top: $h15; right: $h5; z-index: $z-index10; } .__tagembed__iframe_preloader { min-height: $h-double; width: $sizefull; display: $d-block; &::before { position: $abs; color: $white-color; z-index: $z-index1; top: $size46; @extend %translate; left: $zero; right: $zero; text-align: $center; font-family: $fa5; content: "\f110"; font-weight: $fw9; font-size: $h30; @extend %infinitespin; } } img { max-width: $sizefull; @extend %cover; width: $sizefull; } img.__tagembed__imgloader { width: $inherit !important; margin: $zero $auto; padding-top: $h15; padding-bottom: $h15; } iframe { min-height: $h-double; position: $rel; z-index: $z-index9; max-width: $sizefull; } video { min-height: $h-double; background: $black-color; } .__tagembed__playicon { position: $abs; top: $sizehalf; @extend %translate; left: $zero; right: $zero; text-align: $center; max-width: $h48; margin: $zero $auto; img { width: $h48; } } } .__tagembed__modimg.__tagembed__nomodimg { .__tagembed__switch { position: $abs; top: $h35; right: $zero; } } .__tagembed__modhead { padding: $h10; @extend %d-flex; @extend %ai-top; @extend %jc-between; .__tagembed__profile { @extend %d-flex; @extend %ai-center; width: $sizefull; img { max-width: $sizefull; display: $d-block; border-radius: $sizehalf; max-height: $h40; } .__tagembed__profilecontent { margin-left: $h10; ul { @extend %d-flex; @extend %ai-center; margin: $zero; @extend %f-wrap; li { margin: $zero; font-size: $h10; color: $bdrcolor3; &:first-child { border-right: $border $bdrcolor2; padding-right: $p3; margin-right: $p3; line-height: $h10; } } } } } .__tagembed__networkicon { img { max-width: $fs16; } } } .__tagembed__modcontent { padding-left: $h10; padding-right: $h10; padding-top: $h5; h4 { margin: $zero; @include line-clamp; white-space: $normal; overflow: $hidden; } p { white-space: $normal; overflow: $hidden; @include line-clamp; } } .__tagembed__modaction { @extend %d-flex; @extend %ai-center; @extend %jc-between; padding: $p7 $h10; background: $moaction-bg; .__tagembed__modactionleft { ul { @extend %d-flex; @extend %ai-center; margin: $zero; li { margin: $zero; a { @extend %ai-center; @extend %d-flex; margin-right: $h5; background: $bg-transparent; vertical-align: $middle; padding: $p3 $h5 $h5 $h5; border: $border $bg-transparent; width: $h28; height: $h28; img { max-width: $fs16; } } a.__tagembed__modaction_active { margin-right: $h5; background: $white-color; border: $border $moaction-active; } } } } .__tagembed__modactionright { @extend %d-flex; @extend %ai-center; position: $rel; input { border-radius: $zero; } a { display: $d-block; img { max-height: $fs18; margin-left: $h5; } } .__tagembed__modmore { background: $mod-more; position: $abs; right: $zero; top: -40px; ul { margin: $zero; @extend %d-flex; padding: $h5 $p7 $p6; li { margin: $zero; a { display: $d-block; margin-left: $p3; margin-right: $p3; width: $h20; @extend %d-flex; @extend %ai-center; @extend %jc-between; img { margin: $zero; height: $fs14; } &:hover { opacity: 0.9; } } } } &:after { top: $sizefull; right: $p4; border: $solid $bg-transparent; content: ""; height: $zero; width: $zero; position: $abs; pointer-events: $none; border-color: $modaction-right; border-top-color: $mod-more; border-width: $h5; margin-left: -5px; } } } } img { max-width: $sizefull; display: $d-block; } } .__tagembed__switch { div.__tagembed__onoffswitch { .__tagembed__onoffswitch-inner { &::before { background-color: $mod-switchgreen; } } .__tagembed__onoffswitch-inner { &::after { background-color: $mod-switchprivate; } } } .__tagembed__onoffswitch .__tagembed__onoffswitch-checkbox:checked + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch, .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { background-color: $success !important; } .__tagembed__onoffswitch .__tagembed__onoffswitch-checkbox + .__tagembed__onoffswitch-label .__tagembed__onoffswitch-switch, .__tagembed__onoffswitch .__tagembed__onoffswitch-switch { background-color: $danger !important; } } } .__tagembed__grid_item.__tagembed__grid_item_highlighter { width: $size40; } &::after { content: ""; display: $d-block; clear: $both; } } .__tagembed__modsection.__tagembed__nofound { .__tagembed__nofound-inn { @extend %d-flex; @extend %ai-center; @extend %jc-center; padding-top: $h30; padding-bottom: $h30; position: $unset !important; img { margin-right: $h10; max-height: $h30; } } } .__tagembed__pager { clear: $both; padding: $h15; background-color: $white-color; margin-top: $h15; @extend %d-flex; @extend %ai-center; @extend %ai-top; ul { @extend %d-flex; @extend %ai-center; margin: $zero; li { margin: $zero; margin-right: $h5; a { width: $fs32; height: $fs32; @extend %d-flex; @extend %ai-center; @extend %jc-center; background-color: $pager-bg; img { opacity: 0.35; } &:hover { img { @extend %invertone; } } } .__tagembed__page-active, a:hover { background-color: $hover-color2; color: $white-color; } .__tagembed__first, .__tagembed__previous { @include rotate180; } .__tagembed__deactive { cursor: not-allowed; a { pointer-events: $none; } } } } .__tagembed__pager-info { select { margin-right: $h5; margin-left: $h5; padding-right: $h30; height: $fs32; background: #ecf1f6 url(../images/arrow-down.png) $norepeat $right $h5 top 55%; border-radius: $zero; font-size: $fs13; min-height: $h30; font-weight: $normal; background-size: $h8; border: $zero; color: $primary-color; &:focus { box-shadow: $none; } } } } } .__tagembed__customization { .__tagembed__customization_title { border-bottom: $border $bdrcolor2; padding-bottom: $h10; padding-left: $h20; padding-right: $h15; margin-bottom: $h15; padding-top: $h10; h3 { margin: $zero; } } .__tagembed___customization_contain { @extend %d-flex; @extend %ai-top; .__tagembed__customization_left { width: $previewleftw; padding-right: $h15; box-sizing: $boxs; .__tagembed__customization_left_inn { background: $white-color; padding: $h15 $h10; border: $border $bdrcolor2; ul { margin: $zero; li { a { padding: $h15 $h10; display: $d-block; background: $btnhover-bdr; color: $primary-color; position: $rel; &:hover { background: $input-lightbg; } &::before { right: $h10; content: "»"; font-size: $fs24; position: $abs; right: $h10; font-weight: $normal; color: $input-color2; } } .__tagembed__active, .__tagembed__active:hover { background: $activeblue; color: $white-color; position: $rel; } } } } } .__tagembed__customization_right { width: calc(100% - 315px); background: $white-color; padding: $h15 $zero; border: $border $bdrcolor2; .__tagembed__container { @extend %plrequal; margin: $zero $auto; max-width: $sizefull; font-family: $Poppins; .__tagembed__row { margin-left: -$h15; margin-right: -$h15; @extend %f-wrap; @extend %d-flex; .__tagembed_range { margin: $h15 $zero; width: $sizefull; } .__tagembed_singlerow { @extend %d-flex; margin-top: $h15; .__tagembed__lablename { @extend %d-flex; @extend %ai-center; } } .__tagembed__col { @extend %plrequal; width: $sizehalf; margin-bottom: $h15; /*New*/ .__tagembed__mt_zero { margin-top: $zero !important; } .__tagembed__radio_button { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; @extend %f-wrap; padding-left: $h5; span { position: $rel; input { position: $abs; opacity: $zero; visibility: $hidden; } label { font-size: $fs14; color: $switch-bg2; border: 1px solid #e4e6ee; margin: -1px; width: $h50; height: $h40; @extend %d-flex; @extend %f-wrap; @extend %jc-center; @extend %ai-center; background: $white-color; cursor: $pointer; @extend %trans; svg { fill: #22232c; transition: 0.2s; } &:hover { border-color: #f5f0f0; background: #f5f0f0; } } input[type="radio"]:checked + label { background: #4179ff; border-color: #4179ff; } input[type="radio"]:checked + label svg { fill: #fff; } } } /*New*/ input { padding-right: $zero; } select { padding-right: $h30; height: $fs32; background: url(../images/arrow-down.png) no-repeat right 5px top 55%; background-color: $white-color; width: $h-double; border-color: $bdrcolor3; color: $primary-color; background-size: $h8; border-radius: $zero; } .__tagembed__lablename { width: 240px; display: $dinblock; } .__tagembed__input { width: $h-double; } .__tagembed__lablename + div { display: $dinblock; vertical-align: $top; position: $rel; } .__tagembed__colorSelector { width: $h30; height: $h30; margin: $zero; padding: $zero; border: $zero; } .__tagembed_selectedColor_code { vertical-align: $super; } /**/ .__tagembed__ff_dropdwon { width: $h-double; } .__tagembed__ff_dropdwon ul { list-style: $none; padding: $zero; margin: $zero; border: $zero; } .__tagembed__ff_dropdwon ul li, .__tagembed__ff_dropdwon .__tagembed__dd_first { padding: $zero; color: $mod-more; padding: $h5; margin-bottom: $zero; } .__tagembed__ff_dropdwon ul li:last-child { border-bottom: $border $bdrcolor3; } .__tagembed__ff_dropdwon ul li { display: $none; padding-left: $h5; } .__tagembed__ff_dropdwon ul li.main { display: $d-block; } .__tagembed__ff_dropdwon ul li img { height: $h20; } .__tagembed__ff_dropdwon .__tagembed__dd_first { padding-right: $h30; height: $fs32; background: url(../images/arrow-down.png) no-repeat right 5px top 55%; background-color: $white-color; border: $border $bdrcolor3; color: $primary-color; background-size: $h8; border-radius: $zero; line-height: $fs22; } .__tagembed__ff_dropdwon .__tagembed__dd_first img { max-height: $h20; } .__tagembed__ff_dropdwon ul { list-style: $none; padding: $zero; margin: $zero; position: $abs; z-index: $z-index999; width: $sizefull; border: $border $bdrcolor3; background-color: $white-color; color: $primary-color; background-size: $h8; border-radius: $zero; border-top: $zero; top: $fs32; box-sizing: $boxs; max-height: $selectw; overflow-y: $auto; } .__tagembed__ff_dropdwon ul li:hover { background-color: $border-lighttop; cursor: $pointer; } /**/ .__tagmebed__layoutQuick_settings { .__tagembed__lablename { display: $d-block; margin-bottom: $h5; margin-top: $h15; } ul { margin: $zero; padding: $zero; @extend %d-flex; li { position: $rel; margin: $zero $h20 $zero $zero; input { position: $abs; z-index: 99; width: $sizefull; height: $sizefull; opacity: $zero; } input:checked + img { border: $zero; filter: grayscale(0); } input:checked ~ span { color: #8ac2f7; font-weight: $fw5; } img { height: 80px; width: $auto; filter: grayscale(1); } span { display: $d-block; text-align: $center; font-size: $fs12; } } } } } .__tagembed_colfull { width: $sizefull; } .__tagembed__applyBtn { margin-bottom: $zero; width: $sizefull; text-align: $left; border-top: $border $bdrcolor2; padding-top: $h10; margin-top: $h10; } } } .__tagembed__customtextarea { .__tagembed_ct_header { margin-bottom: $p2; } textarea { border: $border $bdrcolor2; width: $sizefull; min-height: $w3; resize: $none; &:focus { border-color: $bdrcolor2; box-shadow: 0 0 5px $bdrcolor2 inset; } } } } } } } } /*-- Account-Setion-END --*/ /*-- Popup-START --*/ .__tagembed__overlay { &::before { content: ""; position: $fixed; left: $zero; top: $zero; background: rgba(0, 0, 0, 0.2); height: $sizefull; width: $sizefull; z-index: $z-index9; } } .__tagembed__popupwrap { position: $fixed; left: $selectw; right: $zero; top: $sizehalf; @extend %translate; @extend %box-shadow; margin: $zero $auto; max-width: $mw310; background: $white-color; border: $border $bdrcolor; padding: $zero; min-width: $mwpopup; text-align: $center; z-index: $z-index999; .__tagembed__iconarea { background: $blue-color; width: $h50; height: $h50; margin: $zero $auto; margin-top: $h15; border-radius: $sizehalf; @extend %d-flex; @extend %ai-center; @extend %jc-center; .fa { font-size: $fs24; color: $white-color; } } .__tagembed__btnwrap button, .__tagembed__btnwrap a.__tagembed__okaybtn { text-decoration: $none; border: $zero; text-decoration: $none; text-shadow: $none; padding: $zero $h10; border-radius: $bradius; line-height: $lh; min-height: $fs32; display: $dinblock; min-width: $mw62; &:hover { opacity: $opcity85; cursor: $pointer; } } .__tagembed__okaybtn { background: $blue-color; color: $white-color; margin-right: $h10; } .__tagembed__title { padding: $zero; h2 { font-size: $fs21; font-weight: $fw4; } } .__tagembed__desc { padding: $zero $fs12; } .__tagembed__btnwrap { padding-top: $h15; padding-bottom: $h15; margin-top: $h15; border-top: $border $btnb-wrapcolor; } .__tagembed__horizontaborder { padding-bottom: $fs14; margin-bottom: $h15; border: $zero; margin-top: $zero; border-bottom: $border $btnb-wrapcolor; border-color: $bdrcolor2; } .__tagembed__header { padding: $h15 $fs12 $zero $fs12; position: $rel; h2 { margin: $zero; color: $primary-color; } a { position: $abs; right: -10px; background: $white-color; width: $fs22; height: $fs22; border-radius: $sizehalf; top: -10px; border: $border $btnb-wrapcolor; line-height: $fs21; text-align: $center; } } .__tagembed__formwbody { .__tagembed__formwrow { @extend %fd-column; @extend %d-flex; padding: $zero $fs12; text-align: $left; margin-bottom: $h10; .__tagembed__form-check { padding: $zero $h5; label { display: $dinblock !important; vertical-align: $middle; } } .__tagembed__error { color: $error-color; font-size: $fs12; margin-top: $zero; display: $none; } label { margin-bottom: $h5; display: $d-block; text-transform: $capitalize; } input[type="text"], input[type="password"], select { padding: $zero $h8; line-height: $lh2; min-height: $h30; width: $sizefull; max-width: $sizefull; border-radius: $zero; border: $border $input-bcolor; background-color: $white-color; color: $input-color; border-color: $bdrcolor3; } input[type="checkbox"], input[type="radio"] { width: $fs12; height: $fs12; min-width: $inherit; border-radius: $zero; margin-right: $zero; } input[type="radio"] { border-radius: $sizehalf; &::before { width: $h8; height: $h8; margin: $p1 $zero $zero $p1; } } &:last-child { margin-bottom: $zero; } /**/ .__tagembed__shareconn { padding: $h30; h2 { font-weight: $fw6; text-align: $center; color: $black-color; margin-bottom: $h10; } p { text-align: $center; color: $grey3; margin-top: $zero; margin-bottom: $h15; } textarea { color: $dark-grey; width: $sizefull; border: $border $bdrcolor2; resize: $none; padding: $h10 $h15; margin-bottom: $zero; margin-top: $h15; &:focus { border-color: $activeblue; box-shadow: $none; } } button#shareButton { margin: $zero $auto; @extend %d-flex; } span { font-size: $h11; margin-bottom: $h15; display: $d-block; } #__tagembed__share_link_input { background: $input-lightbg; border-color: $input-lightbg; } } /**/ .__tagembed__addnetwork { @extend %d-flex; @extend %f-wrap; li { width: $size32; margin-right: $twoper; margin-bottom: $twoper; &:nth-child(3n) { margin-right: $zero; } a { padding: $h15; color: $add-network; font-size: $h15; @extend %d-flex; @extend %ai-center; border: $border $bdrcolor2; border-radius: $zero; @extend %trans; img { max-height: $fs42; margin-right: $h10; border-radius: $sizehalf; } } .__tagembed__network__1 { &:hover { color: $twitterhover; border-color: $twitterhover; } } .__tagembed__network__2 { &:hover { color: $instagramhover; border-color: $instagramhover; } } .__tagembed__network__18 { &:hover { color: $facebookhover; border-color: $facebookhover; } } .__tagembed__network__3 { &:hover { color: $linkedinhover; border-color: $linkedinhover; } } .__tagembed__network__4 { &:hover { border-color: $googlehover; span { @include googletxt; } } } .__tagembed__network__8 { &:hover { color: $vimeohover; border-color: $vimeohover; } } .__tagembed__network__21 { &:hover { color: $yammerhover; border-color: $yammerhover; } } .__tagembed__network__20 { &:hover { color: $slackhover; border-color: $slackhover; } } .__tagembed__network__31 { &:hover { color: $black-color; border-color: $slackhover; } } } } } .__tagembed__formwrow:first-child { position: relative; input + i { position: $abs; right: $fs12; top: $fs24; background: $bdrcolor2; width: $h30; height: $h28; @extend %d-flex; @extend %ai-center; @extend %jc-center; border-left: $border #afafaf; cursor: $pointer; } } .__tagembed__formwrow.__tagembed__checkboxrow { font-size: $fs14; @extend %fd-row; @extend %d-flex; @extend %ai-center; input[type="checkbox"] { margin-right: $h5; @extend %d-order1; &::before { margin: -4px $zero $zero -5px; height: $fs18; width: $fs18; } } label { @extend %d-order2; } } .__tagembed__formwrow.__tagembed__mbzero { margin-bottom: $zero; label { margin-left: $p7; font-size: $fs13; } } } .__tagembed__closebtn { background-image: url(../images/close.png) !important; position: $abs; display: $dinblock; margin-top: -30px; margin-right: -30px; width: $fs16; height: $fs16; background-repeat: $norepeat !important; text-indent: -10000px; border: $zero; background: $bg-transparent; right: $h15; top: $h15; z-index: $z-index9; background-color: $danger; background-size: $fs16; background-position: $center $center; padding: $fs16; border-radius: $sizehalf; @extend %trans; &:hover { cursor: $pointer; @include rotate90; } } } .__tagembed__popupwrap.__tagembed__popup_lg { .__tagembed__formwbody { @extend %fd-row; @extend %d-flex; vertical-align: $middle; @extend %f-wrap; width: $sizefull; @extend %jc-between; } .__tagembed__formwrow { width: $size46; } } .__tagembed__popupwrap.__tagembed__acclist, .__tagembed__popupwrap.__tagembed__popup_xl.__tagembed__acclist, .__tagembed__popupwrap.__tagembed__popup_md.__tagembed__acclist, .__tagembed__popupwrap.__tagembed__popup_lg.__tagembed__acclist { .__tagembed__formwrow { width: $sizefull; box-sizing: $boxs; select { @include appearance; background: url(../images/arrow-down.png) $norepeat $right $h5 $top 55%; background-size: $h8; } } } .__tagembed__popupwrap .__tagembed__formwbody .__tagembed__formwrow select { background: url(../images/arrow-down.png) $norepeat $right $h5 $top 55%; background-size: $h8; } .__tagembed__popupwrap.__tagembed__acclist { .__tagembed__formwbody { padding-bottom: $h10; } } .__tagembed__popupwrap.__tagembed__popup_xl { max-width: $popupxl; } .__tagembed__popupwrap.__tagembed__popup_lg { max-width: $tabmax; } .__tagembed__popupwrap.__tagembed__popup_md { max-width: $popupmd; } .__tagembed__popupwrap.__tagembed__popup_sm { max-width: $mw310; } input, select, textarea { @include placeholder { color: $bdrcolor3; } } /*-- Popup-END --*/ /*-- ToolTip-START --*/ .tooltip { position: $rel; display: $dinblock; } .tooltip .tooltiptext { display: $none; width: $h120; background-color: $tooltop-bg; color: $white-color; text-align: $center; border-radius: $zero; padding: $h5 $zero; position: $abs; z-index: $z-index1; bottom: $size125; left: $sizehalf; margin-left: -60px; opacity: $zero; @extend %transication-opacity; font-weight: $normal !important; overflow: $unset !important; } .tooltip .tooltiptext::after { content: ""; position: $abs; top: $sizefull; left: $sizehalf; margin-left: -5px; border-width: $h5; border-style: $solid; border-color: $tooltop-bg $bg-transparent $bg-transparent $bg-transparent; } .tooltip:hover .tooltiptext { display: $d-block; opacity: $z-index1; } /*-- ToolTip-END --*/ /**/ body { background: $border-lighttop; } //Universal div#screen-meta + div { margin-bottom: $h15; } //Universal div#wpwrap ~ div#__tagembed__loader { width: calc(100% - 160px); right: $zero; left: $inherit; height: calc(100vh - 32px); } div#wpwrap ~ .__tagembed__overlay .__tagembed__popupwrap { left: $selectw; } #screen-meta ~ .notice { margin: $h15 $zero; width: calc(100% - 70px); // width: calc(100% - 15px); } #screen-meta ~ .notice ~ .__tagembed__container .__tagembed__tabing { border-top: $border $bdrcolor2; } div.daterangepicker.opensright:before { right: $h84; left: $inherit; } div.daterangepicker.opensright:after { right: $h85; left: $inherit; } .__tagembed_selected_color_code { vertical-align: $super; } /*--MediaQuery--*/ @media (max-width: 1400px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__tabing { .__tagembed__tablinks { // padding-left: $h15; // padding-right: $h15; padding-left: $h10; padding-right: $h10; } } } } .__tagembed__filtermoderation { .__tagembed__modsection.__tagembed__grid { .__tagembed__grid_item { width: $size33; } .__tagembed__grid_item.__tagembed__grid_item_highlighter { width: $size66; } } } } } } @media (max-width: 1299px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__tabing { .__tagembed__tablinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: $h5 $h10; font-size: $fs13; span { margin: $zero $zero $h5; } } } } } } } } @media (max-width: 1280px) { .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conacclist li { width: $size49; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conacclist :nth-child(3n) { margin-right: $twoper; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conacclist :last-child { margin-right: 0; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conacclist :nth-child(2n) { margin-right: $zero; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conntectedacc th { padding-top: $h10; padding-bottom: $h10; } .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__tabing { .__tagembed__tablinks { // padding: $h11 $h15 $fs12; text-align: $center; padding: $h5 $h8; } .__tagembed__tabingtwo { .__tagembed__tabtworight { .__tagembed__selectwid select { width: $auto; } } .__tagembed__tabtworight { a { font-size: $zero; img { margin-left: $zero; } } } } } .__tagembed__tabcontent { .__tagembed__widgetarea { .__tagembed__widgetbox { width: calc(49% - 2px); &:nth-child(2n) { margin-right: $zero; } } } .__tagembed__sourcerow { .__tagembed__layoutarea { ul { li { width: $width23; &:nth-child(6n) { margin-right: $twoper; } &:nth-child(4n) { margin-right: $zero; } } } } } } .__tagembed___displayfeedrow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; .__tagembed__displayleft { padding-right: $zero; width: $sizefull; } .__tagembed__displayright { margin-left: $zero; width: $sizefull; } } } } } } } @media (max-width: 1199px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__tabcontent { .__tagembed__widgetarea { .__tagembed__widgetbox { width: calc(49% - 2px); &:nth-child(2n) { margin-right: $zero; } } } } .__tagembed__tabing { .__tagembed__tabingtwo { .__tagembed__tabtwoleft { div.__tagembed__selectwid select { width: $auto; margin: $h5; margin-left: $zero; } .__tagembed__selectwid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: $center; -ms-flex-align: $center; align-items: $center; span { white-space: $nowrap; margin-right: $h5; } .add-select-widget + select { width: $h-double; } } } .__tagembed__tabtworight { .__tagembed__msg { padding-top: $h10; padding-bottom: $h10; } } } .__tagembed__tablinks { font-size: $fs12; } } } } .__tagembed__pricesection { .__tagembed__fourplan { -ms-flex-wrap: $wrap; flex-wrap: $wrap; .__tagembed__planbox { width: $size49; margin-right: $zero; margin-bottom: $h15; box-sizing: $boxs; } } } .__tagembed__customization { .__tagembed___customization_contain { .__tagembed__customization_left { width: $w260; } .__tagembed__customization_right { width: calc(100% - 260px); } } } } } } @media (max-width: 1080px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__branding a img { max-height: $fs16; } } .__tagembed__tabing { .__tagembed__tablinks { padding: $h5 $h8; font-size: $fs13; } } } } } } @media (max-width: 991px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__branding { li { padding-left: $h10; padding-right: $h10; } } } } .__tagembed__filtermoderation { .__tagembed__modsection.__tagembed__grid { .__tagembed__grid_item { width: $sizehalf; } .__tagembed__grid_item.__tagembed__grid_item_highlighter { width: $sizefull; } } } } } .__tagembed__popupwrap.__tagembed__popup_xl { max-width: $size90; } } @media (max-width: 960px) { .__tagembed__container { .__tagembed__row { .__tagembed__widget { .__tagembed__widget_inn { .__tagembed__tabing { .__tagembed__tablinks { // padding: $h10 $p3; // font-size: 12.5px; &:nth-child(3) { white-space: nowrap; } } .__tagembed__tabingtwo { .__tagembed__tabtwoleft { span { padding-left: $p3; font-size: $fs12; } } .__tagembed__tabtworight { .__tagembed__selectwid { select { line-height: $normal; height: $h28; min-height: $h28; padding-top: $zero; padding-bottom: $zero; } } } } } .__tagembed__ssource { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .__tagembed__tabcontent { .__tagembed__widgetarea { .__tagembed__widgetbox { width: calc(49% - 2px); &:nth-child(4n) { margin-right: $zero; } } } } } } .__tagembed__planfeatures { max-width: $sizefull; overflow-x: $auto; margin: $zero; table { width: $sizefull; } } } } div#wpwrap ~ div#__tagembed__loader { width: calc(100% - 36px); } .__tagembed__popupwrap, div#wpwrap ~ .__tagembed__overlay .__tagembed__popupwrap { left: $h36; } #wpbody-content > .__tagembed__container > .__tagembed__row .__tagembed__foot_nextprevious { width: $sizefull; left: $zero; } } @media (max-width: 782px) { div#wpwrap ~ div#__tagembed__loader { width: $sizefull; } .__tagembed__popupwrap, div#wpwrap ~ .__tagembed__overlay .__tagembed__popupwrap { left: $zero; right: $zero; } } @media (max-width: 767px) { .__tagembed__sourcerow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssleft { margin-bottom: $h10; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssleft, .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright { width: $sizefull; -ms-flex-wrap: wrap; flex-wrap: wrap; } .__tagembed__popupwrap.__tagembed__popup_xl, .__tagembed__popupwrap.__tagembed__popup_lg, .__tagembed__popupwrap.__tagembed__popup_md, .__tagembed__popupwrap.__tagembed__popup_sm { max-width: $size90; } .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright { border-bottom: $border $bdrcolor2; padding-bottom: $h15; } /**/ .__tagembed__container { .__tagembed__row { .__tagembed__customization { .__tagembed___customization_contain { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; .__tagembed__customization_left { width: $sizefull; padding-right: $zero; margin-bottom: $h5; } .__tagembed__customization_right { width: $sizefull; .__tagembed__container { .__tagembed__row { .__tagembed__col { width: $sizefull; label.__tagembed__lablename { min-width: 240px; width: $auto; } input, select, .__tagembed__input { width: $sizefull; } } } } } } } } } .__tagembed__container { .__tagembed__row { .__tagembed__widget { padding-right: $h10; .__tagembed__widget_inn { .__tagembed__tabing, .__tagembed__tabing ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: $unset; padding-left: $zero; padding-right: $zero; width: $sizefull; ul { width: $sizefull; margin-top: $h5; padding-left: $zero; } .__tagembed__tablinks { padding: $h10 $h15; box-sizing: $boxs; border-right: $zero; width: $sizefull; border-bottom: $border $bdrcolor2; font-size: 14px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; &:first-child { border-top: $border $bdrcolor2; } span { margin: 0 10px 0 0; } } } .__tagembed__tabing { ul { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .__tagembed__branding { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: $h10; padding-bottom: $h10; margin-top: $zero; } .__tagembed__tabingone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: $zero; margin-right: $zero; .__tagembed__mainmenu { display: $none; } .__tagembed__menumob { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; width: $sizefull; ul { margin: $zero; padding-left: $h15; padding-right: $h15; padding-top: $h10; border-top: $border $bdrcolor2; padding-bottom: $h10; li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: $sizefull; margin: $zero; span { font-weight: $fw5; } a { font-size: $h20; } } } } } .__tagembed__tabingtwo { padding-left: $zero; padding-right: $zero; .__tagembed__tabtwoleft { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: $h10; border-bottom: $border $border-lighttop; border-bottom: $zero; padding-bottom: $h10; width: $sizefull; padding-left: $h10; padding-right: $h10; box-sizing: $boxs; padding-bottom: $h5; padding-top: $h5; padding: $zero $h15; border: $zero; margin: $zero; div.__tagembed__selectwid { width: $sizefull; border-bottom: $zero; padding: $zero; span { padding-left: $zero; } select { width: $sizefull; margin-right: $zero; } span.add-select-widget { width: $auto; } } } .__tagembed__tabtworight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: $sizefull; padding-left: $h10; padding-right: $h10; box-sizing: $boxs; border-top: $border $bdrcolor2; .__tagembed__selectwid { border: $zero; padding: $zero; margin: $zero; } .__tagembed__msg { display: $d-block; border: $zero; } .__tagembed__msg { img { vertical-align: $top; } } } &:before { display: $none; } &:after { display: $none; } } } ~ div { margin-top: $h15; } .__tagembed__tabcontent { .__tagembed__sourcerow { .__tagembed__layoutarea { ul { li { width: $size49; margin-right: $twoper; &:nth-child(6n), &:nth-child(5n) { margin-right: $twoper; } &:nth-child(2n) { margin-right: $zero; } } } } } .__tagembed__widgetarea { .__tagembed__widgetbox { width: calc(49% - 2px); width: $sizefull; margin-bottom: $zero; } .__tagembed__widgetactions { padding-left: $h15; padding-right: $h15; } } } .__tagembed___displayfeedrow { .__tagembed__displayright { .__tagembed__previewarea { .__tagembed__previewation { ul li:not(:last-child) { display: $none; } ul li:last-child { border-right: $border $bdrcolor2; a.__tagembed__tabcommpreivew { background: $lightbg2; padding-left: $fs12; padding-right: $fs12; svg path { fill: $activeblue; } } } } } } } .__tagembed__tabing ~ div { margin-top: $zero; } .__tagembed__tabingtwo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: $h10; padding-right: $h10; } .__tagembed__branding a img { max-height: $fs24; } } #__tagembed__accounts { .__tagembed__connaccountwrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; .__tagembed__caright { margin-top: $h10; input { margin-left: $zero; } } } } } .__tagembed__filtermoderation { .__tagembed__tabheading { .__tagembed__modfilter { .__tagembed__filgerarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; > div { width: $sizefull; margin: $zero $zero $twoper; box-sizing: $boxs; &:last-child { margin-bottom: $zero; } } } } } } .__tagembed__filtermoderation { .__tagembed__modsection.__tagembed__grid { .__tagembed__grid_item { width: $sizefull; } .__tagembed__grid_item.__tagembed__grid_item_highlighter > .__tagembed__modpost { box-shadow: $zero $zero $zero $p1 #325fd7 !important; } } } input[type="checkbox"] { width: $fs16; height: $fs16; } } } /**/ } @media (max-width: 640px) { .__tagembed__container { .__tagembed__row { .__tagembed__filtermoderation { .__tagembed__tabheading { position: $rel; padding-bottom: $h48; .__tagembed__modaction { position: $abs; bottom: $h5; left: $zero; right: $zero; ul { li { width: $sizefull; &:not(:last-child) { margin-right: $h10; } a { width: $sizefull; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } } } } } } } } .__tagembed__popupwrap { .__tagembed__formwbody { .__tagembed__formwrow { .__tagembed__addnetwork { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; li { width: $auto; a { img { margin-right: $zero; } span { display: $none; } } &:nth-child(3n) { margin-right: $twoper; } } } } } } } @media (max-width: 479px) { .__tagembed__feedtype p, .__tagembed__container .__tagembed__row .__tagembed__widget .__tagembed__widget_inn .__tagembed__tabcontent .__tagembed__sourcerow .__tagembed__ssright .__tagembed__conacclist li { width: $sizefull; margin-right: $zero; } .__tagembed__container { .__tagembed__row { .__tagembed__pricesection { .__tagembed__fourplan { .__tagembed__planbox { width: $sizefull; } } } .__tagembed__formwrow { .__tagembed__shareconn { padding: $h15; } } /**/ .__tagembed__filtermoderation { .__tagembed__tabheading { padding-bottom: 88px; .__tagembed__modaction { bottom: $p2; ul { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: $zero; li { width: $size49; margin-bottom: $p3; margin-top: $p3; &:nth-child(2n), &:not(:last-child) { margin-right: $zero; } } } } } .__tagembed__pager { padding: $h10 $h5; ul { margin: $zero $auto; } .__tagembed__pager-info { display: $none; } } .__tagembed__filgerarea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; ~ div { width: $sizefull; float: $none; margin-right: $zero; margin-bottom: $h10; } } } } } }