MediaWiki:Common.css

From Resistance in Belgium
Revision as of 15:22, 31 July 2024 by Adminagr (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */


/* 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 */
}


/* Ce qui suit permet de masquer les éléments d'édition aux visiteurs anonymes et de les garder visibles pour les utilisateurs enregistrés via MediaWiki:Group-user.css. Cf. démo ici : https://wikiteq.com/post/how-hide-elements-anonymous-users-mediawiki */

  #p-views { 
           display: none; 
        }
  #p-namespaces { 
           display: none; 
        }
  #p-WIKIBASE { 
           display: none; 
        }
  #p-pagemisc {
    display: none;
        }
  #personal {
    display: none;
        }
  #page-tools {
    display: none;
        } 

/* Masquer le sélecteur de langues pour les utilisateurs non connectés */
  #p-lang-btn {
    display: none;
} 

/* Masquer le menu sous le titre des items (onglets item/ discussion) */
  #left-navigation {
    display: none; 
}

/*   #p-pagemisc { 
           display: none; 
        }
 #sidebar-inner { 
           display: none; 
        } */

/* Masquer la section "Tools" de la barre latérale pour tous les utilisateurs */
#p-tb {
    display: none;
}


#mw-sidebar-action { 
           display: none; 
        }


/* Masquer la recherche avancée (qui crée de la confusion et des attentes ne pouvant être comblées) */

.mw-search-profile-tabs {
    display: none;
}


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


/* Modifier la couleurs 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; }




/* 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;
}

/* 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;
}

/* #content h1, 
#content h2 {
    border-bottom: 1px solid #a2a9b1 !important;
}
#content h1 {
    font-size: 2.1rem !important;
}

#content h2 {
    font-size: 1.6rem !important;
}
#content h3 {
    font-size: 1.4rem !important;
}
#content h4 {
    font-size: 1.3rem !important;
}
#content h5 {
    font-size: 1.2rem !important;
}
#content h6 {
    font-size: 1.1rem !important;
} */


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



/* 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;}


/* Changer 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 */
} */



/* Modifier footer pour l'adapter au style de la homepage */

/* Masquer la date de dernière modification dans le footer */
/* #footer-info-lastmod, 
#f-lastmod { /* Les IDs peuvent varier selon le skin utilisé 
    display: none;
} */


/* Changer la couleur de fond du footer */
/* .mw-footer-container {
    background: #158f68 !important;
}*/

/* #footer { background-color: #158f68 !important; } */

.mw-footer-container {
   background: #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 */
.mw-footer-container ul li {
    font-size: 13px !important;
   /* color: white !important; */
    font-family: 'Roboto', sans-serif !important;
}


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

#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');
});



:root {
    --totl-primary-background: #ff0000; /* Couleur de fond rouge pour le test */
}

.mw-footer {
    background-color: var(--totl-primary-background) !important;
}