[MOD] Strategie Gamma "2.5"

[Ash Morpheus]

Hello!

Même si je suis ce qu'on peut appeler un fantôme, comme j'ai un peu de temps libre, j'ai pensé à vous petits joueurs d'Apo.
Je ne doute pas que macolu et Hugo ont plein de choses à faire, et l'idée avait été évoquée il y a quelques temps de faire un MOD visuel pour Apo, histoire de changer un peu de ces vieux graphiques qui commencent à dater.

Du coup... Voici mon mod.
Bon, c'est vraiment encore en phase de développement et ça ne couvre pour le moment que certains onglets (à savoir : Stratégie, Infrastructures, Com-X et Assemblée)
Il y a certainement pas mal de bugs, faites m'en part si vous en trouvez.

Le mod est optimisé pour une résolution de 1366*xxx pixels, mais devrait fonctionner sur des écrans plus grands, pas sur des écrans plus petits cependant.
Il a été testé sur Opera, Chrome et FireFox. Pour les autres navigateurs, je ne crains qu'il va falloir changer, désolé.

Screenshots :
Les screens ont un peu de mal à passer sur l'externe, voilà les liens : https://s19.postimg.org/45arzx2r7/Strategie.png ||| https://s19.postimg.org/u5y9ssbw3/Gestion.png ||| https://s19.postimg.org/6hirxifcj/Com-_X.png ||| https://s19.postimg.org/v1ur88lkj/Assemblee.png ||| https://s19.postimg.org/k63dcw0mr/Assemblee_2.png ||| https://s19.postimg.org/tk9awogtv/Assemblee_3.png







Comment installer?
Opera : Télécharger l'addon ViolentMonkey > cliquez sur l'icône > gérez les scripts > nouveau > copiez-collez le contenu plus bas
Chrome : Télécharger l'addon TamperMonkey > cliquez sur l'icone > ajouter un nouveau script > copiez-collez le contenu plus bas
FireFox : Télécharger l'addon TamperMonkey > Cliquez sur l'icône > ajouter un nouveau script > copiez-collez le contenu plus bas
--> Note aux utilisateurs de FireFox, GreaseMonkey rencontre des bugs qui le fait appliquer le style à toutes les pages, in-apo et hors-apo, préférez TamperMonkey.

À venir bientôt :
- Amélioration de l'interface "nouveau sujet" à l'Assemblée et dans les tavernes (c'est assez dur d'incorporer le vote...)

Questions fréquentes :
Puis-je adapter ce MOD sans l'autorisation de l'auteur?
- Oui bien sur. Ça vous appartient plus que ça ne m'appartient. Faites-en ce qui vous plait. Mais je ne suis pas responsable si ça ne marche pas après.

Est-il prévu que le MOD s'applique à tout le site ?
- Un jour peut-être, mais je vais lentement et je ne suis pas pressé

Est-ce que tu peux automatiser les tâches / ou les faciliter?
- Par souci d'équité, non. Mais je peux améliorer la visibilité parfois

Est-ce qu'on peut faire une requête?
- Oui, mais je ne garantis pas pouvoir m'y atteler

Est-ce que tu comptes mettre à jour souvent le MOD?
- Ça dépendra de ma motivation... Je dirais non mais peut-être.

Code : Tout sélectionner

// ==UserScript==
// @name        Apo_ModGlobal2
// @author      Warren Madanamoothoo & Scaum
// @namespace   scaum
// @version     2.3
// @grant       none
// @include     *apocalypsis*
// @exclude     *forum.apocalypsis*
// ==/UserScript==

/*Améliorations 2.3
- Modification de l'interface répondre / éditer un message à l'Assemblée (ne prend pas en compte les nouveaux sujets)
	-> Changement des images boutons
	-> Ajout d'un bouton pink
	-> Les boutons se trouvent désormais à gauche
	-> Agrandissement de la zone de texte
	-> Lissage mineur de l'interface
- Améliorations mineures

Attendu pour la version 2.3.5
- Modification de l'interface "nouveau sujet"

//MOD GLOBAL
/* MOD d'Apocalypsis crée par Ash Morpheus
 * MOD libre de droit et d'accès
 * Ce MOD n'est pas officiel et n'est pas soumis à l'aval des administrateurs d'Apocalypsis
 * Le travail effectué sur ce MOD est un travail bénévole en bêta, des erreurs sont très certainement présentes
 * Ce MOD n'a qu'une vocation esthétique et n'automatise aucune tâche
 * Apocalypsis et tout son contenu restent propriété des auteurs du site
 * Si vous pensez pouvoir l'améliorer au niveau du code, merci de contacter l'auteur du MOD */

//Add jQuery
function addJQuery(callback) {
	var script = document.createElement('script');
	script.setAttribute('src', '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');
	script.addEventListener('load', function () {
		var script = document.createElement('script');
		script.textContent = 'window.jQ=jQuery.noConflict(true);(' + callback.toString() + ')();';
		document.body.appendChild(script);
	}, false);
	document.body.appendChild(script);
}

// Main function

function main() {
	//Définition des variables
	var navBordBas = '',
	navBordCote = ''; //Couleur de la bordure
	var navFond0 = '',
	navFond1 = '',
	navFond2 = ''; //Couleur de fond de la barre de navigation

	//Gestion des cookies
	function setCookie(cname, cvalue, exdays) {
		var d = new Date();
		d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
		var expires = "expires=" + d.toUTCString();
		document.cookie = cname + "=" + cvalue + "; " + expires;
	}
	function getCookie(cname) {
		var name = cname + "=";
		var ca = document.cookie.split(';');
		for (var i = 0; i < ca.length; i++) {
			var c = ca[i];
			while (c.charAt(0) == ' ')
				c = c.substring(1);
			if (c.indexOf(name) == 0)
				return c.substring(name.length, c.length);
		}
		return "";
	}
	function eraseCookie(name) {
		setCookie(name, "", -1);
	}
	function getParam(vname, cookie) {
		var name = vname + "=";
		var ca = cookie.split(',');
		for (var i = 0; i < ca.length; i++) {
			var c = ca[i];
			while (c.charAt(0) == ' ')
				c = c.substring(1);
			if (c.indexOf(name) == 0)
				return c.substring(name.length, c.length);
		}
		return "";
	}
	function setParam(val1, val2, val3, val4, val5) {
		setCookie('apomod', "navBordBas=" + val1 + ",navBordCote=" + val2 + ",navFond0=" + val3 + ",navFond1=" + val4 + ",navFond2=" + val5, 2);
		return true;
	}

	//Récupération des changements (via cookies)

	var cookie = getCookie('apomod');

	if (cookie == '') {
		setCookie('apomod', '', 2);
	} else {
		navBordBas = getParam('navBordBas', cookie);
		navBordCote = getParam('navBordCote', cookie);
		navFond0 = getParam('navFond0', cookie);
		navFond1 = getParam('navFond1', cookie);
		navFond2 = getParam('navFond2', cookie);
	}

	/*NAVIGATION début*/

	// Cadre des messages
	if (navBordBas != '') {
		var x = '2px solid ' + navBordBas;
		jQ('.nav').css('border-bottom', x);
	} else {
		jQ('.nav').css('border-bottom', '2px solid firebrick');
	}
	if (navBordCote != '') {
		var x = '2px solid ' + navBordCote;
		jQ('.nav').css('border-left', x);
		jQ('.nav').css('border-right', x);
	} else {
		jQ('.nav').css('border-left', '2px solid crimson');
		jQ('.nav').css('border-right', '2px solid crimson');
	}
	if ((navFond0 != '') && (navFond1 != '') && (navFond2 != '')) {
		var x = 'rgba(' + navFond0 + ',' + navFond1 + ',' + navFond2 + ',1)';
		jQ('.nav').css('background', x);
	} else {
		jQ('.nav').css('background', 'rgba(0,0,0,1)');
	}

	// Dropdown-menu
	jQ('.dropdown-menu').css('border-bottom', '2px solid aquamarine');
	jQ('.dropdown-menu').css('border-left', '2px solid cornflowerblue');
	jQ('.dropdown-menu').css('border-right', '2px solid cornflowerblue');
	jQ('.dropdown-menu').css('border-top', '2px solid aquamarine');
	jQ('.dropdown-menu').css('background', 'rgba(0,0,0,0.9)');
	// Soutenir Apo
	jQ('.footer').css('position', 'absolute');
	jQ('.footer').css('top', '-40px');
	jQ('.footer').css('left', '1010px');
	jQ('.footer').css('width', '150px');
	jQ('.footer').css('margin', '10px');
	jQ('.footer').css('padding', '10px');
	jQ('.footer a').css('color', 'tomato');
	jQ('.footer').css('border', '2px solid white');
	jQ('.footer').css('border-radius', '15px');

	//Personalisation
	jQ('.backgroundimg').append('<div id="perso"> <li><a href="javascript:void(0);">Personnaliser</a></div><div><ul id="personalisation" style="display:none"></ul></li></div>');
	jQ('#personalisation').html('<form id="formPerso"><fieldset><label>Couleur navigation 1</label></br><span><input size="15" id="navBordBas" value="" type="text"> <a href="javascript:void(0);" onclick=javascript:window.open("http://rgb.to/html-color-names/1");>Couleurs</a></span></br><label>Couleur navigation 2</label></br><span><input size="15" id="navBordCote" value="" type="text"></span></br><label>Couleur navigation fond (rgb)</label></br><span><input size="3" id="navFond0" value="" type="text"><input size="3" id="navFond1" value="" type="text"><input size="3" id="navFond2" value="" type="text"></span></br></br><span><input id="envoyer" value="Envoyer" type="submit"> vide = défaut</span></fieldset></form>');
	jQ('#perso').css('position', 'absolute');
	jQ('#perso').css('left', '10px');
	jQ('#perso').css('top', '15px');
	jQ('#perso li').css('list-style-type', 'none');
	jQ('#perso a').css('color', 'tomato');
	jQ('#perso').css('border', '2px solid white');
	jQ('#perso').css('border-radius', '15px');
	jQ('#perso').css('margin', '10px');
	jQ('#perso').css('padding', '10px');
	jQ('#personalisation').css('z-index', '1000');
	if (document.getElementsByClassName('footer')[0]) {
		jQ('#perso').css('display', 'block');
	} else {
		jQ('#perso').css('display', 'none');
	}
	jQ('#perso a').click(function () {
		if (document.getElementById('personalisation').style.display == 'none') {
			jQ('#personalisation').css('display', 'block');
		} else {
			jQ('#personalisation').css('display', 'none');
		}
	});
	jQ('#personalisation').css('position', 'absolute');
	jQ('#personalisation').css('left', '10px');
	jQ('#personalisation').css('top', '70px');
	jQ('#formPerso fieldset').css('border', 'none');
	jQ('#personalisation').css('border-bottom', '2px solid aquamarine');
	jQ('#personalisation').css('border-left', '2px solid cornflowerblue');
	jQ('#personalisation').css('border-right', '2px solid cornflowerblue');
	jQ('#personalisation').css('border-top', '2px solid aquamarine');
	jQ('#personalisation').css('background', 'rgba(0,0,0,0.9)');
	jQ('#personalisation #envoyer').click(function () {
		setParam(jQ('#personalisation #navBordBas').val(), jQ('#personalisation #navBordCote').val(), jQ('#personalisation #navFond0').val(), jQ('#personalisation #navFond1').val(), jQ('#personalisation #navFond2').val());
	});
	jQ('#personalisation').css('width', '200px');

	/*NAVIGATION fin*/
	/*SRATEGIE_INFRASTRUCTURE début*/
	if (window.location.href.search('str') !=  - 1) {
		//Background Map
		jQ('#universe_map').css('border', '2px solid white');
		jQ('#universe_map').css('border-radius', '15px');
		jQ('#universe_map').css('background', 'url("http://i64.tinypic.com/2lly238.jpg")'); // Crédit image http://starkiteckt.deviantart.com
		// Images Tempérées
		jQ('img[src="/images/universe/temperee_fg0.jpg"]').attr('src', 'http://i64.tinypic.com/21abtpg.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/temperee_fg1.jpg"]').attr('src', 'http://i65.tinypic.com/30l1egx.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/temperee_fg2.jpg"]').attr('src', 'http://i63.tinypic.com/jg347l.jpg'); // Crédit image http://bareck.deviantart.com
		jQ('img[src="/images/universe/temperee_fg3.jpg"]').attr('src', 'http://i67.tinypic.com/k1wcjq.jpg'); // Crédit image http://stock7000.deviantart.com
		// Images Luxuriantes
		jQ('img[src="/images/universe/luxuriante_fg0.jpg"]').attr('src', 'http://i66.tinypic.com/23shdo1.jpg'); // Crédit image http://gileryd.deviantart.com
		jQ('img[src="/images/universe/luxuriante_fg1.jpg"]').attr('src', 'http://i63.tinypic.com/2ltlbv9.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/luxuriante_fg2.jpg"]').attr('src', 'http://i64.tinypic.com/qs0605.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/luxuriante_fg3.jpg"]').attr('src', 'http://i67.tinypic.com/1zeuy3t.jpg'); // Crédit image http://voyager212.deviantart.com
		// Images Glaciaires
		jQ('img[src="/images/universe/glaciaire_fg0.jpg"]').attr('src', 'http://i67.tinypic.com/f1drba.jpg'); // Crédit image http://fragile-stock.deviantart.com
		jQ('img[src="/images/universe/glaciaire_fg1.jpg"]').attr('src', 'http://i64.tinypic.com/33a6tmh.jpg'); // Crédit image http://fragile-stock.deviantart.com
		jQ('img[src="/images/universe/glaciaire_fg2.jpg"]').attr('src', 'http://i64.tinypic.com/erk3yv.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/glaciaire_fg3.jpg"]').attr('src', 'http://i65.tinypic.com/11b6j35.jpg'); // Crédit image http://stock7000.deviantart.com
		// Images Arides
		jQ('img[src="/images/universe/aride_fg0.jpg"]').attr('src', 'http://i64.tinypic.com/6hnrx1.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/aride_fg1.jpg"]').attr('src', 'http://i67.tinypic.com/vg3no7.jpg'); // Crédit image http://meta474.deviantart.com
		jQ('img[src="/images/universe/aride_fg2.jpg"]').attr('src', 'http://i67.tinypic.com/9huglv.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/aride_fg3.jpg"]').attr('src', 'http://i63.tinypic.com/2ymgaye.jpg'); // Crédit image http://psamtik.deviantart.com
		// Images Désertiques
		jQ('img[src="/images/universe/desertique_fg0.jpg"]').attr('src', 'http://i65.tinypic.com/28urbz5.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/desertique_fg1.jpg"]').attr('src', 'http://i66.tinypic.com/6elxn9.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/desertique_fg2.jpg"]').attr('src', 'http://i64.tinypic.com/14ltu21.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/desertique_fg3.jpg"]').attr('src', 'http://i68.tinypic.com/8wiql1.jpg'); // Crédit image http://stock7000.deviantart.com
		// Images décadence
		jQ('img[src="/images/universe/desertique_dead.jpg"]').attr('src', 'http://i67.tinypic.com/jpg8pt.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/aride_dead.jpg"]').attr('src', 'http://i63.tinypic.com/fwrm1v.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/luxuriante_dead.jpg"]').attr('src', 'http://i67.tinypic.com/2z8ye6b.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/glaciaire_dead.jpg"]').attr('src', 'http://i64.tinypic.com/33ok4s1.jpg'); // Crédit image http://stock7000.deviantart.com
		jQ('img[src="/images/universe/temperee_dead.jpg"]').attr('src', 'http://i65.tinypic.com/x1f42b.jpg'); // Crédit image http://stock7000.deviantart.com
		// Images Soleils
		// Crédits images  // elvenstock.deviantart.com  // lyra-elante.deviantart.com  // bm-jewell-stock.deviantart.com  // ektor182.deviantart.com  // adoreth.deviantart.com  // a-j-s.deviantart.com
		jQ('img[src="/images/universe/soleil0.jpg"]').attr('src', 'http://i66.tinypic.com/2ly4xds.jpg');
		jQ('img[src="/images/universe/soleil1.jpg"]').attr('src', 'http://i66.tinypic.com/205z9ua.jpg');
		jQ('img[src="/images/universe/soleil2.jpg"]').attr('src', 'http://i63.tinypic.com/2ypi16a.jpg');
		jQ('img[src="/images/universe/soleil3.jpg"]').attr('src', 'http://i66.tinypic.com/dvhezd.jpg');
		jQ('img[src="/images/universe/soleil4.jpg"]').attr('src', 'http://i63.tinypic.com/ac7tjl.jpg');
		jQ('img[src="/images/universe/soleil5.jpg"]').attr('src', 'http://i68.tinypic.com/list1.jpg');
		jQ('img[src="/images/universe/soleil6.jpg"]').attr('src', 'http://i66.tinypic.com/2agqc8n.jpg');
		jQ('img[src="/images/universe/soleil7.jpg"]').attr('src', 'http://i65.tinypic.com/2uzxut3.jpg');
		jQ('img[src="/images/universe/soleil8.jpg"]').attr('src', 'http://i63.tinypic.com/30xd6s7.jpg');
		jQ('img[src="/images/universe/soleil9.jpg"]').attr('src', 'http://i67.tinypic.com/25ujigy.jpg');
		jQ('img[src="/images/universe/soleil10.jpg"]').attr('src', 'http://i65.tinypic.com/w7n9ew.jpg');
		jQ('img[src="/images/universe/soleil11.jpg"]').attr('src', 'http://i63.tinypic.com/9hmde8.jpg');
		// Systèmes solaires
		jQ('img[src="/images/universe/system_fg0.jpg"]').attr('src', 'http://i63.tinypic.com/2gxnqkm.png');
		jQ('img[src="/images/universe/system_fg1.jpg"]').attr('src', 'http://i63.tinypic.com/de9x8n.png');
		jQ('img[src="/images/universe/system_fg2.jpg"]').attr('src', 'http://i64.tinypic.com/260zyqe.png');
		jQ('img[src="/images/universe/system_fg3.jpg"]').attr('src', 'http://i64.tinypic.com/294gieh.png');
		jQ('img[src="/images/universe/system_fg4.jpg"]').attr('src', 'http://i64.tinypic.com/34go8ia.png');
		jQ('img[src="/images/universe/system_fg5.jpg"]').attr('src', 'http://i63.tinypic.com/28b4a5j.png');
		jQ('img[src="/images/universe/system_fg6.jpg"]').attr('src', 'http://i68.tinypic.com/adcd1d.png');
		jQ('img[src="/images/universe/system_fg7.jpg"]').attr('src', 'http://i67.tinypic.com/o5bx1c.png');
		jQ('img[src="/images/universe/system_fg8.jpg"]').attr('src', 'http://i63.tinypic.com/uu8oi.png');
		jQ('img[src="/images/universe/system_fg9.jpg"]').attr('src', 'http://i64.tinypic.com/25zi69j.png');
		jQ('img[src="/images/universe/system_fg10.jpg"]').attr('src', 'http://i67.tinypic.com/685wds.png');
		jQ('img[src="/images/universe/system_fg11.jpg"]').attr('src', 'http://i63.tinypic.com/wwi4q0.png');
		//Images Secteurs
		jQ('img[src="/images/universe/sector_fg0.jpg"]').attr('src', 'http://i65.tinypic.com/2sbu5p4.png');
		jQ('img[src="/images/universe/sector_fg1.jpg"]').attr('src', 'http://i67.tinypic.com/2rcs9l3.png');
		jQ('img[src="/images/universe/sector_fg2.jpg"]').attr('src', 'http://i65.tinypic.com/1znu4wl.png');
		jQ('img[src="/images/universe/sector_fg3.jpg"]').attr('src', 'http://i64.tinypic.com/2yueumg.png');
		jQ('img[src="/images/universe/sector_fg4.jpg"]').attr('src', 'http://i66.tinypic.com/zxmsyw.png');
		jQ('img[src="/images/universe/sector_fg5.jpg"]').attr('src', 'http://i63.tinypic.com/2d6qn90.png');
		jQ('img[src="/images/universe/sector_fg6.jpg"]').attr('src', 'http://i65.tinypic.com/2u3vatc.png');
		jQ('img[src="/images/universe/sector_fg7.jpg"]').attr('src', 'http://i66.tinypic.com/dd25jm.png');
		jQ('img[src="/images/universe/sector_fg8.jpg"]').attr('src', 'http://i64.tinypic.com/flj1ns.png');
		jQ('img[src="/images/universe/sector_fg9.jpg"]').attr('src', 'http://i65.tinypic.com/2ezskco.png');
		jQ('img[src="/images/universe/blackhole.jpg"]').attr('src', 'http://img110.xooimage.com/files/9/a/9/blackhole-4f38595.png');
		// Autres Images
		jQ('img[src="/images/universe/coordonnee.jpg"]').attr('src', 'http://i68.tinypic.com/2d747c.jpg'); // Crédit image http://eon-krate32.deviantart.com
		jQ('img[src="/images/universe/coordonnee_small.jpg"]').attr('src', 'http://i68.tinypic.com/2d747c.jpg'); // Crédit image http://eon-krate32.deviantart.com
		// Boites
		jQ('.subbox').css('background', 'rgba(0,0,0,0.9)');
		jQ('.subbox').css('border', '2px solid white');
		jQ('.subbox').css('border-radius', '15px');
		jQ('#id_locator_form').css('color', '#aaa');
		jQ('#id_locator_form').css('font-weight', 'bold');
		jQ('#id_locator_form input').css('border', 'none');
		jQ('#id_locator_form input').css('background', 'none');
		jQ('#id_locator_form input').css('color', '#ccc');
		jQ('#id_locator_form input').css('font-weight', 'bold');
		jQ('#id_locator_form input').css('width', '15px');
		jQ('#id_locator_form input[type="submit"]').css('width', '30px');
		jQ('#id_locator_form a').css('display', 'none'); // Cacher boite aide galaxie/secteur/systeme/PC
		// Boites ordres
		jQ('#ordres_strat .innertabbox').css('display', 'block');
		jQ('#ordres_strat .subbox').css('display', 'block');
		jQ('#ordres_strat .innertabbox').css('visibility', 'visible');
		jQ('#ordres_strat .subbox').css('visibility', 'visible');
		jQ('#ordres_strat .infra_innertabbar').css('display', 'none');
		jQ('#ordres_strat .innertabbox').css('border', 'none');
		jQ('#ordres_strat .subbox').css('position', 'relative');
		jQ('#ordres_strat .innertabbox').css('position', 'absolute');
		jQ('#ordre_list').css('width', '200px');
		jQ('#ordre_list').css('right', '200px');
		jQ('#unit_list').css('width', '200px');
		jQ('#unit_list').css('height', 'auto');
		jQ('#unit_list').css('right', '-10px');
		jQ('#unit_list li').css('color', 'darkcyan'); // Changer couleur unités libre
		jQ('#flottes_here').css('width', '200px');
		jQ('#flottes_here').css('right', '-10px');
		jQ('#flottes_here').css('top', jQ('#unit_list').height() + 10 + 'px');
		// Infrastructures position blocs
		jQ('#infra_ordres .infra_innertabbar').css('display', 'none');
		jQ('#infra_units_list').css('border', 'none');
		jQ('#infra_bat_list').css('border', 'none');
		jQ('#infra_pla').css('position', 'absolute');
		jQ('#infra_pla').css('top', '0px');
		jQ('#infra_pla').css('left', '-100px');
		jQ('#infra_pla').css('width', '250px');
		jQ('#infra_main').css('position', 'absolute');
		jQ('#infra_main').css('left', '200px');
		jQ('#infra_main').css('width', '320px');
		jQ('#infra_bat_list').css('position', 'absolute');
		jQ('#infra_units_list').css('position', 'absolute');
		jQ('#infra_bat_list').css('display', 'block');
		jQ('#infra_units_list').css('display', 'block');
		jQ('#infra_bat_list').css('visibility', 'visible');
		jQ('#infra_units_list').css('visibility', 'visible');
		jQ('#infra_bat_list').css('width', '300px');
		jQ('#infra_units_list').css('width', '300px');
		jQ('#infra_bat_list').css('right', '220px');
		jQ('#infra_units_list').css('right', '-100px');
		jQ('#infra_bat_list li').css('color', 'darkcyan');
		// Visuel Infrastructure
		jQ('#id_img_planete').css('border', 'none');
		jQ('#id_img_planete').css('margin', '30px 0 30px 0');
		jQ('.title').css('color', 'crimson');
		jQ('.title a').css('color', '#ccc');
		jQ('.title a').hover(function () {
			jQ(this).css('color', 'forestgreen');
		}, function () {
			jQ(this).css('color', '#ccc');
		});
		//Disparition des boites ordres et flottes si vide
		if (jQ('#flottes_here .subbox').text() == '\n              ') {
			jQ('#flottes_here').css('display', 'none');
		}
		if (jQ('#ordre_list .subbox').text() == '\n              ') {
			jQ('#ordre_list').css('display', 'none');
		}
		jQ('h2').css('color', 'goldenrod');
		jQ('.subbox_sub p').css('color', '#ccc');
		jQ('.subbox_sub form p').css('color', '#aaa');
		jQ('.subbox_sub p a').css('color', '#ccc');
		jQ('.mainarea b').css('display', 'none'); // Enlever les boutons d'aide !!
		jQ('.subbox_sub p a').hover(function () {
			jQ(this).css('color', 'forestgreen');
		}, function () {
			jQ(this).css('color', '#ccc');
		});
		jQ('h2').css('color', 'goldenrod');
		// Bloc sélection planètes
		jQ('th').css('background', 'none');
		jQ('th').css('border', 'none');
		jQ('th').css('color', 'darkcyan');
		jQ('th').css('text-align', 'left');
		jQ('th').css('padding-left', '15px');
		jQ('tr').css('border', 'none');
		jQ('tr').css('border-bottom', '1px solid grey');
		jQ('tr').css('position', 'relative');
		jQ('td').css('border', 'none');
		//Modif macro-gestion
		jQ('form[name="macro1"] tr').css('border-bottom', 'none');
		jQ('form[name="macro1"] table').css('margin', 'auto');
		jQ('.even').css('background', 'rgba(255,255,255,0.1)');
		jQ('.selected').css('background', 'darkgoldenrod');
		// Noms des planètes - Stratégie
		jQ('#calque_names span').css('background', 'none');
		jQ('#calque_names span').css('text-shadow', '0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black');
		jQ('#calque_names span').css('font-family', 'Verdana, Geneva, sans-serif');
		jQ('#calque_names .ennemy span').css('color', 'orangered'); // Couleur planètes autres personnages
		//jQ('#calque_names .visible span').css('color','yellowgreen'); // Couleur planètes neutre
		//jQ('#calque_names .known span').css('color','teal'); // Couleur planètes joueur
	}
	/*STRATEGIE_INFRASTRUCTURE fin*/
	/*ASSEMBLEE début*/

	if (window.location.href.search('assemblee') !=  - 1) {
		// Cadre des messages
		jQ('.listing').css('border', '2px solid white');
		jQ('.listing').css({
			'border-radius': '15px',
			'-moz-border-radius': '15px',
			'-webkit-border-radius': '15px',
			'border-collapse': 'separate',
			'border-spacing': '0'
		});
		jQ('.listing').css('margin', '10px');
		jQ('.listing').css('margin-left', 'auto');
		jQ('.listing').css('margin-right', 'auto');
		jQ('.listing').css('padding', '10px');
		jQ('td:nth-child(1)').css({
			'-webkit-border-radius': '15px 0 0 0',
			'border-left': 'none'
		});
		jQ('th').css('background', 'none');
		jQ('th').css('border', 'none');
		jQ('th').css('color', 'darkcyan');
		jQ('th').css('text-align', 'left');
		jQ('th').css('padding-left', '15px');
		jQ('tr').css('border', 'none');
		jQ('tr').css('border-bottom', '1px solid grey');
		jQ('tr').css('position', 'relative');
		if (window.location.href.search('viewtopic') ==  - 1) {
			jQ('tr:odd').css('background', 'rgba(255,255,255,0.1)');
		}
		jQ('td').css('border', 'none');
		jQ('td:nth-child(1)').css('max-width', '350px');
		jQ('td:nth-child(3)').css('width', '100px');
		jQ('td:nth-child(4)').css('width', '150px');
		jQ('.selected').css('background', 'darkgoldenrod');
		// Barre sélection
		jQ('.subtabbar_nie').css('border-bottom', '2px solid firebrick');
		jQ('.subtabbar_nie').css('border-left', '2px solid crimson');
		jQ('.subtabbar_nie').css('border-right', '2px solid crimson');
		jQ('.subtabbar_nie').css('border-top', '2px solid crimson');
		jQ('.subtabbar_nie').css('border-radius', '5px 5px 10px 10px');
		jQ('.subtabs').css('border', 'none');
		jQ('.subtabbar_nie').css('background', 'rgba(0,0,0,0.5)');
		jQ('.subtabbar_nie').css('width', jQ('tr').width() + 60 + 'px');
		jQ('.subtabbar_nie').css('margin-left', (jQ('.subtabs').width() - jQ('tr').width()) / 2 - 35 + 'px');
		jQ('.red').remove();
		jQ('hr').remove();
		// Titre et sous-titre
		jQ('h2').css('color', 'goldenrod');
		jQ('h3').css('color', 'sandybrown');
		//code couleur lien, aussi pour les sujets de l'assemblée
		jQ('.wrap_allowed a').hover(function () {
			jQ(this).css('color', 'forestgreen');
		}, function () {
			jQ(this).css('color', '#ccc');
		});
		jQ('.title a').hover(function () {
			jQ(this).css('color', 'forestgreen');
		}, function () {
			jQ(this).css('color', '#ccc');
		});
		// Architecture
		jQ('.subarea p:nth-child(7)').css('width', '800px');
		jQ('.subarea p:nth-child(7)').css('margin', 'auto');
		jQ('.subarea p:nth-child(7)').css('margin-bottom', '10px');
		jQ('.subarea p:nth-child(7)').css('color', 'darkcyan');
		jQ('.subarea p:nth-child(7)').css('font-weight', 'bold');
		// Nouveau sujet
		jQ('.subarea p:nth-child(8)').css('background', 'rgba(0,0,0,0.9)');
		jQ('.subarea p:nth-child(8)').css('border', '2px solid white');
		jQ('.subarea p:nth-child(8)').css('border-radius', '15px');
		jQ('.subarea p:nth-child(8)').css('padding', '10px');
		jQ('.subarea p:nth-child(8)').css('width', '150px');
		jQ('.subarea p:nth-child(8)').css('margin', 'auto');
		jQ('td.post_right').css('width', '800px'); //Augmenter la largeur des messages
		/*AJAX début*/
		var debug_menu = 0;
		// Changer liens ouvrir personnage
		jQ('.mainarea .title a').attr('href', 'javascript:void(0)');
		jQ('.post_left a').attr('href', 'javascript:void(0)');
		// Mettre un cadre xx
		jQ('.mainarea').append('<div id="personnage_calque"><div id="personnage_xx"></div></div>');
		// Charger la fonction
		var x = 0,
		y = 0;
		jQ('.mainarea .title a, .post_left a').click(function () {
			var nomcom = $(this).text();
			var nomcomurl = nomcom;
			nomcomurl = '/showuser?&e_cap=' + nomcomurl;
			nomcomurl = nomcomurl.replace('cdt. ', '');
			nomcomurl = nomcomurl.replace('cdte. ', '');
			nomcomurl = nomcomurl.replace('coa. ', '');
			nomcomurl = nomcomurl.replace('Cdt. ', '');
			nomcomurl = nomcomurl.replace('Cdte. ', '');
			nomcomurl = nomcomurl.replace('Coa. ', '');
			nomcomurl = nomcomurl.replace(/ /g, '+');
			jQ('#personnage_xx').load(nomcomurl, function () {
				//Option nouveau message
				jQ('#personnage_xx a').attr('href', 'javascript:void(0)');
				// Charger la fonction
				jQ('.popup a').click(function () {
					var nomcomurl2 = nomcom;
					nomcomurl2 = '/diplomatie/new?&e_dest=' + nomcomurl2;
					nomcomurl2 = nomcomurl2.replace('cdt. ', '');
					nomcomurl2 = nomcomurl2.replace('cdte. ', '');
					nomcomurl2 = nomcomurl2.replace('coa. ', '');
					nomcomurl2 = nomcomurl2.replace('Cdt. ', '');
					nomcomurl2 = nomcomurl2.replace('Cdte. ', '');
					nomcomurl2 = nomcomurl2.replace('Coa. ', '');
					nomcomurl2 = nomcomurl2.replace(/ /g, '+');
					jQ('#personnage_xx').load(nomcomurl2, function () {
						function envMess() { //Sous forme de fonction car il faut l'exécuter 2 fois
							jQ('#personnage_xx form').attr('action', 'javascript:void(0);');
							jQ('#personnage_xx form input[name="e_submit"]').click(function () {
								var dest = jQ('#personnage_xx form input[name="e_dest"]').val();
								var sujet = jQ('#personnage_xx form input[name="e_subject"]').val();
								var message = jQ('#personnage_xx form textarea[name="d_body"]').val();
								var data = 'e_form_name=comx&e_dest=' + dest + '&e_subject=' + sujet + '&d_body=' + message + '&e_submit=Envoyer';
								var xhttp2 = new XMLHttpRequest();
								xhttp2.open('POST', nomcomurl2, true);
								xhttp2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
								xhttp2.send(data);
								$('#personnage_calque').fadeOut(500);
							});
						}
						function prevMess() { //idem
							jQ('#personnage_xx form').attr('action', 'javascript:void(0);');
							jQ('#personnage_xx form input[name="e_preview"]').click(function () {
								var dest = jQ('#personnage_xx form input[name="e_dest"]').val();
								var sujet = jQ('#personnage_xx form input[name="e_subject"]').val();
								var message = jQ('#personnage_xx form textarea[name="d_body"]').val();
								var data = 'e_form_name=comx&e_dest=' + dest + '&e_subject=' + sujet + '&d_body=' + message + '&e_preview=Prévisualiser';
								var xhttp = new XMLHttpRequest();
								xhttp.open('POST', nomcomurl2, true);
								xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

								xhttp.onreadystatechange = function (aEvt) {
									if (xhttp.readyState == 4) {
										if (xhttp.status == 200) {
											jQ('#personnage_xx').html(xhttp.responseText);
											prevMess();
											envMess();
										} else
											console.log("Erreur pendant le chargement de la page.\n");
									}
								};

								xhttp.send(data);

							});
						}
						prevMess();
						envMess();
					});
					y = 1;
				});
			});
			jQ('#personnage_calque').fadeIn(500);
		});
		jQ(document).keyup(function (e) {
			if (e.keyCode === 27)
				$('#personnage_calque').fadeOut(500);
		});
		jQ('#personnage_xx').click(function () {
			x = 1;
		});
		jQ('#personnage_calque').click(function () {
			if (x == 0 && y == 0) {
				$(this).fadeOut(500);
			} else {
				x = 0;
			}
		});
		// Stylisation de la fenêtre
		jQ('#personnage_calque').css('display', 'none');
		jQ('#personnage_calque').css('height', window.innerHeight);
		jQ('#personnage_calque').css('width', window.innerWidth);
		jQ('#personnage_calque').css('position', 'fixed');
		jQ('#personnage_calque').css('left', '0px');
		jQ('#personnage_calque').css('top', '0px');
		jQ('#personnage_calque').css('background', 'rgba(0,0,0,0.6)');
		jQ('#personnage_xx').css('width', '600px');
		jQ('#personnage_xx').css('height', '400px');
		jQ('#personnage_xx').css('margin', 'auto');
		jQ('#personnage_xx').css('margin-top', (window.innerHeight - jQ('#personnage_xx').height()) / 2);
		jQ('#personnage_xx').css('background', 'rgba(0,0,0,0.95)');
		jQ('#personnage_xx').css('overflow', 'auto');
		jQ('#personnage_xx').css('border', '2px solid white');
		jQ('#personnage_xx').css('border-radius', '20px');
		// Debug menu dropdown
		$('.dropdown').click(function () {
			if ($(this).hasClass('debug_open')) {
				$('.dropdown-menu', this).css('visibility', 'hidden');
				$('.dropdown-menu', this).css('display', 'none');
				$(this).removeClass('debug_open');
			} else {
				$('.dropdown').removeClass('debug_open');
				$('.dropdown-menu').css('visibility', 'hidden');
				$('.dropdown-menu').css('display', 'none');
				$('.dropdown-menu', this).css('visibility', 'visible');
				$('.dropdown-menu', this).css('display', 'block');
				$(this).addClass('debug_open');
			}
		});
		$('.dropdown a').removeAttr('data-toggle');
	}
	/*AJAX fin*/
	/*ASSEMBLEE fin*/
	/*DIPLOMATIE début*/

	if (window.location.href.search('diplomatie') !=  - 1) {
		// Cadre des messages
		jQ('th').css('background', 'none');
		jQ('th').css('border', 'none');
		jQ('th').css('color', 'darkcyan');
		jQ('th').css('text-align', 'left');
		jQ('th').css('padding-left', '15px');
		jQ('tr').css('border', 'none');
		jQ('tr').css('border-bottom', '1px solid grey');
		jQ('tr').css('position', 'relative');
		jQ('tr:odd').css('background', 'rgba(255,255,255,0.1)');
		jQ('td').css('border', 'none');
		jQ('td').css('width', '150px');
		jQ('td:nth-child(1)').css('width', '120px');
		jQ('td:nth-child(3)').css('width', '200px');
		jQ('td:nth-child(4)').css('width', '15px');
		jQ('.selected').css('background', 'darkgoldenrod');
		// Boites
		jQ('.subbox').css('background', 'rgba(0,0,0,0.9)');
		jQ('.subbox').css('border', '2px solid white');
		jQ('.subbox').css('border-radius', '15px');

		// Boutons supprimer
		jQ('.subarea span input').css('background', 'rgba(0,0,0,0.9)');
		jQ('.subarea span input').css('border', '2px solid white');
		jQ('.subarea span input').css('border-radius', '15px');
		jQ('.subarea span input').css('padding', '7px');
		jQ('.subarea span input').css('margin-right', '15px');
		jQ('.subarea span input').css('font-weight', 'bold');
		jQ('.subarea span input:nth-child(1)').css('margin-left', jQ('.subarea').width() / 4 - 30 + 'px');
		jQ('.subarea span input').clone().css('margin-bottom', '10px').prependTo('.subarea');
		// Exporter
		jQ('a[href="/diplomatie/export"]').css('color', '#ccc');
		// Envoyé / Reçu
		var largeurER = document.body.getElementsByClassName('listing')[0].offsetWidth; //Récupère la largeur de l'affichage desmessages reçu, pour mettre la barre à la même taille
		largeurER = largeurER + 'px';
		jQ('.subtabbar_nie').css('border-bottom', '2px solid firebrick');
		jQ('.subtabbar_nie').css('border-left', '2px solid crimson');
		jQ('.subtabbar_nie').css('border-top', '2px solid crimson'); //Encadrer aussi au dessus
		jQ('.subtabbar_nie').css('border-right', '2px solid crimson');
		jQ('.subtabbar_nie').css('border-radius', '5px 5px 10px 10px');
		jQ('.subtabs').css('border', 'none');
		jQ('.subtabbar_nie').css('background', 'rgba(0,0,0,0.5)');
		jQ('.subtabbar_nie').css('width', largeurER); //Taille de la barre E/R
		jQ('.subtabbar_nie').css('margin-left', 'auto'); //Centrer cette barre
		jQ('.subtabbar_nie').css('margin-right', 'auto');
	}
	/*DIPLOMATIE fin*/

	/* NOUVELLE REPONSE ASSEMBLEE DÉBUT */

	if (window.location.href.search('newpost') !=  - 1 || window.location.href.search('editpost') !=  - 1) {

		// Nouvelles Images icones modification texte
		jQ('img[src="/images/icons/32x32/textEditor/b.png"]').attr('src', 'https://s19.postimg.org/71cmlg8xf/Gras.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/i.png"]').attr('src', 'https://s19.postimg.org/u954cbygj/Italic_text.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/u.png"]').attr('src', 'https://s19.postimg.org/zehb3e9f7/Under.png').attr('width', '75px');
		jQ('img[src="https://s19.postimg.org/55gnit5bn/Under_v2.png"]').parent('a').append('<br>'); // Mettre à la ligne après souligné
		jQ('img[src="/images/icons/32x32/textEditor/small.png"]').attr('src', 'https://s19.postimg.org/tgv23lyr7/Petit_v2.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/big.png"]').attr('src', 'https://s19.postimg.org/nbyycjh9v/Grand_v2.png').attr('width', '75px').after('<a id="newpost_link"><img src="https://s19.postimg.org/viqy447cj/Link_v2.png" alt="Link" title="Link" width="75px" height="75px"></a>');
		jQ('img[src="/images/icons/32x32/textEditor/red.png"]').attr('src', 'https://s19.postimg.org/q3mtgw56b/Red_v2.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/blue.png"]').attr('src', 'https://s19.postimg.org/oafbetulv/Blue_v2.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/orange.png"]').attr('src', 'https://s19.postimg.org/ux6klr1o3/Orange_v2.png').attr('width', '75px');
		jQ('img[src="https://s19.postimg.org/ux6klr1o3/Orange_v2.png"]').parent('a').append('<br>'); // Mettre à la ligne après orange
		jQ('img[src="/images/icons/32x32/textEditor/yellow.png"]').attr('src', 'https://s19.postimg.org/nv8mzjy2b/Yellow_v2.png').attr('width', '75px');
		jQ('img[src="/images/icons/32x32/textEditor/green.png"]').attr('src', 'https://s19.postimg.org/bx2h7x4xf/Green_v2.png').attr('width', '75px').after('<a id="newpost_pink"><img src="https://s19.postimg.org/ua7nw84s3/Pink_v2.png" alt="Rose" title="Rose" width="75px" height="75px"></a>');
		jQ('img[src="/images/icons/32x32/textEditor/link.png"]').css('display', 'none');
		jQ('#newpost_link').attr('href', 'javascript:toolbar("link","newpost","d_reply")').append("<br>");
		jQ('#newpost_pink').attr('href', 'javascript:toolbar("pink","newpost","d_reply")');
		jQ('a img').not('.nav a img').css('margin', '0 10px 10px 0'); // Éloigner un peu les icones pour que ce soit un peu plus esthétique

		// Gras
		jQ('img[src="https://s19.postimg.org/71cmlg8xf/Gras.png"]').wrap('<div id="hoverTextBold" class="hoverText"></div>');
		jQ('#hoverTextBold').css('background', 'url("https://s19.postimg.org/efo68lqnn/Gras_v2.png")');
		jQ('img[src="https://s19.postimg.org/71cmlg8xf/Gras.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Italique
		jQ('img[src="https://s19.postimg.org/u954cbygj/Italic_text.png"]').wrap('<div id="hoverTextItalic" class="hoverText"></div>');
		jQ('#hoverTextItalic').css('background', 'url("https://s19.postimg.org/7vxdpixir/Base.png")');
		jQ('#hoverTextItalic').hover(function () {
			italic = 0;
			itime = setInterval(italtimer, 20);
			function italtimer() {
				if (italic == 20) {
					clearInterval(itime);
				} else {
					italic = italic + 1;
				}
				$('img[src="https://s19.postimg.org/u954cbygj/Italic_text.png"]').css('transform', 'skew(-' + italic + 'deg)');
			}
		}, function () {
			clearInterval(itime);
			italic2 = italic;
			itime2 = setInterval(italtimer2, 20);
			function italtimer2() {
				if (italic2 === 0) {
					clearInterval(itime2);
				} else {
					italic2 = italic2 - 1;
				}
				$('img[src="https://s19.postimg.org/u954cbygj/Italic_text.png"]').css('transform', 'skew(-' + italic2 + 'deg)');
			}
		});
		// Souligné
		jQ('img[src="https://s19.postimg.org/zehb3e9f7/Under.png"]').wrap('<div id="hoverTextUnderline" class="hoverText"></div>');
		jQ('#hoverTextUnderline').css('background', 'url("https://s19.postimg.org/55gnit5bn/Under_v2.png")');
		jQ('img[src="https://s19.postimg.org/zehb3e9f7/Under.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		jQ('#hoverTextUnderline').parent('a').append('<br>'); // Mettre à la ligne après souligné / correction
		// Petit
		jQ('img[src="https://s19.postimg.org/tgv23lyr7/Petit_v2.png"]').wrap('<div id="hoverTextSmall" class="hoverText"></div>');
		jQ('#hoverTextSmall').hover(function () {
			small = 1;
			smtime = setInterval(smtimer, 20);
			function smtimer() {
				if (small < 0.8) {
					clearInterval(smtime);
				} else {
					small = small - 0.01;
				}
				$('#hoverTextSmall').css('transform', 'scale(' + small + ')');
			}
		}, function () {
			clearInterval(smtime);
			small2 = small;
			smtime2 = setInterval(smtimer2, 20);
			function smtimer2() {
				if (small2 > 1) {
					clearInterval(smtime2);
				} else {
					small2 = small2 + 0.01;
				}
				$('#hoverTextSmall').css('transform', 'scale(' + small2 + ')');
			}
		});
		// Grand
		jQ('img[src="https://s19.postimg.org/nbyycjh9v/Grand_v2.png"]').wrap('<div id="hoverTextBig" class="hoverText"></div>');
		jQ('#hoverTextBig').hover(function () {
			biggy = 1;
			bigtime = setInterval(bigtimer, 20);
			function bigtimer() {
				if (biggy > 1.2) {
					clearInterval(bigtime);
				} else {
					biggy = biggy + 0.01;
				}
				$('#hoverTextBig').css('transform', 'scale(' + biggy + ')');
			}
		}, function () {
			clearInterval(bigtime);
			biggy2 = biggy;
			bigtime2 = setInterval(bigtimer2, 20);
			function bigtimer2() {
				if (biggy2 < 1) {
					clearInterval(bigtime2);
				} else {
					biggy2 = biggy2 - 0.01;
				}
				$('#hoverTextBig').css('transform', 'scale(' + biggy2 + ')');
			}
		});
		// Lien
		jQ('img[src="https://s19.postimg.org/viqy447cj/Link_v2.png"]').wrap('<div id="hoverTextLink" class="hoverText"></div>');
		jQ('#hoverTextLink').hover(function () {
			linky = 0;
			linktime = setInterval(linktimer, 20);
			function linktimer() {
				if (linky > 20) {
					clearInterval(linktime);
				} else {
					linky = linky + 1;
				}
				$('#hoverTextLink').css('transform', 'rotate(-' + linky + 'deg)');
			}
		}, function () {
			clearInterval(linktime);
			linky2 = linky;
			linktime2 = setInterval(linktimer2, 20);
			function linktimer2() {
				if (linky2 < 1) {
					clearInterval(linktime2);
				} else {
					linky2 = linky2 - 1;
				}
				$('#hoverTextLink').css('transform', 'rotate(-' + linky2 + 'deg)');
			}
		});
		// Rouge
		jQ('img[src="https://s19.postimg.org/q3mtgw56b/Red_v2.png"]').wrap('<div id="hoverTextRed" class="hoverText"></div>');
		jQ('#hoverTextRed').css('background', 'url("https://s19.postimg.org/vvpqjtl4j/Red.png")');
		jQ('img[src="https://s19.postimg.org/q3mtgw56b/Red_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Bleu
		jQ('img[src="https://s19.postimg.org/oafbetulv/Blue_v2.png"]').wrap('<div id="hoverTextBlue" class="hoverText"></div>');
		jQ('#hoverTextBlue').css('background', 'url("https://s19.postimg.org/x87flpik3/Blue.png")');
		jQ('img[src="https://s19.postimg.org/oafbetulv/Blue_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Orange
		jQ('img[src="https://s19.postimg.org/ux6klr1o3/Orange_v2.png"]').wrap('<div id="hoverTextOrange" class="hoverText"></div>');
		jQ('#hoverTextOrange').css('background', 'url("https://s19.postimg.org/satv0lgkz/Orange.png")');
		jQ('img[src="https://s19.postimg.org/ux6klr1o3/Orange_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Jaune
		jQ('img[src="https://s19.postimg.org/nv8mzjy2b/Yellow_v2.png"]').wrap('<div id="hoverTextYellow" class="hoverText"></div>');
		jQ('#hoverTextYellow').css('background', 'url("https://s19.postimg.org/5h0wrcrw3/Yellow.png")');
		jQ('img[src="https://s19.postimg.org/nv8mzjy2b/Yellow_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Vert
		jQ('img[src="https://s19.postimg.org/bx2h7x4xf/Green_v2.png"]').wrap('<div id="hoverTextGreen" class="hoverText"></div>');
		jQ('#hoverTextGreen').css('background', 'url("https://s19.postimg.org/bj8jhugc3/Green.png")');
		jQ('img[src="https://s19.postimg.org/bx2h7x4xf/Green_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});
		// Rose
		jQ('img[src="https://s19.postimg.org/ua7nw84s3/Pink_v2.png"]').wrap('<div id="hoverTextPink" class="hoverText"></div>');
		jQ('#hoverTextPink').css('background', 'url("https://s19.postimg.org/f44f12kvn/Pink.png")');
		jQ('img[src="https://s19.postimg.org/ua7nw84s3/Pink_v2.png"]').hover(function () {
			$(this).fadeTo(500, 0);
		}, function () {
			$(this).fadeTo(500, 1);
		});

		//Correction Hover Text
		jQ('.hoverText').css({
			'background-size': '75px 75px',
			'width': '75px',
			'max-width': '75px',
			'height': '75px',
			'max-height': '75px',
			'overflow': 'hidden',
			'margin': '0 10px 10px 0',
			'display': 'inline-block'
		});

		// Modification zone de texte plus grande

		// Zone autour du texte
		jQ('.mainarea .subbox').not('.footer').css('width', '1000px');
		jQ('.mainarea .subbox').not('.footer').css('height', '525px');
		jQ('.mainarea .subbox').not('.footer').css('border-radius', '50px');
		jQ('.mainarea .subbox').not('.footer').css('border', '2px solid white');
		jQ('.mainarea .subbox').not('.footer').css('margin-top', '60px');
		jQ('.mainarea .subbox_sub .title').not('.footer').css('display', 'none');
		jQ('.mainarea .subbox_sub .contents').not('.footer').css('display', 'none');
		jQ('td:contains("Votre")').css('display', 'none'); // Enlever "votre réponse : et votre message :"
		// Zone texte
		jQ('form textarea').css('width', '650px');
		jQ('form textarea').css('height', '460px');
		jQ('form textarea').css('position', 'absolute');
		jQ('form textarea').css('left', '275px');
		jQ('form textarea').css('top', '0px');
		jQ('form textarea').css('background', 'rgba(0,0,0,0.4)');
		jQ('form textarea').css('border-radius', '25px');
		jQ('form textarea').css('padding', '25px');
		jQ('*').css('outline', '0');
		//Corrections apportées à Prévisualiser
		var jeanpierre = jQ('.subbox_sub form tr:nth-child(1)').position();
		jQ('form textarea').css('margin-top', jeanpierre.top + 'px');
		jQ('.viewtopic').css('margin-bottom', '50px');
		// Boutons prévisualiser / Envoyer
		jQ('.subbox_sub tr').css('background', 'transparent');
		jQ('.subbox_sub tr').css('border', 'none');
		jQ('.subbox_sub tr input:nth-child(1)').css('margin-top', '25px');
		jQ('.subbox_sub tr input').css('padding', '10px');
		jQ('.subbox_sub tr input').css('border-radius', '20px');
		jQ('.subbox_sub tr input').css('border', '2px solid white');
		jQ('.subbox_sub tr input').css('width', '150px');
		jQ('.subbox_sub tr input[value="Prévisualiser"]').hover(function () {
			$(this).css({
				'background': 'rgba(255,240,0,0.9)',
				'color': 'black'
			});
		}, function () {
			$(this).css({
				'background': 'rgba(255,255,255,0.1)',
				'color': 'white'
			});
		});
		jQ('.subbox_sub tr input[value="Poster"]').hover(function () {
			$(this).css({
				'background': 'rgba(48,200,48,0.9)',
				'color': 'black'
			});
		}, function () {
			$(this).css({
				'background': 'rgba(255,255,255,0.1)',
				'color': 'white'
			});
		});
		jQ('.subbox_sub tr input[value="Modifier"]').hover(function () {
			$(this).css({
				'background': 'rgba(48,200,48,0.9)',
				'color': 'black'
			});
		}, function () {
			$(this).css({
				'background': 'rgba(255,255,255,0.1)',
				'color': 'white'
			});
		});

		// Replacer message rédaction trop longue
		jQ('#session-expiration-warning').css({
			'display': 'block',
			'position': 'fixed',
			'width': '100px',
			'max-height': '500px',
			'overflow': 'hidden',
			'top': '200px',
			'left': '10px',
			'font-weight': 'bold'
		});

		// Placer soutenir Apocalypsis
		jQ('.footer').css('right', '-330px');
		jQ('.footer').css('margin-top', '-0px');
		jQ('.footer').css('z-index', '1999');

	}

	/* NOUVEAU MESSAGE ASSEMBLEE FIN */

}

// load jQuery and execute the main function

addJQuery(main);

// Remerciements :
Un grand grand grand grand merci à Scaum !

// Bugs connus
- Sous FireFox le style de toutes les pages est modifié sous GreaseMonkey. Préférer TamperMonkey

[Dark Vador]

Woh ! Ça à l'air génial ! Beau boulot, je l'installe dès que je peux !

[scaum]

Super boulot !

Pour ceux hésitant à tester, je vous fais un petit compte rendu de mon essai:

Les changements sur code couleur (rouge et bleu) et sur les tableaux (disparition des barres verticales) visible sur le premier screenshot de Ash sont appliqués à toutes les pages.

Onglet stratégie:
Les 10 premières secondes, le contraste avec l'image de fond choque un peu, mais ça passe vite et rend très bien.
Dans la vision de la galaxie, les images de secteurs sont encore les mêmes, mais bon c'est pas très grave
La vision d'un système est vraiment sympa ! ça change de l'ancien design et je trouve ça plutôt cool. Petit point négatif, les noms ressortent moins bien, mais ça reste lisible.
GROS PLUS: Quelque soit l'échelle de vision (galaxie, secteur, système), les onglets Ordres, Unités et Flottes sont tous déployés en même temps, ce qui est bien plus pratique quand notre taille d'écran le permet !

Onglet Infrastructure:
A mon avis le plus réussi ! le nouveau design des planète est super, le code couleur et la simplification des tableaux rendent très bien. Encore une fois, le gros plus est le fait que les onglets Bâtiments et Unités soient déployés en même temps. Peut-être moins utile que dans Stratégie, mais c'est pratique. Les images des unités et des bâtiments sont inchangées.

Le reste des pages n'est pas modifié, à l'exception du code couleur et des nouveaux tableaux.

Perso, je trouve ça vraiment bien et je suis impatient de voir les futurs MAj

En tout cas merci d'avoir partager ton travail

EDIT: Il y a un petit soucis sur l'affichage des textes à l'assemblée qui sont sur une colonne un peut trop étroite. Mais ce n'est pas très grave.

[Dark Vador]

Le truc est génial, ça c'est sûr ! Mais j'ai un petit problème... A chaque fois que je change de planète dans les infrastructures, je suis obliger d'aller sur tompermonkey et inserer le code et faire ça à la main pour toutes mes planètes, c'est chiant.^^
Une solution ?

[La Chaîne Du Rire]

Je trouve l'idée de sortir un mod graphique tout bonnement EXCELLENTE ! Super exemple d'altruisme. Et en plus c'est beau.
Modifier l'onglet stratégique (notamment l'affichage des flottes sur tout l'écran) sans l'aval des admins est un peu plus discutable mais perso' à partir du moment où tu le mets en accès libre ça ne me dérange pas plus que ça. Ce genre d'initiatives profite au jeu et à nous tous, bravo !

Je te conseille de l'envoyer aux admins au passage. D'une part pour rester dans les clous du règlement : c'est un mod graphique mais qui modifie quelques éléments de stratégie en rendant des éléments plus aisément visibles (donc ça donne un avantage à ceux qui l'ont sur ceux qui l'ont pas) ; et oui, je sais que ce n'est pas dans une optique de triche (pas comme Phoenix-Huck et son bot d'ordres), mais les interprétations d'un règlement peuvent être multiples et comme on dit mieux vaut prévenir… D'autre part parce que Macolu est en train de refondre la cartographie de l'univers si j'ai bien compris, donc il se peut que ton mod devienne un jour obsolète (mais on ne peut souhaiter que ça puisque ce serait signe d'avancée !) J'espère qu'ils en seront contents.

Je l'installe, encore bravo.

— J.

[Ash Morpheus]

Super boulot !

Pour ceux hésitant à tester, je vous fais un petit compte rendu de mon essai:

Les changements sur code couleur (rouge et bleu) et sur les tableaux (disparition des barres verticales) visible sur le premier screenshot de Ash sont appliqués à toutes les pages.

Onglet stratégie:
Les 10 premières secondes, le contraste avec l'image de fond choque un peu, mais ça passe vite et rend très bien.
Dans la vision de la galaxie, les images de secteurs sont encore les mêmes, mais bon c'est pas très grave
La vision d'un système est vraiment sympa ! ça change de l'ancien design et je trouve ça plutôt cool. Petit point négatif, les noms ressortent moins bien, mais ça reste lisible.
GROS PLUS: Quelque soit l'échelle de vision (galaxie, secteur, système), les onglets Ordres, Unités et Flottes sont tous déployés en même temps, ce qui est bien plus pratique quand notre taille d'écran le permet !

Onglet Infrastructure:
A mon avis le plus réussi ! le nouveau design des planète est super, le code couleur et la simplification des tableaux rendent très bien. Encore une fois, le gros plus est le fait que les onglets Bâtiments et Unités soient déployés en même temps. Peut-être moins utile que dans Stratégie, mais c'est pratique. Les images des unités et des bâtiments sont inchangées.

Le reste des pages n'est pas modifié, à l'exception du code couleur et des nouveaux tableaux.

Perso, je trouve ça vraiment bien et je suis impatient de voir les futurs MAj

En tout cas merci d'avoir partager ton travail

EDIT: Il y a un petit soucis sur l'affichage des textes à l'assemblée qui sont sur une colonne un peut trop étroite. Mais ce n'est pas très grave.

Merci pour le retour,

C'est pas normal que le code soit appliqué à toutes les pages. Normalement il ne devrait être actif que dans l'onglet stratégie et gestion des planètes. Peux-tu m'envoyer un screenshot de ce à quoi ça ressemble stp? Est-ce que, lorsque tu as ajouté le script, tu as enlevé les premières lignes qui sont présentes automatiquement lorsque tu crées un nouveau script?

Pour l'image de fond, je n'ai trouvé aucune libre de droit que je pouvais utiliser, elles appartiennent toutes à des compagnies/auteurs de jeux video.
Effectivement, merci de m'avoir fait remarquer pour la vision de la galaxie. Il faut que je puisse avoir accès à un compte qui a la fusion extra-sectorielle, ou attendre de l'avoir moi-même. Je le ferai dès que je pourrais.
Pour les noms, je ne m'en suis pas encore occupé et je pensais pas que ça gênait. Je vais essayer d'optimiser du coup

Pour les images des vaisseaux et bâtiments je peux essayer de trouver des images libres de droit, mais... en même temps ce serait un peu dommage vu qu'on aurait plus la même vision des unités (big up au design original du VD). Du coup, c'est à voir. Mais bonne remarque.

Le truc est génial, ça c'est sûr ! Mais j'ai un petit problème... A chaque fois que je change de planète dans les infrastructures, je suis obliger d'aller sur tompermonkey et inserer le code et faire ça à la main pour toutes mes planètes, c'est chiant.^^
Une solution ?

Merci aussi ! Effectivement, c'est étrange. Je n'ai pas ce problème sur chrome.
Essaie de vider ton cache (Ctrl + F5)
Si ça ne marche pas, désinstalle et réinstalle TamperMonkey. Je pense que le souci doit venir de là, il ne doit pas "enregistrer" le code.
Si ça ne fonctionne toujours pas, va dans le tableau de bord de TamperMonkey et vérifie bien que tu n'as qu'un seul exemplaire du script. S'il y en a plusieurs, supprime les superflu.
Si c'est pas ça... Dis le moi.

Je trouve l'idée de sortir un mod graphique tout bonnement EXCELLENTE ! Super exemple d'altruisme. Et en plus c'est beau.
Modifier l'onglet stratégique (notamment l'affichage des flottes sur tout l'écran) sans l'aval des admins est un peu plus discutable mais perso' à partir du moment où tu le mets en accès libre ça ne me dérange pas plus que ça. Ce genre d'initiatives profite au jeu et à nous tous, bravo !

Je te conseille de l'envoyer aux admins au passage. D'une part pour rester dans les clous du règlement : c'est un mod graphique mais qui modifie quelques éléments de stratégie en rendant des éléments plus aisément visibles (donc ça donne un avantage à ceux qui l'ont sur ceux qui l'ont pas) ; et oui, je sais que ce n'est pas dans une optique de triche (pas comme Phoenix-Huck et son bot d'ordres), mais les interprétations d'un règlement peuvent être multiples et comme on dit mieux vaut prévenir… D'autre part parce que Macolu est en train de refondre la cartographie de l'univers si j'ai bien compris, donc il se peut que ton mod devienne un jour obsolète (mais on ne peut souhaiter que ça puisque ce serait signe d'avancée !) J'espère qu'ils en seront contents.

Je l'installe, encore bravo.

— J.

Merci!
Effectivement, je vais prévenir Hugo/Macolu du MOD. Normalement il y a un certain temps (quand je jouais Le Temple) j'avais évoqué l'idée à Hugo et il n'était pas contre. Mais c'est effectivement mieux qu'il soit au courant comme ça pas de problèmes.

Si jamais tu rencontres des problèmes, ton retour est grandement apprécié!

EDIT : il y a bien une confirmation qu'on pouvait modifier l'interface ici : viewtopic.php?f=80&t=11117

[La Chaîne Du Rire]

Ah, parfait pour la confirmation. Ça enlève le seul reproche qu'on aurait pu éventuellement lui faire.
J'en profite pour demander à une âme charitable, n'importe qui, de me dire par MP comment on fait pour installer ce genre de scripts sur firefox ; les tutos sur le web ne me parlent pas. La récompense : ma gratitude.

— J.

[Castellan]

J'ai réussi sur FF, j'ai juste eu a installer Greasemonkey, créer un nouveaux script, coller le tout (faut écrire "autoriser le collage avant) Une fois fait, faut cliquer sur formater et identer puis enregistrer.

Après relancer Apo et c'était tout bon pour moi

Sinon, mod vraiment cool et pratique, y'a juste les planetes en déclin qui reste sur leur "ancien skin", de même pour les secteurs ^^
Mais sinon, rien à redire pour le moment, bravo

[Dark Vador]

Nop, ça marche toujours pas si je ne met pas le code page par page...
Je suis sur chrome.(au cas ou)

[Ash Morpheus]

J'ai réussi sur FF, j'ai juste eu a installer Greasemonkey, créer un nouveaux script, coller le tout (faut écrire "autoriser le collage avant) Une fois fait, faut cliquer sur formater et identer puis enregistrer.

Après relancer Apo et c'était tout bon pour moi

Sinon, mod vraiment cool et pratique, y'a juste les planetes en déclin qui reste sur leur "ancien skin", de même pour les secteurs ^^
Mais sinon, rien à redire pour le moment, bravo

Pour les planètes en déclin, j'ai le même souci que pour les secteurs : Je n'en vois pas encore donc n'ai pas pu les modifier. Parcontre si tu as moyen de me passer le lien image d'une planète en déclin je peux m'arranger pour en faire.
Pour les secteurs, je pourrais faire à l'aveugle aussi, même si pour le coup je suis pas certain du résultat.

Nop, ça marche toujours pas si je ne met pas le code page par page...
Je suis sur chrome.(au cas ou)

Est-ce que tu pourrais m'envoyer un screenshot de ce que ça te fait (onglet en question) et est-ce que tu pourrais me montrer les toutes premières lignes de code par screenshot stp, ainsi qu'un screenshot du panneau de bord? Je vais essayer de comprendre ce qui fait bugger. Thx

[Dark Vador]

Mes screens ne veulent pas se mettre donc tempis, je vais t'expliquer :

Pour l'onglet infrastructure : Pas de changement sauf si je met le code sur tampermonkey mais dès que je change de planète sa n'a pas pris en compte le changement sauf pour la page où j'ai mis le code.

Pour les lignes de codes : j'ai mis exactement se que tu a poster, tout à la fin du code et j'ai rien modifié.

Pour le tableau de bord : Rien de special, il y a que un truc d'actif(le code que j'ai mis).

Si ta une solution pour mettre les screens, je la veux bien ! Ca sera sûrement plus pratique.^^

[Ash Morpheus]

Mes screens ne veulent pas se mettre donc tempis, je vais t'expliquer :

Pour l'onglet infrastructure : Pas de changement sauf si je met le code sur tampermonkey mais dès que je change de planète sa n'a pas pris en compte le changement sauf pour la page où j'ai mis le code.

Pour les lignes de codes : j'ai mis exactement se que tu a poster, tout à la fin du code et j'ai rien modifié.

Pour le tableau de bord : Rien de special, il y a que un truc d'actif(le code que j'ai mis).

Si ta une solution pour mettre les screens, je la veux bien ! Ca sera sûrement plus pratique.^^

Je crois savoir d'où peut venir le problème. Peux-tu copier/coller les ~30 premières lignes de code et me les envoyer par MP? Pour les screenshots, publies les sur tinypic.com

[Dark Vador]

Euh... y a pas 30 lignes. XD
J'ai que ça qui s'affiche :

// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match http://www.apocalypsis.org/infrastructure
// @grant none
// ==/UserScript==

(function() {
'use strict';

// Your code here...
})();

Quand je n'ai pas mis le code sinon, je le met à la suite.

Alors, les screens :

Pour l'onglet stratégie(qui marche) :
Pour l'infrastructure avec le code (qui marche bien mais que sur cette planète car j'ai mis le code quand j'étais sur cette page) :
Pour l'infra sans le code, bah ça change rien au jeu de base.

[Castellan]

Pour les planètes en déclin, j'ai le même souci que pour les secteurs : Je n'en vois pas encore donc n'ai pas pu les modifier. Par contre si tu as moyen de me passer le lien image d'une planète en déclin je peux m'arranger pour en faire.
Pour les secteurs, je pourrais faire à l'aveugle aussi, même si pour le coup je suis pas certain du résultat.

Euh... J'ai aucune idée de comment faire, je suis un peu une bille la dedans ^^' mais j'essayerais de te trouver ça (ou si qqn de plus compétent peux le faire )

[scaum]

Dark, dans ton scrip ne laisse QUE le code de Ash. Supprime tout ce que tu as avant.