MediaWiki:Common.css
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
/* ---- Couleurs générales de fond et conteneurs ---- */
/* Couleur de fond de la page */
body {
background-color: #F5F5F5; /* Remplace #F5F5F5 par la couleur de fond de ton site */
}
/* Conteneur principal de l'article */
#content {
background-color: #FFFFFF; /* Remplace #FFFFFF par la couleur des conteneurs de ton site */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce pour les conteneurs */
padding: 20px;
border-radius: 8px; /* Arrondis les coins, modifie si besoin */
}
/* ---- Couleur des titres ---- */
h1, h2, h3, h4, h5, h6 {
color: #333333; /* Remplace #333333 par la couleur des titres de ton site */
font-weight: bold;
}
/* ---- Ombre et style des autres conteneurs ---- */
/* Conteneurs de navigation latérale */
#mw-panel, #p-personal, #p-logo {
background-color: #E9E9E9; /* Couleur de fond des panneaux latéraux, ajuste selon ton site */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre pour harmoniser avec les conteneurs */
border-radius: 8px;
padding: 10px;
}
/* Barre de recherche */
#p-search {
background-color: #FFFFFF; /* Fond de la barre de recherche */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Petite ombre discrète */
border-radius: 4px;
}
/* ---- Boutons et liens ---- */
.vector-menu-content a, #content a {
color: #0056b3; /* Couleur des liens, adapte au style de ton site */
text-decoration: none;
}
.vector-menu-content a:hover, #content a:hover {
color: #003366; /* Couleur au survol */
text-decoration: underline;
}
/* ---- Pied de page ---- */
#footer {
background-color: #E9E9E9; /* Fond du pied de page */
color: #666666; /* Couleur du texte du pied de page */
padding: 15px;
text-align: center;
border-top: 1px solid #CCCCCC;
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); /* Ombre en haut */
}