MediaWiki:Common.css: Difference between revisions

From Resistance in Belgium
No edit summary
(Optimisation du code)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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' */
/* Ajouter une ligne colorée sous le titre des éléments comme avec le layout 'Timeless' */
#firstHeading {
#firstHeading {
     border-bottom: 2px solid #3366cc; /* Couleur de la ligne (bleu dans cet exemple) */
     border-bottom: 2px solid #3366cc; /* Couleur de la ligne (bleu dans cet exemple) */
Line 9: Line 7:
}
}


 
/* Masquer les éléments d'édition aux visiteurs anonymes */
/* 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,
 
#p-namespaces,
  #p-views {
#p-WIKIBASE,
          display: none;
#p-pagemisc,
        }
#personal,
  #p-namespaces {
#page-tools,
          display: none;
#p-lang-btn,
        }
#left-navigation,
  #p-WIKIBASE {
#p-tb,
          display: none;
#mw-sidebar-action {
        }
  #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;
     display: none;
}
/* Masquer le menu sous le titre des items (onglets item/ discussion) */
  #left-navigation {
    display: none;
}
}


/*  #p-pagemisc {
/* Masquer la recherche avancée */
          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 {
.mw-search-profile-tabs {
     display: none;
     display: none;
}
}


/* Modifier l'affichage des messages d'infos Translate */
/* Modifier l'affichage des messages d'infos Translate */
.mw-pt-translate-header {
.mw-pt-translate-header {
  display: none;
    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; }


/* Modifier la couleurs des liens */
/* Importer et changer la famille de polices */
.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');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');


Line 88: Line 44:
}
}


/* Changes the default font used for MediaWiki headings to Oswald */
/* Changer la police et la couleur des titres */
#content h1,  
#content h1,  
#content h2,
#content h2,  
#content h3,
#content h3,  
#content h4,
#content h4,  
#content h5,
#content h5,  
#content h6,
#content h6 {
{
     color: #158f68 !important;
     color: #158f68 !important;
     text-transform: capitalize;
     text-transform: capitalize;
     font-family: 'Oswald', 'Montserrat', serif !important;
     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 */
/* Changer la police du menu */
#mw-panel .portal { font-family: "Roboto", serif; }
#mw-panel .portal { font-family: "Roboto", serif; }


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


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


/* .wikibase-entitytermsforlanguagelistview-header-row,  
.wikibase-entitytermsforlanguagelistview-header-row,
.wikibase-entitytermsforlanguagelistview-header-row th {
.wikibase-entitytermsforlanguagelistview-header-row th {
     background-color: #d0e8e0 !important; /* Remplace par la couleur souhaitée */
     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 {
.mw-footer {
  background-color: #158f68 !important;  
    background-color: #158f68 !important;
  border-top: 1px solid #158f68 !important;
    border-top: 1px solid #158f68 !important; /* Surcharge possible si bordure est en conflit */
  padding: 0.75em !important;
    padding: 0.75em !important; /* Assurez-vous que le padding est correct */
}
}
/* Changer la couleur de fond du footer */
/* .mw-footer-container {
    background: #158f68 !important;
}*/


/* Style du texte du footer */
/* Style du texte du footer */
/* .mw-footer-container ul li {
#footer-info li {
    font-size: 14px !important;
     font-size: 13px;
    color: white !important;
  font-family: 'Roboto', sans-serif !important;
} */
 
 
 
/* Ajuster la taille du texte dans footer-info à 12px */
#footer-info li{
     font-size: 13px ;
     font-family: 'Roboto', sans-serif !important;
     font-family: 'Roboto', sans-serif !important;
}
}


/* Ajuster la taille du texte dans footer-places à 15px */
#footer-places li {
#footer-places li{
     font-size: 16px;
     font-size: 16px;
     font-family: 'Roboto', sans-serif !important;
     font-family: 'Roboto', sans-serif !important;
}
}


Line 199: Line 97:
/* #footer-places { display: none; } */
/* #footer-places { display: none; } */


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


/* Test pour régler le problème d'autosuggestion/autocomplétion de la barre de recherche */
/* Test pour régler le problème d'autosuggestion/autocomplétion de la barre de recherche */
$(document).ready(function() {
$(document).ready(function() {
     var $searchInput = $('input[name="search"]');
     var $searchInput = $('input[name="search"]');

Revision as of 08:57, 1 August 2024

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

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

/* 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');

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

/* Changer la police et la couleur des titres */
#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", 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; }

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

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

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