☰

HWM-UI-UX-MOD

try to take over the world!

当前为 2021-02-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         HWM-UI-UX-MOD
  3. // @namespace    https://greasyfork.org/ru/scripts/421913-hwm-ui-ux-mod
  4. // @version      0.6
  5. // @description  try to take over the world!
  6. // @author       achepta
  7. // @include     /^https{0,1}:\/\/((www|qrator)(\.heroeswm\.ru|\.lordswm\.com)|178\.248\.235\.15)\/.+/
  8. // @grant       unsafeWindow
  9. // @grant    GM_xmlhttpRequest
  10. // @grant    GM_log
  11. // @run-at document-start
  12. // ==/UserScript==
  13.  
  14. (function (window, undefined) {
  15.     let w;
  16.     if (typeof unsafeWindow !== undefined) {
  17.         w = unsafeWindow;
  18.     } else {
  19.         w = window;
  20.     }
  21.     if (w.self !== w.top) {
  22.         return;
  23.     }
  24.     if (/cgame/.test(location.href)) {
  25.         return
  26.     }
  27.     let allTexts = getAllTexts()
  28.     let defaultSettings = getDefaultSettings()
  29.  
  30.     let language = /lordswm/.test(location.href) ? "eng" : "rus"
  31.     let settings = {}
  32.     let headerInfo = {}
  33.     let timersInfo = {}
  34.  
  35.     loadSettings();
  36.     loadTimersInfo();
  37.  
  38.     if (settings['isDarkTheme'] && !/war\.php/.test(location.href)) {
  39.         applyDarkTheme()
  40.     }
  41.     document.addEventListener("DOMContentLoaded", () => {
  42.         if (!/war\.php/.test(location.href)) {
  43.             processPage()
  44.             addStyle();
  45.             getHeaderInfo()
  46.             drawNewHeader()
  47.             processSettings();
  48.             addMenu();
  49.         } else {
  50.             processBattle()
  51.         }
  52.     });
  53.  
  54.  
  55.     function addStyle() {
  56.         document.body.insertAdjacentHTML("beforeend", getStyles())
  57.     }
  58.  
  59.     function addMenu() {
  60.         $('hwm_header_settings_button').addEventListener('click', handleOnSettingsButtonClick);
  61.     }
  62.  
  63.  
  64.     // logic
  65.     function processSettings() {
  66.         if (settings.isTimeWithSeconds) {
  67.             showTimeWithSeconds()
  68.         }
  69.         if (settings.isShowTimers) {
  70.             showTimers()
  71.         }
  72.     }
  73.  
  74.     function getHeaderInfo() {
  75.         headerInfo['logo'] = getHeaderLogo()
  76.         headerInfo['mana_amount'] = getManaAmount()
  77.         headerInfo['notifications'] = getHeaderNotifications()
  78.         headerInfo['homeColor'] = getHomeButtonColor()
  79.         headerInfo['battleColor'] = getBattleButtonColor()
  80.         headerInfo['resources'] = getHeaderResources()
  81.         headerInfo['online'] = getHwmOnline()
  82.     }
  83.  
  84.     function getHeaderLogo() {
  85.         return document.querySelector("div.sh_logo > img").src
  86.     }
  87.  
  88.     function getManaAmount() {
  89.         return $('mana_amount').textContent
  90.     }
  91.  
  92.     function getHeaderNotifications() {
  93.         return Array.from(document.getElementsByClassName("NotificationIcon"))
  94.     }
  95.  
  96.     function getHomeButtonColor() {
  97.         return document.querySelector("#MenuHome").offsetParent.classList.value.split("_").slice(-1)[0]
  98.     }
  99.  
  100.     function getBattleButtonColor() {
  101.         return document.querySelector("#MenuBattles").offsetParent.classList.value.split("_").slice(-1)[0]
  102.     }
  103.  
  104.     function getHeaderResources() {
  105.         let resources = {}
  106.         let resourceDivs = document.querySelectorAll("div.sh_ResourcesItem")
  107.         Array.from(resourceDivs).forEach(item => {
  108.             let resName = getResNameFromImage(item.firstChild.src)
  109.             resources[resName] = item.lastChild.textContent
  110.         })
  111.         return resources
  112.     }
  113.  
  114.     function getResNameFromImage(src) {
  115.         return src.match(/(\w+)\.png/)[1]
  116.     }
  117.  
  118.     function getHwmOnline() {
  119.         return document.querySelector("div.sh_extra.sh_extra_right > div.mm_extra_separator").nextElementSibling.textContent
  120.     }
  121.  
  122.     function drawNewHeader() {
  123.         removeElement($('hwm_header'))
  124.         document.body.insertAdjacentHTML('afterbegin', getNewHeaderTemplate())
  125.         let heartData = document.body.textContent.match(/top_line_draw_canvas_heart\((\d{1,3}), (\d{1,3}), (\d{1,3})\);/)
  126.         unsafeWindow.top_line_draw_canvas_heart(heartData[1], heartData[2], heartData[3])
  127.         unsafeWindow.top_line_add_events_listeners()
  128.     }
  129.  
  130.     function showTimeWithSeconds() {
  131.         let hwmDate = hwmDateToHuman(getHwmDate());
  132.         let timePlace = $('hwm_time');
  133.         timePlace.innerHTML = hwmDate
  134.         setTimeout(showTimeWithSeconds, 1000)
  135.     }
  136.  
  137.     function showTimers() {
  138.         $('timers_container').innerHTML = getTimersTemplate()
  139.         setTimeout(showTimers, 1000)
  140.     }
  141.  
  142.     function applyDarkTheme() {
  143.         document.head.insertAdjacentHTML("beforeend", getDarkStyles())
  144.  
  145.     }
  146.  
  147.     function showEmptyBackground() {
  148.         document.body.insertAdjacentHTML('beforeend', getEmptyBackgroundTemplate());
  149.         $('empty_background').addEventListener('click', handleOnBackgroundClick);
  150.     }
  151.  
  152.     function hideEmptyBackground() {
  153.         removeElement($('empty_background'))
  154.     }
  155.  
  156.     function showSettings() {
  157.         document.body.insertAdjacentHTML('beforeend', getSettingsTemplate())
  158.         fillSettings()
  159.     }
  160.  
  161.     function fillSettings() {
  162.         let settingsField = $('hwm_header_settings');
  163.         for (const [key, value] of Object.entries(settings)) {
  164.             settingsField.insertAdjacentHTML("beforeend",
  165.                 `<div id="${key}">
  166.                             <input id="${key}_checkbox" type="checkbox" ${value ? ' checked' : ''}>
  167.                             <label for="${key}_checkbox">${getTranslation(key)}</label>
  168.                         </div>
  169.                     `)
  170.             $(`${key}`).addEventListener('click', () => {
  171.                 handleSettingsChange(key)
  172.             })
  173.         }
  174.     }
  175.  
  176.     function hideSettings() {
  177.         removeElement($('hwm_header_settings'))
  178.     }
  179.  
  180.     function processButtonDropDown(buttonInfo) {
  181.         if (buttonInfo.id === "MenuInventory" || buttonInfo.id === "MenuTavern") {
  182.             return
  183.         }
  184.         let target = $(buttonInfo.id+"_expandable")
  185.         if (buttonInfo.id === "MenuBattles") {
  186.             Array.from(target.getElementsByTagName('a')).slice(8).forEach(item => {
  187.                 buttonInfo.dropDown.push([item.textContent, item.href, true])
  188.             })
  189.         }
  190.         target.innerHTML = ''
  191.         buttonInfo.dropDown.forEach(item => {
  192.             if (item.length > 2) {
  193.                 target.insertAdjacentHTML('beforeend', `<a href="${item[1]}" style="text-decoration:none;"><div class="sh_dd_container_red">${item[0]}</div></a>`)
  194.             } else {
  195.                 target.insertAdjacentHTML('beforeend', `<a href="${item[1]}" style="text-decoration:none;"><div>${getTranslation(item[0])}</div></a>`)
  196.             }
  197.         })
  198.         target.insertAdjacentHTML("beforeend", `<img src="https://dcdn.heroeswm.ru/i/new_top/mm_dd_decorM.png" class="mm_decor2">`)
  199.         target.insertAdjacentHTML("beforeend", `<img src="https://dcdn.heroeswm.ru/i/new_top/mm_dd_decorT.png" class="mm_decor3">`)
  200.     }
  201.  
  202.     function processPage() {
  203.         if (/home/.test(location.href)) {
  204.             let isPremium = document.body.innerHTML.match(/star.gif/)
  205.             timersInfo.isPremium = !!isPremium
  206.         }
  207.         if (/object_do/.test(location.href)) {
  208.             if (document.body.textContent.match(/(successfully|устроены)/)) {
  209.                 timersInfo.labor_guild_timer_data = getHwmDate()
  210.             }
  211.         }
  212.         let battleId = new URLSearchParams(new URL(document.referrer).search).get("warid")
  213.         if (timersInfo.leader_guild_timer_data && !timersInfo.leader_guild_timer_data.timeSet && battleId === timersInfo.leader_guild_timer_data.battleId) {
  214.             timersInfo.leader_guild_timer_data.timeSet = getHwmDate()
  215.         } else if (timersInfo.thief_guild_timer_data && !timersInfo.thief_guild_timer_data.timeSet && battleId === timersInfo.thief_guild_timer_data.battleId) {
  216.             timersInfo.thief_guild_timer_data.timeSet = getHwmDate()
  217.         } else if (timersInfo.hunt_guild_timer_data && !timersInfo.hunt_guild_timer_data.timeSet && battleId === timersInfo.hunt_guild_timer_data.battleId) {
  218.             timersInfo.hunt_guild_timer_data.timeSet = getHwmDate()
  219.         }
  220.         set("timers_data", timersInfo)
  221.     }
  222.  
  223.     function processBattle() {
  224.         let battleData = unsafeWindow.run_all.toString()
  225.         let battleType = battleData.match(/btype\|(\d{1,10})/)[1]
  226.         let battlePlayer = battleData.match(/plid1\|(\d{1,10})/)[1]
  227.         let battleId = new URLSearchParams(window.location.search).get("warid")
  228.         if (battlePlayer === getCookie("pl_id")) {
  229.             if (battleType === "127") {
  230.                 if ("leader_guild_timer_data" in timersInfo) {
  231.                     if (timersInfo.leader_guild_timer_data.battleId < battleId) {
  232.                         timersInfo.leader_guild_timer_data = {"battleId": battleId}
  233.                     }
  234.                 } else {
  235.                     timersInfo.leader_guild_timer_data = {"battleId": battleId}
  236.                 }
  237.             } else if (battleType === "66") {
  238.                 if ("thief_guild_timer_data" in timersInfo) {
  239.                     if (timersInfo.thief_guild_timer_data.battleId < battleId) {
  240.                         timersInfo.thief_guild_timer_data = {"battleId": battleId}
  241.                     }
  242.                 } else {
  243.                     timersInfo.thief_guild_timer_data = {"battleId": battleId}
  244.                 }
  245.             } else if (battleType === "0") {
  246.                 if ("hunt_guild_timer_data" in timersInfo) {
  247.                     if (timersInfo.hunt_guild_timer_data.battleId < battleId) {
  248.                         timersInfo.hunt_guild_timer_data = {"battleId": battleId}
  249.                     }
  250.                 } else {
  251.                     timersInfo.hunt_guild_timer_data = {"battleId": battleId}
  252.                 }
  253.             }
  254.             set("timers_data", timersInfo)
  255.         }
  256.     }
  257.  
  258.     // listeners
  259.     function handleOnSettingsButtonClick() {
  260.         showEmptyBackground();
  261.         showSettings();
  262.     }
  263.  
  264.     function handleOnBackgroundClick() {
  265.         hideEmptyBackground();
  266.         hideSettings();
  267.     }
  268.  
  269.     function handleSettingsChange(key) {
  270.         settings[key] = $(`${key}_checkbox`).checked
  271.         set('hwm_header_settings', settings)
  272.     }
  273.  
  274.     // templates
  275.     function getSettingsButtonTemplate() {
  276.         return `
  277.             <img 
  278.                 id="hwm_header_settings_button" 
  279.                 src="https://dcdn3.heroeswm.ru/i/combat/btn_settings.png?v=8" 
  280.                 height="18" 
  281.                 alt="Header settings"
  282.                 style="position: relative; filter: drop-shadow(0.01rem 0.01rem 0 black) drop-shadow(-0.01rem -0.01rem 0 black); transform: rotate(22.5deg)"
  283.                 title="Header settings"
  284.             >`
  285.     }
  286.  
  287.     function getEmptyBackgroundTemplate() {
  288.         return `
  289.         <div id="empty_background" style="
  290.             position: absolute; 
  291.             left: 0; 
  292.             top: 0;
  293.             width: 100%;
  294.             height: ${getScrollHeight()};
  295.             background: #000000;
  296.             opacity: 0.5;
  297.             z-index: 1100;
  298.         "></div>
  299.         `
  300.     }
  301.  
  302.     function getSettingsTemplate() {
  303.         return `
  304.         <div id="hwm_header_settings" style="
  305.             position: absolute;
  306.             left: ${(getClientWidth() - 600) / 2}px;
  307.             top: ${window.pageYOffset + 155}px;
  308.             width: 600px;
  309.             background: #F6F3EA;
  310.             z-index: 1101;
  311.         ">
  312.             
  313.         </div>
  314.         `
  315.     }
  316.  
  317.     function getNewHeaderTemplate() {
  318.         return `
  319.         <div id="new_header">
  320.     <div class="top_line">
  321.         <div class="top_left_container">
  322. <!--            <div class="top_left_left">-->
  323. <!--            </div>-->
  324.             <div class="top_wing_middle">
  325.                 <div id="notifications">
  326.                     ${getNotificationsTemplate()}
  327.                 </div>
  328.             </div>
  329.             <div class="top_left_right">
  330.                 <div id="heart_container">
  331.                     <div class="sh_HMResIconBlock">
  332.                         <canvas width="64px" height="64px" id="heart"></canvas>
  333.                     </div>
  334.                     <div style="display: none;" id="health_amount">100</div>
  335.                 </div>
  336.             </div>
  337.         </div>
  338.         <div class="top_resource_container" id="top_resource_container">
  339.             <div id="ResourcesPanel" class="sh_ResourcesPanel">
  340.                 ${getResourcesTemplate()}
  341.             </div>
  342.         </div>
  343.         <div class="top_right_container">
  344.             <div class="top_right_left">
  345.                 <div id="mana_container">
  346.                     <div class="sh_HMResIconBlock mana"></div>
  347.                     <div class="mana_animation"></div>
  348.                     <div style="display: none" id="mana_amount">${headerInfo.mana_amount}</div>
  349.                 </div>
  350.             </div>
  351.             <div class="top_wing_middle">
  352.                 <div class="time_online_radio_container">
  353.                     <div id="hwm_time"></div>
  354.                     <div class="mm_extra_separator"></div>
  355.                     <div id="hwm_online">${headerInfo['online']} online</div>
  356.                     <div class="mm_extra_separator"></div>
  357.                     <div class="mm_extra_radio" onclick="hwm_top_line_open_radio(620, 400);return false;"></div>
  358.                     <div class="mm_extra_separator"></div>
  359.                     <div id="">${getSettingsButtonTemplate()}</div>
  360.                 </div>
  361.             </div>
  362. <!--            <div class="top_right_right">-->
  363.  
  364. <!--            </div>-->
  365.         </div>
  366.     </div>
  367.     <div class="new_header_menu">
  368. <!--        <img src="https://dcdn.heroeswm.ru/i/new_top/mm_decor1.png" class="mm_decor1">-->
  369.         <div class="left_dragon">
  370.             <img height="70px" src="https://i.pinimg.com/originals/6c/2e/0b/6c2e0be6ebdad0e7f4bc86bc1f10e451.png">
  371.         </div>
  372.         <div class="middle_menus">
  373.             <div class="timers_container" id="timers_container"></div>
  374.             <div class="common_menu_container">
  375.                 ${getMenuButtonsTemplate()}
  376.             </div>
  377.         </div>
  378.         
  379.         <div class="right_dragon">
  380.             <img height="70px" src="https://i.imgur.com/oqyVp7G.png">
  381.         </div>
  382.     </div>
  383. </div>
  384.         `
  385.     }
  386.  
  387.     function getNotificationsTemplate() {
  388.         return headerInfo['notifications'].reduce((result, current) => {
  389.             // #говнокод
  390.             if (current.src.includes("pismo")) {
  391.                 return result + `<a href="sms.php">${current.outerHTML.toString()}</a>`;
  392.             } else {
  393.                 return result + current.outerHTML.toString()
  394.             }}, "")
  395.     }
  396.  
  397.     function getResourcesTemplate() {
  398.         let newResources = []
  399.         let resourceLinks = getResourceLinks()
  400.         for (const [key, value] of Object.entries(headerInfo['resources'])) {
  401.             let template = `
  402.             <div class="sh_ResourcesItem">
  403.                 <a href="${resourceLinks[key]}">
  404.                     <img class="sh_ResourcesItem_icon" src="https://dcdn.heroeswm.ru/i/r/48/${key}.png?v=3.23de65" alt="${key}" title="${key}">
  405.                 </a>
  406.             <span class="select_auto_enabled">${value}</span></div>
  407.             `
  408.             newResources.push(template)
  409.         }
  410.         return newResources.join(`<div class="mm_rp_separator"></div>`)
  411.     }
  412.  
  413.     function getMenuButtonsTemplate() {
  414.         let buttonsToShow = getAvailableButtons()
  415.         return buttonsToShow.reduce((result, current) => result + getMenuButtonHTML(current), "")
  416.     }
  417.  
  418.     function getAvailableButtons() {
  419.         let buttons = []
  420.         for (const [key, value] of Object.entries(getButtonInfos())) {
  421.             if (settings[key]) {
  422.                 buttons.push(value)
  423.             }
  424.         }
  425.         return buttons
  426.     }
  427.  
  428.     function getMenuButtonHTML(buttonInfo) {
  429.         processButtonDropDown(buttonInfo)
  430.         let buttonInside = ``
  431.         if (settings['isTextButtons']) {
  432.             buttonInside = `<div class="menu_button_text">${getTranslation(buttonInfo.id)}</div>`
  433.         } else {
  434.             buttonInside = `<img class="mm_item_icon" src="${buttonInfo.image}">`
  435.         }
  436.         let buttonColor = ``
  437.         if (headerInfo['homeColor'] === 'red') {
  438.             buttonColor = 'red'
  439.         } else if (headerInfo['battleColor'] === 'orange' && buttonInfo.id === "MenuBattles") {
  440.             buttonColor = 'orange'
  441.         } else if (headerInfo['battleColor'] === 'red' && buttonInfo.id === "MenuBattles") {
  442.             buttonColor = 'red'
  443.         } else {
  444.             buttonColor = 'blue'
  445.         }
  446.         return `
  447.         <div class="mm_item mm_item_${buttonColor} ${settings.isTextButtons ? "small_text_button": ""}">
  448.             <a href="${buttonInfo.href}">
  449.                 <div class="mm_item_inside ${settings.isTextButtons ? "small_text_inside": ""}" id="${buttonInfo.id}"  hwm_label="">
  450.                     ${buttonInside}
  451.                 </div>
  452.             </a>
  453.         </div>
  454.         `
  455.     }
  456.  
  457.     function getTimersTemplate() {
  458.         let isPremium = timersInfo.isPremium ? timersInfo.isPremium : false
  459.         let result = ''
  460.         if (timersInfo.labor_guild_timer_data) {
  461.             let timeCount = isPremium ? 60 : 60
  462.             result += `
  463.             <div class="mm_item mm_item_blue small_text_button">
  464.                 <div class="menu_button_text">${getTranslation("labor_guild")} ${getRemainingTime(timersInfo.labor_guild_timer_data, timeCount)}</div>
  465.             </div>`
  466.         } else {
  467.             result += `
  468.             <div class="mm_item mm_item_blue small_text_button">
  469.                 <div class="menu_button_text">${getTranslation("labor_guild")} 00:00</div>
  470.             </div>`
  471.         }
  472.         if (timersInfo.hunt_guild_timer_data && timersInfo.hunt_guild_timer_data.timeSet) {
  473.             let timeCount = isPremium ? 28 : 40
  474.             result += `
  475.             <div class="mm_item mm_item_blue small_text_button">
  476.                 <div class="menu_button_text">${getTranslation("hunt_guild")} ${getRemainingTime(timersInfo.hunt_guild_timer_data.timeSet, timeCount)}</div>
  477.             </div>`
  478.         } else {
  479.             result += `
  480.             <div class="mm_item mm_item_blue small_text_button">
  481.                 <div class="menu_button_text">${getTranslation("hunt_guild")} 00:00</div>
  482.             </div>`
  483.         }
  484.         if (timersInfo.thief_guild_timer_data && timersInfo.thief_guild_timer_data.timeSet) {
  485.             let timeCount = isPremium ? 42 : 60
  486.             result += `
  487.             <div class="mm_item mm_item_blue small_text_button">
  488.                 <div class="menu_button_text">${getTranslation("thief_guild")} ${getRemainingTime(timersInfo.thief_guild_timer_data.timeSet, timeCount)}</div>
  489.             </div>`
  490.         } else {
  491.             result += `
  492.             <div class="mm_item mm_item_blue small_text_button">
  493.                 <div class="menu_button_text">${getTranslation("thief_guild")} 00:00</div>
  494.             </div>`
  495.         }
  496.         if (timersInfo.leader_guild_timer_data && timersInfo.leader_guild_timer_data.timeSet) {
  497.             let timeCount = isPremium ? 180 : 180
  498.             result += `
  499.             <div class="mm_item mm_item_blue small_text_button">
  500.                 <div class="menu_button_text">${getTranslation("leader_guild")} ${getRemainingTime(timersInfo.leader_guild_timer_data.timeSet, timeCount)}</div>
  501.             </div>`
  502.         } else {
  503.             result += `
  504.             <div class="mm_item mm_item_blue small_text_button">
  505.                 <div class="menu_button_text">${getTranslation("leader_guild")} 00:00</div>
  506.             </div>`
  507.         }
  508.         return result
  509.     }
  510.  
  511.     function getRemainingTime(timeSet, timeCount) {
  512.         let hwmDate = getHwmDate()
  513.         let timeSetHwm = new Date(timeSet)
  514.         return secondsToHumanDate(diffDateInSeconds(timeSetHwm, hwmDate) + timeCount * 60)
  515.     }
  516.  
  517.     function diffDateInSeconds(dt1, dt2) {
  518.         return Math.round((dt1.getTime() - dt2.getTime()) / 1000);
  519.     }
  520.     // helpers
  521.     function getCookie(name) {
  522.         const value = `; ${document.cookie}`;
  523.         const parts = value.split(`; ${name}=`);
  524.         if (parts.length === 2) return parts.pop().split(';').shift();
  525.     }
  526.  
  527.     function doGet(url, callback) {
  528.         GM_xmlhttpRequest({
  529.             method: "GET",
  530.             url: url,
  531.             overrideMimeType: "text/xml; charset=windows-1251",
  532.             onload: function (res) {
  533.                 callback(new DOMParser().parseFromString(res.responseText, "text/html"))
  534.             }
  535.         });
  536.     }
  537.  
  538.     function doPost(url, params, callback) {
  539.         GM_xmlhttpRequest({
  540.             method: "POST",
  541.             url: url,
  542.             data: params,
  543.             onload: callback,
  544.         });
  545.     }
  546.  
  547.     function removeElement(element) {
  548.         element.parentNode.removeChild(element)
  549.     }
  550.  
  551.     function $(id, where = document) {
  552.         return where.querySelector(`#${id}`);
  553.     }
  554.  
  555.     function get(key, def) {
  556.         let result = JSON.parse(localStorage[key] === undefined ? null : localStorage[key]);
  557.         return result == null ? def : result;
  558.  
  559.     }
  560.  
  561.     function set(key, val) {
  562.         localStorage[key] = JSON.stringify(val);
  563.     }
  564.  
  565.     function getScrollHeight() {
  566.         return Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
  567.     }
  568.  
  569.     function getClientWidth() {
  570.         return document.compatMode === 'CSS1Compat' && document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
  571.     }
  572.  
  573.     function findAll(regexPattern, sourceString) {
  574.         let output = []
  575.         let match
  576.         let regexPatternWithGlobal = RegExp(regexPattern, [...new Set("g" + regexPattern.flags)].join(""))
  577.         while (match = regexPatternWithGlobal.exec(sourceString)) {
  578.             delete match.input
  579.             output.push(match)
  580.         }
  581.         return output
  582.     }
  583.  
  584.     function sortByKey(array, key) {
  585.         return array.sort((a, b) => {
  586.             let x = a[key];
  587.             let y = b[key];
  588.             return ((x < y) ? -1 : ((x > y) ? 1 : 0));
  589.         });
  590.     }
  591.  
  592.     function getHwmDate() {
  593.         let today = new Date();
  594.         let localOffset = -(today.getTimezoneOffset() / 60);
  595.         let destinationOffset = +3;
  596.  
  597.         let offset = destinationOffset - localOffset;
  598.         return new Date(new Date().getTime() + offset * 3600 * 1000)
  599.  
  600.     }
  601.  
  602.     function hwmDateToHuman(hwmDate) {
  603.         let hours =  hwmDate.getHours().toString().length === 1
  604.             ? "0" + hwmDate.getHours().toString()
  605.             : hwmDate.getHours().toString()
  606.         let minutes = hwmDate.getMinutes().toString().length === 1
  607.             ? "0" + hwmDate.getMinutes().toString()
  608.             : hwmDate.getMinutes().toString()
  609.         let seconds = hwmDate.getSeconds().toString().length === 1
  610.             ? "0" + hwmDate.getSeconds().toString()
  611.             : hwmDate.getSeconds().toString()
  612.         return hours + ":" + minutes + ":" + seconds
  613.     }
  614.  
  615.     function secondsToHumanDate(seconds) {
  616.         if (seconds < 0) {
  617.             return "00:00"
  618.         }
  619.         // Hours, minutes and seconds
  620.         var hrs = ~~(seconds / 3600);
  621.         var mins = ~~((seconds % 3600) / 60);
  622.         var secs = ~~seconds % 60;
  623.  
  624.         // Output like "1:01" or "4:03:59" or "123:03:59"
  625.         var ret = "";
  626.         if (hrs > 0) {
  627.             ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
  628.         }
  629.         ret += "" + mins + ":" + (secs < 10 ? "0" : "");
  630.         ret += "" + secs;
  631.         return ret;
  632.     }
  633.  
  634.     function getTranslation(textId) {
  635.         return allTexts[textId][language]
  636.     }
  637.  
  638.     function loadSettings() {
  639.         settings = get('hwm_header_settings', defaultSettings)
  640.         for (const [key, value] of Object.entries(defaultSettings)) {
  641.             if (settings[key] === undefined) {
  642.                 settings[key] = value
  643.             }
  644.         }
  645.     }
  646.  
  647.     function loadTimersInfo() {
  648.         timersInfo = get('timers_data', {})
  649.     }
  650.  
  651.     function getAllTexts() {
  652.         return {
  653.             'isTimeWithSeconds': {
  654.                 "rus": "Показывать время с секундами",
  655.                 "eng": "Show time with seconds",
  656.             },
  657.             'isShowTimers': {
  658.                 "rus": "Показывать таймеры гильдий",
  659.                 "eng": "Show guilds' timers",
  660.             },
  661.             'isDarkTheme': {
  662.                 "rus": "Темная тема",
  663.                 "eng": "Dark theme"
  664.             },
  665.             'isTextButtons': {
  666.                 "rus": "Старые текстовые кнопки",
  667.                 "eng": "Show old text buttons"
  668.             },
  669.             'isHomeButton': {
  670.                 "rus": "Персонаж",
  671.                 "eng": "Home"
  672.             },
  673.             'isInventoryButton': {
  674.                 "rus": "Инвентарь",
  675.                 "eng": "Inventory"
  676.             },
  677.             'isMapButton': {
  678.                 "rus": "Карта",
  679.                 "eng": "Map"
  680.             },
  681.             'isBattleButton': {
  682.                 "rus": "Битвы",
  683.                 "eng": "Battles"
  684.             },
  685.             'isTavernButton': {
  686.                 "rus": "Таверна",
  687.                 "eng": "Tavern"
  688.             },
  689.             'isRouletteButton': {
  690.                 "rus": "Рулетка",
  691.                 "eng": "Roulette"
  692.             },
  693.             'isLeaderboardButton': {
  694.                 "rus": "Рейтинг",
  695.                 "eng": "Leaderboards"
  696.             },
  697.             'isForumButton': {
  698.                 "rus": "Форум",
  699.                 "eng": "Forum"
  700.             },
  701.             'isChatButton': {
  702.                 "rus": "Чат",
  703.                 "eng": "Chat"
  704.             },
  705.             'MenuHome': {
  706.                 "rus": "Персонаж",
  707.                 "eng": "Home"
  708.             },
  709.             'MenuInventory': {
  710.                 "rus": "Инвентарь",
  711.                 "eng": "Inventory"
  712.             },
  713.             'MenuMap': {
  714.                 "rus": "Карта",
  715.                 "eng": "Map"
  716.             },
  717.             'MenuBattles': {
  718.                 "rus": "Битвы",
  719.                 "eng": "Battles"
  720.             },
  721.             'MenuTavern': {
  722.                 "rus": "Таверна",
  723.                 "eng": "Tavern"
  724.             },
  725.             'MenuRoulette': {
  726.                 "rus": "Рулетка",
  727.                 "eng": "Roulette"
  728.             },
  729.             'MenuStat': {
  730.                 "rus": "Рейтинг",
  731.                 "eng": "Leaderboards"
  732.             },
  733.             'MenuForum': {
  734.                 "rus": "Форум",
  735.                 "eng": "Forum"
  736.             },
  737.             'MenuChat': {
  738.                 "rus": "Чат",
  739.                 "eng": "Chat"
  740.             },
  741.             'myself': {
  742.                 "rus": "Я",
  743.                 "eng": "Myself"
  744.             },
  745.             'inventory': {
  746.                 "rus": "Инвентарь",
  747.                 "eng": "Inventory"
  748.             },
  749.             'shop': {
  750.                 "rus": "Магазин",
  751.                 "eng": "Artifact shop"
  752.             },
  753.             'auction': {
  754.                 "rus": "Рынок",
  755.                 "eng": "Market"
  756.             },
  757.             'choose_army': {
  758.                 "rus": "Набор армии",
  759.                 "eng": "Recruiting"
  760.             },
  761.             'castle': {
  762.                 "rus": "Замок",
  763.                 "eng": "Castle"
  764.             },
  765.             'skills': {
  766.                 "rus": "Навыки",
  767.                 "eng": "Talents"
  768.             },
  769.             'mailbox': {
  770.                 "rus": "Почта",
  771.                 "eng": "Mailbox"
  772.             },
  773.             'transfer': {
  774.                 "rus": "Передача ресурсов",
  775.                 "eng": "Transfer"
  776.             },
  777.             'facility1': {
  778.                 "rus": "Добыча",
  779.                 "eng": "Mining"
  780.             },
  781.             'facility2': {
  782.                 "rus": "Обработка",
  783.                 "eng": "Machining"
  784.             },
  785.             'facility3': {
  786.                 "rus": "Производство",
  787.                 "eng": "Production"
  788.             },
  789.             'houses': {
  790.                 "rus": "Дома",
  791.                 "eng": "Public services"
  792.             },
  793.             'one_to_one': {
  794.                 "rus": "Дуэли",
  795.                 "eng": "Duels"
  796.             },
  797.             'many_to_many': {
  798.                 "rus": "Групповые бои",
  799.                 "eng": "Group battles"
  800.             },
  801.             'guild_pvp': {
  802.                 "rus": "Гильдия тактиков",
  803.                 "eng": "Commanders' guild"
  804.             },
  805.             'guild_task': {
  806.                 "rus": "Гильдия стражей",
  807.                 "eng": "Watchers' guild"
  808.             },
  809.             'guild_leader': {
  810.                 "rus": "Гильдия лидеров",
  811.                 "eng": "Leaders guild"
  812.             },
  813.             'clanwars': {
  814.                 "rus": "Бои за территории",
  815.                 "eng": "Clan wars"
  816.             },
  817.             'tournaments': {
  818.                 "rus": "Турниры",
  819.                 "eng": "Tounaments"
  820.             },
  821.             'spin_history': {
  822.                 "rus": "История игр",
  823.                 "eng": "Spin history"
  824.             },
  825.             'lucky_boxes': {
  826.                 "rus": "Редкие ларцы",
  827.                 "eng": "Chests of abundance"
  828.             },
  829.             'top_heroes': {
  830.                 "rus": "Рейтинг воинов",
  831.                 "eng": "Top warriors"
  832.             },
  833.             'top_clans': {
  834.                 "rus": "Рейтинг кланов",
  835.                 "eng": "Top clans"
  836.             },
  837.             'top_hunters': {
  838.                 "rus": "Рейтинг охотников",
  839.                 "eng": "Top hunters"
  840.             },
  841.             'top_mercenaries': {
  842.                 "rus": "Рейтинг наемников",
  843.                 "eng": "Top mercenaries"
  844.             },
  845.             'top_shareholders': {
  846.                 "rus": "Рейтинг акционеров",
  847.                 "eng": "Top shareholders"
  848.             },
  849.             'personal_records': {
  850.                 "rus": "Мои охоты",
  851.                 "eng": "My hunt records"
  852.             },
  853.             'general_forum': {
  854.                 "rus": "Общий форум",
  855.                 "eng": "General forum"
  856.             },
  857.             'help_forum': {
  858.                 "rus": "Помощь по игре",
  859.                 "eng": "Q&A forum"
  860.             },
  861.             'trade_forum': {
  862.                 "rus": "Торговый форум",
  863.                 "eng": "Trade forums"
  864.             },
  865.             'reference': {
  866.                 "rus": "Об игре",
  867.                 "eng": "About the game"
  868.             },
  869.             'hwm_newspaper': {
  870.                 "rus": "Новостная лента",
  871.                 "eng": "Daily news"
  872.             },
  873.             'chat_1': {
  874.                 "rus": "Комната вопросов",
  875.                 "eng": "Inquiry"
  876.             },
  877.             'chat_2': {
  878.                 "rus": "Общая комната",
  879.                 "eng": "Common"
  880.             },
  881.             'chat_3': {
  882.                 "rus": "Торговая палата",
  883.                 "eng": "Merchant"
  884.             },
  885.             'chat_4': {
  886.                 "rus": "Рулетка",
  887.                 "eng": "Roulette"
  888.             },
  889.             'chat_5': {
  890.                 "rus": "Карты",
  891.                 "eng": "Tavern"
  892.             },
  893.             'labor_guild': {
  894.                 "rus": "ГР",
  895.                 "eng": "LG"
  896.             },
  897.             'leader_guild': {
  898.                 "rus": "ГЛ",
  899.                 "eng": "LeG"
  900.             },
  901.             'hunt_guild': {
  902.                 "rus": "ГО",
  903.                 "eng": "HG"
  904.             },
  905.             'thief_guild': {
  906.                 "rus": "ГВ",
  907.                 "eng": "TG"
  908.             },
  909.             '': {
  910.                 "rus": "",
  911.                 "eng": ""
  912.             },
  913.  
  914.         }
  915.     }
  916.  
  917.     function getDefaultSettings() {
  918.         return {
  919.             "isTimeWithSeconds": true,
  920.             "isShowTimers": true,
  921.             "isDarkTheme": false,
  922.             "isTextButtons": false,
  923.             "isHomeButton": true,
  924.             "isInventoryButton": false,
  925.             "isMapButton": true,
  926.             "isBattleButton": true,
  927.             "isTavernButton": true,
  928.             "isRouletteButton": true,
  929.             "isLeaderboardButton": true,
  930.             "isForumButton": true,
  931.             "isChatButton": true,
  932.         }
  933.     }
  934.  
  935.     function getButtonInfos() {
  936.         return {
  937.             "isHomeButton": {
  938.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelCharacter.png",
  939.                 "id": "MenuHome",
  940.                 "href": "home.php",
  941.                 "dropDown": [
  942.                     ["myself", `pl_info.php?id=${getCookie("pl_id")}`],
  943.                     ["inventory", "inventory.php"],
  944.                     ["shop", "shop.php"],
  945.                     ["auction", "auction.php"],
  946.                     ["choose_army", "army.php"],
  947.                     ["castle", "castle.php"],
  948.                     ["skills", "skillwheel.php"],
  949.                     ["mailbox", "sms.php"],
  950.                     ["transfer", "transfer.php"],
  951.                 ]
  952.             },
  953.             "isInventoryButton": {
  954.                 "image": "https://dcdn.heroeswm.ru/i/mobile_view/icons/_panelInventory.png",
  955.                 "id": "MenuInventory",
  956.                 "href": "inventory.php",
  957.                 "dropDown": []
  958.             },
  959.             "isMapButton": {
  960.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelMap.png",
  961.                 "id": "MenuMap",
  962.                 "href": "map.php",
  963.                 "dropDown": [
  964.                     ["facility1", "map.php?st=mn"],
  965.                     ["facility2", "map.php?st=fc"],
  966.                     ["facility3", "map.php?st=sh"],
  967.                     ["houses", "map.php?st=hs"],
  968.                 ]
  969.             },
  970.             "isBattleButton": {
  971.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelBattles.png",
  972.                 "id": "MenuBattles",
  973.                 "href": "bselect.php",
  974.                 "dropDown": [
  975.                     ["one_to_one", "one_to_one.php"],
  976.                     ["many_to_many", "group_wars.php"],
  977.                     ["guild_pvp", "pvp_guild.php"],
  978.                     ["guild_task", "task_guild.php"],
  979.                     ["guild_leader", "leader_guild.php"],
  980.                     ["clanwars", "mapwars.php"],
  981.                     ["tournaments", "tournaments.php"],
  982.                 ]
  983.             },
  984.             "isTavernButton": {
  985.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelTavern.png",
  986.                 "id": "MenuTavern",
  987.                 "href": "tavern.php",
  988.                 "dropDown": []
  989.             },
  990.             "isRouletteButton": {
  991.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelRoulette.png",
  992.                 "id": "MenuRoulette",
  993.                 "href": "roulette.php",
  994.                 "dropDown": [
  995.                     ["spin_history", "allroul.php"],
  996.                     ["lucky_boxes", "gift_box_log.php"],
  997.  
  998.                 ]
  999.             },
  1000.             "isLeaderboardButton": {
  1001.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelRate.png",
  1002.                 "id": "MenuStat",
  1003.                 "href": "plstats.php",
  1004.                 "dropDown": [
  1005.                     ["top_heroes", "plstats.php"],
  1006.                     ["top_clans", "clanstat.php"],
  1007.                     ["top_hunters", "plstats_hunters.php"],
  1008.                     ["top_mercenaries", "plstats_merc.php"],
  1009.                     ["top_shareholders", "sholders_stat.php"],
  1010.                     ["personal_records", `pl_hunter_stat.php?id=${getCookie("pl_id")}`],
  1011.  
  1012.                 ]
  1013.             },
  1014.             "isForumButton": {
  1015.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelForum.png",
  1016.                 "id": "MenuForum",
  1017.                 "href": "forum.php",
  1018.                 "dropDown": [
  1019.                     ["general_forum", "forum_thread.php?id=2"],
  1020.                     ["help_forum", "forum_thread.php?id=10"],
  1021.                     ["trade_forum", "forum.php#t1"],
  1022.                     ["reference", "help.php"],
  1023.                     ["hwm_newspaper", "https://daily.heroeswm.ru/"],
  1024.  
  1025.                 ]
  1026.             },
  1027.             "isChatButton": {
  1028.                 "image": "https://dcdn.heroeswm.ru/i/new_top/_panelChat.png",
  1029.                 "id": "MenuChat",
  1030.                 "href": "frames.php",
  1031.                 "dropDown": [
  1032.                     ["chat_1", "frames.php?room=0"],
  1033.                     ["chat_2", "frames.php?room=1"],
  1034.                     ["chat_3", "frames.php?room=2"],
  1035.                     ["chat_4", "frames.php?room=3"],
  1036.                     ["chat_5", "frames.php?room=4"],
  1037.                 ]
  1038.             },
  1039.         }
  1040.     }
  1041.  
  1042.     function getResourceLinks() {
  1043.         return {
  1044.             "gold": "roulette.php",
  1045.             "wood": "auction.php?cat=res&sort=0&type=1",
  1046.             "ore": "auction.php?cat=res&sort=0&type=2",
  1047.             "mercury": "auction.php?cat=res&sort=0&type=3",
  1048.             "sulfur": "auction.php?cat=res&sort=0&type=4",
  1049.             "crystals": "auction.php?cat=res&sort=0&type=5",
  1050.             "gems": "auction.php?cat=res&sort=0&type=6",
  1051.             "diamonds": "hwm_donate_page_new.php",
  1052.         }
  1053.     }
  1054.  
  1055.     function getStyles() {
  1056.         return `
  1057.         <style>
  1058.     body {
  1059.         margin: 0;
  1060.         padding: 0;
  1061.     }
  1062.  
  1063.     #new_header {
  1064.         display: flex;
  1065.         flex-direction: column;
  1066.         align-items: center;
  1067.     }
  1068.  
  1069.     .top_line {
  1070.         width: 100%;
  1071.         height: 32px;
  1072.         display: flex;
  1073.         flex-direction: row;
  1074.         flex-wrap: nowrap;
  1075.     }
  1076.  
  1077.     .top_left_container, .top_right_container {
  1078.         height: 100%;
  1079.         display: flex;
  1080.         flex-direction: row;
  1081.         flex-wrap: nowrap;
  1082.         flex-grow: 1;
  1083.     }
  1084.  
  1085.     .top_left_left {
  1086.         height: 100%;
  1087.         width: 52px;
  1088.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side2.png");
  1089.         background-size: 256px 32px;
  1090.         background-repeat: no-repeat;
  1091.     }
  1092.  
  1093.     .top_left_right {
  1094.         min-width: 100px;
  1095.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side1.png") no-repeat top right;
  1096.         background-size: 256px 32px;
  1097.  
  1098.     }
  1099.  
  1100.     /*#logo_container {*/
  1101.     /*    position: relative;*/
  1102.     /*}*/
  1103.     
  1104.     /*.logo {*/
  1105.     /*    max-width: 128px;*/
  1106.     /*    max-height: 64px;*/
  1107.     /*}*/
  1108.     #notifications {
  1109.         height: 32px;
  1110.         float: right;
  1111.         display: flex;
  1112.         flex-direction: row;
  1113.         flex-wrap: nowrap;
  1114.         align-items: center;
  1115.         margin-right: 10%;
  1116.     }
  1117.  
  1118.     #heart_container {
  1119.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/mm_rp_health.png");
  1120.         background-size: contain;
  1121.         width: 32px;
  1122.         height: 32px;
  1123.         margin: auto;
  1124.     }
  1125.  
  1126.     #heart_container:hover #health_amount {
  1127.         display: initial !important;
  1128.         position: absolute;
  1129.         color: white;
  1130.         transform: translate(10%, -100%);
  1131.         text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  1132.  
  1133.     }
  1134.  
  1135.     .sh_HMResIconBlock {
  1136.         position: relative;
  1137.         left: 15px;
  1138.         top: 15px;
  1139.     }
  1140.  
  1141.     .health_animation {
  1142.         position: relative;
  1143.     }
  1144.  
  1145.     #heart {
  1146.         width: 27px;
  1147.         height: 27px;
  1148.     }
  1149.  
  1150.     #mana_container {
  1151.         background-image: url("https://dcdn.heroeswm.ru/i/new_top/mm_rp_mana.png");
  1152.         background-size: contain;
  1153.         width: 32px;
  1154.         height: 32px;
  1155.         margin: auto;
  1156.         display: grid;
  1157.         grid-template-columns: 1fr;
  1158.         grid-template-rows: 1fr;
  1159.         overflow: hidden;
  1160.     }
  1161.     
  1162.     .mana_animation {
  1163.         position: relative;
  1164.         grid-column-start: 1;
  1165.         grid-row-start: 1;
  1166.         z-index: 4;
  1167.     }
  1168.  
  1169.     .mana {
  1170.         grid-column-start: 1;
  1171.         grid-row-start: 1;
  1172.         z-index: 3;
  1173.     }
  1174.  
  1175.     #mana_amount {
  1176.         grid-column-start: 1;
  1177.         grid-row-start: 1;
  1178.         z-index: 5;
  1179.         margin: auto;
  1180.         color: white;
  1181.     }
  1182.  
  1183.     #mana_container:hover #mana_amount {
  1184.         display: initial !important;
  1185.         color: white;
  1186.         text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  1187.     }
  1188.  
  1189.     .top_right_right {
  1190.         width: 52px;
  1191.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side2.png") no-repeat top right;
  1192.         background-size: 256px 32px;
  1193.     }
  1194.  
  1195.     .top_right_left {
  1196.         min-width: 100px;
  1197.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_side1.png") no-repeat top left;
  1198.         background-size: 256px 32px;
  1199.     }
  1200.  
  1201.     .top_wing_middle {
  1202.         min-width: 175px;
  1203.         width: 100%;
  1204.         background: url("https://dcdn.heroeswm.ru/i/new_top/extra_bg_mid.png") repeat-x top left;
  1205.         background-size: 32px;
  1206.     }
  1207.  
  1208.     .time_online_radio_container {
  1209.         display: flex;
  1210.         flex-direction: row;
  1211.         flex-wrap: nowrap;
  1212.         align-items: center;
  1213.         margin-left: 10%;
  1214.         
  1215.     }
  1216.     
  1217.     #hwm_time, #hwm_online {
  1218.         color: #ccb89f;
  1219.     }
  1220.  
  1221.     .top_resource_container {
  1222.         background: url("https://dcdn.heroeswm.ru/i/new_top/rp_bg_mid.png");
  1223.         background-size: contain;
  1224.     }
  1225.  
  1226.     .new_header_menu {
  1227.         background: url("https://dcdn.heroeswm.ru/i/new_top/mm_dd_tile.jpg");
  1228.         min-height: 70px;
  1229.         padding: 0;
  1230.         width: 100%;
  1231.         display: flex;
  1232.         flex-direction: row;
  1233.         flex-wrap: nowrap;
  1234.         justify-content: space-between;
  1235.     }
  1236.     .common_menu_container {
  1237.         margin-top: 5px;
  1238.         display: flex;
  1239.         flex-direction: row;
  1240.         flex-wrap: nowrap;
  1241.         justify-content: center;
  1242.         align-items: center;
  1243.         overflow: hidden;
  1244.     }
  1245.     .timers_container {
  1246.         display: flex;
  1247.         flex-direction: row;
  1248.         flex-wrap: nowrap;
  1249.         justify-content: center;
  1250.         align-items: center;
  1251.         overflow: hidden;
  1252.     }
  1253.     .mm_item {
  1254.         margin: 0;
  1255.     }
  1256.     .mm_item + .mm_item {
  1257.         
  1258.         margin-left: 5px;
  1259.     }
  1260.  
  1261.     .left_dragon, .right_dragon {
  1262.     }
  1263.     .left_dragon {
  1264.         transform: scaleX(-1);
  1265.     }
  1266.     
  1267.     .middle_menus {
  1268.         display: flex;
  1269.         flex-direction: column;
  1270.         justify-content: center;
  1271.         margin-bottom: 8px;
  1272.         margin-top: 8px;
  1273.     }
  1274.     
  1275.     .menu_button_text {
  1276.         height:100%;
  1277.         display: flex;
  1278.         justify-content: center;
  1279.         align-items: center;
  1280.         color: #fad49f;
  1281.         font-weight: bold;
  1282.     }
  1283.     
  1284.     .small_text_button {
  1285.         height:24px;
  1286.     }
  1287.     
  1288.     .small_text_inside {
  1289.         height:24px;
  1290.     }
  1291. </style>
  1292.         `
  1293.     }
  1294.  
  1295.     function getDarkStyles() {
  1296.         let mainTextColor = `#d0d0d0`
  1297.         return `
  1298.         <style>
  1299.         body {
  1300.             background: #1f2023 !important;
  1301.         }
  1302.         td, .forum > td {
  1303.             color: ${mainTextColor} !important;
  1304.             background-image: none !important;
  1305.         }
  1306.         font {
  1307.             color: ${mainTextColor} !important;
  1308.             opacity: 0.65;
  1309.         }
  1310.         a, .forum > a {
  1311.             color: ${mainTextColor} !important;
  1312.             /*opacity: 0.87;*/
  1313.         }
  1314.         div {
  1315.             color: #121212;
  1316.         }
  1317.         .txt {
  1318.             color: ${mainTextColor};
  1319.             /*opacity: 0.87;*/
  1320.         }
  1321.         .pi {
  1322.             color: ${mainTextColor};
  1323.             /*opacity: 0.87;*/
  1324.         }
  1325.         .wblight, .wb2, .wb td{
  1326.             background-color: #2d2f34;
  1327.         }
  1328.         
  1329.         .wbwhite {
  1330.             background-color: #383b40;
  1331.         }
  1332.         table.table3, table.table3 th {
  1333.             background-color: #383b40;
  1334.         }
  1335.         .forum tr:not(.second) > td {
  1336.             background-color: #383b40 !important;
  1337.         }
  1338.         table.forum tr.message_footer td {
  1339.             background-color: #27292d !important;
  1340.         }
  1341.         
  1342.         .forum span, .second {
  1343.             background-color: #2d2f34 !important;
  1344.         }
  1345.         #home_2 {
  1346.             color: ${mainTextColor};
  1347.         }
  1348.         #hwm_for_zoom {
  1349.             background-color: #27292d !important;
  1350.         }
  1351.         #hwm_for_zoom * {
  1352.             color: ${mainTextColor};
  1353.         }
  1354.         .dark_seconds {
  1355.             color: #a50909;
  1356.         }
  1357.         * {
  1358.             border-color: #55565d !important;
  1359.         }
  1360.         table td.tlight {
  1361.             background-color: #2d2f34 !important;
  1362.             background-image: none;
  1363.         }
  1364.         table td.twhite {
  1365.             background-color: #383b40 !important;
  1366.             background-image: none;
  1367.         }
  1368.         #pa,#pd, #pp, #pk, #pl, #pm, #pi, #ap, #sc {
  1369.             color: ${mainTextColor} !important;
  1370.         }
  1371.         </style>
  1372.         `
  1373.     }
  1374. })(window);