Utilisateur:Hymass/styleInfoboxCommuneDeFrance.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

var isCommuneDeFrance = false;

// Vérifier si la page contient un lien avec le texte "Consultez la documentation du modèle" et renvoyant vers l'infobox des communes de France
var docLink = document.querySelector("a[href='/wiki/Mod%C3%A8le:Infobox_Commune_de_France'][title='Consultez la documentation du modèle']");
if (docLink) {
    isCommuneDeFrance = true;
}

// Si c'est le cas, modifier le style de toutes les divs ayant la classe "entete" et ajouter une div de contour rouge
if (isCommuneDeFrance) {
    var headers = document.querySelectorAll(".entete");
    headers.forEach(function(header) {
        // Appliquer les styles à la div "entete"
        header.style.backgroundImage = "none";
        header.style.backgroundColor = "white";
        header.style.border = "1px solid grey";
        header.style.borderRadius = "7.5px";
        header.style.position = "relative";
        header.style.textTransform = "uppercase";
        header.style.letterSpacing = ".2em";
        header.style.padding = ".5em";

        // Créer et ajouter la div de contour rouge
        var redBorder = document.createElement("div");
        redBorder.style.display = "block";
        redBorder.style.position = "absolute";
        redBorder.style.top = "2px";
        redBorder.style.left = "2px";
        redBorder.style.width = "calc(100% - 14px)";
        redBorder.style.height = "calc(100% - 14px)";
        redBorder.style.border = "5px solid red";
        redBorder.style.borderRadius = "5px";
        header.appendChild(redBorder);
    });
}