☰

HWM-UI-UX-MOD

try to take over the world!

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

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