File: /home/carrerup/.trash/techland/inc/custom-style.php
<?php
/*
** theme options panel and metabox settings
** will change some parts of theme via custom style
*/
function techland_custom_css()
{
// stop on admin pages
if (is_admin()) {
return false;
}
// Redux global
global $techland;
/* CSS to output */
$theCSS = '';
// wp adminbar fixes on frontend
if (is_admin_bar_showing() && !is_customize_preview()) {
$theCSS .= '
@media (min-width: 782px) {
.top-bar:not(.nt-shortcode-header),
.top-bar.is-sticky,
.top-bar.is-expanded .top-bar__collapse,
.fancybox-toolbar { top: 32px!important; }
}
@media (max-width: 782px) {
.top-bar.is-sticky,
.top-bar.is-expanded .top-bar__collapse {
top: 46px!important;
}
}
@media (max-width: 782px) {
.top-bar {
top: 46px!important;
}
.top-bar.is-sticky {
top: 46px!important;
}
.top-bar.is-sticky.sticked,
.top-bar.is-expanded.sticked .top-bar__collapse {
top: 0px!important;
}
}';
}
/*************************************************
## PRELOADER SETTINGS
*************************************************/
if ('0' != techland_settings('preloader_visibility')) {
$pretype = techland_settings('pre_type', '1');
$prebg = techland_settings('pre_bg', '#fff');
$prebg = $prebg ? $prebg : '#fff';
$spinclr = techland_settings('pre_spin', '#045fa0');
$spinclr = $spinclr ? $spinclr : '#045fa0';
$theCSS .= 'div#nt-preloader {background-color: '. esc_attr($prebg) .';overflow: hidden;background-repeat: no-repeat;background-position: center center;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 10000;}';
$spinrgb = techland_hex2rgb($spinclr);
$spin_rgb = implode(", ", $spinrgb);
if ('01' == $pretype) {
$theCSS .= '.loader01 {width: 56px;height: 56px;border: 8px solid '. $spinclr .';border-right-color: transparent;border-radius: 50%;position: relative;animation: loader-rotate 1s linear infinite;top: 50%;margin: -28px auto 0; }.loader01::after {content: "";width: 8px;height: 8px;background: '. $spinclr .';border-radius: 50%;position: absolute;top: -1px;left: 33px; }@keyframes loader-rotate {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }';
}
if ('02' == $pretype) {
$theCSS .= '.loader02 {width: 56px;height: 56px;border: 8px solid rgba('. $spin_rgb .', 0.25);border-top-color: '. $spinclr .';border-radius: 50%;position: relative;animation: loader-rotate 1s linear infinite;top: 50%;margin: -28px auto 0; }@keyframes loader-rotate {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }';
}
if ('03' == $pretype) {
$theCSS .= '.loader03 {width: 56px;height: 56px;border: 8px solid transparent;border-top-color: '. $spinclr .';border-bottom-color: '. $spinclr .';border-radius: 50%;position: relative;animation: loader-rotate 1s linear infinite;top: 50%;margin: -28px auto 0; }@keyframes loader-rotate {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }';
}
if ('04' == $pretype) {
$theCSS .= '.loader04 {width: 56px;height: 56px;border: 2px solid rgba('. $spin_rgb .', 0.5);border-radius: 50%;position: relative;animation: loader-rotate 1s ease-in-out infinite;top: 50%;margin: -28px auto 0; }.loader04::after {content: "";width: 10px;height: 10px;border-radius: 50%;background: '. $spinclr .';position: absolute;top: -6px;left: 50%;margin-left: -5px; }@keyframes loader-rotate {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }';
}
if ('05' == $pretype) {
$theCSS .= '.loader05 {width: 56px;height: 56px;border: 4px solid '. $spinclr .';border-radius: 50%;position: relative;animation: loader-scale 1s ease-out infinite;top: 50%;margin: -28px auto 0; }@keyframes loader-scale {0% {transform: scale(0);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);opacity: 0; } }';
}
if ('06' == $pretype) {
$theCSS .= '.loader06 {width: 56px;height: 56px;border: 4px solid transparent;border-radius: 50%;position: relative;top: 50%;margin: -28px auto 0; }.loader06::before {content: "";border: 4px solid rgba('. $spin_rgb .', 0.5);border-radius: 50%;width: 67.2px;height: 67.2px;position: absolute;top: -9.6px;left: -9.6px;animation: loader-scale 1s ease-out infinite;animation-delay: 1s;opacity: 0; }.loader06::after {content: "";border: 4px solid '. $spinclr .';border-radius: 50%;width: 56px;height: 56px;position: absolute;top: -4px;left: -4px;animation: loader-scale 1s ease-out infinite;animation-delay: 0.5s; }@keyframes loader-scale {0% {transform: scale(0);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);opacity: 0; } }';
}
if ('07' == $pretype) {
$theCSS .= '.loader07 {width: 16px;height: 16px;border-radius: 50%;position: relative;animation: loader-circles 1s linear infinite;top: 50%;margin: -8px auto 0; }@keyframes loader-circles {0% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.05), 19px -19px 0 0 rgba('. $spin_rgb .', 0.1), 27px 0 0 0 rgba('. $spin_rgb .', 0.2), 19px 19px 0 0 rgba('. $spin_rgb .', 0.3), 0 27px 0 0 rgba('. $spin_rgb .', 0.4), -19px 19px 0 0 rgba('. $spin_rgb .', 0.6), -27px 0 0 0 rgba('. $spin_rgb .', 0.8), -19px -19px 0 0 '. $spinclr .'; }12.5% {box-shadow: 0 -27px 0 0 '. $spinclr .', 19px -19px 0 0 rgba('. $spin_rgb .', 0.05), 27px 0 0 0 rgba('. $spin_rgb .', 0.1), 19px 19px 0 0 rgba('. $spin_rgb .', 0.2), 0 27px 0 0 rgba('. $spin_rgb .', 0.3), -19px 19px 0 0 rgba('. $spin_rgb .', 0.4), -27px 0 0 0 rgba('. $spin_rgb .', 0.6), -19px -19px 0 0 rgba('. $spin_rgb .', 0.8); }25% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.8), 19px -19px 0 0 '. $spinclr .', 27px 0 0 0 rgba('. $spin_rgb .', 0.05), 19px 19px 0 0 rgba('. $spin_rgb .', 0.1), 0 27px 0 0 rgba('. $spin_rgb .', 0.2), -19px 19px 0 0 rgba('. $spin_rgb .', 0.3), -27px 0 0 0 rgba('. $spin_rgb .', 0.4), -19px -19px 0 0 rgba('. $spin_rgb .', 0.6); }37.5% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.6), 19px -19px 0 0 rgba('. $spin_rgb .', 0.8), 27px 0 0 0 '. $spinclr .', 19px 19px 0 0 rgba('. $spin_rgb .', 0.05), 0 27px 0 0 rgba('. $spin_rgb .', 0.1), -19px 19px 0 0 rgba('. $spin_rgb .', 0.2), -27px 0 0 0 rgba('. $spin_rgb .', 0.3), -19px -19px 0 0 rgba('. $spin_rgb .', 0.4); }50% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.4), 19px -19px 0 0 rgba('. $spin_rgb .', 0.6), 27px 0 0 0 rgba('. $spin_rgb .', 0.8), 19px 19px 0 0 '. $spinclr .', 0 27px 0 0 rgba('. $spin_rgb .', 0.05), -19px 19px 0 0 rgba('. $spin_rgb .', 0.1), -27px 0 0 0 rgba('. $spin_rgb .', 0.2), -19px -19px 0 0 rgba('. $spin_rgb .', 0.3); }62.5% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.3), 19px -19px 0 0 rgba('. $spin_rgb .', 0.4), 27px 0 0 0 rgba('. $spin_rgb .', 0.6), 19px 19px 0 0 rgba('. $spin_rgb .', 0.8), 0 27px 0 0 '. $spinclr .', -19px 19px 0 0 rgba('. $spin_rgb .', 0.05), -27px 0 0 0 rgba('. $spin_rgb .', 0.1), -19px -19px 0 0 rgba('. $spin_rgb .', 0.2); }75% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.2), 19px -19px 0 0 rgba('. $spin_rgb .', 0.3), 27px 0 0 0 rgba('. $spin_rgb .', 0.4), 19px 19px 0 0 rgba('. $spin_rgb .', 0.6), 0 27px 0 0 rgba('. $spin_rgb .', 0.8), -19px 19px 0 0 '. $spinclr .', -27px 0 0 0 rgba('. $spin_rgb .', 0.05), -19px -19px 0 0 rgba('. $spin_rgb .', 0.1); }87.5% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.1), 19px -19px 0 0 rgba('. $spin_rgb .', 0.2), 27px 0 0 0 rgba('. $spin_rgb .', 0.3), 19px 19px 0 0 rgba('. $spin_rgb .', 0.4), 0 27px 0 0 rgba('. $spin_rgb .', 0.6), -19px 19px 0 0 rgba('. $spin_rgb .', 0.8), -27px 0 0 0 '. $spinclr .', -19px -19px 0 0 rgba('. $spin_rgb .', 0.05); }100% {box-shadow: 0 -27px 0 0 rgba('. $spin_rgb .', 0.05), 19px -19px 0 0 rgba('. $spin_rgb .', 0.1), 27px 0 0 0 rgba('. $spin_rgb .', 0.2), 19px 19px 0 0 rgba('. $spin_rgb .', 0.3), 0 27px 0 0 rgba('. $spin_rgb .', 0.4), -19px 19px 0 0 rgba('. $spin_rgb .', 0.6), -27px 0 0 0 rgba('. $spin_rgb .', 0.8), -19px -19px 0 0 '. $spinclr .'; } }';
}
if ('08' == $pretype) {
$theCSS .= '.loader08 {width: 20px;height: 20px;position: relative;animation: loader08 1s ease infinite;top: 50%;margin: -46px auto 0; }@keyframes loader08 {0%, 100% {box-shadow: -13px 20px 0 '. $spinclr .', 13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 46px 0 rgba('. $spin_rgb .', 0.2), -13px 46px 0 rgba('. $spin_rgb .', 0.2); }25% {box-shadow: -13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 20px 0 '. $spinclr .', 13px 46px 0 rgba('. $spin_rgb .', 0.2), -13px 46px 0 rgba('. $spin_rgb .', 0.2); }50% {box-shadow: -13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 46px 0 '. $spinclr .', -13px 46px 0 rgba('. $spin_rgb .', 0.2); }75% {box-shadow: -13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 20px 0 rgba('. $spin_rgb .', 0.2), 13px 46px 0 rgba('. $spin_rgb .', 0.2), -13px 46px 0 '. $spinclr .'; } }';
}
if ('09' == $pretype) {
$theCSS .= '.loader09 {width: 10px;height: 48px;background: '. $spinclr .';position: relative;animation: loader09 1s ease-in-out infinite;animation-delay: 0.4s;top: 50%;margin: -28px auto 0; }.loader09::after, .loader09::before {content: "";position: absolute;width: 10px;height: 48px;background: '. $spinclr .';animation: loader09 1s ease-in-out infinite; }.loader09::before {right: 18px;animation-delay: 0.2s; }.loader09::after {left: 18px;animation-delay: 0.6s; }@keyframes loader09 {0%, 100% {box-shadow: 0 0 0 '. $spinclr .', 0 0 0 '. $spinclr .'; }50% {box-shadow: 0 -8px 0 '. $spinclr .', 0 8px 0 '. $spinclr .'; } }';
}
if ('10' == $pretype) {
$theCSS .= '.loader10 {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10 0.9s ease alternate infinite;animation-delay: 0.36s;top: 50%;margin: -42px auto 0; }.loader10::after, .loader10::before {content: "";position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10 0.9s ease alternate infinite; }.loader10::before {left: -40px;animation-delay: 0.18s; }.loader10::after {right: -40px;animation-delay: 0.54s; }@keyframes loader10 {0% {box-shadow: 0 28px 0 -28px '. $spinclr .'; }100% {box-shadow: 0 28px 0 '. $spinclr .'; } }';
}
if ('11' == $pretype) {
$theCSS .= '.loader11 {width: 20px;height: 20px;border-radius: 50%;box-shadow: 0 40px 0 '. $spinclr .';position: relative;animation: loader11 0.8s ease-in-out alternate infinite;animation-delay: 0.32s;top: 50%;margin: -50px auto 0; }.loader11::after, .loader11::before {content: "";position: absolute;width: 20px;height: 20px;border-radius: 50%;box-shadow: 0 40px 0 '. $spinclr .';animation: loader11 0.8s ease-in-out alternate infinite; }.loader11::before {left: -30px;animation-delay: 0.48s;}.loader11::after {right: -30px;animation-delay: 0.16s; }@keyframes loader11 {0% {box-shadow: 0 40px 0 '. $spinclr .'; }100% {box-shadow: 0 20px 0 '. $spinclr .'; } }';
}
if ('12' == $pretype) {
$theCSS .= '.loader12 {width: 20px;height: 20px;border-radius: 50%;position: relative;animation: loader12 1s linear alternate infinite;top: 50%;margin: -50px auto 0; }@keyframes loader12 {0% {box-shadow: -60px 40px 0 2px '. $spinclr .', -30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 0 40px 0 0 rgba('. $spin_rgb .', 0.2), 30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 60px 40px 0 0 rgba('. $spin_rgb .', 0.2); }25% {box-shadow: -60px 40px 0 0 rgba('. $spin_rgb .', 0.2), -30px 40px 0 2px '. $spinclr .', 0 40px 0 0 rgba('. $spin_rgb .', 0.2), 30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 60px 40px 0 0 rgba('. $spin_rgb .', 0.2); }50% {box-shadow: -60px 40px 0 0 rgba('. $spin_rgb .', 0.2), -30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 0 40px 0 2px '. $spinclr .', 30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 60px 40px 0 0 rgba('. $spin_rgb .', 0.2); }75% {box-shadow: -60px 40px 0 0 rgba('. $spin_rgb .', 0.2), -30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 0 40px 0 0 rgba('. $spin_rgb .', 0.2), 30px 40px 0 2px '. $spinclr .', 60px 40px 0 0 rgba('. $spin_rgb .', 0.2); }100% {box-shadow: -60px 40px 0 0 rgba('. $spin_rgb .', 0.2), -30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 0 40px 0 0 rgba('. $spin_rgb .', 0.2), 30px 40px 0 0 rgba('. $spin_rgb .', 0.2), 60px 40px 0 2px '. $spinclr .'; } }';
}
}
/*************************************************
## THEME COLORS
*************************************************/
if ( ! is_page() && 'custom' == techland_settings('theme_color') ) {
$tmclr = techland_settings('theme_main_color');
$tmclr = $tmclr ? $tmclr : '#30aafc';
$theCSS .= '#top-bar a:not(.custom-btn):hover, #top-bar a:not(.custom-btn):focus {
color: '. esc_attr($tmclr) .';
}
#app ::-moz-selection {
background-color: '. esc_attr($tmclr) .'!important; }
#app ::selection {
background-color: '. esc_attr($tmclr) .'!important;
}
#app ::-moz-selection {
background-color: '. esc_attr($tmclr) .'!important;
}
.top-bar--dark .top-bar__navigation a:after {
background-color: '. esc_attr($tmclr) .'!important;
}
.top-bar__navigation a.active {
color: '. esc_attr($tmclr) .'!important;
}
.top-bar__choose-lang .list-wrap li.is-active span:after {
background-color: '. esc_attr($tmclr) .'!important;
}
.section-heading:not(.section-heading--white) .__subtitle {
color: '. esc_attr($tmclr) .'!important;
}
.btn-play {
background-color: '. esc_attr($tmclr) .'!important;
}
.posts--s2 .__item--preview .__date-post {
background-color: #2e6cff!important;
}
.nt-sidebar-inner-widget a:hover {
color: '. esc_attr($tmclr) .'!important;
}
#btn-to-top {
background-color: #17a0fc;
}
.nt-pagination.-style-outline .nt-pagination-item.active .nt-pagination-link, .nt-pagination.-style-outline .nt-pagination-link:hover {
color: '. esc_attr($tmclr) .';
border-color: '. esc_attr($tmclr) .';
}
.nt-breadcrumbs .nt-breadcrumbs-list li {
color: '. esc_attr($tmclr) .';
}';
}
if ( '1' == techland_settings( 'force_main_color' ) && 'custom' == techland_settings( 'theme_color' ) ) {
$tmclr = techland_settings( 'theme_main_color' );
$pagecolor = techland_hex2rgb($tmclr);
$page_rgb = implode(", ", $pagecolor);
$theCSS .= 'a { color: '. esc_attr($tmclr) .'; }
a:hover, a:focus { color: '. esc_attr($tmclr) .'; }
main ::-moz-selection { background-color: '. esc_attr($tmclr) .'; }
main ::selection { background-color: '. esc_attr($tmclr) .'; }
main ::-moz-selection { background-color: '. esc_attr($tmclr) .'; }
.top-bar--dark .top-bar__navigation a:after, .top-bar--light .top-bar__navigation a:after { background-color: '. esc_attr($tmclr) .'; }
.top-bar__navigation a.active { color: '. esc_attr($tmclr) .'; }
.top-bar__navigation .submenu a:after { background-color: '. esc_attr($tmclr) .' !important; }
.section-heading:not(.section-heading--white) .__subtitle { color: '. esc_attr($tmclr) .'; }
.nt-section .btn-play { background-color: '. esc_attr($tmclr) .'; }
.custom-btn.custom-btn--style-1:before,
.custom-btn.custom-btn--style-2:before,
.custom-btn.custom-btn--style-3:before,
#respond .custom-btn.custom-btn--style-1 { background: -webkit-gradient(linear, left top, right top, color-stop(0%, '. esc_attr($tmclr) .'), color-stop(100%, rgba('. esc_attr($page_rgb) .', 0.5))); background: -webkit-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -o-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -webkit-gradient(linear, left top, right top, from('. esc_attr($tmclr) .'), to(rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(left,'. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -o-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: linear-gradient(90deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
}
.custom-btn.custom-btn--style-5 {
border: none;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, '. esc_attr($tmclr) .'), color-stop(100%, rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -webkit-gradient(linear, left top, right top, from('. esc_attr($tmclr) .'), to(rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(left,'. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: linear-gradient(90deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
}
.pricing-table--s1.__item--active, .pricing-table--s3.__item--active {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba('. esc_attr($page_rgb) .', 0.5)),color-stop(40%,rgba('. esc_attr($page_rgb) .', 0.7)),color-stop(82%,'. esc_attr($tmclr) .'),color-stop(100%,'. esc_attr($tmclr) .'));
background: -webkit-linear-gradient(90deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(90deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,#1165b2 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -webkit-gradient(linear,left bottom, left top,color-stop(0, '. esc_attr($tmclr) .'),color-stop(18%, '. esc_attr($tmclr) .'),color-stop(60%, rgba('. esc_attr($page_rgb) .', 0.7)),to(rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(bottom,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(bottom,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: linear-gradient(0deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
color: #fff;
}
.services--s2 .__ico {
border: none;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, '. esc_attr($tmclr) .'), color-stop(100%, rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -webkit-gradient(linear, left top, right top, from('. esc_attr($tmclr) .'), to(#4f74ef));
background: -webkit-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: linear-gradient(90deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
}
.pricing-table--s1.__item--active .__label, .pricing-table--s3.__item--active .__label {color: '. esc_attr($tmclr) .';}
.custom-btn.custom-btn--style-2 { color: '. esc_attr($tmclr) .'; }
.custom-btn.custom-btn--style-3 { border-color: '. esc_attr($tmclr) .'; }';
}
if ( is_page() && '1' != techland_settings( 'force_main_color' ) && 'custom' == techland_mbsettings('techland_page_color_style') ) {
$tmclr = techland_mbsettings( 'techland_page_custom_color' );
$pagecolor = techland_hex2rgb($tmclr);
$page_rgb = implode(", ", $pagecolor);
$theCSS .= '
a { color: '. esc_attr($tmclr) .'; }
a:hover, a:focus { color: '. esc_attr($tmclr) .'; }
main ::-moz-selection { background-color: '. esc_attr($tmclr) .'; }
main ::selection { background-color: '. esc_attr($tmclr) .'; }
main ::-moz-selection { background-color: '. esc_attr($tmclr) .'; }
.top-bar--dark .top-bar__navigation a:after, .top-bar--light .top-bar__navigation a:after { background-color: '. esc_attr($tmclr) .'; }
.top-bar__navigation a.active { color: '. esc_attr($tmclr) .'; }
.top-bar__navigation .submenu a:after { background-color: '. esc_attr($tmclr) .' !important; }
.section-heading:not(.section-heading--white) .__subtitle { color: '. esc_attr($tmclr) .'; }
.nt-section .btn-play { background-color: '. esc_attr($tmclr) .'; }
.custom-btn.custom-btn--style-1:before, .custom-btn.custom-btn--style-2:before, .custom-btn.custom-btn--style-3:before { background: -webkit-gradient(linear, left top, right top, color-stop(0%, '. esc_attr($tmclr) .'), color-stop(100%, rgba('. esc_attr($page_rgb) .', 0.5))); background: -webkit-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -o-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -webkit-gradient(linear, left top, right top, from('. esc_attr($tmclr) .'), to(rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(left,'. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: -o-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); background: linear-gradient(90deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%); }
.pricing-table--s1.__item--active, .pricing-table--s3.__item--active {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba('. esc_attr($page_rgb) .', 0.5)),color-stop(40%,rgba('. esc_attr($page_rgb) .', 0.7)),color-stop(82%,'. esc_attr($tmclr) .'),color-stop(100%,'. esc_attr($tmclr) .'));
background: -webkit-linear-gradient(90deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(90deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,#1165b2 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -webkit-gradient(linear,left bottom, left top,color-stop(0, '. esc_attr($tmclr) .'),color-stop(18%, '. esc_attr($tmclr) .'),color-stop(60%, rgba('. esc_attr($page_rgb) .', 0.7)),to(rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(bottom,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(bottom,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: linear-gradient(0deg,'. esc_attr($tmclr) .' 0,'. esc_attr($tmclr) .' 18%,rgba('. esc_attr($page_rgb) .', 0.7) 60%,rgba('. esc_attr($page_rgb) .', 0.5) 100%);
color: #fff;
}
.services--s2 .__ico {
border: none;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, '. esc_attr($tmclr) .'), color-stop(100%, rgba('. esc_attr($page_rgb) .', 0.5)));
background: -webkit-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(0deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -webkit-gradient(linear, left top, right top, from('. esc_attr($tmclr) .'), to(#4f74ef));
background: -webkit-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: -o-linear-gradient(left, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
background: linear-gradient(90deg, '. esc_attr($tmclr) .' 0%, rgba('. esc_attr($page_rgb) .', 0.5) 100%);
}
.pricing-table--s1.__item--active .__label, .pricing-table--s3.__item--active .__label {color: '. esc_attr($tmclr) .';}
.custom-btn.custom-btn--style-2 { color: '. esc_attr($tmclr) .'; }
.custom-btn.custom-btn--style-3 { border-color: '. esc_attr($tmclr) .'; }';
}
#btn-to-top { background-color: '. esc_attr($tmclr) .'; }
// use page/post ID for page settings
$page_id = get_the_ID();
/*************************************************
## THEME PAGINATION
*************************************************/
// pagination color
$pag_clr = techland_settings('pag_clr');
// pagination active and hover color
$pag_hvrclr = techland_settings('pag_hvrclr');
// pagination number color
$pag_nclr = techland_settings('pag_nclr');
// pagination active and hover color
$pag_hvrnclr = techland_settings('pag_hvrnclr');
// pagination color
if ($pag_clr) {
$theCSS .= '
.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link { border-color: '. esc_attr($pag_clr) .'; }
.nt-pagination.-style-default .nt-pagination-link { background-color: '. esc_attr($pag_clr) .';
}';
}
$nav_mob_i_brdclr = techland_settings('nav_mob_i_brdclr');
if ($nav_mob_i_brdclr) {
$theCSS .= '.top-bar--light.is-expanded .top-bar__navigation{ border-bottom-color: '. esc_attr($nav_mob_i_brdclr) .';}';
}
// pagination active and hover color
if ($pag_hvrclr) {
$theCSS .= '
.nt-pagination.-style-outline .nt-pagination-item.active .nt-pagination-link,
.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link:hover { border-color: '. esc_attr($pag_hvrclr) .'; }
.nt-pagination.-style-default .nt-pagination-item.active .nt-pagination-link,
.nt-pagination.-style-default .nt-pagination-item .nt-pagination-link:hover { background-color: '. esc_attr($pag_hvrclr) .';
}';
}
// pagination number color
if ($pag_nclr) {
$theCSS .= '
.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link,
.nt-pagination.-style-default .nt-pagination-link { color: '. esc_attr($pag_nclr) .';
}';
}
// pagination active and hover color
if ($pag_hvrnclr) {
$theCSS .= '
.nt-pagination.-style-outline .nt-pagination-item.active .nt-pagination-link,
.nt-pagination.-style-outline .nt-pagination-item .nt-pagination-link:hover,
.nt-pagination.-style-default .nt-pagination-item.active .nt-pagination-link,
.nt-pagination.-style-default .nt-pagination-item .nt-pagination-link:hover { color: '. esc_attr($pag_hvrnclr) .';
}';
}
/*************************************************
## PAGE METABOX SETTINGS
*************************************************/
if (is_page()) {
/*************************************************
## PAGE HERO OPTIONS
*************************************************/
// page hero background image
$p_hero_d = rwmb_meta('techland_page_hero_visibility');
if ('0' != $p_hero_d) {
$p_hero_bg = rwmb_meta('techland_page_hero_bg');
$p_hero_bg = is_array($p_hero_bg) ? $p_hero_bg : false;
if (false != $p_hero_bg && !empty($p_hero_bg['image'])) {
$theCSS .= '#nt-hero.page-id-'. $page_id.'.hero-container {';
if (!empty($p_hero_bg['image'])) {
$theCSS .= 'background-image:url('. esc_attr($p_hero_bg['image']).')!important;';
}
if (!empty($p_hero_bg['color'])) {
$theCSS .= 'background-color:'. esc_attr($p_hero_bg['color']).'!important;';
}
if (!empty($p_hero_bg['size'])) {
$theCSS .= 'background-size:'. esc_attr($p_hero_bg['size']).'!important;';
}
if (!empty($p_hero_bg['repeat'])) {
$theCSS .= 'background-repeat:'. esc_attr($p_hero_bg['repeat']).'!important;';
}
if (!empty($p_hero_bg['position'])) {
$theCSS .= 'background-position:'. esc_attr($p_hero_bg['position']).'!important;';
}
if (!empty($p_hero_bg['attachment'])) {
$theCSS .= 'background-attachment:'. esc_attr($p_hero_bg['attachment']).'!important;';
}
$theCSS .= '}';
// page background image overlay color
$p_h_o = rwmb_meta('techland_page_hero_overlay');
if ('' != $p_h_o) {
$theCSS .= '#nt-hero.page-id-'. $page_id .'.hero-overlay:before { background:'. esc_attr($p_h_o) .'; }';
}
} // end if hero background image
// page hero padding top
$p_h_pt = rwmb_meta('techland_page_hero_pt');
if ('' != $p_h_pt) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' { padding-top: '. esc_attr($p_h_pt) .'px;}';
}
// page hero padding bottom
$p_h_pb = rwmb_meta('techland_page_hero_pb');
if ('' != $p_h_pb) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' { padding-bottom: '. esc_attr($p_h_pb) .'px;}';
}
// page hero-title
$p_t_clr = rwmb_meta('techland_page_hero_title_clr');
if ('' != $p_t_clr) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-title { color:'. esc_attr($p_t_clr) .';}';
}
// page hero-title font-size
$p_t_fs = rwmb_meta('techland_page_hero_title_fs');
if ('' != $p_t_fs) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-title { font-size:'. esc_attr($p_t_fs) .'px;}';
}
// page hero title margin-bottom
$p_t_mb = rwmb_meta('techland_page_hero_title_mb');
if ('' != $p_t_mb) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-title { margin-bottom:'. esc_attr($p_t_mb) .'px;}';
}
// page hero-slogan color
$p_s_clr = rwmb_meta('techland_page_hero_slogan_clr');
if ('' != $p_s_clr) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-subtitle { color:'. esc_attr($p_s_clr) .';}';
}
// page hero slogan font-size
$p_s_fs = rwmb_meta('techland_page_hero_slogan_fs');
if ('' != $p_s_fs) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-subtitle { font-size:'. esc_attr($p_s_fs) .'px;}';
}
// page hero description color
$p_d_clr = rwmb_meta('techland_page_hero_desc_clr');
if ('' != $p_d_clr) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-desc { color:'. esc_attr($p_d_clr) .';}';
}
// page hero description font-size
$p_d_fs = rwmb_meta('techland_page_hero_desc_fs');
if ('' != $p_d_fs) {
$theCSS .= '#nt-hero.page-id-'. $page_id .' .nt-hero-desc { font-size:'. esc_attr($p_d_fs) .'px;}';
}
} // end if hero on-off
/*************************************************
## PAGE CONTENT SPACING
*************************************************/
// page content padding top
$p_c_pt = rwmb_meta('techland_page_content_pt');
if ('' != $p_c_pt) {
$theCSS .= '.page-id-'. $page_id .' #nt-page .latest-blog-area{ padding-top: '. esc_attr($p_c_pt) .'px;}';
}
// page content padding bottom
$p_c_pb = rwmb_meta('techland_page_content_pt');
if ('' != $p_c_pb) {
$theCSS .= '.page-id-'. $page_id .' #nt-page .latest-blog-area { padding-bottom: '. esc_attr($p_c_pb) .'px;}';
}
} // end if is_page
/*************************************************
## Post Hero Settings
*************************************************/
$p_h_bgi = wp_get_attachment_url( get_post_meta(get_the_ID(), 'techland_post_hero_image', true ),'full' );
if ('' != $p_h_bgi) {
$theCSS .= '.single-post.postid-'. $page_id .' #nt-hero{ background-image:url('. esc_attr($p_h_bgi).')!important;}';
}
/*************************************************
## end
*************************************************/
/* Add CSS to style.css */
wp_register_style('techland-custom-style', false);
wp_enqueue_style('techland-custom-style');
wp_add_inline_style('techland-custom-style', $theCSS);
}
add_action('wp_enqueue_scripts', 'techland_custom_css');
// customization on admin pages
function techland_admin_custom_css()
{
if (! is_admin()) {
return false;
}
/* CSS to output */
$theCSS = '';
$theCSS .= '
#setting-error-tgmpa, #setting-error-techland {
display: block !important;
}
.updated.vc_license-activation-notice {
display:none;
}
.rwmb-tab-panel .rwmb-thickbox_image-wrapper ul li {
display: inline-block;
position: relative;
}
.rwmb-image-item .rwmb-media-preview {
width: 150px;
background: #eee;
}
div.wpb_vc_row {
position: relative;
margin-top: 35px;
}
.wpb_vc_row >.wpb_element_wrapper>.vc_admin_label {
font-size: 12px;
font-style: italic;
color: #fff;
line-height: 24px;
background: #0473aa;
position: absolute;
top: -27px;
right: -5px;
pointer-events: none;
padding: 0 7px;
}
.wpb_vc_row >.wpb_element_wrapper>.vc_admin_label:hover:before {
opacity:1;
}
.vc_row-hash-id {
left: 50%;
transform: translateX(-50%);
position: absolute;
background: #0499e2;
padding: 5px 10px !important;
text-align: center;
margin: 0!important;
color: #fff!important;
}
.vc_license-activation-notice {
display: none!important;
}
.vc_admin_label {
font-weight: 500;
}
/* vc_btn */
.vc_btn3-container .vc_general.vc_btn3{
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 25px;
text-transform: uppercase;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
font-weight: 700;
letter-spacing: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
-webkit-border-radius: 30px!important;
-moz-border-radius: 30px!important;
border-radius: 30px!important;
}
.vc_btn3-container .vc_btn3-style-border{
background-color: transparent!important;
color: #4ac4f3 !important;
border: 2px solid #4ac4f3!important;
}
.vc_btn3-container .vc_btn3-style-effect{
background-color: #4ac4f3 !important;
color: #fff !important;
border: none!important;
}
.vc_btn3-container .vc_btn3-style-effect{
background-color: #4ac4f3 !important;
color: #fff !important;
border: none!important;
}
.vc_btn3-container .vc_btn3-style-border.vc_btn3-size-lg, .vc_btn3-container .vc_btn3-style-effect.vc_btn3-size-lg {
padding: 12px 80px!important;
font-size: 16px!important;
}
.vc_btn3-container .vc_btn3-style-border.vc_btn3-size-md, .vc_btn3-container .vc_btn3-style-effect.vc_btn3-size-md {
padding: padding: 10px 40px!important;
font-size: 14px!important;
}
.vc_btn3-container .vc_btn3-style-border.vc_btn3-size-sm, .vc_btn3-container .vc_btn3-style-effect.vc_btn3-size-sm {
padding: 8px 35px!important;
font-size: 12px!important;
}
.vc_btn3-container .vc_btn3-style-border.vc_btn3-size-xs, .vc_btn3-container .vc_btn3-style-effect.vc_btn3-size-xs {
padding: 6px 30px!important;
font-size: 10px!important;
}
.rwmb-tab-nav {
margin-bottom: 22px !important;
}
.rwmb-tab-nav .rwmb-tab-active {
border: 1px solid #0073aa !important;
border-bottom-color: transparent !important;
background: #0073aa !important;
padding: 2px 10px !important;
}
.rwmb-tab-active a {
color: #fff !important;
}
.rwmb-tab-panel {
padding: 25px 11px !important;
}
.rwmb-label {
width: 25%;
margin-right: 10% !important;
}
.rwmb-label ~ .rwmb-input {
width: 65% !important;
}
.rwmb-text_list-non-cloneable:not(.default-column) > .rwmb-input > label, .rwmb-text_list-clone > label {
width: 47%;
}
.rwmb-text_list-non-cloneable:not(.default-column) > .rwmb-input > label > input, .rwmb-text_list-clone > label > input {
width: 100%;
}
.rwmb-text_list-non-cloneable p {
width: 100%;
}
.rwmb-field.rwmb-sidebar-wrapper .rwmb-inline li{
margin-bottom:10px;
}
div.nt-page-info {
padding: 15px;
background: #e9e9e9;
font-size: 16px;
font-weight: 600;
color: #222;
border-left: 4px solid #E91E63;
}
div.nt-page-info > span.dashicons {
margin-right: 15px;
}
.vc_col-xs-12.wpb_el_type_techland_new_param.vc_wrapper-param-type-techland_new_param.vc_shortcode-param.vc_column {
border-bottom: 1px solid;
padding: 7px 0px;
width: 94%;
margin: 0 auto;
font-size: 16px;
font-weight: 900;
margin-bottom: 20px;
margin-top: 15px;
}
body .pt15.vc_shortcode-param.vc_column {
padding-top: 15px!important;
}
.nt-divider {
background: #fff;
height: 130px;
overflow: hidden;
border: 1px solid #eee;
}
.nt-divider img {
max-width: 100%;
width: 100%;
height: 130px;
}
.redux_field_th {
color: #191919;
font-weight: 700;
}
.redux-main .description {
display: block;
font-weight: normal;
}
#redux-header .rAds {
opacity: 0 !important;
display: none !important;
visibility : hidden;
}
#customize-controls img {
max-width: 75%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
'; // end $theCSS
/* Add CSS to style.css */
wp_register_style('techland-admin-custom-style', false);
wp_enqueue_style('techland-admin-custom-style');
wp_add_inline_style('techland-admin-custom-style', $theCSS);
}
add_action('admin_enqueue_scripts', 'techland_admin_custom_css');