var style = new function () { var base = this; this.fonts = FONTS; var getPropertyValue = function(k,v) { var checkRatioPadding = (typeof base.property.__ratio_padding_top != 'undefined' || typeof base.property.__ratio_padding_bottom != 'undefined') ? true : false; switch(k) { case 'background-color': base.property.bgColor = v; break; case 'background-image': if(base.selector.selector.indexOf('galProjectBg')>-1) { base.property.bgUrl = (v.indexOf('googleusercontent') > -1) ? v : 'none'; } else base.property.bgUrl = $(base.selector).css('background-image'); break; case 'background-repeat': // base.property.bgRepeat = (!base.property.bgRepeat) ? 'no-repeat' : $(base.selector).css('background-repeat'); if($(base.selector).attr('data-aosinfo')=="false" && $(base.selector).attr('data-parallax')=="true" && typeof v !='undefined' && v) base.property.bgRepeat = v; else base.property.bgRepeat = $(base.selector).css('background-repeat'); break; case 'background-position': // base.property.bgPosition = (!base.property.bgPosition || base.property.bgPosition=='0% 0%') ? 'center center' : $(base.selector).css('background-position'); /* parallax on-off 기능 추가 ::: bootstrap-override.css의 [data-parallax="false"] css 적용됨에 따라 수정됨 ******/ if($(base.selector).attr('data-aosinfo')=="false" && $(base.selector).attr('data-parallax')=="true" && typeof v !='undefined' && v) _bgposition = v; else _bgposition = $(base.selector).css('background-position'); //var _bgposition = (typeof v !='undefined' && v) ? v : $(base.selector).css('background-position'); /*************************************************************************************************************/ if( $.inArray(_bgposition,['left top','0% 0%','0% 0','0 0%','0px 0','0 0px','0px 0%','0% 0px','0% 0px','0px 0%','0px 0px','0 0']) > -1) _bgposition = 'left top'; else if($.inArray(_bgposition,['center top','50% 0%','50% 0px','50% 0','top','center 0%','center 0px','center 0']) > -1) _bgposition = 'center top'; else if($.inArray(_bgposition,['right top','100% 0%','100% 0px','100% 0']) > -1) _bgposition = 'right top'; else if($.inArray(_bgposition,['left center','center left','left','0 50%','0px 50%','0% 50%','0% center','0px center','0 center','left 50%']) > -1) _bgposition = 'left center'; else if($.inArray(_bgposition,['center center','center','50% 50%','center 50%','50% center','50%']) > -1) _bgposition = 'center center'; else if($.inArray(_bgposition,['right center','center right','right','100% 50%','100% center','right 50%']) > -1) _bgposition = 'right center'; else if($.inArray(_bgposition,['left bottom','bottom left','0% 100%','0px 100%','0 100%','left 100%','0% bottom','0px bottom','0 bottom']) > -1) _bgposition = 'left bottom'; else if($.inArray(_bgposition,['center bottom','bottom center','bottom','50% 100%','center 100%','50% bottom']) > -1) _bgposition = 'center bottom'; else if($.inArray(_bgposition,['right bottom','bottom right','100% 100%','right 100%','100% bottom']) > -1) _bgposition = 'right bottom'; base.property.bgPosition = _bgposition; break; case 'background-attach': base.property.bgAttach = $(base.selector).css('background-attach'); break; case 'background-size': // base.property.bgSize = (!base.property.bgSize) ? 'cover' : $(base.selector).css('background-size'); if($(base.selector).attr('data-aosinfo')=="false" && $(base.selector).attr('data-parallax')=="true" && typeof v !='undefined' && v) base.property.bgSize = v; else base.property.bgSize = $(base.selector).css('background-size'); //base.property.bgSize = (typeof v !='undefined' && v) ? v : $(base.selector).css('background-size'); break; // case 'background-attachment': // base.property.bgAttachment = (base.property.bgSize == 'cover') ? 'fixed' : 'scroll'; // break; case 'color': var _txcolor = v.match(/#[\w]{1,6}/gi); base.property.txColor = (_txcolor!=null) ? _txcolor[0] : ''; break; case 'padding': case 'padding-left': case 'padding-right': case 'padding-top': case 'padding-bottom': if(!checkRatioPadding) { base.property.pdTop = ($(base.selector).css('padding-top')!=null) ? $(base.selector).css('padding-top').replace('px','') : ''; base.property.pdBottom = ($(base.selector).css('padding-bottom')!=null) ? $(base.selector).css('padding-bottom').replace('px','') : ''; base.property.pdLeft = ($(base.selector).css('padding-left')!=null) ? $(base.selector).css('padding-left').replace('px','') : ''; base.property.pdRight = ($(base.selector).css('padding-right')!=null) ? $(base.selector).css('padding-right').replace('px','') : ''; } break; case 'font-size': var _txSize = $(base.selector).css('font-size'); base.property.txSize = (_txSize!=null) ? $(base.selector).css('font-size').replace('px','') : ''; break; case 'font-family': base.property.txName = ($(base.selector).css('font-family')!=null) ? $(base.selector).css('font-family').replace(/\'/gi,'').replace(/\"/gi,'') : ''; break; case 'height': var _height = v; base.property.height = (v == 'auto') ? v : parseInt(v); break; default: // root css if(k.match(/^\-\-/) !== null) { var _key = k.replace(/\-/gi,'_'); base.property[_key] = v; } break; } }; var getPropertyValueCustom = function(k,v,selector) { if(typeof v == 'undefined') return; switch(k) { case 'line-height': var _txlineheight = v, _txfontsize = $(selector).css('font-size'); _txfontsize = parseInt(_txfontsize.replace('px','')); if(_txlineheight.indexOf('%') > -1) _txlineheight = _txlineheight.replace('%',''); else if(_txlineheight.indexOf('px') > -1) _txlineheight = (parseFloat(_txlineheight.replace('px','').toFixed(3)) / _txfontsize) * 100; else if(_txlineheight.indexOf('.') > -1) _txlineheight = parseFloat(_txlineheight) * 100; base.property.txLineheight = parseInt(_txlineheight); break; case 'fill': var _fill = v; base.property.fill = _fill; break; default: break; } }; this.get = function(j,selector) { this.property = { bgColor : '', bgPosition : '', bgRepeat : '', bgUrl : '', bgAttach : '', bgSize : '', bgAttachment: '', txColor : '', txSize : 0, txName : '', pdTop : 0, pdBottom : 0, pdLeft : 0, pdRight : 0 }; selector = (selector[0] == '.') ? selector : '.' + selector; this.selector = $(selector); var bg_set = ['center center', 'no-repeat', 'cover']; if(this.selector.find('.cl-menu-option').length > 0) bg_set[0] = 'center top'; if(typeof j['children'][selector] != 'undefined') { var c = j['children'][selector]['attributes']; $.each(c,function(k,v) { getPropertyValue(k,v); }); if(!this.property.bgPosition) this.property.bgPosition = bg_set[0]; if(!this.property.bgRepeat) this.property.bgRepeat = bg_set[1]; if(!this.property.bgSize) this.property.bgSize = bg_set[2]; if(!this.property.bgAttachment) this.property.bgAttachment = 'scroll'; if(selector.indexOf('.figure.like > svg') > -1) { getPropertyValueCustom('fill', j['children'][selector]['attributes']['fill'], selector); } } var checkMenu = (typeof selectEL != 'undefined' && selectEL == 'el-menu') ? true : false, checkFooter = (typeof selectEL != 'undefined' && selectEL == 'el-footer') ? true : false; if(checkMenu || checkFooter) { var checkSidebar = (checkMenu) ? $(selector).closest('header.navbar').hasClass('sidebar') : false, checkNavLineHeight = (checkMenu && selector == '.menu-'+SID+' ul.navbar-nav > li > a') ? true : false, checkLogoLineHeight = (checkMenu && selector == '.menu-'+SID+' #tpl-logo-text') ? true : false, checkLogoPadding = (checkMenu && selector == '.menu-'+SID+' .navbar-header') ? true : false; var checkFLogoLineHeight= (checkFooter && selector == '.footer-'+SID+' #tpl-logo-text-footer') ? true : false; if(checkLogoLineHeight || checkFLogoLineHeight) { getPropertyValueCustom('line-height', j['children'][selector]['attributes']['line-height'], selector); } else if(checkNavLineHeight || checkLogoPadding) { if( typeof j["children"]['@media (min-width: 769px)'] != 'undefined' && typeof j["children"]['@media (min-width: 769px)']["children"][selector] != 'undefined' ) { var children_c = j['children']['@media (min-width: 769px)']['children'][selector]['attributes']; if(checkNavLineHeight) { if(checkSidebar) { if(typeof children_c['padding'] != 'undefined' && children_c['padding']) { var nav_pd = {'top':0,'bottom':0,'left':0,'right':0}; $.each(children_c,function(c_k,c_v) { if(c_k == 'padding-top') nav_pd['top'] = c_v; if(c_k == 'padding-bottom') nav_pd['bottom'] = c_v; if(c_k == 'padding-left') nav_pd['left'] = c_v; if(c_k == 'padding-right') nav_pd['right'] = c_v; if(c_k == 'padding') { var pd_arr = c_v.replace(/px/gi,'').split(' '); nav_pd['top'] = (typeof pd_arr[0] != 'undefined' && pd_arr[0]) ? pd_arr[0] : 0; nav_pd['right'] = (typeof pd_arr[1] != 'undefined' && pd_arr[1]) ? pd_arr[1] : nav_pd['top']; nav_pd['bottom']= (typeof pd_arr[2] != 'undefined' && pd_arr[2]) ? pd_arr[2] : nav_pd['top']; nav_pd['left'] = (typeof pd_arr[3] != 'undefined' && pd_arr[3]) ? pd_arr[3] : nav_pd['right']; } }); var nav_f_s = $('.menu-'+SID+' ul.navbar-nav:not("#fixed-menu") > li > a').css('font-size'); nav_f_s = parseInt(nav_f_s.replace('px','')); var nav_f_h = nav_f_s * 1.6, nav_pdTopBottom = parseInt(nav_pd['top']) + parseInt(nav_pd['bottom']), nav_li_val = parseInt((nav_f_h + nav_pdTopBottom) / nav_f_s * 100); this.property.pdTop = nav_pd['top']; this.property.pdBottom = nav_pd['bottom']; this.property.pdLeft = nav_pd['left']; this.property.pdRight = nav_pd['right']; this.property.txLineheight = nav_li_val; } } else { if(typeof children_c['line-height'] != 'undefined' && children_c['line-height']) { var li_val = children_c['line-height']; if(li_val.indexOf('%') > -1) li_val.replace('%',''); else if(li_val.indexOf('px') > -1) li_val.replace('px',''); else if(li_val.indexOf('.') > -1) parseInt(li_val) * 100; this.property.txLineheight = parseInt(li_val); } } } if(checkLogoPadding) { $.each(children_c,function(c_k,c_v) { getPropertyValue(c_k,c_v); }); } } } else { var check_el = (checkMenu) ? '.menu-'+SID : '.footer-'+SID; this.property.pdTop = parseInt($(check_el).css('padding-top')); this.property.pdBottom = parseInt($(check_el).css('padding-bottom')); } } // return this.property; return base.property; }; this.set = function(j,o,selector,key,val,path) { selector = (selector[0] == '.') ? selector : '.' + selector; var checkMenu = (selectEL == 'el-menu') ? true : false, checkFooter = (selectEL == 'el-footer') ? true : false; var checkSidebar = (checkMenu) ? $(selector).closest('header.navbar').hasClass('sidebar') : false, checkNavLineHeight = (checkMenu && key.indexOf('line-height') > -1 && selector == '.menu-'+SID+' ul.navbar-nav > li > a') ? true : false, checkLogoLineHeight = (checkMenu && key == 'line-height' && selector == '.menu-'+SID+' #tpl-logo-text') ? true : false, checkLogoPadding = (checkMenu && key.indexOf('padding') > -1 && selector == '.menu-'+SID+' .navbar-header') ? true : false, checkHeaderPadding = (checkMenu && key.indexOf('padding') > -1 && selector == '.el-menu') ? true : false; var checkFLogoLineHeight= (checkFooter && key == 'line-height' && selector == '.footer-'+SID+' #tpl-logo-text-footer') ? true : false, checkGalleryProject = (selector.indexOf('galProjectBg') > -1) ? true : false; var checkElRoot = (key.match(/^\-\-/) !== null) ? true : false, checkRatioPadding = (typeof o.__ratio_padding_top != 'undefined' || typeof o.__ratio_padding_bottom != 'undefined') ? true : false; if(!checkNavLineHeight && !checkLogoPadding) { var r = initObject(j,selector); } switch(key) { case 'background-color-all': case 'background-color': o.bgColor = style.getColorORTransparent(val); if(selectEL=='el-menu') { style.setCssProperty(j,selector,key,o.bgColor); } break; case 'background-position': o.bgPosition = (!o.bgPosition || o.bgPosition=='0% 0%') ? 'center center' : o.bgPosition; break; case 'background-image': //o.bgUrl = 'url(' + p + '/1200/' + val + ')'; // val = encodeURIComponent(val); var src = getServeImage(val,'1920',path); o.bgUrl = (val!='none') ? "url('" + src + "')" : val; if(selectEL=='el-menu') { var version = ($('.'+selectEL).find('header').hasClass('navbar-simple')) ? 'simple' : 'default'; if($('.'+selectEL).find('.cl-menu-option').length > 0) version = 'moption'; if(version == 'moption') { var moptionEL = $('.'+selectEL).find('.cl-menu-option'); if(moptionEL.length > 0) { } else { var init_bgcolor = j["children"][selector]["attributes"]['background-color'], root_bgcolor = (val == 'none') ? init_bgcolor : 'transparent'; j["children"][selector]["attributes"]['--menu-bgcolor'] = root_bgcolor; j["children"][selector]["attributes"]['--menu-bgcolor-hover'] = root_bgcolor; j["children"][selector]["attributes"]['--menu-bgcolor-active'] = root_bgcolor; } } else { var selector_set = getMenuCssSelector(key,selector,version); if(!$.isEmptyObject(selector_set.delete)) { $.each(selector_set.delete, function(k,v) { style.deleteCssProperty(j,v); }); } if(!$.isEmptyObject(selector_set.set)) { $.each(selector_set.set, function(k,v) { if(k.match(/^media\_/gi) != null) return true; v = (v.indexOf('↵') > -1) ? v.replace(/↵/gi, '\n') : v; v = v.replace(/\, /gi,'\,'); if(typeof j["children"][v] == "undefined") initObject(j,v); if(val == 'none') { var bg_color = $('.bg-picker-el-menu').css('background-color'); j["children"][v]["attributes"]['background-color'] = bg_color; } else { if(k.match(/main/gi) !== null) j["children"][v]["attributes"]['background-color'] = 'transparent'; } }); } } } break; // case 'background-attachment': // o.bgAttachment = (o.bgSize == 'cover') ? 'fixed' : 'scroll'; // break; case 'background-repeat': o.bgRepeat = (!o.bgRepeat) ? 'no-repeat' : o.bgRepeat; break; case 'background-size': o.bgSize = (!o.bgSize) ? 'cover' : o.bgSize; break; case 'color': o.txColor = val; break; case 'padding': if(checkNavLineHeight) return false; o.pdTop = this.selector.css('padding-top').replace('px',''); o.pdBottom = this.selector.css('padding-bottom').replace('px',''); o.pdLeft = this.selector.css('padding-left').replace('px',''); o.pdRight = this.selector.css('padding-right').replace('px',''); break; default: // root css if(checkElRoot) { var _key = key.replace(/\-/gi,'_'); o[_key] = val; if($(this.selector).is('[data-gjs="fixedscroll4"]') && key == '--cursor-color') { var gseq = this.selector.attr('data-id'), gcss = { 'fixedscroll4' : $('#gCSS_fixedscroll4_'+gseq).outerHTML() }; $('#gCSS_fixedscroll4_'+gseq).replaceWith(gcss.fixedscroll4.replace(/ fill\=\'\%23[a-zA-Z0-9]*\' /gi,' fill=\'' + val.replace(/^\#/,'\%23') + '\' ') .replace(/ stroke\=\'\%23[a-zA-Z0-9]*\' /gi,' stroke=\'' + val.replace(/^\#/,'\%23') + '\' ')); } } break; } if(checkNavLineHeight || checkLogoPadding) { // MENU NAV > line-hieght or MENU(sidebar) LOGO > padding if( typeof j["children"]['@media (min-width: 769px)'] == "undefined" ) { j["children"]['@media (min-width: 769px)'] = {}; j["children"]['@media (min-width: 769px)']["children"] = {}; j["children"]['@media (min-width: 769px)']["attributes"] = {}; } if( typeof j["children"]['@media (min-width: 769px)']["children"][selector] == "undefined" ) { j["children"]['@media (min-width: 769px)']["children"][selector] = {}; j["children"]['@media (min-width: 769px)']["children"][selector]["children"] = {}; j["children"]['@media (min-width: 769px)']["children"][selector]["attributes"] = {}; } if(checkSidebar && checkNavLineHeight) { if(typeof j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.dropdown-menu > li > a'] == "undefined") { j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.dropdown-menu > li > a'] = {}; j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.dropdown-menu > li > a']["children"] = {}; j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.dropdown-menu > li > a']["attributes"] = {}; } var nav_val = val.split(','); key = 'padding'; val = nav_val[0]; j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.dropdown-menu > li > a']["attributes"][key] = nav_val[1]; if(typeof j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.navbar-nav:not(#fixed-menu) > li.dropdown > ul.dropdown-menu'] != "undefined") { var nav_pd = val.replace(/px/gi,'').split(' '), sub_nav_mgTop = parseInt(parseInt(nav_pd[0]) * 0.4); j["children"]['@media (min-width: 769px)']["children"]['.menu-'+SID+' ul.navbar-nav:not(#fixed-menu) > li.dropdown > ul.dropdown-menu']["attributes"]['margin-top'] = -sub_nav_mgTop + 'px'; } } j["children"]['@media (min-width: 769px)']["children"][selector]["attributes"][key] = val; } else if(checkLogoLineHeight || checkFLogoLineHeight) { // MENU LOGO > line-hieght j["children"][selector]["attributes"]["line-height"] = val; } else if(checkHeaderPadding) { delete j["children"]['.menu-'+SID]["attributes"]["padding-left"]; delete j["children"]['.menu-'+SID]["attributes"]["padding-right"]; delete j["children"]['.menu-'+SID]["attributes"]["padding-top"]; delete j["children"]['.menu-'+SID]["attributes"]["padding-bottom"]; j["children"]['.menu-'+SID]["attributes"]["padding"] = o.pdTop + 'px ' + o.pdRight + 'px ' + o.pdBottom + 'px ' + o.pdLeft + 'px'; } else { // BLOCK (default) if(!checkRatioPadding) { delete j["children"][selector]["attributes"]["padding-top"]; delete j["children"][selector]["attributes"]["padding-bottom"]; delete j["children"][selector]["attributes"]["padding-left"]; delete j["children"][selector]["attributes"]["padding-right"]; } j["children"][selector]["attributes"]["background-color"] = o.bgColor; j["children"][selector]["attributes"]["background-image"] = o.bgUrl; // if($(selector).attr('data-parallax') == "true") { // j["children"][selector]["attributes"]["background-attachment"] = 'fixed'; // } /* j["children"][selector]["attributes"]["background-repeat"] = (!j["children"][selector]["attributes"]["background-repeat"]) ? "no-repeat" : this.selector.css('background-repeat'); j["children"][selector]["attributes"]["background-position"] = (!j["children"][selector]["attributes"]["background-position"]) ? "center center" : this.selector.css('background-position'); j["children"][selector]["attributes"]["background-size"] = (!j["children"][selector]["attributes"]["background-size"]) ? "cover" : this.selector.css('background-size'); */ j["children"][selector]["attributes"]["background-repeat"] = o.bgRepeat; j["children"][selector]["attributes"]["background-position"] = o.bgPosition; j["children"][selector]["attributes"]["background-size"] = o.bgSize; // j["children"][selector]["attributes"]["background-attachment"] = o.bgAttachment; if(!checkGalleryProject) { if(!checkRatioPadding) j["children"][selector]["attributes"]["padding"] = o.pdTop+'px ' + o.pdRight+'px ' + o.pdBottom+'px ' + o.pdLeft+'px'; j["children"][selector]["attributes"]["color"] = o.txColor; j["children"][selector]["attributes"]["font-family"] = (typeof this.selector.css('font-family')!='undefined' && this.selector.css('font-family')) ? this.selector.css('font-family') : ''; j["children"][selector]["attributes"]["font-size"] = (typeof this.selector.css('font-size')!='undefined' && this.selector.css('font-size')) ? this.selector.css('font-size') : ''; } if(checkElRoot) { var _key = key.replace(/\-/gi,'_'), _val = o[_key]; j["children"][selector]["attributes"][key] = _val; } } return j; } var getMenuCssSelector = function(key, selector, version) { if(version == 'moption') return {'delete': {}, 'set': {}}; var str = '', user = '.menu-' + SID, simple_user = (selector.indexOf('menu-temp-')>-1) ? '.menu-temp-' + SID : user, default_selector = { "color" : { "default" : user + " ul.navbar-nav > li > a,\n" + user + " ul.navbar-nav > li > a:active,\n" + user + " ul.navbar-nav > li > a:focus,\n" + user + " .dropdown-menu > li > a,\n" + user + " .dropdown-menu > li > a:active,\n" + user + " .dropdown-menu > li > a:focus", "hover" : user + ".navbar-default .navbar-nav > li > a:hover,\n" + user + ".navbar-default .navbar-nav > li:hover > a,\n" + user + ".navbar-default .navbar-nav > li:hover > a:focus,\n" + user + ".navbar-default .navbar-nav > li:hover > a:active,\n" + user + ".navbar-default .navbar-nav > li.active > a,\n" + user + ".navbar-default .navbar-nav > li.active > a:focus,\n" + user + ".navbar-default .navbar-nav > li.active > a:active,\n" + user + ".navbar-default .navbar-nav > li.active > a:hover,\n" + user + ".navbar-default .dropdown-menu > li > a:hover,\n" + user + ".navbar-default .dropdown-menu > li:hover > a,\n" + user + ".navbar-default .dropdown-menu > li:hover > a:focus,\n" + user + ".navbar-default .dropdown-menu > li:hover > a:active,\n" + user + ".navbar-default .dropdown-menu > li.active > a,\n" + user + ".navbar-default .dropdown-menu > li.active > a:focus,\n" + user + ".navbar-default .dropdown-menu > li.active > a:active,\n" + user + ".navbar-default .dropdown-menu > li.active > a:hover", }, "background-color" : { "default" : user + " .navbar-nav#tpl-menu .dropdown .dropdown-menu,\n" + user + " .navbar-nav#tpl-menu", "init" : user + " ul.navbar-nav > li > a,\n" + user + " ul.navbar-nav > li > a:active,\n" + user + " ul.navbar-nav > li > a:focus,\n" + user + " .dropdown-menu > li > a,\n" + user + " .dropdown-menu > li > a:active,\n" + user + " .dropdown-menu > li > a:focus,\n" + user + ".navbar-default .navbar-nav > li > a,\n" + user + ".navbar-default .navbar-nav > li > a:focus,\n" + user + ".navbar-default .navbar-nav > li > a:hover,\n" + user + ".navbar-default .navbar-nav > li:hover > a,\n" + user + ".navbar-default .navbar-nav > li:hover > a:focus,\n" + user + ".navbar-default .navbar-nav > li:hover > a:active,\n" + user + ".navbar-default .navbar-nav > li.active > a,\n" + user + ".navbar-default .navbar-nav > li.active > a:focus,\n" + user + ".navbar-default .navbar-nav > li.active > a:active,\n" + user + ".navbar-default .navbar-nav > li.active > a:hover,\n" + user + ".navbar-default .dropdown-menu > li > a:hover,\n" + user + ".navbar-default .dropdown-menu > li:hover > a,\n" + user + ".navbar-default .dropdown-menu > li:hover > a:focus,\n" + user + ".navbar-default .dropdown-menu > li:hover > a:active,\n" + user + ".navbar-default .dropdown-menu > li.active > a,\n" + user + ".navbar-default .dropdown-menu > li.active > a:focus,\n" + user + ".navbar-default .dropdown-menu > li.active > a:active,\n" + user + ".navbar-default .dropdown-menu > li.active > a:hover", }, "background-color-all" : { "default" : user + " .navbar-nav#tpl-menu .dropdown .dropdown-menu,\n" + user + " .navbar-nav#tpl-menu", }, "background-image" : { "default" : user + " .navbar-nav#tpl-menu .dropdown .dropdown-menu", }, "border-color" : { "default" : "", }, "font-size" : { "default" : user + " ul.navbar-nav > li > a,\n" + user + " ul.navbar-nav > li > a:focus,\n" + user + " .dropdown-menu > li > a,\n" + user + " .dropdown-menu > li > a:focus", }, "font-family" : { "default" : user + " ul.navbar-nav > li > a,\n" + user + " .dropdown-menu > li > a", }, }, simple_selector = { "color" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav > li > a:hover,\n" + simple_user + " ul.navbar-nav > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-color" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav > li > a:hover,\n" + simple_user + " ul.navbar-nav > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-color-all" : { "menublock" : simple_user, "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav > li > a:hover,\n" + simple_user + " ul.navbar-nav > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-image" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav > li > a:hover,\n" + simple_user + " ul.navbar-nav > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "border-color" : { "main_default" : " ", "main_hover" : " ", "main_active" : " ", "sub_default" : " ", "sub_hover" : " ", "sub_active" : " ", }, "font-size" : { "main_default" : user + " ul.navbar-nav > li > a" , "sub_default" : user + " ul.dropdown-menu > li > a", }, "font-family" : { "main_default" : user + " ul.navbar-nav > li > a" , "sub_default" : user + " ul.dropdown-menu > li > a", }, "logo-color" : { "color" : simple_user + " #mini-home", }, }, fheader_selector = { "color" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav:not(#fixed-menu) > li > a:hover,\n" + simple_user + " ul.navbar-nav:not(#fixed-menu) > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-color" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav:not(#fixed-menu) > li > a:hover,\n" + simple_user + " ul.navbar-nav:not(#fixed-menu) > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-color-all" : { "menublock" : simple_user, "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav:not(#fixed-menu) > li > a:hover,\n" + simple_user + " ul.navbar-nav:not(#fixed-menu) > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "background-image" : { "main_default" : simple_user + " ul.navbar-nav > li > a,\n" + simple_user + " ul.navbar-nav > li > a:focus", "main_hover" : simple_user + " ul.navbar-nav:not(#fixed-menu) > li > a:hover,\n" + simple_user + " ul.navbar-nav:not(#fixed-menu) > li:hover > a", "main_active" : simple_user + " ul.navbar-nav > li.active > a,\n" + simple_user + " ul.navbar-nav > li.active > a:focus,\n" + simple_user + " ul.navbar-nav > li.active > a:hover", "sub_default" : simple_user + " ul.dropdown-menu > li > a,\n" + simple_user + " ul.dropdown-menu > li > a:focus", "sub_hover" : simple_user + " ul.dropdown-menu > li > a:hover,\n" + simple_user + " ul.dropdown-menu > li:hover > a", "sub_active" : simple_user + " ul.dropdown-menu > li.active > a,\n" + simple_user + " ul.dropdown-menu > li.active > a:focus,\n" + simple_user + " ul.dropdown-menu > li.active > a:hover", }, "border-color" : { "main_default" : " ", "main_hover" : " ", "main_active" : " ", "sub_default" : " ", "sub_hover" : " ", "sub_active" : " ", }, "font-size" : { "main_default" : user + " ul.navbar-nav > li > a" , "sub_default" : user + " ul.dropdown-menu > li > a", }, "font-family" : { "main_default" : user + " ul.navbar-nav > li > a" , "sub_default" : user + " ul.dropdown-menu > li > a", }, "logo-color" : { "color" : simple_user + " #mini-home", }, }; if(version == 'mnormalsidebar') { var tmp_del = (typeof default_selector[key] != 'undefined') ? default_selector[key] : {}; switch(key) { case 'background-color': tmp_del = Object.assign(tmp_del, fheader_selector[key]); break; case '--menu-color': if(typeof tmp_del['media_max_768'] == 'undefined') tmp_del['media_max_768'] = []; var tmp_add = ['.el-menu .siteCART.micon', '#mobile-nav.mobile-design-clear .mobilenav_top a', '#mobile-nav.mobile-design-clear .mobilenav_top svg','#mobile-nav.mobile-design-clear #tpl-menu li.menu-has-children i, #mobile-nav.mobile-design-clear #tpl-menu li.menu-has-children i:focus','#mobile-nav.mobile-design-clear #tpl-menu li.menu-has-children.active i'], tmp_sum = tmp_del['media_max_768'].concat(tmp_add); tmp_del['media_max_768'] = tmp_sum.filter((s, v) => tmp_sum.indexOf(s) === v); break; case '--menu-fname': case '--sub-menu-fname': if(typeof tmp_del['media_max_768'] == 'undefined') tmp_del['media_max_768'] = []; var tmp_add = ['#mobile-nav','#mobile-nav'], tmp_sum = tmp_del['media_max_768'].concat(tmp_add); tmp_del['media_max_768'] = tmp_sum.filter((s, v) => tmp_sum.indexOf(s) === v); break; default: break; } str = {'delete': tmp_del, 'set': {}}; } else if(version == 'fheader') { str = { "set" : fheader_selector[key] } ; } else if(version == 'simple') { str = { "delete" : default_selector[key], "set" : simple_selector[key] } ; } else { str = { "delete" : {}, "set" : default_selector[key] }; } return str; } var setFlogoCssSelector = function(key, selector, version) { var str = '', user = '.footer-' + SID, fheader_selector = { 'logo-color' : { 'color' : user + ' #mini-home-footer', }, }; if(version == 'footerlogo') { str = { 'set' : fheader_selector[key] } ; } return str; } this.setCssProperty = function(j,selector,key,val) { selector = (selector.indexOf('↵') > -1) ? selector.replace(/↵/gi, '\n') : selector; selector = selector.replace(/\, /gi,'\,'); if(selector == '.dsgn-body') selectEL = ''; if(typeof j['children'][selector] == 'undefined') j = initObject(j,selector); var isfooterAttach = false; if(selectEL == 'el-footer') { isfooterAttach = typeof $('.'+selectEL+' .footer-brand img').attr('data-footer-attach') == 'undefined' ? false : $('.'+selectEL+' .footer-brand img').attr('data-footer-attach'); } if(selectEL == 'el-menu') { var selectorKey = (key == 'color' && selector == '.menu-'+SID+' #tpl-logo-text') ? 'logo-color' : key, version = ($('.'+selectEL).find('header').hasClass('navbar-simple')) ? 'simple' : 'default'; if($('.'+selectEL).find('[class*=cl-menu-]').length > 0) version = ($('.'+selectEL).find('.cl-menu-option').length > 0) ? 'moption' : 'mnormalsidebar'; else if($('.'+selectEL).find('header').hasClass('navbar-fheader')) version = 'fheader'; var selector_set = getMenuCssSelector(key,selector,version); if(!$.isEmptyObject(selector_set.delete)) { $.each(selector_set.delete, function(k,v) { if(k.match(/^media\_/gi) != null) style.deleteMediaCssProperty(j,v,k); else style.deleteCssProperty(j,v); }); } if(key == 'background-color-all') key = 'background-color'; //menu block - all background color change if(!$.isEmptyObject(selector_set.set)) { if( selector == '.menu-'+SID+' ul#tpl-menu > li > a' || selector == '.menu-' + SID || selector == '.menu-temp-' + SID ) { if(selector == '.menu-'+SID+' ul#tpl-menu > li > a') style.deleteCssProperty(j,selector); var color = (key == 'color') ? this.setStyle(j,hex2rgb(val),'el-menu') : []; $.each(selector_set.set, function(k,v) { if(k.match(/^media\_/gi) != null) return true; v = (v.indexOf('↵') > -1) ? v.replace(/↵/gi, '\n') : v; v = v.replace(/\, /gi,'\,'); var value = (color.length== 0) ? val : ((k.match(/default/gi) !== null) ? color[0] : color[1]); if(typeof j['children'][v] == 'undefined') initObject(j,v); if( key == 'background-color' && value.indexOf('transparent') == -1 && value.indexOf('rgba(0,0,0,0)') == -1 ) { var menu_bg_img = (typeof $('.'+selectEL).find('header').css('background-image') != 'undefined') ? $('.'+selectEL).find('header').css('background-image') : ''; if(menu_bg_img && menu_bg_img!='none' && menu_bg_img!='initial' && menu_bg_img!='inherit') { // [MENU BLOCK] used Background-Image, ==> main menu bg : transparent, sub menu bg : color if(k.match(/main/gi) !== null ) value ='transparent'; } } if( key == 'font-size' && k.match(/sub/gi) !== null ) { //Sub Menu Font size var f_size = parseInt(value.replace('px','')); value = (f_size - 2 ) + 'px'; } if( key == 'color' && (version == 'simple' || version == 'fheader') && k == 'main_default' ) { //Menu text color Change ==> Mobile Toggle bar color var block_selector = (selector.indexOf('menu-temp-')>-1) ? '.menu-temp-' + SID : '.menu-' + SID, toggle_bar_selector = block_selector + ' .navbar-toggle .icon-bar'; if(typeof j['children'][toggle_bar_selector] == 'undefined') initObject(j,toggle_bar_selector); j['children'][toggle_bar_selector]['attributes']['background-color'] = value; } j['children'][v]['attributes'][key] = value; }); } else { if(selectorKey == 'logo-color') { //logo text color Change ==> Logo Top btn color width Change var menu_btn_set = getMenuCssSelector(selectorKey,selector,version); if(typeof menu_btn_set.set != 'undefined' && menu_btn_set.set) { $.each(menu_btn_set.set, function(k,v) { if(k.match(/^media\_/gi) != null) return true; if(typeof j['children'][v] == 'undefined') initObject(j,v); j['children'][v]['attributes'][k] = val; }); } } j['children'][selector]['attributes'][key] = val; } } else { j['children'][selector]['attributes'][key] = val; if($.inArray(version, ['moption', 'mnormalsidebar']) > -1) { switch(key) { case 'background-color': j['children'][selector]['attributes']['--block-bgcolor'] = val; j['children'][selector]['attributes']['--menu-bgcolor'] = val; j['children'][selector]['attributes']['--menu-bgcolor-hover'] = val; j['children'][selector]['attributes']['--menu-bgcolor-active'] = val; j['children'][selector]['attributes']['--sub-menu-bgcolor'] = val; j['children'][selector]['attributes']['--sub-menu-bgcolor-hover'] = val; j['children'][selector]['attributes']['--sub-menu-bgcolor-active'] = val; break; case '--block-bgcolor': j['children'][selector]['attributes']['background-color'] = val; break; default: break; } } } } else if(selectEL=='el-footer' && isfooterAttach) { var selectorKey = (key == 'color' && selector == '.footer-'+SID+' #tpl-logo-text-footer') ? 'logo-color' : key; if(selectorKey == 'logo-color') { var footer_logo_set = setFlogoCssSelector(selectorKey, '' ,'footerlogo'); if(typeof footer_logo_set.set != 'undefined' && footer_logo_set.set) { $.each(footer_logo_set.set, function(k,v) { if(typeof j['children'][v] == 'undefined') initObject(j,v); j['children'][v]['attributes'][k] = val; }); } } j['children'][selector]['attributes'][key] = val; } else { //showcase index numbering if ( key=='border-color' && selectEL != '' && selector == '.userEL' + $('.'+selectEL).attr('data-id') + ' .carousel-indicators li' ) { var indicator_type = $('.'+selectEL).find('.carousel-indicators').attr('data-indicator'), user = '.userEL' + $('.'+selectEL).attr('data-id'), index_focus = user + ' .carousel-indicators li\n', index_hover = user + ' .carousel-indicators li.active\n', color = this.setStyle(j,hex2rgb(val),'rolling-index'); initObject(j,index_focus); initObject(j,index_hover); if (indicator_type == 'background') key = 'background-color'; if (indicator_type == 'line-background') { //indicator border,bg-transparent //:active border,background j['children'][index_focus]['attributes'][key] = color[0] + ' !important'; j['children'][index_hover]['attributes'][key] = color[0] + ' !important'; j['children'][index_hover]['attributes']['background-color'] = color[0] + ' !important'; } else { //indicator only line OR background j['children'][index_focus]['attributes'][key] = color[0] + ' !important'; j['children'][index_hover]['attributes'][key] = color[1] + ' !important'; j['children'][index_focus]['attributes']['color'] = color[0] + ' !important'; j['children'][index_hover]['attributes']['color'] = color[1] + ' !important'; } } else if(selector.indexOf('.figure.like') > -1) { if(selector.indexOf('.figure-like-cnt') == -1 && selector.indexOf('svg') == -1) { style.deleteCssProperty(j, selector); if(j['children'][selector+' > svg'] === undefined) initObject(j,selector+' > svg'); if(j['children'][selector + ' .figure-like-cnt'] === undefined) initObject(j,selector+' .figure-like-cnt'); if(selector.indexOf('.active') > -1) { style.deleteCssProperty(j, selector+' > svg'); if(j['children'][selector+' > svg,\n'+selector+' > svg > path:first-child'] === undefined) initObject(j,selector+' > svg,\n'+selector+' > svg > path:first-child'); j['children'][selector+' > svg,\n'+selector+' > svg > path:first-child']['attributes']['fill'] = val; } else { j['children'][selector+' > svg']['attributes']['fill'] = val; } j['children'][selector + ' .figure-like-cnt']['attributes']['color'] = val; } else { if(selector.indexOf('svg') > -1) { j['children'][selector]['attributes']['fill'] = val; } if(selector.indexOf('.figure-like-cnt') > -1) j['children'][selector]['attributes']['color'] = val; } } else { if(key == 'font-hover-color') { //forum block - list hover color change key = 'color'; j['children'][selector]['attributes']['fill'] = val; val = val + ' !important'; } if(selector.indexOf('p.figure') > -1 && key=='color'){ j['children'][selector]['attributes']['fill'] = val; } if(selector.indexOf('.figure.like') > -1 && selector.indexOf('.active') == -1) { j['children'][selector+' > svg']['attributes']['fill'] = val; selector = selector + ' .figure-like-cnt'; } if(selector.indexOf('.figure.like.active') > -1) { j['children'][selector+' > svg,\n'+selector+' > svg > path:first-child']['attributes']['fill'] = val; selector = selector + ' .figure-like-cnt'; } if(selector.indexOf('.tpl-forum-list-etc') > -1) { if(j['children'][selector+' > svg'] === undefined) initObject(j,selector+' > svg'); if(val.indexOf('px') > -1) { j['children'][selector+' > svg']['attributes']['width'] = val; j['children'][selector+' > svg']['attributes']['height'] = val; } else { if(key == 'color') j['children'][selector+' > svg']['attributes']['fill'] = val; } var forumLikeSelector = selector.replace('.tpl-forum-list-etc', '.tpl-forum-list-like'); if(j['children'][forumLikeSelector+' .forum-like-cnt'] === undefined) initObject(j, forumLikeSelector+' .forum-like-cnt'); if(key == 'color') j['children'][forumLikeSelector+' .forum-like-cnt']['attributes']['color'] = val; } if(selector.indexOf('.tpl-forum-list-icon') > -1) { if(j['children'][selector+' > svg'] === undefined) initObject(j,selector+' > svg'); if(val.indexOf('px') > -1) { j['children'][selector+' > svg']['attributes']['width'] = val; j['children'][selector+' > svg']['attributes']['height'] = val; } else { if(key == 'color') j['children'][selector+' > svg']['attributes']['fill'] = val; } } if(selector.indexOf('.gallery-sort-nav') > -1 || selector.indexOf('.review-sort-nav') > -1) { if(key == 'color') j['children'][selector]['attributes']['fill'] = val; } j['children'][selector]['attributes'][key] = val; //Media Query Css도 변경 $.each(j['children'],function(i,v){ if(i.indexOf('@media') > -1 && typeof j['children'][i]['children'][selector] != 'undefined') { j['children'][i]['children'][selector]['attributes'][key] = val; } }); } } return j; } this.getCssProperty = function(j,selector,key) { if(typeof j['children'][selector] == 'undefined') j = initObject(j,selector); if(typeof j['children'][selector]['attributes'][key] == 'undefined') { j['children'][selector]['attributes'][key] = 'initial'; } return j['children'][selector]['attributes'][key]; } this.deleteMediaCssProperty = function(j,selector,media) { var tmp = media.split('_'), tmp_media_minmax = tmp[1], tmp_media_size = tmp[2], tmp_media_size_selector = []; switch(tmp_media_size) { case '768': tmp_media_size_selector.push('@media (max-width: 768px)'); tmp_media_size_selector.push('@media only screen and (max-width:768px)'); break; default: break; } $.each(tmp_media_size_selector, function(tmp_idx, tmp_selector) { if( typeof j['children'][tmp_selector] != 'undefined' && typeof j['children'][tmp_selector]['children'] != 'undefined' ) { $.each(selector, function(tmp_idx2, tmp_selector2) { if(typeof j['children'][tmp_selector]['children'][tmp_selector2] != 'undefined') delete j['children'][tmp_selector]['children'][tmp_selector2]; }); } }); return j; } this.deleteCssProperty = function(j,selector) { if(typeof j['children'][selector] == 'undefined') j = initObject(j,selector); delete j['children'][selector]; return j; } this.find = function(j,selector) { for(var key in j.children) { // if(key.indexOf(selector)>-1) return j.children[key].attributes['background-image'].trim().replace(/^url\(['"]?/,'').replace(/['"]?\)$/,''); if(key.indexOf(selector)>-1) { var r = (typeof j.children[key].attributes['background-image'] != 'undefined' && j.children[key].attributes['background-image']) ? j.children[key].attributes['background-image'].trim() : ''; if(r.length > 0 && r.match(/url\((.*?)\)/) !== null) r = r.match(/url\((.*?)\)/)[1].replace(/('|")/g,''); return (r) ? r : ''; } } } this.setTargetBackground = function(j,selector,val,p) { val = encodeURIComponent(val); for(var key in j.children) { if(key.indexOf(selector)>-1) { val = encodeURIComponent(val); j.children[key].attributes['background-image'] = "url(" + p + '/' + val + ")"; } } return j; } this.getHex = function(rgb) { if(rgb == 'transparent') return rgb; var rgb = this.getRGBobject(rgb), r = parseInt(rgb.r, 10).toString(16), g = parseInt(rgb.g, 10).toString(16), b = parseInt(rgb.b, 10).toString(16); return '#'+ ( (r.length == 1 ? '0'+ r : r) + (g.length == 1 ? '0'+ g : g) + (b.length == 1 ? '0'+ b : b) ); } this.getRGBobject = function(rgb) { if(typeof rgb == 'undefined') rgb = 'rgb(255,255,255)'; rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i); var r = []; r.r = rgb[1], r.g = rgb[2], r.b = rgb[3]; return r; } this.getRgbaAlpha = function(rgba) { if(typeof rgba != 'undefined' && rgba && rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i) != null) { var rgba = rgba.split(','); return rgba[3].replace(/\)/,''); } else { return ''; } } function cutHex(h) {return (h.charAt(0)=='#') ? h.substring(1,7):h} this.setStyle = function(j,rgb,el) { var r = parseInt(rgb.r), g = parseInt(rgb.g), b = parseInt(rgb.b), r1 = (r + 50 < 256) ? r + 50 : 255, g1 = (g + 50 < 256) ? g + 50 : 255, b1 = (b + 50 < 256) ? b + 50 : 255, r2 = (r - 50 > -1 ) ? r - 50 : 0, g2 = (g - 50 > -1 ) ? g - 50 : 0, b2 = (b - 50 > -1 ) ? b - 50 : 0, r3 = (r + 100 < 256 ) ? r + 100 : 255, g3 = (g + 100 < 256 ) ? g + 100 : 255, b3 = (b + 100 < 256 ) ? b + 100 : 255; var c1 = rgb2hex(r,g,b), c2 = rgb2hex(r1,g1,b1), c3 = rgb2hex(r2,g2,b2), c4 = rgb2hex(r3,g3,b3); if(el == 'el-menu') { return [c1,c2]; } else if (el =='rolling-index') { if(r<80 && g<80 && b<80) return [c1,c4]; else if (r<150 && g<150 && b<150) return [c1,c2]; else return [c1,c3]; } else { return setStyleValue(j,c1,c2,c3); } } var setStyleValue = function(j,c1,c2,c3) { $.each(j.children, function(k,v) { switch(k) { // color case '.dsgn-body h3,\n.dsgn-body h4,\n.dsgn-body h5' : case '.dsgn-body a': case '.dsgn-body .alternative-font': case '.dsgn-body div.tabs ul.nav-tabs a,\n.dsgn-body div.tabs ul.nav-tabs a:hover': v.attributes['color'] = c1; break; case '.dsgn-body header ul.nav-main > li:hover > a,\n.dsgn-body header ul.nav-main li.active > a,\n.dsgn-body header ul.nav-main li.active > a:hover,\n.dsgn-body header ul.nav-main li.active > a:focus,\n.dsgn-body header ul.nav-main li.active i.icon-caret-down': v.attributes['color'] = c1 + ' !important'; break; case '.dsgn-body a:hover': v.attributes['color'] = c2; break; case '.dsgn-body a:active': v.attributes['color'] = c3; break; // background-color case '.dsgn-body .text-bg': case '.dsgn-body .pagination > .active > a,\n.dsgn-body .pagination > .active > span,\n.dsgn-body .pagination > .active > a:hover,\n.dsgn-body .pagination > .active > span:hover,\n.dsgn-body .pagination > .active > a:focus,\n.dsgn-body .pagination > .active > span:focus': case '.dsgn-body .label-primary': v.attributes['background-color'] = c1 + ' !important'; break; // background-color + border-color case '.dsgn-body .btn-primary,\n.dsgn-body .pagination > .active > a,\n.dsgn-body ul.nav-pills > li.active > a': v.attributes['background-color'] = c1; v.attributes['border-color'] = '#006da3'; break; /* case '.dsgn-body .btn-primary:hover,\n.dsgn-body .pagination > .active > a:hover,\n.dsgn-body ul.nav-pills > li.active > a:hover': v.attributes['background-color'] = '#008fd6'; v.attributes['border-color'] = '#0074ad'; break; */ case '.dsgn-body .btn-primary:focus,\n.dsgn-body .pagination > .active > a:focus,\n.dsgn-body ul.nav-pills > li.active > a:focus': v.attributes['background-color'] = '#007ab8'; v.attributes['border-color'] = '#007ab8'; break; case '.dsgn-body .btn-default,\n.dsgn-body .btn-default.btn-lg,\n.dsgn-body .btn-default.btn-sm,\n.dsgn-body .btn-default.btn-xs': case '.dsgn-body .label-default': v.attributes['border-color'] = c1; v.attributes['background-color'] = 'transparent'; v.attributes['color'] = c1; break; case '.dsgn-body .btn-default:hover,\n.dsgn-body .btn-default.btn-lg:hover,\n.dsgn-body .btn-default.btn-sm:hover,\n.dsgn-body .btn-default.btn-xs:hover': v.attributes['border-color'] = c2; v.attributes['background-color'] = '#0D0D0D'; v.attributes['color'] = c2; break; case '.dsgn-body .btn-default:focus,\n.dsgn-body .btn-default.btn-lg:focus,\n.dsgn-body .btn-default.btn-sm:focus,\n.dsgn-body .btn-default.btn-xs:focus': v.attributes['border-color'] = c3; v.attributes['background-color'] = '#000000'; v.attributes['color'] = c3; break; case '.dsgn-body div.tabs ul.nav-tabs a:hover': v.attributes['border-top-color'] = c1; break; case '.dsgn-body div.tabs ul.nav-tabs li.active a': v.attributes['border-top-color'] = c1; v.attributes['color'] = c1; break; } }); return j; } this.selectFontForm = function(cls,fn,font) { if(typeof font=='undefined' || !font) { // console.log('undefined font-family'); return false; } var tf = font.split(','); fn = tf[0].replace(/'/g,'').replace(/"/g,'').replace('-',' ').trim(); var str = ''; str = '
\ \ \ \
\ '; /* if(!isNaN(width)) { str = str + '\\
\ \ \
\ '; } str = str + '\\