MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
(25 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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" */ | /* Changement de la couleur des liens "Category" */ | ||
Line 33: | Line 67: | ||
.table-container { | .table-container { | ||
width: 100% !important; /* Ajuster la largeur pour les tableaux */ | width: 100% !important; /* Ajuster la largeur pour les tableaux */ | ||
max-height: | max-height: 84vh !important; | ||
overflow-x: auto !important; /* Scroll horizontal si nécessaire */ | overflow-x: auto !important; /* Scroll horizontal si nécessaire */ | ||
overflow-y: auto !important; /* Scroll horizontal si nécessaire */ | overflow-y: auto !important; /* Scroll horizontal si nécessaire */ | ||
Line 59: | Line 93: | ||
Line 177: | Line 188: | ||
#mw-sidebar-action { | #mw-sidebar-action { | ||
display: none; | display: none; | ||
} | |||
/* Masquer le menu lié aux langues */ | |||
#p-lang { | |||
display: none !important; | |||
} | } | ||
Line 193: | Line 210: | ||
.mw-body-content a.new:link { color: #3aae4d !important; } | .mw-body-content a.new:link { color: #3aae4d !important; } | ||
.mw-body-content a.new:visited { color: #a55858 !important; } | .mw-body-content a.new:visited { color: #a55858 !important; } | ||
/* Changes the default font used for MediaWiki headings to Oswald */ | /* Changes the default font used for MediaWiki headings to Oswald */ | ||
Line 223: | Line 230: | ||
/* Changer la police du menu */ | /* Changer la police du menu */ | ||
#mw-panel .portal { font-family: "Roboto", serif;} | #mw-panel .portal { font-family: "Roboto", "Arial", sans-serif;} | ||
/* Modifier la police des items du menu latéral */ | /* Modifier la police des items du menu latéral */ | ||
#mw-panel .mw-list-item { | #mw-panel .mw-list-item { | ||
font-family: "Roboto", serif; /* Type de police */ | font-family: "Roboto", "Arial", sans-serif; /* Type de police */ | ||
font-size: 13px; /* Taille de la police */ | font-size: 13px; /* Taille de la police */ | ||
} | } | ||
Line 233: | Line 240: | ||
/* Modifier la police et le style des titres des menus */ | /* Modifier la police et le style des titres des menus */ | ||
.vector-menu-heading-label { | .vector-menu-heading-label { | ||
font-family: "Oswald", sans-serif; /* Type de police */ | font-family: "Oswald", "Roboto", "Arial", sans-serif; /* Type de police */ | ||
font-size: 15px; /* Taille de la police */ | font-size: 15px; /* Taille de la police */ | ||
font-weight: 600; /* Poids de la police semi-bold (600) */ | font-weight: 600; /* Poids de la police semi-bold (600) */ | ||
Line 342: | Line 349: | ||
color: #158f68; | color: #158f68; | ||
font-weight: normal; | font-weight: normal; | ||
font-family: Roboto, sans-serif; | font-family: Roboto, Arial, sans-serif; | ||
} | } | ||
Latest revision as of 18:08, 19 October 2024
/* 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;
}