您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
jQuery消息盒子NZMsgBox
当前为
此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/449562/1081718/NZMsgBox.js
- /*
- 原: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Js/NZ-MsgBox.min.js
- */
- (function($) {
- $.NZ_MsgBox = {
- alert: function(a) {
- var b = $.extend({}, o, a);
- b.buttons = $.extend({}, o.buttons, a.buttons);
- show_MsgBox(b, "alert")
- },
- confirm: function(a) {
- var b = $.extend({}, o, a);
- b.buttons = $.extend({}, o.buttons, a.buttons);
- show_MsgBox(b, "confirm")
- },
- prompt: function(a) {
- var b = $.extend({}, o, a);
- b.type = "";
- b.buttons = $.extend({}, o.buttons, a.buttons);
- show_MsgBox(b, "prompt")
- },
- tipsbar: function(a) {
- var b = $.extend({}, p, a);
- switch (b.location) {
- case "top":
- b.location = "locationT";
- break;
- case "right":
- b.location = "locationR";
- break;
- default:
- b.location = "locationR";
- break
- }
- show_TipsBar(b)
- },
- tooltip: function(a) {
- var b = $.extend({}, r, a);
- return show_ToolTips(b)
- },
- toast: function(a) {
- var b = $.extend({}, q, a);
- return show_Toast(b)
- }
- };
- function show_MsgBox(b, c) {
- var d = CalculateLayer("messagebox");
- var e = $("<div class='NZ-MsgBox-bg'></div>");
- e.show();
- var f = $("<div class=\"NZ-MsgBox-alert\"></div>");
- if (d >= 99999) {
- e.css({
- "z-index": d - 1
- });
- f.css({
- "z-index": d
- })
- }
- var g = $("<div class=\"distop\"></div>");
- f.append(g);
- var h = $("<div class=\"msgcontainer\"></div>");
- f.append(h);
- if (c === "confirm") {
- var i = b.type !== null && typeof b.type !== "undefined" && b.type !== "none" ? b.type : "question";
- b.type = i;
- h.append("<div class=\"icon " + i + "\"></div>")
- } else if (b.type !== null && typeof b.type !== "undefined" && b.type !== "" && b.type !== "none" && c !== "prompt") {
- h.append("<div class=\"icon " + b.type + "\"></div>")
- }
- if (b.title !== null && b.title !== "") {
- h.append("<div class=\"msgtitle\">" + b.title + "</div>")
- }
- var j = $("<input type=\"text\" class=\"keycon\">");
- if (c === "prompt") {
- h.append(j)
- }
- if (b.content !== null && b.content !== "") {
- if (c === "prompt") {
- j.val(b.content)
- } else {
- h.append("<div class=\"msgcon\">" + b.content + "</div>")
- }
- }
- var k = $("<div class=\"operatebar\"></div>");
- f.append(k);
- var l = $("<button type=\"button\">" + b.buttons.confirm.text + "</button>");
- var m = $("<button type=\"button\" class=\"cancel\">" + b.buttons.cancel.text + "</button>");
- switch (b.type) {
- case "success":
- l.addClass("success");
- break;
- case "question":
- case "input":
- l.addClass("normal");
- break;
- case "warning":
- l.addClass("warning");
- break;
- case "error":
- l.addClass("error");
- break;
- default:
- l.addClass("normal");
- h.addClass("typenone");
- break
- }
- switch (c) {
- case "alert":
- k.append(l);
- break;
- case "confirm":
- case "prompt":
- k.append(l).append(m);
- l.addClass("beleft");
- m.addClass("beright");
- break;
- default:
- k.append(l);
- break
- }
- if ($(".NZ-MsgBox-alert").length > 0) {
- var n = setInterval(function() {
- if ($(".NZ-MsgBox-alert").length <= 0) {
- clearInterval(n);
- show()
- }
- }, 500)
- } else {
- show()
- }
- function show() {
- if (b.aero) {
- $(document.body).css("overflow-x", "hidden");
- e.addClass("aero")
- }
- $(document.body).after(e);
- $(document.body).after(f);
- if (parseInt($(window).width()) < parseInt(f.css("max-wdith"))) {
- f.css({
- "max-width": (parseInt($(window).width()) - 10) + "px"
- })
- }
- calMainConHeight();
- $(window).on("resize.NZ_MSGBOX", function() {
- calMainConHeight()
- });
- function calMainConHeight() {
- var a = parseInt($(window).height()) - g.outerHeight() - k.outerHeight() - 120;
- f.find("div.msgcon").css({
- "max-height": a <= 100 ? 100 : a
- })
- }
- e.addClass("NZ-MsgBox--motion NZ-MsgBox-bg--show");
- f.show().css({
- "left": (parseInt($(window).width()) - parseInt(f.width())) / 2,
- "top": (parseInt($(window).height()) - parseInt(f.height())) / 2
- }).addClass("NZ-MsgBox--motion NZ-MsgBox-alert--open").on("animationend webkitAnimationEnd", function() {
- f.removeClass("NZ-MsgBox-alert--open");
- e.mousedown(function() {
- f.addClass("NZ-MsgBox--leap");
- f.on("animationend.leap webkitAnimationEnd.leap", function() {
- $(this).removeClass("NZ-MsgBox--leap");
- f.find(m).length > 0 ? m.focus() : l.focus()
- })
- })
- });
- f.find("div.icon").addClass("NZ-MsgBox--showicon NZ-MsgBox--motion");
- showInit()
- }
- function showInit() {
- c === "alert" ? l.focus() : m.focus();
- if (b.dragmove) {
- g.NZDrag("init", {
- bydragobj: f
- });
- g.css("cursor", "move")
- }
- if (c === "prompt") {
- j.focus();
- m.click(function() {
- close(null)
- });
- l.click(function() {
- close(j.val())
- })
- } else {
- m.click(function() {
- close(false)
- });
- l.click(function() {
- close(true)
- })
- }
- }
- function close(a) {
- f.removeClass("NZ-MsgBox-alert--open").addClass("NZ-MsgBox-alert--close").on("animationend webkitAnimationEnd", function() {
- $(document.body).css("overflow-x", "initial");
- $(this).remove();
- if (typeof b.callback === "function") {
- b.callback(a)
- }
- });
- $(document.body).removeClass("NZ-MsgBox-bg--aero");
- e.removeClass("NZ-MsgBox-bg--show").addClass("NZ-MsgBox-bg--hide").css({
- "animation-delay": ".3s"
- }).on("animationend webkitAnimationEnd", function() {
- $(this).remove()
- })
- }
- }
- function show_TipsBar(e) {
- var f = $("<div></div>");
- if ($(".NZ-TipsBar-Container." + e.location + "." + e.tipsort).length > 0) {
- f = $(".NZ-TipsBar-Container." + e.location + "." + e.tipsort)
- } else {
- f.addClass("NZ-TipsBar-Container " + e.location + " " + e.tipsort).css({
- "z-index": CalculateLayer("tips")
- });
- $(document.body).append(f)
- }
- var g = $("<div class=\"tipbar-capsule\" style=\"height:0px\"></div>");
- var h = $("<div class=\"tipbar\"></div>");
- if (e.type !== "" && e.type !== null) {
- h.addClass("carrystate " + e.type);
- h.append("<i class=\"tipsbar-icon icon-state NZ-TipsBar--motion NZ-MsgBox--showicon\"></i>");
- h.children(".tipsbar-icon").on("animationend webkitAnimationEnd", function(a) {
- a.stopPropagation()
- })
- }
- if (e.title !== "" && e.title !== null) {
- h.append("<div class=\"title NZ-TipsBar--motion NZ-Motion--inlinecon\">" + e.title + "</div>");
- h.children(".title").on("animationend webkitAnimationEnd", function(a) {
- a.stopPropagation()
- })
- }
- if (e.content !== "" && e.content !== null) {
- h.append("<div class=\"con NZ-TipsBar--motion NZ-Motion--inlinecon\" style=\"" + (h.find(".title").length > 0 ? "margin-top:5px" : "") + "\">" + e.content + "</div > ");
- h.children(".con").on("animationend webkitAnimationEnd", function(a) {
- a.stopPropagation()
- }).css({
- "animation-delay": ".3s"
- })
- }
- if (e.tipsort === "top" && f.children().length > 0) {
- f.children(":eq(0)").before(g)
- } else {
- f.append(g)
- } if (e.closebtn) {
- var i = $("<button type=\"button\" class=\"close\"></button>");
- h.append(i);
- i.click(function() {
- close()
- })
- }
- var j = "NZ-TipsBar-show--right",
- motiontype_hide = "NZ-TipsBar-hide--right";
- if (e.location === "locationT") {
- j = "NZ-TipsBar-show--top";
- motiontype_hide = "NZ-TipsBar-hide--top"
- }
- g.append(h);
- g.height(h.outerHeight() + 10).on("transitionend webkitTransitionEnd", function() {
- $(document.body).css("overflow-x", "hidden")
- });
- h.addClass("NZ-TipsBar--motion " + j).on("animationend webkitAnimationEnd", function(b) {
- g.css({
- "height": "auto"
- });
- $(document.body).css("overflow-x", "initial");
- if (e.showtime !== null && typeof e.showtime === "number") {
- if (e.processbar) {
- var c = $("<div class=\"processbar\"><div></div></div>");
- c.children().addClass("NZ-TipsBar--motion NZ-TipsBar--process").css({
- "animation-duration": (e.showtime / 1000) + "s"
- }).on("animationend webkitAnimationEnd", function(a) {
- close();
- a.stopPropagation()
- });
- h.append(c);
- h.on({
- "mouseover": function() {
- c.children().css({
- "animation-play-state": "paused"
- })
- },
- "mouseout": function() {
- c.children().css({
- "animation-play-state": "running"
- })
- }
- })
- } else {
- var d = setTimeout(function() {
- clearTimeout(d);
- close()
- }, e.showtime)
- }
- }
- b.stopPropagation()
- });
- function close() {
- g.css("height", g.outerHeight());
- h.removeClass(j).off("animationend webkitAnimationEnd").addClass(motiontype_hide).on("animationend webkitAnimationEnd", function() {
- $(this).remove();
- g.height("0").off("transitionend webkitTransitionEnd").on("transitionend webkitTransitionEnd", function(a) {
- $(this).remove();
- if (e.callback !== null && typeof e.callback === "function") {
- e.callback()
- }
- if (f.children().length === 0) {
- f.remove()
- }
- a.stopPropagation()
- })
- })
- }
- }
- function show_Toast(b) {
- var c;
- var d = (function() {
- b.onshowbefore();
- c = $("<div>" + b.content + "</div>");
- c.addClass("NZ-Toast");
- if (b.masklayer) {
- $(document.body).append("<div class=\"NZ-Toast-bg\"></div>")
- }
- if (c.find("img").length > 0) {
- try {
- c.find("img").load(function() {
- showmain()
- })
- } catch (e) {
- showmain()
- }
- } else {
- showmain()
- }
- function showmain() {
- $(document.body).append(c);
- if (b.location === "center") {
- c.addClass("NZ-MsgBox--motion NZ-MsgBox-alert--open").css({
- "margin-left": -c.outerWidth() / 2,
- "margin-top": -c.outerHeight() / 2
- })
- } else if (b.location === "top") {
- c.addClass("top NZ-MsgBox--motion NZ-Motion--fadeInTop").css({
- "margin-left": -c.outerWidth() / 2,
- "margin-top": 0
- })
- }
- b.onshow();
- if (b.showtime !== null) {
- setTimeout(function() {
- f()
- }, b.showtime)
- }
- }
- }());
- var f = function() {
- b.onhidebefore();
- if (b.location === "center") {
- c.removeClass("NZ-MsgBox-alert--open").addClass("NZ-MsgBox-alert--close").on("animationend webkitAnimationEnd", function() {
- $(this).remove();
- b.onhide()
- })
- } else if (b.location === "top") {
- c.removeClass("NZ-Motion--fadeInTop").addClass("NZ-Motion--fadeOutTop").on("animationend webkitAnimationEnd", function() {
- $(this).remove();
- b.onhide()
- })
- }
- if (b.masklayer) {
- $(".NZ-Toast-bg").remove()
- }
- };
- var g = function(a) {
- c.html(a.content);
- if (c.find("img").length > 0) {
- c.find("img").load(function() {
- c.css({
- "margin-left": -c.outerWidth() / 2,
- "margin-top": -c.outerHeight() / 2
- })
- })
- } else {
- c.css({
- "margin-left": -c.outerWidth() / 2,
- "margin-top": -c.outerHeight() / 2
- })
- }
- };
- return {
- hide: f,
- update: g
- }
- }
- function show_ToolTips(c) {
- if (c.tiptarget === null) return;
- var d = $(c.tiptarget);
- var e = $("<div class=\"NZ-Tooltips NZ-MsgBox--motion\"></div>");
- d.on(c.show, function() {
- $(this).trigger(c.hide);
- e = $("<div class=\"NZ-Tooltips NZ-MsgBox--motion\"></div>");
- if (c.theme !== "") e.addClass(c.theme);
- if (c.contentAttr !== "") {
- e.html($(this).attr(c.contentAttr)).append("<div class=\"tip-arrow\"></div>")
- } else if (c.content !== "") {
- e.html(c.content).append("<div class=\"tip-arrow\"></div>")
- } else {
- return false
- }
- e.css({
- "z-index": CalculateLayer() + 1
- });
- $(document.body).append(e);
- var a = 25;
- var b = {
- Top: {
- left: $(this).offset().left + $(this).outerWidth() / 2 - e.width() * 0.2 - a / 2,
- top: $(this).offset().top - e.outerHeight() - a / 2,
- arrow: "",
- motion: "NZ-Motion--fadeInTop"
- },
- Right: {
- left: $(this).offset().left + $(this).outerWidth() + a / 2,
- top: $(this).offset().top + $(this).outerHeight() / 2 - e.outerHeight() / 2,
- arrow: "left",
- motion: "NZ-Motion--fadeInRight"
- },
- Bottom: {
- left: $(this).offset().left + $(this).outerWidth() / 2 - e.width() * 0.2 - a / 2,
- top: $(this).offset().top + $(this).outerHeight() + a / 2,
- arrow: "top",
- motion: "NZ-Motion--fadeInDown"
- },
- Left: {
- left: $(this).offset().left - e.outerWidth() - a / 2,
- top: $(this).offset().top + $(this).outerHeight() / 2 - e.outerHeight() / 2,
- arrow: "right",
- motion: "NZ-Motion--fadeInLeft"
- }
- };
- e.mouseenter(function() {
- if (parseInt($(this).css("opacity")) > 0.5) {
- $(this).css({
- "animation-play-state": "paused"
- })
- }
- }).mouseleave(function() {
- $(this).css({
- "animation-play-state": "running"
- })
- });
- switch (c.location) {
- case "auto":
- default:
- if (b.Top.left > 0 && b.Top.top > 0) {
- e.css({
- "left": b.Top.left,
- "top": b.Top.top
- });
- e.addClass(b.Top.motion)
- } else if (b.Right.left <= $(window).width) {
- e.css({
- "left": b.Right.left,
- "top": b.Right.top
- });
- e.find(".tip-arrow").addClass(b.Right.arrow).addClass(b.Right.motion)
- } else if (b.Left.left > 0) {
- e.css({
- "left": b.Left.left,
- "top": b.Left.top
- });
- e.find(".tip-arrow").addClass(b.Left.arrow).addClass(b.Left.motion)
- } else {
- e.css({
- "left": b.Bottom.left,
- "top": b.Bottom.top
- });
- e.find(".tip-arrow").addClass(b.Bottom.arrow).addClass(b.Bottom.motion)
- }
- break;
- case "top":
- e.css({
- "left": b.Top.left,
- "top": b.Top.top
- }).addClass(b.Top.motion);
- break;
- case "right":
- e.css({
- "left": b.Right.left,
- "top": b.Right.top
- }).addClass(b.Right.motion);
- e.find(".tip-arrow").addClass(b.Right.arrow);
- break;
- case "bottom":
- e.css({
- "left": b.Bottom.left,
- "top": b.Bottom.top
- }).addClass(b.Bottom.motion);
- e.find(".tip-arrow").addClass(b.Bottom.arrow);
- break;
- case "left":
- e.css({
- "left": b.Left.left,
- "top": b.Left.top
- }).addClass(b.Left.motion);
- e.find(".tip-arrow").addClass(b.Left.arrow);
- break
- }
- }).on(c.hide, function() {
- let target_motion = "";
- if (e.find(".tip-arrow").hasClass("left")) {
- target_motion = "NZ-Motion--fadeInRight"
- } else if (e.find(".tip-arrow").hasClass("top")) {
- target_motion = "NZ-Motion--fadeInDown"
- } else if (e.find(".tip-arrow").hasClass("right")) {
- target_motion = "NZ-Motion--fadeInLeft"
- } else {
- target_motion = "NZ-Motion--fadeInTop"
- }
- e.removeClass(target_motion).addClass(target_motion.replace("In", "Out")).on("animationend webkitAnimationEnd", function() {
- $(this).remove()
- })
- })
- }
- var o = {
- title: "",
- content: "",
- type: "none",
- aero: true,
- dragmove: true,
- inputMode: "text",
- buttons: {
- confirm: {
- text: "确定"
- },
- cancel: {
- text: "取消"
- }
- },
- callback: function(a) {}
- };
- var p = {
- title: "",
- content: "",
- location: "right",
- tipsort: "top",
- type: "",
- showtime: null,
- closebtn: true,
- processbar: true,
- callback: null
- };
- var q = {
- onshowbefore: function() {},
- onshow: function() {},
- onhidebefore: function() {},
- onhide: function() {},
- content: null,
- location: "center",
- masklayer: false,
- showtime: null
- };
- var r = {
- tiptarget: null,
- content: "",
- contentAttr: "",
- location: "auto",
- show: "mouseenter",
- hide: "mouseleave",
- theme: ""
- };
- function CalculateLayer(a) {
- let layerindex = 0;
- switch (a) {
- case "messagebox":
- break;
- case "news":
- if ($(".NZ-MsgBox-alert").length > 0) {
- layerindex = parseFloat($(".NZ-MsgBox-alert").css("z-index")) - 3
- }
- break;
- case "tips":
- if ($(".NZ-TipsBar-Container").length > 0) {
- layerindex = parseFloat($(".NZ-TipsBar-Container").css("z-index")) + 1
- }
- break;
- default:
- }
- if (layerindex <= 0) {
- layerindex = Math.max.apply(null, $.map($('body *'), function(e, n) {
- if ($(e).css('position') != 'static') return parseInt($(e).css('z-index')) || -1
- }));
- if (layerindex <= 0 || layerindex == "auto") {
- layerindex = 9999
- }
- }
- return layerindex
- }
- })(typeof jQuery=="undefined" ? $jq: jQuery);
- /*
- 原: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Js/NZ-Drag.min.js
- */
- (function($) {
- $(function() {
- $(document.body).append($("<style>.NZ-Drag{-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none}</style>"))
- });
- var j = {
- init: function(a, b) {
- var c = $(this);
- var d = {
- bydragobj: c,
- isTransparent: true
- };
- var f = $.extend({}, $.fn.NZDrag.defaultparam, b);
- f = $.extend({}, d, f);
- var g = false;
- var h, divY;
- var i = 0,
- topUpper = 0,
- rightUpper = 0,
- bottomUpper = 0;
- c.bind({
- "click.NZDrag": function(e) {},
- "mousedown.NZDrag": function(e) {
- g = true;
- f = $.extend({}, $.fn.NZDrag.defaultparam, b);
- f = $.extend({}, d, f);
- switch (f.bydragobj.css("position")) {
- case "absolute":
- default:
- i = f.upper.left === null || typeof f.upper.left === "undefined" ? -f.bydragobj.outerWidth() / 2 : f.upper.left;
- topUpper = f.upper.top === null || typeof f.upper.top === "undefined" ? 0 : f.upper.top;
- rightUpper = f.upper.right === null || typeof f.upper.right === "undefined" ? (document.body.scrollWidth + f.bydragobj.outerWidth() / 2) : f.upper.right;
- bottomUpper = f.upper.bottom === null || typeof f.upper.bottom === "undefined" ? (document.body.scrollHeight - f.bydragobj.outerHeight() / 2) : f.upper.bottom;
- break;
- case "fixed":
- i = f.upper.left === null || typeof f.upper.left === "undefined" ? -f.bydragobj.outerWidth() / 2 : f.upper.left;
- topUpper = f.upper.top === null || typeof f.upper.top === "undefined" ? 0 : f.upper.top;
- rightUpper = f.upper.right === null || typeof f.upper.right === "undefined" ? ($(window).width() - f.bydragobj.outerWidth() / 2) : f.upper.right;
- bottomUpper = f.upper.bottom === null || typeof f.upper.bottom === "undefined" ? ($(window).height() - f.bydragobj.outerHeight() / 2) : f.upper.bottom;
- break
- }
- h = e.pageX - parseInt(f.bydragobj.css("left") == "auto" ? 0 : f.bydragobj.css("left"));
- divY = e.pageY - parseInt(f.bydragobj.css("top") == "auto" ? 0 : f.bydragobj.css("top"));
- if (f.isTransparent) {
- f.bydragobj.fadeTo(20, 0.5)
- }
- if (f.bydragobj.find("iframe").length > 0) {
- f.bydragobj.find("iframe").hide()
- }
- $(document.body).attr('unselectable', 'on').addClass("NZ-Drag");
- $(document).bind({
- "mousemove.NZDrag": function(e) {
- if (g) {
- f.bydragobj.css({
- left: (e.pageX - h) <= i ? i : ((e.pageX - h) >= rightUpper) ? rightUpper : e.pageX - h,
- top: (e.pageY - divY) <= topUpper ? topUpper : ((e.pageY - divY) >= bottomUpper ? bottomUpper : (e.pageY - divY))
- })
- }
- },
- "mouseup.NZDrag": function(e) {
- f.bydragobj.find("iframe").show();
- g = false;
- f.bydragobj.fadeTo("fast", 1);
- $(document).unbind("mousemove.NZDrag mouseup.NZDrag selectstart.NZDrag");
- $(document.body).removeClass("NZ-Drag").removeAttr("unselectable");
- $("#isfloat").html($(document.body).css("user-select"))
- },
- "selectstart.NZDrag": function(e) {
- return false
- }
- });
- e.preventDefault();
- stopBubble(e)
- }
- })
- },
- destroy: function() {
- $(this).unbind("click.NZDrag").unbind("mousedown.NZDrag")
- }
- };
- $.fn.NZDrag = function(a, b) {
- if (j[a]) {
- return j[a].apply(this, arguments)
- } else if (typeof j === 'object' || !a) {
- return j.show.apply(this, arguments)
- }
- };
- $.fn.NZDrag.defaultparam = {
- upper: {
- left: null,
- right: null,
- top: null,
- bottom: null
- }
- };
- function stopBubble(e) {
- if (e && e.stopPropagation) {
- e.stopPropagation()
- } else {
- window.event.cancelBubble = true
- }
- }
- })(typeof jQuery=="undefined" ? $jq: jQuery);
- /*
- 此处加入css: https://www.jq22.com/demo/NZ-Plugin-MsgBox202201130154/Js/NZ-Plugin/Css/NZ-MsgBox.min.css
- */
- (function(){
- let cssNode = document.createElement("style");
- let cssResource= `@font-face {
- font-family:'Roboto-Medium';
- src:url('../Fonts/Roboto-Medium.ttf') format('truetype');
- font-display:swap
- }
- .NZ-MsgBox-bg {
- position:fixed;
- left:0;
- right:0;
- top:0;
- bottom:0;
- z-index:99998;
- background-color:rgba(245,245,245,.55)
- }
- .NZ-MsgBox-bg.aero {
- backdrop-filter:saturate(.5) blur(3px)!important
- }
- .NZ-MsgBox-bg--aero {
- filter:url(blur.svg#blur);
- -webkit-filter:blur(3px);
- -moz-filter:blur(3px);
- -ms-filter:blur(3px);
- filter:blur(3px);
- filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=false)
- }
- .NZ-MsgBox-alert {
- position:fixed;
- left:0;
- top:0;
- z-index:99999;
- min-width:350px;
- max-width:500px;
- border-radius:5px;
- background-color:#fff;
- box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);
- box-sizing:initial
- }
- .NZ-MsgBox-alert .distop {
- height:30px;
- border-radius:0;
- border-top-left-radius:5px;
- border-top-right-radius:5px;
- background:#fff
- }
- .NZ-MsgBox-alert .msgcontainer {
- position:relative;
- padding:13px 30px 40px 105px;
- font-family:Roboto-Medium,'Noto Sans CJK DemiLight','Microsoft YaHei UI',Arial,Helvetica,sans-serif;
- color:#6c6c6c
- }
- .NZ-MsgBox-alert .msgcontainer.typenone {
- padding-left:30px
- }
- .NZ-MsgBox-alert .msgcontainer .msgtitle {
- font-size:18px;
- font-weight:600;
- text-align:left
- }
- .NZ-MsgBox-alert .msgcontainer .msgcon {
- overflow-y:auto;
- max-height:400px;
- margin-top:10px;
- line-height:normal;
- font-size:16px;
- font-weight:400;
- text-align:left
- }
- .NZ-MsgBox-alert .msgcontainer input.keycon {
- margin-top:10px;
- width:100%;
- height:35px;
- line-height:35px;
- outline:0;
- border:0;
- border-bottom:1px solid #ccc;
- font-size:15px;
- font-weight:400;
- text-align:left;
- text-indent:2px;
- color:#6c6c6c;
- transition:all .3s
- }
- .NZ-MsgBox-alert .msgcontainer input.keycon:focus {
- border-bottom:1px solid #0c99eb;
- transition:all .3s
- }
- .NZ-MsgBox-alert .msgcontainer .icon {
- position:absolute;
- left:20px;
- top:8px;
- z-index:1000;
- width:64px;
- height:64px;
- opacity:0;
- background-image:url(data:image/png;
- base64,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);
- background-repeat:no-repeat
- }
- .NZ-MsgBox-alert .msgcontainer .icon.success {
- background-position:0 0
- }
- .NZ-MsgBox-alert .msgcontainer .icon.question {
- background-position:0 -64px
- }
- .NZ-MsgBox-alert .msgcontainer .icon.warning {
- background-position:0 -192px
- }
- .NZ-MsgBox-alert .msgcontainer .icon.error {
- background-position:0 -128px
- }
- .NZ-MsgBox-alert .msgcontainer .icon.input {
- background-position:0 -256px
- }
- .NZ-MsgBox-alert .operatebar {
- display:flex
- }
- .NZ-MsgBox-alert .operatebar button {
- padding:14px 0;
- border:0;
- border-radius:0;
- border-bottom-left-radius:5px;
- border-bottom-right-radius:5px;
- color:#fff;
- font-size:1.1em;
- text-align:center;
- flex:1;
- -ms-flex:1;
- -webkit-flex:1;
- transition:all .5s ease-in;
- outline:0;
- -webkit-user-select:none;
- user-select:none
- }
- .NZ-MsgBox-alert .operatebar button:hover {
- transition:all .5s ease-out
- }
- .NZ-MsgBox-alert .operatebar button.success {
- background:rgba(96,191,128,1)
- }
- .NZ-MsgBox-alert .operatebar button.success:hover {
- background:rgba(96,191,128,0.8)
- }
- .NZ-MsgBox-alert .operatebar button.warning {
- background:rgba(242,159,69,1)
- }
- .NZ-MsgBox-alert .operatebar button.warning:hover {
- background:rgba(242,159,69,0.8)
- }
- .NZ-MsgBox-alert .operatebar button.error {
- background:rgba(239,83,80,1)
- }
- .NZ-MsgBox-alert .operatebar button.error:hover {
- background:rgba(239,83,80,0.8)
- }
- .NZ-MsgBox-alert .operatebar button.cancel {
- color:rgba(102,102,102,1);
- background:rgba(228,228,228,1)
- }
- .NZ-MsgBox-alert .operatebar button.cancel:hover {
- background:rgba(238,238,238,0.8)
- }
- .NZ-MsgBox-alert .operatebar button.normal {
- background:rgba(30,144,255,1)
- }
- .NZ-MsgBox-alert .operatebar button.normal:hover {
- background:rgba(30,144,255,0.8)
- }
- .NZ-MsgBox-alert .operatebar button.beleft {
- border-bottom-right-radius:0
- }
- .NZ-MsgBox-alert .operatebar button.beright {
- border-bottom-left-radius:0
- }
- .NZ-TipsBar-Container {
- position:fixed;
- display:flex;
- height:auto;
- padding:10px;
- font-family:Roboto-Light,'Noto Sans CJK Light';
- background-color:transparent;
- pointer-events:none;
- flex-direction:column;
- transition:all .5s
- }
- .NZ-TipsBar-Container.locationR {
- right:0
- }
- .NZ-TipsBar-Container.locationT {
- top:0;
- left:25%;
- right:25%;
- width:50%
- }
- .NZ-TipsBar-Container.top {
- top:0;
- bottom:auto
- }
- .NZ-TipsBar-Container.bottom {
- bottom:10px;
- top:auto
- }
- .NZ-TipsBar-Container .tipbar-capsule {
- height:auto;
- max-height:1000px;
- width:100%;
- font-size:0;
- transform:translateZ(0);
- backface-visibility:hidden;
- transition:all .5s cubic-bezier(.25,.8,.25,1)
- }
- .NZ-TipsBar-Container .tipbar {
- position:relative;
- overflow:hidden;
- width:auto;
- min-width:280px;
- padding:15px;
- margin:5px 0;
- border-radius:3px;
- font-size:14px;
- color:rgba(117,117,117,1);
- background-color:rgba(238,238,238,.95);
- box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);
- pointer-events:all;
- backface-visibility:hidden
- }
- .NZ-TipsBar-Container.locationT .tipbar {
- flex:1;
- -webkit-flex:1
- }
- .NZ-TipsBar-Container .tipbar.carrystate {
- padding-left:60px;
- border:0
- }
- .NZ-TipsBar-Container .tipbar.success {
- background-color:rgba(180,241,196,.95);
- color:rgba(124,179,66,1)
- }
- .NZ-TipsBar-Container .tipbar.success .icon-state {
- width:24px;
- height:24px;
- background:url(data:image/png;
- base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAItAAACLQHlZp/kAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAD9QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxQXeHgAAABR0Uk5TAAMGCCAhIiNVV1lboaTb4OHi4/zOYgETAAAAuklEQVRYhe2VyxbCIAxEg+K7FZX8/7e6EFqPp6VhZuEms793EZJBxOP5d3YkH+9njk+aLxyvmq8crzqQ/Bicd975OXuSv6UTx2d9GQwtXg2G9fkNqgZDY/5hNBia71cMzyPIGwyb+7NhMOxf02Da34bBuP/F8DiA/Kqh4/4WDV33u2DovP9qiCA/GVIE+R8D1F9fBrD/JgPcn9WA928xEP09G9D+rwb4/ygGnP8YGF4kjBwvEkje4+nMG2DWH9EwoSnuAAAAAElFTkSuQmCC) no-repeat 50% 50%;
- background-size:85%
- }
- .NZ-TipsBar-Container .tipbar.warning {
- color:rgba(251,140,0,1);
- background-color:rgba(255,236,179,.95)
- }
- .NZ-TipsBar-Container .tipbar.warning .icon-state {
- width:24px;
- height:24px;
- background:url(data:image/png;
- base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMzQ3Q0M5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMzQ3Q0I5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDFkYzY3NDUtMmQ0Zi1kMjQ3LTg3M2UtNmI5ODY4MzU1NDViIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pK1ECgAABPFJREFUeNrsW0lrFEEUrqqeRB0j0QQiRiJojDsYXIIbLnhQEBdQBC9uFw+JeBAUQfSiqH/C5SfoVVRQXPAgKCoal6BoXNBoMIjo2OX3pkudJD2dmpmq7p6e+aBmmunprldfffXq1etqLqVkUYPz1B76ljJzLnJboiaEcz6aM9GdJYS5M2DPjyjtEZHLg4lOfLR4JXtcuQqBOuqhjpc4bFA/9UEl02BTf0UqRDBxOIcMQoP6rfIUAnU0Qx3PcJgecuo7VNIGu3orSiFQwnEfMghpda5yFAJ1zIA6HuEwlecvGahkLmzrTjwhIEOAjAc4nDvCX8nBtsK+rwkfMs4uDTL+OthDiVZIThDWonkJOdjpsPFdQhXyLwjTBTnYY4lUiE8QpgtysLNh5/NEKcQnCNNFCteeSJRCAoIwXcBKdxFsvZcIhQQEYfqcMn4qEQrRCML0ZcLEWil/XS1rhaBnT5ogw7uXPF3WQwbq6MDnNnN3lIs5T20t2yEjuIC8+Zr/kneLVMagfnuq1jm/y0ohnNesyyXDIGYi/N9TVgrhBCZoimwf7BSNKITwVoX0P8pEIc6OoWT8bVgxxQeTYfp+K6aTQkwWoAaNeIEiNQoWbc5OXDMRZQKOt9DiT/PaPqrLuP3mCRH7NRv0AX9u8iE0jXMPde5BdcWaEKCOGqrZmH3575NaXQCpdSbbYNiHiIPU63r/da8ELHBv4+OXxk2aVJ3xm2UwrzSR76Ae0wvD3TFBs4TgznvlW0bCgEo1fozVLIMF3FFdMgyjTtUdH4VAHVOhjic4rNVfqBlTCOEn7jcL9+uJhUJUAqeWRYdaU0kkYUAd7dDYDhYxyAayJXpCvMQNZ9HDSBJJlGZBDRZvfD2LDfh6z6aoCAkhYRO2TaJ4dVCiRnaw2EF2lJJEEsWRwVPoiZMspiDbyMYQFeLs9RI1scVMZaP9wAzMp9UzlubSpkmjgZkfetXGm++WFSIOlEpGSGhWttpTCNTRoJ7P1pceSFlXCKFfbeLrs6IQhMdHTJChMDHIaeNrvIE66pXN5ocMjGyBlrrMKdpZGXByIcooQyF9F9muf4F2Jkmc1cxi6ZZXqH6cT9bN4cy5Y7Iust1oChGYgxtnDBNC5THuvYp5jzpJrQtAxk0L9WSoDTpt1XKqgouLGDSbLM4I5FzpSdxYixHsJVe6m0ueZTD+loHhmywBwIyzHO29VZJThYTPsIRApy1ihAXcRvC6giUGcoXXpiKGjNpgex+H8yxa+A21n2DMpU0wP9E/yzljxw0EZEF4iKEzH+12C5p2aYOtBW+fW76gklafGa0R53ps1k1tK2japaCI4gS7RonOgM7YYLkzKAYaVcCTu+wG2yl2x7N7Of+539fUNGwLU/K9vTXMh6gNtvQErtHyFNiCut/kT0CJAVPhex58Vk/8+gNnGbXhvtG+x3eWBJxst0xG1lf5vVwwSCHomUnoGdpCnbZPCHupvP3AEHXQWuYGNLQ0BBuGvVwghqjjWEhkEKaB/LsgYFV2iNA0zzmtZa6HRAZh2MsF/xQCY9rUYivFwkcIa5m8oJcLaOH3bJBChJdui4IMwuiIyCCkRE6qMasQKBZBmDzPKhhgYbeUmQtcBWHd9uOO2OM1vWrvUGYarGxnVdRjwHyhDbafwok7ygKfubeuqEI7Y1ZpEFUKqoRUCSkEfwQYALtKyHv0Xn99AAAAAElFTkSuQmCC) no-repeat 50% 50%;
- background-size:85%
- }
- .NZ-TipsBar-Container .tipbar.error {
- color:rgba(244,81,30,1);
- background-color:rgba(255,204,188,.95)
- }
- .NZ-TipsBar-Container .tipbar.error .icon-state {
- width:24px;
- height:24px;
- background:url(data:image/png;
- base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAORQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEmT/QAAAEt0Uk5TAAEDBQYLEBUYGxwyNTZAQkVGTVRVVldYWVpiY2Rpa3BydX+Bh4qPmZuio6SoqbCys7a6u76/wsPExcrNztLY293e4+bx8vX3+/3+EVs5KAAAAsdJREFUWMOtl2l76UAUgE8oUarUVlpqqa3XUtSulBRF/v//qZs5kwySmPPcO1+SzJk3yZx9AByGL5avNPqLzWbRb1TyMR+Qhvr0/qOfjJ/3J1WWvsmN9rrN2A9zNxK4klnpjmOVUa7xD5+66/h8cMVvP/Sr4+PWmb/7FlfuVuNWtVgo19vzgzj/fefEPwqaXzfTfsEqyZomWOTRXnuv1pJu1Hsu9iQmlvzVRpfKH1M8i9j/YbhnLnm7fIP5fc3FVNk1X1W62D+XDF0dLjjAZYf4mf65/mpeVzsHv/iHtqET+6P9di8gyR+3GhAE3H8IvK53BP/l/0/hdf3etCD6/1By/1+oySk3VwY3pUrywSBaM4Xxj/GbkeWP/sBulyw/5ND/FGkeAH0yZ8hG7CFC4CHMnkZGpLH81aXwACyy9n/V9sxEURIPCTbxfLztsPj3knjwaNyZfCwKmjQeoMZyiw9iTJgm8pBkkzHIsyjyE3lQWZ7MQ4UlfCoPMDemK9AwrmMyD21jvgF949oi81A3BH1YGNcqmYeyIVnAxrgWyTwUDNEGX1Ag81DEF7AtlMk8VHELTIl1Mg8tVCIzY5vMwxjNyBxpTuZhhY7EXPmgUnn/Dl0ZgylJ5CHNgwnDuUbkocnDGROK5qHx3rVZnTClJUg8RK2Uhkl1QuKhayVVntbDFD4ipHVeWHoEXpmJhYWXtqw0z6spljb+uA7K8qp2UlzN8j6Q5L3Ds/JuNhhyPJYEocGwWhwp/uWyxTGbLCl+Z9NkWW3e1f3XbNs8odEcuL5AHTo0mkKru866nGY0x1YXlDdTC72wg//O3JptUErWsWKS8FxsPto1xYeSfT8V3wqNbC0pZDl/urm2ZNu40x5DmugPh3m7Xi4Uq63xaifOayFnJQc61w9dnYCrne+n7vj0/urBM7V0xpepqwfPfz/6/ofDN+34/wtfWqtteombTwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
- background-size:85%
- }
- .NZ-TipsBar-Container .tipbar.info {
- color:rgba(0,172,193,1);
- background-color:rgba(178,235,242,.95)
- }
- .NZ-TipsBar-Container .tipbar.info .icon-state {
- width:24px;
- height:24px;
- background:url(data:image/png;
- base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAL1QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAguN3MAAAAD50Uk5TAAECAwQJChATFBsiJigpKiswMTY5SExdYmZocHF3gIWLkZSdn6Gpqqyws7y9wMrNz9DU5OXm7O/09/r7/P576NJaAAABQUlEQVRYw+3X507DQBBGUadAeu+k917s9GQz7/9YoASDQzy7swMSCPn+zncU70qWbBiysuPNZpw12JVO8NapxN3HDnDtEGMCTXivyQRmNjBjAqYNmL8CRCpTYQNiWolozhODM9x1HiQ05tGegIdEL0rdF3fg2q5ImvtbF0C6tPzqva8Lkro+JdAGaW3VvgaKavJ98qgCjknZPrAAZYuABCgDobLkBiwKYOE3UQBSBRQY0YAReoR7GrDHjjEHxHIIUKcCdQToUIEOAgypwBAB5lRgjgArKrBSvYVVmR7gAR7w3wGLClju+waQa3xz7ypo7V0Ezf2DoL3/IjD2d0IaWKU/gAwPyPwcEH5hFTb+eHHnv40zgLzzvPIM4Nnx1SKeOM/Q/wT6rEMIre39OsQ7xtTytl+muBcRrE6220k1KPvNK+p25cd3vT+OAAAAAElFTkSuQmCC) no-repeat 50% 50%;
- background-size:85%
- }
- .NZ-TipsBar-Container .tipbar .tipsbar-icon {
- position:absolute;
- display:table;
- left:16px;
- top:50%;
- line-height:24px;
- margin-top:-12px;
- font-size:35px;
- color:#000;
- opacity:0
- }
- .NZ-TipsBar-Container .tipbar .title {
- font-weight:600;
- color:rgba(80,80,80,1);
- text-align:left!important;
- opacity:0
- }
- .NZ-TipsBar-Container .tipbar .con {
- overflow:hidden;
- max-height:80px;
- max-width:300px;
- font-weight:400;
- text-overflow:ellipsis;
- text-align:left!important;
- opacity:0
- }
- .NZ-TipsBar-Container.locationT .tipbar .con {
- max-height:100px;
- max-width:550px
- }
- .NZ-TipsBar-Container .tipbar .close {
- position:absolute;
- right:0;
- top:0;
- width:25px;
- height:25px;
- padding:0;
- border:0;
- background:url(data:image/png;
- base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
- background-size:8px;
- opacity:.6;
- cursor:pointer;
- outline:0
- }
- .NZ-TipsBar-Container .processbar {
- position:absolute;
- left:0;
- bottom:0;
- z-index:1;
- width:100%;
- background:rgba(255,255,255,.2)
- }
- .NZ-TipsBar-Container .processbar>div {
- height:2px;
- width:100%;
- background:rgba(0,0,0,.2);
- border-radius:0 0 3px 3px
- }
- .NZ-Toast-bg {
- position:fixed;
- left:0;
- right:0;
- top:0;
- bottom:0;
- z-index:99998
- }
- .NZ-Toast {
- position:fixed;
- left:50%;
- top:50%;
- z-index:99999;
- padding:22px 32px 19px 32px;
- border-radius:.5em;
- text-align:center;
- font-size:1em;
- color:#efefef;
- background-color:rgba(10,10,10,.7);
- user-select:none
- }
- .NZ-Toast.top {
- top:20px
- }
- .NZ-Tooltips {
- position:absolute;
- left:0;
- top:0;
- max-width:300px;
- max-height:200px;
- padding:13px;
- border-radius:2px;
- font-size:14px;
- color:#4e4e4e;
- background-color:#fff;
- box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)
- }
- .NZ-Tooltips .tip-arrow {
- position:absolute;
- top:100%;
- left:25%;
- width:50px;
- height:12.5px;
- transform:translateX(-50%);
- overflow:hidden
- }
- .NZ-Tooltips .tip-arrow::after {
- content:"";
- position:absolute;
- top:0;
- left:50%;
- width:12px;
- height:12px;
- background:#fff;
- transform:translateX(-50%) translateY(-50%) rotate(45deg);
- box-shadow:0 1px 7px rgba(0,0,0,0.24),0 1px 7px rgba(0,0,0,0.12)
- }
- .NZ-Tooltips .tip-arrow.left {
- top:50%;
- left:-12.5px;
- width:12.5px;
- height:50px;
- transform:translateY(-50%)
- }
- .NZ-Tooltips .tip-arrow.left::after {
- content:"";
- position:absolute;
- top:50%;
- left:100%
- }
- .NZ-Tooltips .tip-arrow.right {
- top:50%;
- left:auto;
- right:-12.5px;
- width:12.5px;
- height:50px;
- transform:translateY(-50%)
- }
- .NZ-Tooltips .tip-arrow.right::after {
- content:"";
- position:absolute;
- top:50%;
- left:0
- }
- .NZ-Tooltips .tip-arrow.top {
- top:-12.5px;
- left:25%;
- transform:translateX(-50%)
- }
- .NZ-Tooltips .tip-arrow.top::after {
- content:"";
- position:absolute;
- top:100%;
- left:50%
- }
- .NZ-Tooltips.lightyellow {
- border:2px solid #f1d031;
- background-color:#ffffa3;
- box-shadow:none
- }
- .NZ-Tooltips.lightyellow .tip-arrow::after {
- border:2px solid #f1d031;
- background:#ffffa3;
- box-shadow:none
- }
- .NZ-Tooltips.green {
- border:2px solid #90d93f;
- background-color:#caed9e;
- box-shadow:none
- }
- .NZ-Tooltips.green .tip-arrow::after {
- border:2px solid #90d93f;
- background:#caed9e;
- box-shadow:none
- }
- .NZ-Tooltips.blue {
- border:2px solid #add9ed;
- background-color:#e5f6fe;
- box-shadow:none
- }
- .NZ-Tooltips.blue .tip-arrow::after {
- border:2px solid #add9ed;
- background:#e5f6fe;
- box-shadow:none
- }
- .NZ-Tooltips.red {
- border:2px solid #d95252;
- background-color:#f78b83;
- box-shadow:none
- }
- .NZ-Tooltips.red .tip-arrow::after {
- border:2px solid #d95252;
- background:#f78b83;
- box-shadow:none
- }
- .NZ-Tooltips.dark {
- border:2px solid #303030;
- background-color:#505050;
- color:#efeeee;
- box-shadow:none
- }
- .NZ-Tooltips.dark .tip-arrow::after {
- border:2px solid #303030;
- background:#505050;
- box-shadow:none
- }
- .NZ-MsgBox--motion {
- -webkit-animation-duration:.25s;
- animation-duration:.25s;
- -webkit-animation-fill-mode:forwards;
- animation-fill-mode:forwards
- }
- .NZ-MsgBox-alert--open {
- -webkit-animation-name:anim-open;
- animation-name:anim-open;
- animation-timing-function:cubic-bezier(.49,.49,.13,1.3)
- }
- .NZ-MsgBox-alert--close {
- -webkit-animation-name:anim-close;
- animation-name:anim-close;
- animation-timing-function:cubic-bezier(.32,.37,.06,.87)
- }
- .NZ-MsgBox-bg--show {
- -webkit-animation-name:MsgBox-Bg-show;
- animation-name:MsgBox-Bg-show;
- animation-timing-function:linear
- }
- .NZ-MsgBox-bg--hide {
- -webkit-animation-name:MsgBox-Bg-hide;
- animation-name:MsgBox-Bg-hide;
- animation-timing-function:linear
- }
- .NZ-MsgBox--leap {
- animation:MsgBox-leap;
- animation-duration:.15s;
- animation-timing-function:linear;
- -webkit-animation:MsgBox-leap;
- -webkit-animation-duration:.15s;
- -webkit-animation-timing-function:linear
- }
- .NZ-MsgBox--showicon {
- animation-name:MsgBox-showicon;
- animation-duration:.2s;
- animation-delay:.2s;
- animation-timing-function:cubic-bezier(1,.08,.59,1.76)
- }
- .NZ-TipsBar--motion {
- -webkit-animation-duration:.4s;
- animation-duration:.4s;
- -webkit-animation-fill-mode:forwards;
- animation-fill-mode:forwards
- }
- .NZ-TipsBar-show--right {
- animation-name:TipsBar-show--right;
- animation-timing-function:cubic-bezier(.17,.67,.19,1.06)
- }
- .NZ-TipsBar-hide--right {
- animation-name:TipsBar-hide--right;
- animation-timing-function:cubic-bezier(.05,.01,0,1)
- }
- .NZ-TipsBar-show--top {
- -webkit-backface-visibility:visible!important;
- backface-visibility:visible!important;
- -webkit-animation-name:TipsBar-show--top;
- animation-name:TipsBar-show--top;
- animation-duration:.9s;
- animation-timing-function:cubic-bezier(.35,0,.25,1)
- }
- .NZ-TipsBar-hide--top {
- -webkit-animation-name:TipsBar-hide--top;
- animation-name:TipsBar-hide--top;
- -webkit-backface-visibility:visible!important;
- backface-visibility:visible!important;
- animation-duration:.7s;
- animation-timing-function:cubic-bezier(.4,.45,.15,.91)
- }
- .NZ-TipsBar--process {
- animation-name:TipsBar-Process;
- animation-timing-function:linear
- }
- .NZ-Motion--inlinecon {
- animation-name:NZ-Motion--inlinecon;
- animation-delay:.2s
- }
- @-webkit-keyframes anim-open {
- 0% {
- opacity:0;
- -webkit-transform:scale3d(0.8,0.8,1)
- }
- 100% {
- opacity:1;
- -webkit-transform:scale3d(1,1,1)
- }
- }@keyframes anim-open {
- 0% {
- opacity:0;
- -webkit-transform:scale3d(0.8,0.8,1);
- transform:scale3d(0.7,0.7,1)
- }
- 100% {
- opacity:1;
- -webkit-transform:scale3d(1,1,1);
- transform:scale3d(1,1,1)
- }
- }@-webkit-keyframes anim-close {
- 0% {
- opacity:1
- }
- 100% {
- opacity:0;
- -webkit-transform:scale3d(1.25,1.25,1)
- }
- }@keyframes anim-close {
- 0% {
- opacity:1
- }
- 100% {
- opacity:0;
- -webkit-transform:scale3d(1.25,1.25,1);
- transform:scale3d(1.25,1.25,1)
- }
- }@keyframes MsgBox-Bg-show {
- 0% {
- opacity:0
- }
- 100% {
- opacity:1
- }
- }@keyframes MsgBox-Bg-hide {
- 0% {
- opacity:1
- }
- 100% {
- opacity:0
- }
- }@keyframes MsgBox-leap {
- 0% {
- transform:scale3d(1,1,1)
- }
- 100% {
- transform:scale3d(1.03,1.03,1)
- }
- }@-webkit-keyframes MsgBox-leap {
- 0% {
- -webkit-transform:scale3d(1,1,1);
- transform:scale3d(1,1,1)
- }
- 100% {
- -webkit-transform:scale3d(1.03,1.03,1);
- transform:scale3d(1.03,1.03,1)
- }
- }@keyframes MsgBox-showicon {
- 0% {
- opacity:0;
- transform:scale3d(0.3,0.3,1)
- }
- 100% {
- opacity:1;
- transform:scale3d(1,1,1)
- }
- }@-webkit-keyframes MsgBox-showicon {
- 0% {
- opacity:0;
- -webkit-transform:scale3d(0.3,0.3,1);
- transform:scale3d(0.3,0.3,1)
- }
- 100% {
- opacity:1;
- -webkit-transform:scale3d(1,1,1);
- transform:scale3d(1,1,1)
- }
- }@keyframes TipsBar-show--right {
- 0% {
- opacity:0;
- transform:translateX(300px)
- }
- 100% {
- opacity:1;
- transform:translateX(0)
- }
- }@-webkit-keyframes TipsBar-show--right {
- 0% {
- opacity:0;
- -webkit-transform:translateX(300px);
- transform:translateX(300px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- }@keyframes TipsBar-hide--right {
- 0% {
- opacity:1;
- transform:translateX(0)
- }
- 100% {
- opacity:0;
- transform:translateX(300px)
- }
- }@-webkit-keyframes TipsBar-hide--right {
- 0% {
- opacity:0;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(300px);
- transform:translateX(300px)
- }
- }@-webkit-keyframes TipsBar-show--top {
- 0% {
- -webkit-transform:perspective(400px) rotateX(90deg);
- transform:perspective(400px) rotateX(90deg);
- opacity:0
- }
- 0%,40% {
- -webkit-animation-timing-function:ease-in;
- animation-timing-function:ease-in
- }
- 40% {
- -webkit-transform:perspective(400px) rotateX(-20deg);
- transform:perspective(400px) rotateX(-20deg)
- }
- 60% {
- -webkit-transform:perspective(400px) rotateX(10deg);
- transform:perspective(400px) rotateX(10deg);
- opacity:1
- }
- 80% {
- -webkit-transform:perspective(400px) rotateX(-5deg);
- transform:perspective(400px) rotateX(-5deg)
- }
- to {
- -webkit-transform:perspective(400px);
- transform:perspective(400px)
- }
- }@keyframes TipsBar-show--top {
- 0% {
- -webkit-transform:perspective(400px) rotateX(90deg);
- transform:perspective(400px) rotateX(90deg);
- opacity:0
- }
- 0%,40% {
- -webkit-animation-timing-function:ease-in;
- animation-timing-function:ease-in
- }
- 40% {
- -webkit-transform:perspective(400px) rotateX(-20deg);
- transform:perspective(400px) rotateX(-20deg)
- }
- 60% {
- -webkit-transform:perspective(400px) rotateX(10deg);
- transform:perspective(400px) rotateX(10deg);
- opacity:1
- }
- 80% {
- -webkit-transform:perspective(400px) rotateX(-5deg);
- transform:perspective(400px) rotateX(-5deg)
- }
- to {
- -webkit-transform:perspective(400px);
- transform:perspective(400px)
- }
- }@-webkit-keyframes TipsBar-hide--top {
- 0% {
- -webkit-transform:perspective(400px);
- transform:perspective(400px)
- }
- 30% {
- -webkit-transform:perspective(400px) rotateX(-20deg);
- transform:perspective(400px) rotateX(-20deg);
- opacity:1
- }
- to {
- -webkit-transform:perspective(400px) rotateX(90deg);
- transform:perspective(400px) rotateX(90deg);
- opacity:0
- }
- }@keyframes TipsBar-hide--top {
- 0% {
- -webkit-transform:perspective(400px);
- transform:perspective(400px)
- }
- 30% {
- -webkit-transform:perspective(400px) rotateX(-20deg);
- transform:perspective(400px) rotateX(-20deg);
- opacity:1
- }
- to {
- -webkit-transform:perspective(400px) rotateX(90deg);
- transform:perspective(400px) rotateX(90deg);
- opacity:0
- }
- }@keyframes TipsBar-Process {
- 0% {
- width:100%
- }
- 100% {
- width:0
- }
- }@-webkit-keyframes TipsBar-Process {
- 0% {
- width:100%
- }
- 100% {
- width:0
- }
- }@-webkit-keyframes NZ-Motion--inlinecon {
- 0% {
- opacity:0;
- -webkit-transform:translateX(20px);
- transform:translateX(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- }@keyframes NZ-Motion--inlinecon {
- 0% {
- opacity:0;
- -webkit-transform:translateX(20px);
- -ms-transform:translateX(20px);
- transform:translateX(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- }@-webkit-keyframes NZ-Motion--fadeInTop {
- 0% {
- opacity:0;
- -webkit-transform:translateY(-30px);
- transform:translateY(-30px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- }@keyframes NZ-Motion--fadeInTop {
- 0% {
- opacity:0;
- -ms-transform:translateY(-30px);
- transform:translateY(-30px)
- }
- 100% {
- opacity:1;
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- }.NZ-Motion--fadeInTop {
- -webkit-animation-name:NZ-Motion--fadeInTop;
- animation-name:NZ-Motion--fadeInTop;
- animation-timing-function:cubic-bezier(.49,.49,.13,1.3)
- }
- @-webkit-keyframes NZ-Motion--fadeOutTop {
- 0% {
- opacity:10;
- -webkit-transform:translateY(0px);
- transform:translateY(0px)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateY(-30px);
- transform:translateY(-30px)
- }
- }@keyframes NZ-Motion--fadeOutTop {
- 0% {
- opacity:1;
- -ms-transform:translateY(0px);
- transform:translateY(0px)
- }
- 100% {
- opacity:0;
- -ms-transform:translateY(-30px);
- transform:translateY(-30px)
- }
- }.NZ-Motion--fadeOutTop {
- -webkit-animation-name:NZ-Motion--fadeOutTop;
- animation-name:NZ-Motion--fadeOutTop;
- animation-timing-function:cubic-bezier(.32,.37,.06,.87)
- }
- @-webkit-keyframes NZ-Motion--fadeInDown {
- 0% {
- opacity:0;
- -webkit-transform:translateY(20px);
- transform:translateY(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateY(0);
- transform:translateY(0)
- }
- }@keyframes NZ-Motion--fadeInDown {
- 0% {
- opacity:0;
- -webkit-transform:translateY(20px);
- -ms-transform:translateY(20px);
- transform:translateY(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateY(0);
- -ms-transform:translateY(0);
- transform:translateY(0)
- }
- }.NZ-Motion--fadeInDown {
- -webkit-animation-name:NZ-Motion--fadeInDown;
- animation-name:NZ-Motion--fadeInDown
- }
- @-webkit-keyframes NZ-Motion--fadeOutDown {
- 0% {
- opacity:1;
- -webkit-transform:translateY(0);
- transform:translateY(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateY(20px);
- transform:translateY(20px)
- }
- }@keyframes NZ-Motion--fadeOutDown {
- 0% {
- opacity:1;
- -webkit-transform:translateY(0);
- -ms-transform:translateY(0);
- transform:translateY(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateY(20px);
- -ms-transform:translateY(20px);
- transform:translateY(20px)
- }
- }.NZ-Motion--fadeOutDown {
- -webkit-animation-name:NZ-Motion--fadeOutDown;
- animation-name:NZ-Motion--fadeOutDown
- }
- @-webkit-keyframes NZ-Motion--fadeInLeft {
- 0% {
- opacity:0;
- -webkit-transform:translateX(-20px);
- transform:translateX(-20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- }@keyframes NZ-Motion--fadeInLeft {
- 0% {
- opacity:0;
- -webkit-transform:translateX(-20px);
- -ms-transform:translateX(-20px);
- transform:translateX(-20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- }.NZ-Motion--fadeInLeft {
- -webkit-animation-name:NZ-Motion--fadeInLeft;
- animation-name:NZ-Motion--fadeInLeft
- }
- @-webkit-keyframes NZ-Motion--fadeOutLeft {
- 0% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateX(-20px);
- transform:translateX(-20px)
- }
- }@keyframes NZ-Motion--fadeOutLeft {
- 0% {
- opacity:1;
- -webkit-transform:translateX(0);
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateX(-20px);
- -ms-transform:translateX(-20px);
- transform:translateX(-20px)
- }
- }.NZ-Motion--fadeOutLeft {
- -webkit-animation-name:NZ-Motion--fadeOutLeft;
- animation-name:NZ-Motion--fadeOutLeft
- }
- @-webkit-keyframes NZ-Motion--fadeInRight {
- 0% {
- opacity:0;
- -webkit-transform:translateX(20px);
- transform:translateX(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- }@keyframes NZ-Motion--fadeInRight {
- 0% {
- opacity:0;
- -webkit-transform:translateX(20px);
- -ms-transform:translateX(20px);
- transform:translateX(20px)
- }
- 100% {
- opacity:1;
- -webkit-transform:translateX(0);
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- }.NZ-Motion--fadeInRight {
- -webkit-animation-name:NZ-Motion--fadeInRight;
- animation-name:NZ-Motion--fadeInRight
- }
- @-webkit-keyframes NZ-Motion--fadeOutRight {
- 0% {
- opacity:1;
- -webkit-transform:translateX(0);
- transform:translateX(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateX(20px);
- transform:translateX(20px)
- }
- }@keyframes NZ-Motion--fadeOutRight {
- 0% {
- opacity:1;
- -webkit-transform:translateX(0);
- -ms-transform:translateX(0);
- transform:translateX(0)
- }
- 100% {
- opacity:0;
- -webkit-transform:translateX(20px);
- -ms-transform:translateX(20px);
- transform:translateX(20px)
- }
- }.NZ-Motion--fadeOutRight {
- -webkit-animation-name:NZ-Motion--fadeOutRight;
- animation-name:NZ-Motion--fadeOutRight
- }
- `;
- cssNode .innerHTML= cssResource;
- document.head.append(cssNode );
- })();