☰

MonkeyConfig Mod

Enhanced configuration dialog builder with column layout, custom styling, and additional input types

目前为 2025-03-06 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/528923/1548153/MonkeyConfig%20Mod.js 

  1. // ==UserScript==
  2. // @name           MonkeyConfig Mod
  3. // @namespace      http://odyniec.net/
  4. // @description    Enhanced configuration dialog builder with column layout, custom styling, and additional input types
  5. // @version        1.2
  6. // ==/UserScript==
  7.  
  8. /*
  9.  * MonkeyConfig Modern Reloaded Enhanced
  10.  * Based on version 0.1.4 by Michal Wojciechowski (odyniec.net)
  11.  * v0.1.4 - January 2020 - David Hosier (https://github.com/david-hosier/MonkeyConfig)
  12.  * Enhanced by Bloggerpemula - March 2025
  13.  * Additions: Column layout, font size/color customization, new input types (textarea, range, radio, file, button, group)
  14.  */
  15.  
  16. function MonkeyConfig(data) {
  17.     var cfg = this,
  18.         params,
  19.         values = {},
  20.         storageKey,
  21.         displayed,
  22.         openLayer,
  23.         container,
  24.         overlay;
  25.  
  26.     function init() {
  27.         params = data.parameters || data.params;
  28.         data.buttons = data.buttons === undefined ? ['save', 'defaults', 'cancel'] : data.buttons;
  29.         data.fontSize = data.fontSize || '11pt';
  30.         data.fontColor = data.fontColor || '#000000';
  31.  
  32.         if (!data.title) {
  33.             data.title = typeof GM_getMetadata === 'function' ? GM_getMetadata('name') + ' Configuration' : 'Configuration';
  34.         }
  35.  
  36.         var safeTitle = data.title.replace(/[^a-zA-Z0-9]/g, '_');
  37.         storageKey = '_MonkeyConfig_' + safeTitle + '_cfg';
  38.  
  39.         var storedValues = GM_getValue(storageKey) ? JSON.parse(GM_getValue(storageKey)) : {};
  40.  
  41.         for (var paramName in params) {
  42.             var param = params[paramName];
  43.             if (param.value !== undefined) {
  44.                 set(paramName, param.value);
  45.             } else if (storedValues[paramName] !== undefined) {
  46.                 set(paramName, storedValues[paramName]);
  47.             } else if (param.default !== undefined) {
  48.                 set(paramName, param.default);
  49.             } else {
  50.                 set(paramName, '');
  51.             }
  52.         }
  53.  
  54.         if (data.menuCommand) {
  55.             var caption = data.menuCommand !== true ? data.menuCommand : data.title;
  56.             GM_registerMenuCommand(caption, function () { cfg.open(); });
  57.         }
  58.  
  59.         cfg.open = open;
  60.         cfg.close = close;
  61.         cfg.get = get;
  62.         cfg.set = function (name, value) { set(name, value); update(); };
  63.     }
  64.  
  65.     function get(name) { return values[name]; }
  66.     function set(name, value) { values[name] = value; }
  67.     function setDefaults() {
  68.         for (var paramName in params) {
  69.             if (params[paramName].default !== undefined) {
  70.                 set(paramName, params[paramName].default);
  71.             }
  72.         }
  73.     }
  74.  
  75.     function render() {
  76.         var html = '<div class="__MonkeyConfig_container">' +
  77.             '<h1>' + data.title + '</h1>' +
  78.             '<div class="__MonkeyConfig_content">';
  79.  
  80.         // Top section
  81.         html += '<div class="__MonkeyConfig_top">';
  82.         for (var paramName in params) {
  83.             if (params[paramName].column === 'top') {
  84.                 html += MonkeyConfig.formatters.tr(paramName, params[paramName]);
  85.             }
  86.         }
  87.         html += '</div>';
  88.  
  89.         // Columns (left and right)
  90.         html += '<div class="__MonkeyConfig_columns">' +
  91.             '<div class="__MonkeyConfig_left_column">';
  92.         for (var paramName in params) {
  93.             if (params[paramName].column === 'left') {
  94.                 html += MonkeyConfig.formatters.tr(paramName, params[paramName]);
  95.             }
  96.         }
  97.         html += '</div><div class="__MonkeyConfig_right_column">';
  98.         for (var paramName in params) {
  99.             if (params[paramName].column === 'right') {
  100.                 html += MonkeyConfig.formatters.tr(paramName, params[paramName]);
  101.             }
  102.         }
  103.         html += '</div></div>';
  104.  
  105.         // Default section (no column)
  106.         html += '<table class="__MonkeyConfig_default">';
  107.         for (var paramName in params) {
  108.             if (!params[paramName].column) {
  109.                 html += MonkeyConfig.formatters.tr(paramName, params[paramName]);
  110.             }
  111.         }
  112.         html += '</table>';
  113.  
  114.         // Bottom section
  115.         html += '<div class="__MonkeyConfig_bottom">';
  116.         for (var paramName in params) {
  117.             if (params[paramName].column === 'bottom') {
  118.                 html += MonkeyConfig.formatters.tr(paramName, params[paramName]);
  119.             }
  120.         }
  121.         html += '</div></div><div class="__MonkeyConfig_buttons_container"><table><tr>';
  122.  
  123.         for (var i = 0; i < data.buttons.length; i++) {
  124.             html += '<td>';
  125.             switch (data.buttons[i]) {
  126.                 case 'cancel':
  127.                     html += '<button type="button" id="__MonkeyConfig_button_cancel"><img src="data:image/png;base64,' + MonkeyConfig.res.icons.cancel + '" alt="Cancel"/> Cancel</button>';
  128.                     break;
  129.                 case 'defaults':
  130.                     html += '<button type="button" id="__MonkeyConfig_button_defaults"><img src="data:image/png;base64,' + MonkeyConfig.res.icons.arrow_undo + '" alt="Defaults"/> Set Defaults</button>';
  131.                     break;
  132.                 case 'save':
  133.                     html += '<button type="button" id="__MonkeyConfig_button_save"><img src="data:image/png;base64,' + MonkeyConfig.res.icons.tick + '" alt="Save"/> Save</button>';
  134.                     break;
  135.             }
  136.             html += '</td>';
  137.         }
  138.  
  139.         html += '</tr></table></div></div>';
  140.         return html;
  141.     }
  142.  
  143.     function update() {
  144.         if (!displayed) return;
  145.  
  146.         for (var paramName in params) {
  147.             var value = values[paramName];
  148.             var elem = container.querySelector('[name="' + paramName + '"]');
  149.             switch (params[paramName].type) {
  150.                 case 'checkbox':
  151.                     elem.checked = !!value;
  152.                     break;
  153.                 case 'custom':
  154.                     params[paramName].set(value, container.querySelector('#__MonkeyConfig_parent_' + paramName));
  155.                     break;
  156.                 case 'number':
  157.                 case 'text':
  158.                 case 'color':
  159.                 case 'textarea':
  160.                 case 'range':
  161.                     elem.value = value;
  162.                     break;
  163.                 case 'radio':
  164.                     elem = container.querySelector('[name="' + paramName + '"][value="' + value + '"]');
  165.                     if (elem) elem.checked = true;
  166.                     break;
  167.                 case 'file':
  168.                     elem.value = '';
  169.                     break;
  170.                 case 'select':
  171.                     if (elem.tagName.toLowerCase() === 'input' && elem.type === 'checkbox') {
  172.                         var checkboxes = container.querySelectorAll('input[name="' + paramName + '"]');
  173.                         for (var i = 0; i < checkboxes.length; i++) {
  174.                             checkboxes[i].checked = value.indexOf(checkboxes[i].value) > -1;
  175.                         }
  176.                     } else if (elem.multiple) {
  177.                         var options = container.querySelectorAll('select[name="' + paramName + '"] option');
  178.                         for (var i = 0; i < options.length; i++) {
  179.                             options[i].selected = value.indexOf(options[i].value) > -1;
  180.                         }
  181.                     } else {
  182.                         elem.value = value;
  183.                     }
  184.                     break;
  185.             }
  186.         }
  187.     }
  188.  
  189.     function saveClick() {
  190.         for (var paramName in params) {
  191.             var elem = container.querySelector('[name="' + paramName + '"]');
  192.             switch (params[paramName].type) {
  193.                 case 'checkbox':
  194.                     values[paramName] = elem.checked;
  195.                     break;
  196.                 case 'custom':
  197.                     values[paramName] = params[paramName].get(container.querySelector('#__MonkeyConfig_parent_' + paramName));
  198.                     break;
  199.                 case 'number':
  200.                 case 'text':
  201.                 case 'color':
  202.                 case 'textarea':
  203.                 case 'range':
  204.                     values[paramName] = elem.value;
  205.                     break;
  206.                 case 'radio':
  207.                     values[paramName] = container.querySelector('[name="' + paramName + '"]:checked')?.value || '';
  208.                     break;
  209.                 case 'file':
  210.                     values[paramName] = elem.dataset.value || values[paramName];
  211.                     break;
  212.                 case 'select':
  213.                     if (elem.tagName.toLowerCase() === 'input' && elem.type === 'checkbox') {
  214.                         values[paramName] = [];
  215.                         var inputs = container.querySelectorAll('input[name="' + paramName + '"]');
  216.                         for (var i = 0; i < inputs.length; i++) {
  217.                             if (inputs[i].checked) values[paramName].push(inputs[i].value);
  218.                         }
  219.                     } else if (elem.multiple) {
  220.                         values[paramName] = [];
  221.                         var options = container.querySelectorAll('select[name="' + paramName + '"] option');
  222.                         for (var i = 0; i < options.length; i++) {
  223.                             if (options[i].selected) values[paramName].push(options[i].value);
  224.                         }
  225.                     } else {
  226.                         values[paramName] = elem.value;
  227.                     }
  228.                     break;
  229.             }
  230.         }
  231.  
  232.         GM_setValue(storageKey, JSON.stringify(values));
  233.         close();
  234.         if (data.onSave) data.onSave(values);
  235.         location.reload();
  236.     }
  237.  
  238.     function cancelClick() { close(); }
  239.     function defaultsClick() { setDefaults(); update(); }
  240.  
  241.     function open() {
  242.         function openDone() {
  243.             var button;
  244.             if (button = container.querySelector('#__MonkeyConfig_button_save')) button.addEventListener('click', saveClick, true);
  245.             if (button = container.querySelector('#__MonkeyConfig_button_cancel')) button.addEventListener('click', cancelClick, true);
  246.             if (button = container.querySelector('#__MonkeyConfig_button_defaults')) button.addEventListener('click', defaultsClick, true);
  247.             displayed = true;
  248.             update();
  249.         }
  250.  
  251.         GM_addStyle(MonkeyConfig.res.stylesheets.main.replace(/__FONT_SIZE__/g, data.fontSize).replace(/__FONT_COLOR__/g, data.fontColor));
  252.         MonkeyConfig.styleAdded = true;
  253.  
  254.         var body = document.querySelector('body');
  255.         openLayer = document.createElement('div');
  256.         openLayer.className = '__MonkeyConfig_layer';
  257.         overlay = document.createElement('div');
  258.         overlay.className = '__MonkeyConfig_overlay';
  259.         overlay.style.cssText = 'left:0;top:0;width:100%;height:100%;z-index:9999;';
  260.         openLayer.innerHTML = render();
  261.         container = openLayer.querySelector('.__MonkeyConfig_container');
  262.         openLayer.style.cssText = 'position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80vh;overflow-y:auto;z-index:10000;';
  263.         body.appendChild(overlay);
  264.         body.appendChild(openLayer);
  265.         openDone();
  266.  
  267.         window.addEventListener('resize', function () {
  268.             overlay.style.width = window.innerWidth + 'px';
  269.             overlay.style.height = window.innerHeight + 'px';
  270.         });
  271.     }
  272.  
  273.     function close() {
  274.         if (openLayer) { openLayer.parentNode.removeChild(openLayer); openLayer = undefined; }
  275.         if (overlay) { overlay.parentNode.removeChild(overlay); overlay = undefined; }
  276.         displayed = false;
  277.     }
  278.  
  279.     init();
  280. }
  281.  
  282. MonkeyConfig.esc = function (string) { return string.replace(/"/g, '&quot;'); };
  283.  
  284. MonkeyConfig.HTML = {
  285.     '_field': function (name, options) {
  286.         return options.type && MonkeyConfig.HTML[options.type] ? options.html ? options.html.replace(/\[FIELD\]/, MonkeyConfig.HTML[options.type](name, options)) : MonkeyConfig.HTML[options.type](name, options) : '';
  287.     },
  288.     '_label': function (name, options) {
  289.         var label = options.label || name.substring(0, 1).toUpperCase() + name.substring(1).replace(/_/g, ' ');
  290.         return '<label for="__MonkeyConfig_field_' + name + '">' + label + '</label>';
  291.     },
  292.     'checkbox': function (name) { return '<input id="__MonkeyConfig_field_' + name + '" type="checkbox" name="' + name + '" />'; },
  293.     'custom': function (name, options) { return options.html || ''; },
  294.     'number': function (name, options) { return '<input id="__MonkeyConfig_field_' + name + '" type="number" class="__MonkeyConfig_field_number" name="' + name + '" min="' + (options.min || '') + '" max="' + (options.max || '') + '" step="' + (options.step || '1') + '" />'; },
  295.     'text': function (name) { return '<input id="__MonkeyConfig_field_' + name + '" type="text" class="__MonkeyConfig_field_text" name="' + name + '" />'; },
  296.     'color': function (name) { return '<input id="__MonkeyConfig_field_' + name + '" type="color" class="__MonkeyConfig_field_text" name="' + name + '" />'; },
  297.     'textarea': function (name, options) { return '<textarea id="__MonkeyConfig_field_' + name + '" class="__MonkeyConfig_field_text" name="' + name + '" rows="' + (options.rows || 4) + '" cols="' + (options.cols || 20) + '"></textarea>'; },
  298.     'range': function (name, options) { return '<input id="__MonkeyConfig_field_' + name + '" type="range" name="' + name + '" min="' + (options.min || 0) + '" max="' + (options.max || 100) + '" step="' + (options.step || 1) + '" />'; },
  299.     'radio': function (name, options) {
  300.         var html = '';
  301.         for (var value in options.choices) {
  302.             html += '<label><input type="radio" name="' + name + '" value="' + MonkeyConfig.esc(value) + '" /> ' + options.choices[value] + '</label><br/>';
  303.         }
  304.         return html;
  305.     },
  306.     'file': function (name, options) { return '<input id="__MonkeyConfig_field_' + name + '" type="file" name="' + name + '" accept="' + (options.accept || '*/*') + '" />'; },
  307.     'button': function (name, options) { return '<button type="button" id="__MonkeyConfig_field_' + name + '" name="' + name + '">' + (options.label || 'Click') + '</button>'; },
  308.     'group': function (name, options) {
  309.         var html = '<fieldset><legend>' + (options.label || name) + '</legend>';
  310.         for (var subName in options.params) {
  311.             html += MonkeyConfig.formatters.tr(subName, options.params[subName]);
  312.         }
  313.         html += '</fieldset>';
  314.         return html;
  315.     },
  316.     'select': function (name, options) {
  317.         var choices = options.choices.constructor === Array ? options.choices.reduce((obj, val) => { obj[val] = val; return obj; }, {}) : options.choices;
  318.         var html = '<select id="__MonkeyConfig_field_' + name + '" class="__MonkeyConfig_field_select" name="' + name + '"' + (options.multiple ? ' multiple="multiple"' : '') + '>';
  319.         for (var value in choices) {
  320.             html += '<option value="' + MonkeyConfig.esc(value) + '">' + choices[value] + '</option>';
  321.         }
  322.         html += '</select>';
  323.         return html;
  324.     }
  325. };
  326.  
  327. MonkeyConfig.formatters = {
  328.     'tr': function (name, options) {
  329.         var html = '<tr>';
  330.         if (options.type === 'checkbox') {
  331.             html += '<td id="__MonkeyConfig_parent_' + name + '" colspan="2">' + MonkeyConfig.HTML._field(name, options) + ' ' + MonkeyConfig.HTML._label(name, options) + '</td>';
  332.         } else if (options.type === 'group') {
  333.             html += '<td colspan="2">' + MonkeyConfig.HTML._field(name, options) + '</td>';
  334.         } else {
  335.             html += '<td>' + MonkeyConfig.HTML._label(name, options) + '</td><td id="__MonkeyConfig_parent_' + name + '">' + MonkeyConfig.HTML._field(name, options) + '</td>';
  336.         }
  337.         html += '</tr>';
  338.         return html;
  339.     }
  340. };
  341.  
  342. MonkeyConfig.styleAdded = false;
  343.  
  344. MonkeyConfig.res = {
  345.     icons: {
  346.         'arrow_undo': 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIJSURBVDjLpVM9aJNRFD35GsRSoUKKzQ/B0NJJF3EQlKrVgijSCBmC4NBFKihIcXBwEZdSHVoUwUInFUEkQ1DQ4CKiFsQsTrb5xNpgaZHw2Uog5t5zn0NJNFaw0guX97hwzuPcc17IOYfNlIdNVrhxufR6xJkZjAbSQGXjNAorqixSWFDV3KPhJ+UGLtSQMPryrDscPwLnAHOEOQc6gkbUpIagGmApWIb/pZRX4fjj889nWiSQtgYyBZ1BTUEj6AjPa0P71nb0Jfqwa+futIheHrzRn2yRQCUK/lOQhApBJVQJChHfnkCqOwWEQ+iORJHckUyX5ksvAEyGNuJC+s6xCRXNHNxzKMmQ4luwgjfvZp69uvr2+IZcyJ8rjIporrxURggetnV0QET3rrPxzMNM2+n7p678jUTrCiWhphAjVHR9DlR0WkSzf4IHxg5MSF0zXZEuVKWKSlCBCostS8zeG7oV64wPqxInbw86lbVXKEQ8mkAqmUJ4SxieeVhcnANFC02C7N2h69HO2IXeWC8MDj2JnqaFNAMd8f3HKjx6+LxQRmnOz1OZaxKIaF1VISYwB9ARZoQaYY6o1WpYCVYxt+zDn/XzVBv/MOWXW5J44ubRyVgkelFpmF/4BJVfOVDlVyqLVBZI5manPjajDOdcswfG9k/3X9v3/vfZv7rFBanriIo++J/f+BMT+YWS6hXl7QAAAABJRU5ErkJggg==',
  347.         'cancel': 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AMHACsG8oG7zAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAnklEQVQ4jWNgGEnAyMDAwJSTk5NA/B8I4n8g1g/5n4n9mZmZAQJGRkbG/////0D8L4j/I/F/iP8D8Q/E/4H4PxD/B+L/QPwfiP8D8X8g/g/E/4H4PxD/B+L/QPwfiP8D8X8g/g/E/4H4PxD/B+L/QPwfiP8D8X8g/g/E/4H4PxD/B+L/QPwfiP8D8X8g/g/E/4H4PxD/B2I/g8H1tQEAH2eAOhx3aSoAAAAASUVORK5CYII=', // Ikon cancel yang diperbaiki
  348.         'tick': 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLvZPZLkNhFIV75zjvYm7VGFNCqoZUJ+roKUUpjRuqp61Wq0NKDMelGGqOxBSUIBKXWtWGZxAvobr8lWjChRgSF//dv9be+9trCwAI/vIE/26gXmviW5bqnb8yUK028qZjPfoPWEj4Ku5HBspgAz941IXZeze8N1bottSo8BTZviVWrEh546EO03EXpuJOdG63otJbjBKHkEp/Ml6yNYYzpuezWL4s5VMtT8acCMQcb5XL3eJE8VgBlR7BeMGW9Z4yT9y1CeyucuhdTGDxfftaBO7G4L+zg91UocxVmCiy51NpiP3n2treUPujL8xhOjYOzZYsQWANyRYlU4Y9Br6oHd5bDh0bCpSOixJiWx71YY09J5pM/WEbzFcDmHvwwBu2wnikg+lEj4mwBe5bC5h1OUqcwpdC60dxegRmR06TyjCF9G9z+qM2uCJmuMJmaNZaUrCSIi6X+jJIBBYtW5Cge7cd7sgoHDfDaAvKQGAlRZYc6ltJlMxX03UzlaRlBdQrzSCwksLRbOpHUSb7pcsnxCCwngvM2Rm/ugUCi84fycr4l2t8Bb6iqTxSCgNIAAAAAElFTkSuQmCC'
  349.     },
  350.     stylesheets: {
  351.         main: `
  352.             body.__MonkeyConfig_window {appearance:window !important;-moz-appearance:window !important;background:auto;font-family:sans-serif !important;height:100% !important;margin:0 !important;padding:0 !important;width:100% !important;}
  353.             div.__MonkeyConfig_container {display:flex !important;flex-direction:column !important;font-family:sans-serif !important;padding:1em !important;font-size:__FONT_SIZE__ !important;color:__FONT_COLOR__ !important;background:#eee linear-gradient(180deg,#f8f8f8 0,#ddd 100%) !important;border-radius:0.5em !important;box-shadow:2px 2px 16px #000 !important;max-width:90vw !important;}
  354.             body.__MonkeyConfig_window div.__MonkeyConfig_container {appearance:window !important;-moz-appearance:window !important;height:100%;width:100%;}
  355.             div.__MonkeyConfig_container h1 {border-bottom:solid 1px #999 !important;font-family:sans-serif !important;font-size:120% !important;margin:0 0 0.5em 0 !important;padding:0 0 0.3em 0 !important;text-align:center !important;}
  356.             div.__MonkeyConfig_content {flex:1 !important;overflow-y:auto !important;max-height:60vh !important;}
  357.             div.__MonkeyConfig_top, div.__MonkeyConfig_bottom {margin-bottom:1em !important;}
  358.             div.__MonkeyConfig_columns {display:flex !important;justify-content:space-between !important;margin-bottom:1em !important;}
  359.             div.__MonkeyConfig_left_column, div.__MonkeyConfig_right_column {width:48% !important;}
  360.             div.__MonkeyConfig_container table {border-spacing:0 !important;margin:0 !important;width:100% !important;}
  361.             div.__MonkeyConfig_container table td {border:none !important;line-height:100% !important;padding:0.3em !important;text-align:left !important;vertical-align:top !important;white-space:nowrap !important;}
  362.             div.__MonkeyConfig_buttons_container {margin-top:1em !important;border-top:solid 1px #999 !important;padding-top:0.6em !important;text-align:center !important;}
  363.             div.__MonkeyConfig_buttons_container table {width:auto !important;margin:0 auto !important;}
  364.             div.__MonkeyConfig_buttons_container td {padding:0.3em !important;}
  365.             div.__MonkeyConfig_container td.__MonkeyConfig_buttons button {appearance:button !important;-moz-appearance:button !important;background:#ccc linear-gradient(180deg,#ddd 0,#ccc 45%,#bbb 50%,#aaa 100%) !important;border-style:solid !important;border-width:1px !important;border-radius:0.5em !important;box-shadow:0 0 1px #000 !important;padding:3px 8px 3px 24px !important;white-space:nowrap !important;}
  366.             div.__MonkeyConfig_container td.__MonkeyConfig_buttons button img {vertical-align:middle !important;}
  367.             div.__MonkeyConfig_layer {display:table !important;position:fixed !important;}
  368.             div.__MonkeyConfig_layer div.__MonkeyConfig_container td, div.__MonkeyConfig_layer div.__MonkeyConfig_container label, div.__MonkeyConfig_layer div.__MonkeyConfig_container input, div.__MonkeyConfig_layer div.__MonkeyConfig_container select, div.__MonkeyConfig_layer div.__MonkeyConfig_container textarea, div.__MonkeyConfig_layer div.__MonkeyConfig_container button {color:__FONT_COLOR__ !important;font-family:sans-serif !important;font-size:__FONT_SIZE__ !important;line-height:100% !important;margin:0 !important;vertical-align:baseline !important;}
  369.             div.__MonkeyConfig_container label {line-height:120% !important;vertical-align:baseline !important;}
  370.             div.__MonkeyConfig_container textarea {vertical-align:text-top !important;width:100%;}
  371.             div.__MonkeyConfig_layer div.__MonkeyConfig_container input[type="text"] {appearance:textfield !important;-moz-appearance:textfield !important;background:#fff !important;}
  372.             div.__MonkeyConfig_layer div.__MonkeyConfig_container td.__MonkeyConfig_buttons button:hover {background:#d2d2d2 linear-gradient(180deg,#e2e2e2 0,#d2d2d2 45%,#c2c2c2 50%,#b2b2b2 100%) !important;}
  373.             div.__MonkeyConfig_overlay {background-color:#000 !important;opacity:0.6 !important;position:fixed !important;}
  374.         `
  375.     }
  376. };