MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Importer et changer la famille de polices */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');

/* Changer la famille de polices */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
}


/* 17/09/24 Ensure the ULS block is not constrained by other styles */
.uls-menu.uls-wide {
    width: auto !important;  /* Reset any width limitations */
    max-width: 40% !important;  /* Remove max-width if applied */
    overflow: visible !important;  /* Prevent overflow clipping */
}

/* Ensure the language list within ULS is not constrained */
.uls-language-block ul {
    width: auto !important;  /* Reset width limitations */
    overflow: visible !important;
}



/* Cacher les sections inutiles dans l'ULS      .uls-language-list-fixed,*/



.archive-paragraph {
    background-color: #f5f5f5; /* Fond gris clair */
    padding: 8px 10px; /* Espacement intérieur */
    border-left: 2px solid #158f68; /* Bordure verte à gauche */
    color: #333333;
    font-weight: bold;
    font-size: 16px;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.3;
    margin-bottom: 20px;
}


/* masquer métadonnées (superflues et peu claires) liées aux résultats de recherche */
.mw-search-result-data {
  display: none;
}

/* Changement de la couleur des liens "Category" */

#mw-normal-catlinks a {
    color: #38ae4d; /* Nouvelle couleur pour les liens */
    text-decoration: none; /* Supprime le soulignement si besoin */
}

#mw-normal-catlinks a:hover {
    color: #2e8b57; /* Couleur au survol (vous pouvez l'ajuster si nécessaire) */
    text-decoration: underline; /* Ajoute un soulignement au survol si souhaité */
}



/* 16/09/24 */
.table-container {
    width: 100% !important; /* Ajuster la largeur pour les tableaux */
    max-height: 84vh !important;
    overflow-x: auto !important; /* Scroll horizontal si nécessaire */
    overflow-y: auto !important; /* Scroll horizontal si nécessaire */
    padding: 15px; /* Ajuster l'espacement si besoin */
 }


.table-container th {
    position: sticky;
    top: -15px;
    background-color: white; /* Fond blanc pour le header */
    z-index: 999; /* S'assurer que l'en-tête reste au-dessus des autres éléments */
}




.my-table-class {
    width: 100% !important; /* Forcer la largeur à 100% pour s'ajuster */
    height: 1500px;
    overflow-x: auto !important; /* Défilement horizontal si nécessaire */
    overflow-y: auto !important; /* Défilement vertical si nécessaire */
    display: block; /* S'assurer que le tableau reste visible */
}




/* Masquer l'onglet "Plus" en haut des pages d'items */
#p-cactions {
    display: none; /* Cache l'élément */
}



/* Masquer le bloc de paramètres du sélecteur de langues ULS */
#uls-settings-block.row {
    display: none !important;
}

/* Masquer l'icône de langue */
.mw-ui-icon-wikimedia-language {
    display: none;
}


/* Mettre le texte en majuscules et modifier la police dans le sélecteur de langue */
.uls-trigger span:last-child {
 font-family: 'Oswald', sans-serif; /* Police Oswald */
    font-size: 15px; /* Taille de police */
    color: #76797f; /* Couleur du texte */
    text-transform: uppercase;
}


/* Ajouter de l'espace au-dessus du titre principal avec la classe mw-first-heading */
.mw-first-heading {
    margin-top: 30px; /* Ajuste la valeur selon tes besoins */
}


/* Modifier la police principale de titre de page */

.wikibase-title-label {
    font-family: "Oswald", sans-serif; /* Type de police pour les titres */
    font-size: 28px; /* Taille de la police pour les titres */
    font-weight: 550; /* Poids de la police pour plus de visibilité */
    color: #2C2C2C;
    text-transform: uppercase;
}

/* Modifier police du Qid à côté du titre */
.wikibase-title-id {
    font-family: "Oswald", serif; /* Type de police pour les sous-titres */
    font-size: 22.5px; /* Taille de la police pour les sous-titres */
    font-weight: medium; /* Poids de la police régulier */
}


/* Style pour les éléments avec la classe mw-headline */
.mw-headline {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: #2C2C2C;
}



h2.section-heading {
    margin-bottom: 18px; /* Ajuste la valeur selon tes besoins */
}


/* Style spécifique pour le <h1> avec l'ID firstHeading */
#firstHeading {
   font-family: "Oswald", sans-serif; /* Police spécifique */
   font-weight: regular; /* Poids Medium de la police */
   text-transform: uppercase;
   color: #2C2C2C;

}


/* Ajouter une ligne colorée sous le titre des éléments comme avec le layout 'Timeless' */
#firstHeading {
    border-bottom: 2px solid #3366cc; /* Couleur de la ligne (bleu dans cet exemple) */
    padding-bottom: 5px; /* Espacement sous la ligne */
}

/* Masquer les éléments d'édition aux visiteurs anonymes */
#p-views, 
#p-namespaces, 
#p-WIKIBASE, 
#p-pagemisc, 
#personal, 
#page-tools, 
#p-lang-btn, 
#left-navigation, 
#p-tb, 
#mw-sidebar-action {
    display: none;
}


/* Masquer le menu lié aux langues */
#p-lang {
    display: none !important;
}

/* Masquer la recherche avancée */
.mw-search-profile-tabs {
    display: none;
}

/* Modifier l'affichage des messages d'infos Translate */
.mw-pt-translate-header {
    display: none;
}

/* Modifier la couleur des liens */
.mw-body-content a:visited { color: #24569f !important; }
.mw-body-content a.new:link { color: #3aae4d !important; }
.mw-body-content a.new:visited { color: #a55858 !important; }



/* Changes the default font used for MediaWiki headings to Oswald */
/* #content h1, */ 
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
 {
    color: #158f68 !important;
    text-transform: capitalize;
    font-family: 'Oswald', 'Montserrat', serif !important;
}




/* Changer la police du menu */
#mw-panel .portal { font-family: "Roboto", "Arial", sans-serif;}

/* Modifier la police des items du menu latéral */
#mw-panel .mw-list-item {
    font-family: "Roboto", "Arial", sans-serif; /* Type de police */
    font-size: 13px; /* Taille de la police */
}

/* Modifier la police et le style des titres des menus */
.vector-menu-heading-label {
    font-family: "Oswald", "Roboto", "Arial", sans-serif; /* Type de police */
    font-size: 15px; /* Taille de la police */
    font-weight: 600; /* Poids de la police semi-bold (600) */
    color: #76797f;
    text-transform: uppercase; /* Transforme le texte en majuscules */
    margin-bottom: 10px; /* Marge en bas du titre */
}


/* Test pour récupérer les lignes colorées de Timeless */
/* modifier couleurs des lignes en haut de page pour les adapter à la charte graphique */
.color-left { background: #1e437e; }
.color-middle { background: #148f67; }
.color-right { background: #3bae4d; }

/* Modifier la couleur du rectangle derrière les propriétés sur les pages des items
.wikibase-statementgrouplistview .wikibase-statementgroupview-property {
    background: #1E427F !important;
    color: #FFFFFF !important;
} 

.wikibase-entitytermsforlanguagelistview-header-row,
.wikibase-entitytermsforlanguagelistview-header-row th {
    background-color: #d0e8e0 !important; /* Remplace par la couleur souhaitée */
}*/

/* Changer la couleur de fond du footer */
.mw-footer {
    background-color: #158f68 !important;
    border-top: 1px solid #158f68 !important; /* Surcharge possible si bordure est en conflit */
    padding: 0.75em !important; /* Assurez-vous que le padding est correct */
}

/* Style du texte du footer */
#footer-info li {
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
}


/* Ajuster la taille du texte et la police pour les liens dans #footer-places */
#footer-places a {
    font-size: 15px !important; /* Taille du texte des liens */
    font-family: 'Roboto', sans-serif !important; /* Police des liens */
}

#footer-places li {
    color: #158f68 !important;
    font-size: 16px;
    font-family: 'Roboto', sans-serif !important;
}

/* Modifier la couleur des liens dans #footer-places */
#footer a:link { 
    color: #158f68 !important; /* Couleur des liens non visités */
}

#footer a:visited { 
    color: #158f68 !important; /* Couleur des liens visités */
}

#footer a:hover { 
    color: #087351 !important; /* Couleur des liens au survol (optionnelle) */
}


/* Masquer tous les liens du footer */
/* #footer-places { display: none; } */

/* Afficher les droits d'auteur dans le footer */
#footer-info-copyright {
    display: block !important;
}

/* Test pour régler le problème d'autosuggestion/autocomplétion de la barre de recherche */
$(document).ready(function() {
    var $searchInput = $('input[name="search"]');
    $searchInput.attr('autocomplete', 'on'); // Activer l'autocomplétion
    $searchInput.attr('id', 'searchInput');
    $searchInput.attr('placeholder', 'Rechercher sur Resistance in Belgium');
    $searchInput.attr('aria-label', 'Rechercher sur Resistance in Belgium');
    $searchInput.attr('title', 'Rechercher sur Resistance in Belgium [alt-shift-f]');
    $searchInput.attr('accesskey', 'f');
    $searchInput.attr('dir', 'ltr');
    $searchInput.attr('autocapitalize', 'sentences');
    $searchInput.addClass('vector-search-box-input ui-suggester-input ui-entityselector-input webfonts-changed ui-entityselector-input-unrecognized');
});



/* Masquer un champ de recherche non utile et ajoutant du bruit */

/* Cacher le label avec l'ID ooui-6 sur les pages contenant le formulaire Special:WhatLinksHere */

.mw-htmlform-whatlinkshere-ns {
    display: none !important;
}

/* Masquer le div avec l'ID mw-htmlform-whatlinkshere-ns */
#mw-htmlform-whatlinkshere-ns {
    display: none !important;
}


# Adapter style du texte d'info ajoutée sur les pages 
.custom-text-style {
    text-transform: uppercase;
    color: #158f68;
    font-weight: normal;
    font-family: Roboto, Arial, sans-serif;
}



/* Masquer le lien Configurer lorsque le toggler est replié */
.ui-toggler-toggle-collapsed + .wikibase-entitytermsview-entitytermsforlanguagelistview-configure {
    display: none !important;
}