G-E_Ceres

Greasy Fork is available in English.
Script de test - FR
当前为 2023-12-06 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         G-E_Ceres
// @namespace    http://tampermonkey.net/
// @version      0.2.9
// @description  Script de test - FR
// @license      MIT
// @author       Guiver
// @match        https://*.ogame.gameforge.com/game/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        GM_addStyle
// @grant        GM_listValues
// @grant        GM_getValue
// @grant        GM_addValueChangeListener
// @run-at document-end
// ==/UserScript==
'use strict';

// Header origine
document.getElementById("mmonetbar") !== null ? document.getElementById("mmonetbar").style.display = "none" : '';
document.getElementById("mmoNetbarSubmenu") !== null ? document.getElementById("mmoNetbarSubmenu").style.display = "none" : '';
document.getElementById("pagefoldtarget") !== null ? document.getElementById("pagefoldtarget").style.display = "none" : '';
document.getElementById("messages") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody").style.top = "auto" : '' : '';
document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.top = "auto" : '';
document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.display = "initial" : '';
document.getElementById("headerbarcomponent") !== null ? document.getElementById("headerbarcomponent").style.display = "none" : '';
document.body.style.lineHeight = "normal";
document.body.style.fontSize = "22px";
// Footer orgine
document.getElementById("siteFooter") !== null ? document.getElementById("siteFooter").style.display = "none" : '';
// Header affiché
// Menu burger
var ogmob_i = 0;
var ogmob_parentNode;
var ogmob_enfantNode;
// Langues
const ogmob_primes = 'Primes';
const ogmob_arbreTechno = 'Arbre technologique';
const ogmob_retourFlotte = ' (R)';
/*
----------------------------------
HEADER
----------------------------------
*/
if(1 === 1)
{
    // Création du nouveau header
    let ogmob_header = document.createElement("div");
    ogmob_header.id = "ogmob_header";
    // Menu Burger
    let ogmob_menuBurger = document.createElement('a');
    ogmob_menuBurger.id = 'ogmob_menuBurger';
    ogmob_menuBurger.href='#';
    ogmob_menuBurger.onclick = ogmob_openNav;
    let ogmob_iconBurger = document.createElement('span');
    ogmob_iconBurger.id = 'ogmob_iconBurger';
    let ogmob_traitBurger = document.createElement('span');
    ogmob_traitBurger.className = 'ogmob_traitBurger';
    ogmob_iconBurger.appendChild(ogmob_traitBurger);
    ogmob_traitBurger = document.createElement('span');
    ogmob_traitBurger.className = 'ogmob_traitBurger';
    ogmob_iconBurger.appendChild(ogmob_traitBurger);
    ogmob_traitBurger = document.createElement('span');
    ogmob_traitBurger.className = 'ogmob_traitBurger';
    ogmob_iconBurger.appendChild(ogmob_traitBurger);
    // Notification des missions
    if(document.getElementById("ipimenucomponent") !== null)
    {
        if(document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect") !== null)
        {
            ogmob_enfantNode = document.createElement('span');
            ogmob_enfantNode.className = 'ipiHintCollect';
            ogmob_enfantNode.innerHTML = document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect").innerHTML;
            ogmob_iconBurger.insertBefore(ogmob_enfantNode, ogmob_iconBurger.firstChild);
        }
    }
    ogmob_menuBurger.appendChild(ogmob_iconBurger);
    ogmob_header.appendChild(ogmob_menuBurger);
    // Joueur
    ogmob_enfantNode = document.createElement('p');
    ogmob_enfantNode.id = 'ogmob_nomClassement';
    var ogmob_nomJoueur = document.getElementById("playerName").querySelector("span.textBeefy").querySelector("a");
    ogmob_enfantNode.appendChild(ogmob_nomJoueur);
    // Classement
    let ogmob_classement = document.createElement('a');
    ogmob_classement.href = document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").href;
    ogmob_classement.innerHTML = document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").innerHTML + document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.replace(document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").outerHTML, '');
    ogmob_enfantNode.appendChild(ogmob_classement);
    ogmob_header.appendChild(ogmob_enfantNode);
    // Messages
    var ogmob_message = document.getElementById("message-wrapper").querySelector("a.messages");
    ogmob_message.id = 'ogmob_messageHeader';
    ogmob_message.className = '';
    ogmob_message.title = '';
    ogmob_enfantNode = document.createElement('img');
    ogmob_enfantNode.src = 'https://i.postimg.cc/VLZdzXH6/message.png';
    ogmob_message.appendChild(ogmob_enfantNode);
    ogmob_header.appendChild(ogmob_message);
    // Tchat
    var ogmob_chat = document.getElementById("message-wrapper").querySelector("a.chat");
    ogmob_chat.id = 'ogmob_chatHeader';
    ogmob_chat.className = '';
    ogmob_chat.title = '';
    ogmob_enfantNode = document.createElement('img');
    ogmob_enfantNode.src = 'https://i.postimg.cc/br8228Qw/chat.png';
    ogmob_chat.appendChild(ogmob_enfantNode);
    ogmob_header.appendChild(ogmob_chat);
    // Insertion du nouveau Header
    document.body.insertBefore(ogmob_header, document.body.firstChild);
    var ogmob_css =`
/* CSS OGMOB */
#ogmob_header {
  position: relative;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  top: 0px;
  left: 0px;
  height: max-content;
  width: calc(100% - 60px);
  background-color: black;
  border-bottom: 1px solid white;
  display: flex;
  text-align: center;
  align-items: center;
  line-height: normal;
}
#ogmob_header #ogmob_iconBurger span.ogmob_traitBurger {
  display: block;
  width: 40px;
  height: 4px;
  margin: 10px;
  background-color: white;
}
#ogmob_header #ogmob_iconBurger .ipiHintCollect {
  position: absolute;
  display: inline-block;
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  padding: 6px;
  line-height: 15px;
  text-align: center;
  color: #000;
}
#ogmob_header #ogmob_nomClassement {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  align-items: center;
}
#ogmob_header #ogmob_nomClassement a {
  margin: 0;
  padding: 0;
  color: #FFF;
  text-decoration: none;
  width: fit-content;
}
#ogmob_header #ogmob_messageHeader {
  padding-right: 30px !important;
}
#ogmob_header #ogmob_messageHeader, #ogmob_header #ogmob_chatHeader {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  height: 50px;
  width: auto;
  display: inherit;
  float: none;
  position: relative;
  background-size: cover;
  background-position: unset;
  background-image: none;
}
#ogmob_header #ogmob_messageHeader img, #ogmob_header #ogmob_chatHeader img {
  height: 100%;
  width: auto;
}
#ogmob_header .new_msg_count {
  position: absolute;
  top: -2px;
  right: 10px;
  display: inline-block;
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  padding: 6px;
  line-height: 15px;
  text-align: center;
  color: #000;
}
/* CSS OGAME ORIGINAL */
#siteHeader {
  display: none;
}
`
}
/*
----------------------------------
Menu de navigation
----------------------------------
*/
if(1 === 1)
{
    // Création du sideNav
    let ogmob_sideNavNode = document.createElement("div");
    ogmob_sideNavNode.id = "ogmob_sideNav";
    // Croix pour fermer
    ogmob_enfantNode = document.createElement('a');
    ogmob_enfantNode.id = 'ogmob_fermerSideNav';
    ogmob_enfantNode.href = '#';
    ogmob_enfantNode.innerHTML = 'x';
    ogmob_sideNavNode.appendChild(ogmob_enfantNode);
    let ogmob_flexLigneSideNav = document.createElement('div');
    ogmob_flexLigneSideNav.id = 'ogmob_flexLigneSideNav';
    let ogmob_flexColonneSideNav = document.createElement('div');
    ogmob_flexColonneSideNav.id = 'ogmob_flexColonneSideNav';
    // icone des officiers
    if(document.getElementById("commandercomponent") !== null)
    {
        ogmob_flexColonneSideNav.appendChild(document.getElementById("commandercomponent"));
    }
    // Happy hours
    if(document.getElementById("advicebarcomponent") !== null)
    {
        ogmob_flexColonneSideNav.appendChild(document.getElementById("advicebarcomponent"));
    }
    // Bandeau promotion
    if(document.getElementById("bannerSkyscrapercomponent") !== null)
    {
        ogmob_flexColonneSideNav.appendChild(document.getElementById("bannerSkyscrapercomponent"));
    }
    ogmob_flexLigneSideNav.appendChild(ogmob_flexColonneSideNav);
    // Menu
    let ogmob_menuSideNav = document.createElement("ul");
    ogmob_menuSideNav.id = 'ogmob_menuSideNav';
    var ogmob_menuLiSideNav;
    // Gestion des "missions"
    if(document.getElementById("ipiInnerMenuContentHolder") !== null)
    {
        ogmob_menuLiSideNav = document.createElement("li");
        ogmob_enfantNode = document.getElementById("ipiInnerMenuContentHolder").cloneNode(true);
        ogmob_enfantNode.id = 'ogmob_' + ogmob_enfantNode.id;
        ogmob_enfantNode.className = '';
        ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('div.ipiMenuHead').innerHTML;
        ogmob_menuLiSideNav.appendChild(ogmob_enfantNode);
        ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav);
    }
    if(document.getElementById("menuTable") !== null)
    {
        // Bouton "prime"
        if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRewards"]') !== null)
        {
            ogmob_menuLiSideNav = document.createElement("li");
            ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRewards"]').parentNode.cloneNode(true);
            ogmob_enfantNode.id = 'ogmob_ipiToolbarRewards';
            ogmob_enfantNode.innerHTML = ogmob_primes;
            ogmob_menuLiSideNav.appendChild(ogmob_enfantNode);
            ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav);
        }
        // Bouton "Technologie"
        if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTechnology"]') !== null)
        {
            ogmob_menuLiSideNav = document.createElement("li");
            ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTechnology"]').parentNode.cloneNode(true);
            ogmob_enfantNode.id = 'ogmob_ipiToolbarTechnology';
            ogmob_enfantNode.innerHTML = ogmob_arbreTechno;
            ogmob_menuLiSideNav.appendChild(ogmob_enfantNode);
            ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav);
        }
        // Bouton "mess des officiers"
        if(document.getElementById("menuTable").querySelector('a.officers') !== null)
        {
            ogmob_menuLiSideNav = document.createElement("li");
            ogmob_enfantNode = document.getElementById("menuTable").querySelector('a.officers').cloneNode(true);
            ogmob_enfantNode.className = '';
            ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('span').innerHTML;
            ogmob_menuLiSideNav.appendChild(ogmob_enfantNode);
            ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav);
        }
        // Bouton "Boutique"
        if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]') !== null)
        {
            ogmob_menuLiSideNav = document.createElement("li");
            ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]').cloneNode(true);
            ogmob_enfantNode.className = '';
            ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('span').innerHTML;
            ogmob_menuLiSideNav.appendChild(ogmob_enfantNode);
            ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav);
        }
    }
    // Récupération des menus du header d'origine à l'exeption de "joueur"(0) et "classement"(1)
    var ogmob_menusTop = document.getElementById("bar").querySelectorAll("ul li");
    ogmob_menusTop.forEach((ogmob_menuTop) => {
        if(ogmob_i > 1)
        {
            ogmob_menuSideNav.appendChild(ogmob_menuTop);
        }
        ogmob_i = ogmob_i + 1;
    });
    ogmob_flexLigneSideNav.appendChild(ogmob_menuSideNav);
    ogmob_sideNavNode.appendChild(ogmob_flexLigneSideNav);
    document.body.insertBefore(ogmob_sideNavNode, document.body.firstChild);

    ogmob_css = ogmob_css +
        `
#ogmob_sideNav {
  position: fixed;
  top: 0;
  height: 100%;
  width: max-content;
  display: none;
  z-index: 10;
  background-color: #042139;
  padding: 30px;
  transition: display 1s ease;
  border-right: 1px solid white;
  overflow: auto;
}
#ogmob_sideNav a#ogmob_fermerSideNav {
  width: 100%;
  font-size: 40px;
  text-align: right;
  text-decoration: none;
  color: #FFF;
  display: block;
}
#ogmob_sideNav #commandercomponent {
  position: relative;
  top: 0;
  left: 0;
  width: max-content;
  height: max-content;
  float: none;
  display:flex;
}
#ogmob_sideNav #commandercomponent div {
  position: relative;
  top: 0;
  left: 0;
  float: none;
}
#ogmob_sideNav #ogmob_flexLigneSideNav {
  display: flex;
}
#ogmob_sideNav #ogmob_flexColonneSideNav {
  display: flex;
  flex-direction: column;
}
#ogmob_sideNav #advicebarcomponent {
  width: max-content;
  height: max-content;
  padding: 0;
  margin: 0;
}
#ogmob_sideNav #advicebarcomponent a {
  width: max-content;
  height: max-content;
}
#ogmob_sideNav #advicebarcomponent span {
  font-size: 25px;
  width: max-content;
  height: max-content;
}
#ogmob_sideNav #advicebarcomponent div.adviceWrapper {
  float: none;
  margin: 0;
}
#banner_skyscraper a.close_details {
  display: none;
}
#ogmob_sideNav ul {
  list-style-type: none;
  margin: 0;
  padding-right: 20px;
  padding-left: 20px;
}
#ogmob_sideNav ul li {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding-bottom: 20px;
}
#ogmob_sideNav ul li a {
  position: relative;
  top: 0;
  rigth: 0;
  text-decoration: none;
  font-size: 25px;
  color: #FFF;
  display: block;
}
#ogmob_sideNav ul li a#ogmob_ipiInnerMenuContentHolder span {
  position: absolute;
  top: -15px;
  display: inline-block;
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  padding: 6px;
  line-height: 15px;
  text-align: center;
  color: #000;
}
/* CSS OGAME ORIGINAL */
#bannerSkyscrapercomponent, #ipimenucomponent, #bar, #box {
  display: none;
}
`;
}
/*
----------------------------------
Ressources
----------------------------------
*/
if(1 === 1)
{
    if(document.getElementById("resourcesbarcomponent") !== null)
    {
        document.getElementById("ogmob_header").parentNode.insertBefore(document.getElementById("resourcesbarcomponent"), document.getElementById("ogmob_header").nextSibling);
        var ogmob_ressources = document.getElementById("resources").querySelectorAll("div.resource_tile");
        var ogmob_supprListener;
        ogmob_ressources.forEach((ogmob_ressource) => {
            ogmob_supprListener = ogmob_ressource.querySelector("div.resource").cloneNode(true);
            ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.display = 'none' : '';
            ogmob_ressource.querySelector("div.resource").querySelector("span.value") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.display = 'none' : '';
            ogmob_ressource.querySelector("div.resource").style.display = "none";
            ogmob_ressource.querySelector("div.resource").id = "";
            ogmob_ressource.querySelector("div.resource").parentNode.insertBefore(ogmob_supprListener, ogmob_ressource.querySelector("div.resource").nextSibling);
        });
    }
    ogmob_css = ogmob_css +
`
#resourcesbarcomponent {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  display: block;
  float: none;
  padding-top: 10px;
}
#resourcesbarcomponent #resources {
  justify-content: space-between !important;
  text-align: center;
  align-items: center;
}
#resourcesbarcomponent #resources div.resource_tile {
  padding: 0;
  margin: 0;
  width: fit-content;
  height: fit-content;
  background: none;
  flex-grow: 1;
}
#resourcesbarcomponent #resources div.resource_tile div.resource {
  height: 60px!important;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 100%;
}
#resourcesbarcomponent #resources div.resource_tile div.resource div.resourceIcon {
  margin: 0;
  float: none;
}
#resourcesbarcomponent #resources div.resource_tile div.resource span.value {
  font: inherit!important;
  width: max-content;
  display: inherit;
  justify-content: inherit;
  position: inherit;
  bottom: inherit;
}
#resourcesbarcomponent #resources div.resource_tile div.resource span.value span {
  position: inherit;
  top: inherit;
  left: inherit;
  padding-top: 3px;
}
#resourcesbarcomponent #resources div.resource_tile div.resource a.overlay img {
  position: inherit;
  margin: 0;
}
#resourcesbarcomponent #resources div.resource_tile div.resource a.overlay div.darkmatter {
  display: none;
}
#resourcesbarcomponent #resources #darkmatter_box {
  position: inherit;
}
`;
}
/*
----------------------------------
Header mouvements de flottes
----------------------------------
*/
if(1 === 1)
{
    if(document.getElementById("notificationbarcomponent") !== null)
    {
        document.getElementById("resourcesbarcomponent").parentNode.insertBefore(document.getElementById("notificationbarcomponent"), document.getElementById("resourcesbarcomponent").nextSibling);
        document.getElementById("js_eventDetailsClosed") !== null ? document.getElementById("js_eventDetailsClosed").remove() : '';
        document.getElementById("js_eventDetailsOpen") !== null ? document.getElementById("js_eventDetailsOpen").remove() : '';
    }
    let ogmob_mutHeaderFlotte = new MutationObserver(mutationRecords => {
        if(document.getElementById("eventboxFilled").querySelector("p.event_list") !== null)
        {
            // "missions :" => "mission"
            document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.substring(0, document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.indexOf(':')) + document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.indexOf('<'), document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.length);
            // "," => " - "
            document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replaceAll(","," - ");
            // Suppression du texte "Suivant:"
            document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.indexOf(':') + 1,document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.length);
            // Suppression du texte "Type:"
            document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.indexOf(':') + 1,document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.length);
            // Inversion du type et du compteur
            document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1] !== null ? document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").insertBefore(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1], document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0]) : '';
        }
    });
    ogmob_mutHeaderFlotte.observe(document.getElementById("eventboxFilled"), {
        childList: true,
    });

    ogmob_css = ogmob_css +
`
#notificationbarcomponent {
  position: relative;
  top: 0;
  left: 0;
  width: 98%;
  height: max-content;
  display: block;
  margin-top: 5px;
  margin-left: 1%;
}
#notificationbarcomponent #message-wrapper {
  position: inherit;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  margin:0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  border: 2px solid white;
  border-radius: 20px;
  padding-left: 5px;
  background-color: rgba(0,0,0,0.3);
}
#notificationbarcomponent #messages_collapsed {
  position: inherit;
  float: inherit;
  font-size: inherit;
  height: max-content;
  line-height: inherit;
  margin: 0;
  overflow: inherit;
  text-align: inherit;
  width: 100%;
  left: 0;
  top: 0;
  flex-grow: 3;
}
#notificationbarcomponent #eventboxFilled {
  height: 50px;
}
#notificationbarcomponent #attack_alert {
  display: none;
}
#eventboxFilled p.event_list {
  text-align: center;
  display: flex;
  height: 50px;
  align-items: center;
  padding-left: 10px;
}
#eventboxFilled p.event_list span.undermark {
  display: none;
}
#eventboxFilled p.event_list p.event_list {
  width: 100%;
}
#eventboxFilled p.event_list p.event_list span.next_event span.friendly {
  color:white!important;
}
#eventboxFilled p.event_list p.event_list span.next_event {
  width:inherit!important;
}
`;
}
/*
----------------------------------
Mouvements de flottes
----------------------------------
*/
if(1 === 1)
{
    document.getElementById("eventlistcomponent") !== null ? document.getElementById("notificationbarcomponent").parentNode.insertBefore(document.getElementById("eventlistcomponent"), document.getElementById("notificationbarcomponent").nextSibling) : '';
    var ogmob_lignesFlotte;
    var ogmob_ajoutColonne;
    var omgmob_tooltipFlotte;
    var ogmob_gifFlotte;
    var ogmob_id = 0;
    var ogmob_idConcatene = 0;
    ogmob_i = 1;
    let ogmob_mutFlotte = new MutationObserver(mutationRecords => {
        //console.log(mutationRecords);
        if(document.getElementById("eventContent") !== null)
        {
            ogmob_lignesFlotte = document.getElementById("eventContent").querySelectorAll("tr");
            ogmob_lignesFlotte.forEach((ogmob_ligneFlotte) => {
                ogmob_id = ogmob_ligneFlotte.id.replace('eventRow-', '');
                ogmob_idConcatene = 0;
                // Expédition - il y'a 3 flottes
                if(ogmob_ligneFlotte.dataset.missionType == '15')
                {
                    // Expédition - Retour
                    if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
                    {
                        if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 2)) !== null)
                        {
                            ogmob_idConcatene = ogmob_id - 2;
                        }
                        if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                        {
                            ogmob_idConcatene = ogmob_id - 1;
                        }
                    }
                    // Expédition - délai d'expédition
                    else
                    {
                        if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                        {
                            return;
                        }
                    }
                }
                // Retour de flotte
                if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
                {
                    if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null)
                    {
                        ogmob_idConcatene = ogmob_id - 1;
                    }
                }
                if( ogmob_idConcatene != '0')
                {
                    // Heure du retour
                    ogmob_ajoutColonne = document.createElement("span");
                    ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id;
                    ogmob_ajoutColonne.className = 'arrivalTime';
                    if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null)
                    {
                        ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML + ogmob_retourFlotte;
                    }
                    document.getElementById('ogmob_colonneFlotte_' + ogmob_idConcatene).appendChild(ogmob_ajoutColonne);
                    return;
                }
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneFlotte_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneFlotte';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneFlotteMaColo_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneFlotteMaColo';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneDetailsFlotte_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneDetailsFlotte';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneTypeMission_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneTypeMission';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneDestination_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneDestination';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'ogmob_colonneAction_' + ogmob_id;
                ogmob_ajoutColonne.className = 'ogmob_colonneAction';
                document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne);
                // Countdown
                if(ogmob_ligneFlotte.querySelector("td.countDown") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span") !== null)
                    {
                        document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span"));
                    }
                }
                // Heure d'arrivée
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML
                    if(ogmob_ligneFlotte.dataset.returnFlight == 'true')
                    {
                        ogmob_ajoutColonne.className = 'arrivalTime';
                        ogmob_ajoutColonne.innerHTML = ogmob_ajoutColonne.innerHTML + ogmob_retourFlotte;
                    }
                }
                document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                // Ma colonie
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'originFleet' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.originFleet") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.originFleet").innerHTML
                }
                document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                // Coordonnée ma colonie
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'coordsOrigin' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.coordsOrigin") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.coordsOrigin").innerHTML
                }
                document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                // Tooltip Flotte
                if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector('span.tooltip') !== null)
                    {
                        omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector("span.tooltip");
                        ogmob_gifFlotte = 'https://i.postimg.cc/s282rJ77/retour.gif';
                    }
                }
                if(ogmob_ligneFlotte.querySelector("td.icon_movement") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector('span.tooltip') !== null)
                    {
                        omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector("span.tooltip");
                        ogmob_gifFlotte = 'https://i.postimg.cc/PqYL3Ysy/f9cb590cdf265f499b0e2e5d91fc75.gif';
                    }
                }
                document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).appendChild(omgmob_tooltipFlotte);
                // Gif de la flotte
                ogmob_ajoutColonne = document.createElement("img");
                ogmob_ajoutColonne.id = 'imgFleet' + ogmob_id;
                ogmob_ajoutColonne.className = 'imgFleet';
                ogmob_ajoutColonne.src = ogmob_gifFlotte;
                document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne);
                // Détails flotte
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'detailsFleet' + ogmob_id;
                ogmob_ajoutColonne.className = 'detailsFleet';
                if(ogmob_ligneFlotte.querySelector("td.detailsFleet") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span') !== null)
                    {
                        ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span').innerHTML
                    }
                }
                document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne);
                // Ordre de mission
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'missionFleet' + ogmob_id;
                ogmob_ajoutColonne.className = 'missionFleet';
                if(ogmob_ligneFlotte.querySelector("td.missionFleet") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.missionFleet").innerHTML
                }
                document.getElementById('ogmob_colonneTypeMission_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                // Nom destination
                if(ogmob_ligneFlotte.querySelector("td.destFleet") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector('span.tooltip') !== null)
                    {
                        document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector("span.tooltip"));
                    }
                    else
                    {
                        ogmob_ajoutColonne = document.createElement("span");
                        ogmob_ajoutColonne.id = 'destFleet' + ogmob_id;
                        ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destFleet").innerHTML
                        document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                    }
                }
                // Coordonné destination
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'destCoords' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.destCoords") !== null)
                {
                    ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destCoords").innerHTML
                }
                document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne);
                // Bouton retour
                ogmob_ajoutColonne = document.createElement("span");
                ogmob_ajoutColonne.id = 'reversal' + ogmob_id;
                if(ogmob_ligneFlotte.querySelector("td.sendMail") !== null)
                {
                    if(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal") !== null)
                    {
                        document.getElementById('ogmob_colonneAction_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal"));
                    }
                }
                // Mise en forme
                document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.gridRow = ogmob_i;
                document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.gridRow = ogmob_i;
                document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.gridRow = ogmob_i;
                document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.gridRow = ogmob_i;
                document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.gridRow = ogmob_i;
                document.getElementById("ogmob_colonneAction_" + ogmob_id).style.gridRow = ogmob_i;
                ogmob_i = ogmob_i + 1;
            });
            ogmob_i = 1;
        }
    });
    ogmob_mutFlotte.observe(document.getElementById("eventboxContent"), {
        childList: true,
    });

    ogmob_css = ogmob_css +
`
#eventlistcomponent {
  position: relative;
  top: 0;
  left: 0;
  width: 98%;
  height: max-content;
  display: block;
  margin-left: 1%;
}
#eventlistcomponent #eventboxContent {
  width: 100%;
  margin: 0;
  border: 2px solid white;
  border-top: none;
  border-radius: 20px;
}
#eventListWrap {
  display: grid;
  grid-row-gap: 10px;
  grid-template-columns: auto auto auto 50px auto 50px;
  padding: 5px 10px 5px 10px;
  justify-content: space-between;
}
span.ogmob_colonneFlotte, span.ogmob_colonneFlotteMaColo, span.ogmob_colonneDetailsFlotte, span.ogmob_colonneDestination {
  display: flex;
  flex-direction: column;
  align-items: center;
}
span.ogmob_colonneFlotte {
  grid-column: 1;
}
span.ogmob_colonneFlotteMaColo {
  grid-column: 2;
  align-self: center;
}
span.ogmob_colonneDetailsFlotte {
  grid-column: 3;
  align-self: center;
}
span.ogmob_colonneDetailsFlotte span.tooltip {
  background: none;
  display: inline-flex;
  height: 100%;
  width: 100%;
}
span.ogmob_colonneTypeMission {
  grid-column: 4;
  display: flex;
  align-items: center;
}
span.ogmob_colonneDestination {
  grid-column: 5;
  align-self: center;
}
span.ogmob_colonneAction {
  grid-column: 6;
  display: flex;
  align-items: center;
  justify-self: end;
}
span.ogmob_colonneAction span.reversal a {
  height: 50px;
  width: max-content;
  background: none;
}
span.ogmob_colonneAction span.reversal a img, span.missionFleet img {
  height: 50px;
  width: auto;
  vertical-align: middle;
}
span.detailsFleet {
  align-self: center;
  padding-left: 10px;
  height: 50px;
}
span.missionFleet {
  height: 50px;
  vertical-align: middle;
}
span.arrivalTime {
  color: #0aa2c1;
}
#eventHeader, #eventFooter, #eventContent, #top {
  display: none;
}
`;
}
/*
----------------------------------
Menu droite - Colonies
----------------------------------
*/
if(1 === 1)
{
    let ogmob_sideColonieNode = document.createElement("div");
    ogmob_sideColonieNode.id = "ogmob_sideColonie";
    let ogmob_sideColonieAjout = document.createElement("img");
    ogmob_sideColonieAjout.id = "ogmob_sideColonieFleche";
    ogmob_sideColonieAjout.src = "https://i.postimg.cc/m24ypqQ0/double-fleche.png";
    document.body.appendChild(ogmob_sideColonieAjout);
    document.body.appendChild(ogmob_sideColonieNode);
    document.getElementById("ogmob_sideColonie").appendChild(document.getElementById('planetbarcomponent'));
    document.getElementById("ogmob_sideColonieFleche").onclick = ogmob_sideColonie;

    ogmob_css = ogmob_css +
`
#ogmob_sideColonie {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  flex-direction: column;
  width: 250px;
  height: calc(100% - 162px);
  border-left: 1px solid white;
  background-color: black;
  z-index: 100;
  overflow: auto;
}
img#ogmob_sideColonieFleche {
  position: fixed;
  top: 50%;
  right: 30px;
  height: 50px;
  width: 50px;
  margin-bottom: 50px;
  z-index: 101;
}
#planetbarcomponent { width: 100% !important; }
#rechts {
  margin: 10px 0px 0px 0px !important;
  width: 100% !important;
  position: inherit !important;
  float: none !important;
}
#countColonies {
  background: #1c2025 !important;
  color: #FFF !important;
  position: inherit !important;
  height: max-content !important;
  width: 100% !important;
  font-size: 25px !important;
  margin: 0 !important;
  padding: 10px 0px 10px 0px;
  line-height: inherit !important;
  display: flex !important;
  flex-direction: column !important;
  align-content: center !important;
  align-items: center !important;
}
#countColonies p {
  display: block !important;
  line-height: inherit !important;
}
#planetList {
  display: flex !important;
  flex-direction: column !important;
  align-content: center !important;
  align-items: center !important;
}
#planetList div.smallplanet {
  margin: 0 !important;
  margin-top: 10px !important;
  height: max-content !important;
  width: max-content !important;
  position: inherit !important;
  display: flex !important;
}
#planetList div a.planetlink {
  height: max-content !important;
  width: max-content !important;
  display: flex !important;
  flex-direction: column !important;
  align-content: center !important;
  align-items: center !important;
}
#planetList div a.planetlink img {
  height: 60px !important;
  width: 60px !important;
}
#planetList div a.planetlink span.planet-name, #planetList div a.planetlink span.planet-koords {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
}
#planetbarcomponent #norm .active span.planet-name, #planetbarcomponent #norm .active span.planet-koords {
  color: #9c0 !important;
  font-weight: 700 !important;
}
#planetList div a.constructionIcon {
  position: inherit !important;
  top: 0 !important;
  left: 0 !important;
}
`;
}
/*
----------------------------------
Footer
----------------------------------
*/
let ogmob_Footer = document.createElement("div");
ogmob_Footer.id = "ogMobileFooter";
let ogmob_FooterGrid = document.createElement("div");
ogmob_FooterGrid.id = 'ogMobileFooter_grid';
ogmob_Footer.appendChild(ogmob_FooterGrid);
document.body.appendChild(ogmob_Footer);
var ogmob_colonneFooterTexte;
var ogmob_colonneFooterImg;
if(document.getElementById('menuTable') !== null)
{
    // Vue d'ensemble
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarOverview"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarOverview"]').id = 'ogmob_vueFooter';
        document.getElementById("ogmob_vueFooter").className = '';
        document.getElementById("ogmob_vueFooter").querySelector('span') !== null ? document.getElementById("ogmob_vueFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/nrbTVgff/vue-ensemble.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Vue';
        if(document.getElementById("planetList") !== null)
        {
            if(document.getElementById("planetList").querySelector('div.hightlightPlanet') !== null)
            {
                if(document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('span.planet-name') !== null)
                {
                    ogmob_colonneFooterTexte.innerHTML = document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('span.planet-name').innerHTML;
                }
            }
        }
        document.getElementById("ogmob_vueFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_vueFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_vueFooter"));
        document.getElementById("ogmob_vueFooter").style.gridRow = "1";
        document.getElementById("ogmob_vueFooter").style.gridColumn = "1";
    }
    // Ressource
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResourcebuildings"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResourcebuildings"]').id = 'ogmob_ressourceFooter';
        document.getElementById("ogmob_ressourceFooter").className = '';
        document.getElementById("ogmob_ressourceFooter").querySelector('span') !== null ? document.getElementById("ogmob_ressourceFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/ZYMz6k1F/ressources.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Ressources';
        document.getElementById("ogmob_ressourceFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_ressourceFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_ressourceFooter"));
        document.getElementById("ogmob_ressourceFooter").style.gridRow = "1";
        document.getElementById("ogmob_ressourceFooter").style.gridColumn = "2";
    }
    // Forme de vie
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarLifeformbuildings"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarLifeformbuildings"]').id = 'ogmob_fdvFooter';
        document.getElementById("ogmob_fdvFooter").className = '';
        document.getElementById("ogmob_fdvFooter").querySelector('span') !== null ? document.getElementById("ogmob_fdvFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/90RrhtyK/forme-de-vie.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Forme de vie';
        document.getElementById("ogmob_fdvFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_fdvFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_fdvFooter"));
        document.getElementById("ogmob_fdvFooter").style.gridRow = "1";
        document.getElementById("ogmob_fdvFooter").style.gridColumn = "3";
    }
    // Installation
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFacilities"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFacilities"]').id = 'ogmob_installationFooter';
        document.getElementById("ogmob_installationFooter").className = '';
        document.getElementById("ogmob_installationFooter").querySelector('span') !== null ? document.getElementById("ogmob_installationFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/vHPQGSQK/installation.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Installation';
        document.getElementById("ogmob_installationFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_installationFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_installationFooter"));
        document.getElementById("ogmob_installationFooter").style.gridRow = "1";
        document.getElementById("ogmob_installationFooter").style.gridColumn = "4";
    }
    //Recherche
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResearch"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarResearch"]').id = 'ogmob_rechercheFooter';
        document.getElementById("ogmob_rechercheFooter").className = '';
        document.getElementById("ogmob_rechercheFooter").querySelector('span') !== null ? document.getElementById("ogmob_rechercheFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/C117HxtF/recherche.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Recherche';
        document.getElementById("ogmob_rechercheFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_rechercheFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_rechercheFooter"));
        document.getElementById("ogmob_rechercheFooter").style.gridRow = "1";
        document.getElementById("ogmob_rechercheFooter").style.gridColumn = "5";
    }
    // Chantier spatial
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShipyard"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShipyard"]').id = 'ogmob_chantierFooter';
        document.getElementById("ogmob_chantierFooter").className = '';
        document.getElementById("ogmob_chantierFooter").querySelector('span') !== null ? document.getElementById("ogmob_chantierFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/02rZFn89/chantier-spatial.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Chantier';
        document.getElementById("ogmob_chantierFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_chantierFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_chantierFooter"));
        document.getElementById("ogmob_chantierFooter").style.gridRow = "1";
        document.getElementById("ogmob_chantierFooter").style.gridColumn = "6";
    }
    // Défense
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarDefense"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarDefense"]').id = 'ogmob_defenseFooter';
        document.getElementById("ogmob_defenseFooter").className = '';
        document.getElementById("ogmob_defenseFooter").querySelector('span') !== null ? document.getElementById("ogmob_defenseFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rmw0YhST/defense.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Défense';
        document.getElementById("ogmob_defenseFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_defenseFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_defenseFooter"));
        document.getElementById("ogmob_defenseFooter").style.gridRow = "1";
        document.getElementById("ogmob_defenseFooter").style.gridColumn = "7";
    }
    // Marchand
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTrader"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTrader"]').id = 'ogmob_marchandFooter';
        document.getElementById("ogmob_marchandFooter").className = '';
        document.getElementById("ogmob_marchandFooter").querySelector('span') !== null ? document.getElementById("ogmob_marchandFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/Vkc3Qqth/marchand.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Marchand';
        document.getElementById("ogmob_marchandFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_marchandFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_marchandFooter"));
        document.getElementById("ogmob_marchandFooter").style.gridRow = "2";
        document.getElementById("ogmob_marchandFooter").style.gridColumn = "1";
    }
    // Flotte
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFleet"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarFleet"]').id = 'ogmob_flotteFooter';
        document.getElementById("ogmob_flotteFooter").className = '';
        document.getElementById("ogmob_flotteFooter").querySelector('span') !== null ? document.getElementById("ogmob_flotteFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/L5cGsfbn/flotte.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Flotte';
        document.getElementById("ogmob_flotteFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_flotteFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_flotteFooter"));
        document.getElementById("ogmob_flotteFooter").style.gridRow = "2";
        document.getElementById("ogmob_flotteFooter").style.gridColumn = "2 / span 2";
    }
    // Galaxie
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarGalaxy"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarGalaxy"]').id = 'ogmob_galaxieFooter';
        document.getElementById("ogmob_galaxieFooter").className = '';
        document.getElementById("ogmob_galaxieFooter").querySelector('span') !== null ? document.getElementById("ogmob_galaxieFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/MHbr9pxX/galaxie.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Galaxie';
        document.getElementById("ogmob_galaxieFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_galaxieFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_galaxieFooter"));
        document.getElementById("ogmob_galaxieFooter").style.gridRow = "2";
        document.getElementById("ogmob_galaxieFooter").style.gridColumn = "4 / span 2";
    }
    // Alliance
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarAlliance"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarAlliance"]').id = 'ogmob_allianceFooter';
        document.getElementById("ogmob_allianceFooter").className = '';
        document.getElementById("ogmob_allianceFooter").querySelector('span') !== null ? document.getElementById("ogmob_allianceFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/t4PmBYmz/alliance.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Alliance';
        document.getElementById("ogmob_allianceFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_allianceFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_allianceFooter"));
        document.getElementById("ogmob_allianceFooter").style.gridRow = "2";
        document.getElementById("ogmob_allianceFooter").style.gridColumn = "6";
    }
    // Empire
    if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarEmpire"]') !== null)
    {
        document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarEmpire"]').id = 'ogmob_empireFooter';
        document.getElementById("ogmob_empireFooter").className = '';
        document.getElementById("ogmob_empireFooter").querySelector('span') !== null ? document.getElementById("ogmob_empireFooter").querySelector('span').style.display = 'none' : '';
        ogmob_colonneFooterImg = document.createElement("img");
        ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rp713J00/empire.png';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'Empire';
        document.getElementById("ogmob_empireFooter").appendChild(ogmob_colonneFooterImg);
        document.getElementById("ogmob_empireFooter").appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("ogmob_empireFooter"));
        document.getElementById("ogmob_empireFooter").style.gridRow = "2";
        document.getElementById("ogmob_empireFooter").style.gridColumn = "7";
    }
    // ceux qui restent
    var ogmob_menusFooter = document.getElementById("menuTable").querySelectorAll("li");
    ogmob_menusFooter.forEach((ogmob_menuFooter) => {
    });
}
// Suppression "left" d'origine
document.getElementById("left") !== null ? document.getElementById("left").style.display = 'none' : '';
document.getElementById("leftMenu") !== null ? document.getElementById("leftMenu").style.display = 'none' : '';

// Bottom
document.getElementById("chatbarcomponent") !== null ? document.getElementById("chatbarcomponent").style.display = 'none' : '';



ogmob_css = ogmob_css +
`
#ogMobileFooter {
  position: fixed;
  bottom: 0px;
  left: -2px;
  width: 100%;
  overflow: hidden;
  z-index: 100;
}
#ogMobileFooter_grid {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  width: 100%;
}
#ogMobileFooter_grid a, #ogMobileFooter_grid div {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 60px;
  align-items: center;
  align-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-radius: 20px 20px 0px 0px;
  background-color: #1c2025;
  color: #FFF;
  cursor: pointer;
}
#ogmob_allianceFooter, #ogmob_marchandFooter, #ogmob_empireFooter, #ogmob_flotteFooter, #ogmob_galaxieFooter {
  border-radius: 0px !important;
}
/*!css*/
`;


ogmob_css = ogmob_css +
`
/* Milieu */
#middle, #overviewcomponent, #inhalt, #planet, #detailWrapper, #header_text, #planetdata, #productionboxBottom {
  width: 100%;
}

/* CSS Ogame modifié */
html, body {
  height: max-content;
  margin-bottom: 162px;
  font-size: 25px!important;
}
.eventFleet td, .allianceAttack td {
  font-size: inherit!important;
}
div.tpd-content-wrapper h1, div.tpd-content, div.htmlTooltip, div.htmlTooltip tr, tr, td, th  {
  height: max-content;
  width: max-content;
  line-height: normal!important;
  font-size: 25px!important;
}
/*!css*/
`;

GM_addStyle(ogmob_css);

function ogmob_openNav() {
    if(window.getComputedStyle(document.getElementById("ogmob_sideNav")).display == "block")
    {
        document.getElementById("ogmob_sideNav").style.display = "none";
        document.body.onclick = '';
    }
    else
    {
        document.getElementById("ogmob_sideNav").style.display = "block";
        if(window.getComputedStyle(document.getElementById("ogmob_sideColonie")).display == "flex")
        {
            document.getElementById("ogmob_sideColonie").style.display = "none";
            document.getElementById("ogmob_sideColonieFleche").style.transform = "inherit";
        }
        event.stopPropagation();
        document.body.onclick = ogmob_openNav;
    }
}
function ogmob_sideColonie() {
    if(window.getComputedStyle(document.getElementById("ogmob_sideColonie")).display == "flex")
    {
        document.getElementById("ogmob_sideColonie").style.display = "none";
        document.getElementById("ogmob_sideColonieFleche").style.transform = "inherit";
        document.body.onclick = '';
    }
    else
    {
        document.getElementById("ogmob_sideColonie").style.display = "flex";
        document.getElementById("ogmob_sideColonieFleche").style.transform = "rotate(180deg)";
        if(window.getComputedStyle(document.getElementById("ogmob_sideNav")).display == "block")
        {
            document.getElementById("ogmob_sideNav").style.display = "none";
        }
        event.stopPropagation();
        document.body.onclick = ogmob_sideColonie;
    }
}

// Compatibilité OCGLight
if(document.querySelector('span.ogl_leftMenuIcon') !== null)
{
/*
----------------------------------
Menu de navigation
----------------------------------
*/
    if(1 === 1)
    {
        var ogmob_OCGLight_Css =
`
#ogmob_sideNav li.ogl_timeZone, #ogmob_sideNav li.ogl_planetsCount, #ogmob_sideNav li.ogl_ping {
  display: none !important;
}
div#banner_skyscraper {
  transform: none !important;
}
`;
    }
/*
----------------------------------
Ressources
----------------------------------
*/
    if(1 === 1)
    {
        // Titre des tootlips ressources
        // Métal
        let ogmob_mutMetal = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("metal_box").dataset.title !== null)
            {
                document.getElementById("metal_box").dataset.title = document.getElementById("metal_box").dataset.title.replace('Métal|<table class="resourceTooltip">', '<table id="resourceTooltipMetal" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Métal</td></tr>');
                ogmob_mutMetal.disconnect();
            }
        });
        ogmob_mutMetal.observe(document.getElementById("metal_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Cristal
        let ogmob_mutCristal = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("crystal_box").dataset.title !== null)
            {
                document.getElementById("crystal_box").dataset.title = document.getElementById("crystal_box").dataset.title.replace('Cristal|<table class="resourceTooltip">', '<table id="resourceTooltipCristal" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Cristal</td></tr>');
                ogmob_mutCristal.disconnect();
            }
        });
        ogmob_mutCristal.observe(document.getElementById("crystal_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Deuterium
        let ogmob_mutDeut = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("deuterium_box").dataset.title !== null)
            {
                document.getElementById("deuterium_box").dataset.title = document.getElementById("deuterium_box").dataset.title.replace('Deutérium|<table class="resourceTooltip">', '<table id="resourceTooltipDeut" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Deutérium</td></tr>');
                ogmob_mutDeut.disconnect();
            }
        });
        ogmob_mutDeut.observe(document.getElementById("deuterium_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Energie
        let ogmob_mutEnergie = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("energy_box").dataset.title !== null)
            {
                document.getElementById("energy_box").dataset.title = document.getElementById("energy_box").dataset.title.replace('Energie|<table class="resourceTooltip">', '<table id="resourceTooltipEnergie" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Energie</td></tr>');
                ogmob_mutEnergie.disconnect();
            }
        });
        ogmob_mutEnergie.observe(document.getElementById("energy_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Population
        let ogmob_mutPop = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("population_box").dataset.title !== null)
            {
                document.getElementById("population_box").dataset.title = document.getElementById("population_box").dataset.title.replace('Population|<table class="resourceTooltip">', '<table id="resourceTooltipPop" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Population</td></tr>');
                ogmob_mutPop.disconnect();
            }
        });
        ogmob_mutPop.observe(document.getElementById("population_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Nourriture
        let ogmob_mutNourriture = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("food_box").dataset.title !== null)
            {
                document.getElementById("food_box").dataset.title = document.getElementById("food_box").dataset.title.replace('Nourriture|<table class="resourceTooltip">', '<table id="resourceTooltipNourriture" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Nourriture</td></tr>');
                ogmob_mutNourriture.disconnect();
            }
        });
        ogmob_mutNourriture.observe(document.getElementById("food_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
        // Anti-matière
        let ogmob_mutAntiMa = new MutationObserver(mutationRecords => {
            //console.log(mutationRecords);
            if(document.getElementById("darkmatter_box").dataset.title !== undefined)
            {
                document.getElementById("darkmatter_box").dataset.title = document.getElementById("darkmatter_box").dataset.title.replace('Antimatière (AM)|<table class="resourceTooltip">', '<table id="resourceTooltipAntiMa" class="resourceTooltip"><tr><td colspan="2" style="text-align:center;">Antimatière</td></tr>');
                ogmob_mutAntiMa.disconnect();
            }
        });
        ogmob_mutAntiMa.observe(document.getElementById("food_box"), {
            childList: false, // observer les enfants directs
            attributes: true,
            subtree: false, // et les descendants aussi
            characterDataOldValue: false // transmettre les anciennes données au callback
        });
    ogmob_OCGLight_Css = ogmob_OCGLight_Css +
`
#resourcesbarcomponent #resources div.resource_tile div.resource div.resourceIcon div.ogl_storage {
  visibility: hidden;
}
#darkmatter_box a.overlay img {
  display: inherit;
}
.resourceTooltip {
  position: absolute;
  top: -2px;
  width:max-content;
  background:var(--p3);
  border-image:var(--uigradient) 1;
  border-style:solid;
  border-width:2px 2px 2px 2px;
  margin: 0!important;
  padding: 5px;
}
#resourceTooltipMetal {
  left: 0px;
}
#resourceTooltipCristal {
  left: -10px;
}
#resourceTooltipDeut {
  left: -50px;
}
#resourceTooltipEnergie {
  right: -100px;
}
#resourceTooltipPop {
  right: -50px;
}
#resourceTooltipNourriture {
  right: -10px;
}
#resourceTooltipAntiMa {
  right: 0px;
}
`;
    }
/*
----------------------------------
Header mouvements de flottes
----------------------------------
*/
if(1 === 1)
{
    ogmob_OCGLight_Css = ogmob_OCGLight_Css +
`
table.fleetinfo tbody {
  display: flex !important;
  flex-direction: column;
  grid-gap: 0px !important;
}
table.fleetinfo tr td.ogl_shipIcon {
  height: 50px !important;
  width: 50px !important;
}
table.fleetinfo tr td.ogl_metal, table.fleetinfo tr td.ogl_crystal, table.fleetinfo tr td.ogl_deut, table.fleetinfo tr td.ogl_dm, table.fleetinfo tr td.ogl_energy, table.fleetinfo tr td.ogl_food {
  background-position: center;
  display: table-cell !important;
  width: 48px !important;
  height: 32px !important;
  background: transparent url("//gf3.geo.gfsrv.net/cdned/7f14c18b15064d2604c5476f5d10b3.png") 0px 0px no-repeat !important;
}
table.fleetinfo tr td.ogl_metal {
  background-position: 0px -160px !important;
}
table.fleetinfo tr td.ogl_crystal {
  background-position: -48px -160px !important;
}
table.fleetinfo tr td.ogl_deut {
  background-position: -96px -160px !important;
}
table.fleetinfo tr td.ogl_dm {
  background-position: 0px -160px !important;
}
table.fleetinfo tr td.ogl_energy {
  background-position: -144px -160px !important;
}
table.fleetinfo tr td.ogl_food {
  background-position: -288px -160px !important;
}
table.fleetinfo tr.ogl_metal td.value, table.fleetinfo tr.ogl_crystal td.value, table.fleetinfo tr.ogl_deut td.value, table.fleetinfo tr.ogl_dm td.value, table.fleetinfo tr.ogl_energy td.value, table.fleetinfo tr.ogl_food td.value {
  font-size: 25px !important;
}
`;
}
/*
----------------------------------
Menu droite - Colonies
----------------------------------
*/
if(1 === 1)
{
    ogmob_OCGLight_Css = ogmob_OCGLight_Css +
`
#countColonies div.ogl_menuOptions {
  display: none !important;
}
#countColonies div.ogl_panel {
  position: inherit !important;
  font-size: 25px !important;
}
#countColonies div.ogl_panel div {
  height: 50px;
  line-height: inherit !important;
  font-size: 40px !important;
}
#countColonies div.ogl_panel div[data-title="Vue production"] {
  grid-column: 1 / span 2;
}
#countColonies div.ogl_panel div[data-title="Liste des cibles"] {
  grid-column: 3 / span 4;
}
#countColonies div.ogl_panel div[data-title="Vue économie"], #countColonies div.ogl_panel [data-title="Cible épinglée"] {
  display: none;
}
#planetList div.smallplanet a.planetlink, #planetList div.smallplanet a.planetlink img {
  position: inherit !important;
  background: none !important;
}
#planetList div.smallplanet a.planetlink span.planet-name, #planetList div.smallplanet a.planetlink span.planet-koords   {
  opacity: 1 !important;
  position: inherit !important;
  max-width: max-content;
  font-size: 25px !important;
}
#planetList div.smallplanet div.ogl_shortcut, #planetList div.smallplanet div.ogl_short, #planetList div.smallplanet div.ogl_timer {
  display: none !important;
}
#planetList div.smallplanet div.ogl_stock {
  line-height: inherit !important;
  flex-direction: column;
  align-items: center;
  margin: 0 !important;
  position: inherit !important;
  text-align: center !important;
}
#planetList div.smallplanet div.ogl_stock div {
  font-size: 25px !important;
  margin: 0 !important;
}
#planetList div.smallplanet div.ogl_missionType {
  position: inherit !important;
}
#rechts #norm div.ogl_resourcesSum, #rechts #norm div.ogl_keyList {
  display: none;
}
`;
}
// Footer
    if(document.getElementById("countColonies").querySelector('div.ogl_manageData') !== null)
    {
        ogmob_colonneFooterImg = document.createElement("a");
        ogmob_colonneFooterImg.href = '#';
        ogmob_colonneFooterImg.id = 'ogmob_ocglightFooter';
        ogmob_colonneFooterTexte = document.createElement("span");
        ogmob_colonneFooterTexte.innerHTML = 'OCGLIGHT';
        document.getElementById("ogmob_galaxieFooter").style.gridColumn = "4";
        document.getElementById("ogmob_allianceFooter").style.gridColumn = "5";
        document.getElementById("ogmob_empireFooter").style.gridColumn = "6";
        document.getElementById("countColonies").querySelector('div.ogl_manageData').style.gridRow = "2";
        document.getElementById("countColonies").querySelector('div.ogl_manageData').style.gridColumn = "7";
        document.getElementById("countColonies").querySelector('div.ogl_manageData').appendChild(ogmob_colonneFooterTexte);
        document.getElementById("ogMobileFooter_grid").appendChild(document.getElementById("countColonies").querySelector('div.ogl_manageData'));
    }

    ogmob_OCGLight_Css = ogmob_OCGLight_Css +
`
div.ogl_universeName {
  display: none;
}
div.ogl_tooltip {
  min-width: max-content !important;
  width: max-content !important;
  max-width: max-content !important;
}
#ogMobileFooter_grid div.ogl_manageData {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  align-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none !important;
  border-top: 1px solid white !important;
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
  border-radius: 0px 0px 0px 0px !important;
  background: #1c2025 !important;
  color: #FFF !important;
  line-height: inherit !important;
  box-sizing: unset !important;
  font-weight: inherit !important;
}
/*!css*/
`;
    GM_addStyle(ogmob_OCGLight_Css);
}