MediaWiki:Common.css: Difference between revisions
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 */ | |||
/* | #p-views, | ||
#p-namespaces, | |||
#p-WIKIBASE, | |||
#p-pagemisc, | |||
#personal, | |||
#page-tools, | |||
#p-lang-btn, | |||
#left-navigation, | |||
#p-tb, | |||
#mw-sidebar-action { | |||
display: none; | display: none; | ||
} | } | ||
/* Masquer la recherche avancée */ | |||
/* Masquer la recherche avancée | |||
.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; | |||
} | } | ||
/* 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'); | @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: | ||
} | } | ||
/* | /* 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; | ||
} | } | ||
/* 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 | |||
/* | |||
.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 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 */ | ||
} */ | }*/ | ||
/* Changer la couleur de fond du footer */ | |||
.mw-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 */ | /* Style du texte du footer */ | ||
#footer-info li { | |||
font-size: 13px; | |||
#footer-info li{ | |||
font-size: 13px ; | |||
font-family: 'Roboto', sans-serif !important; | font-family: 'Roboto', sans-serif !important; | ||
} | } | ||
#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');
});