MediaWiki:Vector.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).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
body {
background-color: #f6f6f6;
}
#content {
background-color: #ffffff;
}
.mw-logo-container {
display: none;
}
.mw-logo-icon {
width: 130px !important;
height: auto !important;
}
#mw-sidebar-button::before {
min-width: 17px;
}
#mw-sidebar-button {
margin-right: 0;
min-width: 2.5em;
min-height: 2.5em;
width: 2.5em;
height: 2.5em;
}
#p-personal {
margin-top: 1em;
}
.mw-header {
padding-left: 1em;
}
#p-search {
margin-top: 0.85em;
}
#p-lang {
display: none;
}
.mw-sidebar-action {
display: none;
}
/* Pour ne pas gêner la saisie dans la barre de recherche depuis qu'elle est à haut à gauche */
#p-personal ul {
padding-left: 0;
}
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
margin-left: 12em;
}
#mw-head-base {
height: 7em !important;
}
#left-navigation, #right-navigation {
margin-top: 4.5em !important;
}
.mw-body {
padding: 1em 23px 23px 23px;
}
#mw-head {
background-color: #f6f6f6;
}
.mw-body {
border: none;
}
.vector-menu-tabs .selected a {
background: #f6f6f6;
border-bottom: 1px solid;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}
.vector-menu-dropdown .vector-menu-content-list {
background-color: #f6f6f6;
border: none;
right: 0;
left: auto;
}
#left-navigation .vector-menu-content-list a:hover, #right-navigation #p-views .vector-menu-content-list a:hover {
border-bottom: 1px solid;
text-decoration: none;
}
.vector-menu-tabs .mw-list-item a:hover {
text-decoration: none;
border-bottom: 1px solid;
}
.vector-menu-tabs li {
background-image: none;
}
.vector-menu-tabs {
padding-left: 0 !important;
background-image: none;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
height: 1.65em;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: #202122 !important;
}
#mw-head .vector-menu-content-list a {
outline: none;
text-decoration: none;
}
#mw-page-base {
background-image: none !important;
background-color: #f6f6f6 !important;
}
/* Barre de recherche */
#p-search {
margin-left: 12em;
position: absolute;
z-index: 2;
display: none;
}
#searchInput {
background-color: #ffffff;
font-size: 0.89em;
}
#simpleSearch {
width: 24vw;
max-width: 24em;
}
.suggestions {
font-size: 15px !important;
}
.suggestions-result {
line-height: 2em !important;
color: var(--color-base,#202122);
}
/* SOMMAIRE */
.toc {
border: none;
padding: 0.5em 1.25em 0.5em 1.25em;
}
li.toclevel-1 {
font-size: 115%
}
.toclevel-2 {
font-size: 90%
}
.toclevel-3 {
font-size: 95%
}
/* Pour enlever la numérotation dans le sommaire */
.tocnumber {
display: none;
}
/* N'afficher que la partie de la colonne définie */
.col2 li.toclevel-1:not(:nth-child(2)) {
display: none
}
.col3 li.toclevel-1:not(:nth-child(3)) {
display: none
}
.col2-3 li.toclevel-1:not(:nth-child(2)):not(:nth-child(3)) {
display: none
}
/* Classes pour modèles de sommaires allégés */
.toc_niveau_1 ul ul,
.toc_niveau_2 ul ul ul,
.toc_niveau_3 ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_5 ul ul ul ul ul ul {
display: none;
}
/* Pour masquer le bouton "Modifier" du sommaire */
.toclevel-1 .toctext span {
display: none;
}
/* Pour le titre "Sommaire" */
.toc .toctitle {
text-align: left;
margin-bottom: 0.25em;
font-size: 90%;
}
/* Pour masquer le bouton "masquer" à côté du sommaire */
.toctogglespan {
display: none;
}
#toc {
margin: 1em 0;
}
.toc_niveau_1 ul {
margin: 0;
}
/* Sommaire latéral */
#sidetoc .toctext {
font-size: 73%;
}
.toctitle h2 {
position: unset !important;
font-size: 110%;
}
#sidetoc {
position: fixed;
top: 0; /* Ajustez cette valeur selon vos besoins */
background-color: #f6f6f6;
max-width: 11em;
padding: 5em 0.5em 0.5em 0.5em;
}
#sidetoc .toclevel-1 a .toctext.active {
font-weight: bold;
color: black;
}
/* Pour gérer l'affichage en plein écran */
.bouton-vue {
cursor: pointer;
padding: .35em;
border: 1px solid #a2a9b1;
border-radius: 2px;
transition: background-color .1s, color .1s, border-color .1s, box-shadow .1s;
opacity: .87;
display: block;
width: 25px;
height: 25px;
position: fixed;
bottom: 10px;
right: 10px;
}
#activer-pleinecran {
background: #f8f9fa url(//fr.wikidebates.org/w/images/fr/c/cc/Plein-ecran.svg) no-repeat center / 20px;
}
#desactiver-pleinecran {
background: #f8f9fa url(//fr.wikidebates.org/w/images/fr/f/f7/Ecran-standard.svg) no-repeat center / 20px;
}
/* Cacher .bouton-vue si la largeur de la page est inférieure à 900px */
@media (max-width: 1100px) {
.bouton-vue {
display: none;
}
}
/* Ajouter une marge à .mw-body et #right-navigation si la largeur de la page est supérieure à 900px */
@media (min-width: 1101px) {
.mw-body, #right-navigation {
margin-right: 12em;
}
.action-history .mw-body, .action-history #right-navigation {
margin-right: inherit;
}
.action-history .bouton-vue {
display: none;
}
}
/* N'afficher les arguments que sur une seule colonne si la largeur du contenu est inférieure à 900px */
@media (max-width: 1280px) {
.colonnes {
display:block;
}
}
/* Réduction du décalage entre le menu de gauche et le logo */
#mw-panel #p-logo + .portal {
margin-top: 0.5em;
}
/* Masque le bouton d'aide en haut à droite des pages spéciales */
.mw-helplink {
display: none !important;
}
/* Masque les références en bas de page et le bouton Paramètres au survol */
.references {
display: none;
}
.reference {
padding-left: 0.15em;
}
/* Pour le menu personnel en haut de page */
#pt-userpage a, #pt-anonuserpage {
background-image: none;
}
#pt-userpage a {
padding-top: 4px !important;
}
#pt-userpage a:visited {
color: #0645ad;
}
#p-personal .vector-menu-content-list {
display: flex;
}
/* Menu déroulant dans la barre personnelle */
#p-personal {
display: none;
}
#p-personal li {
font-size: 0.8125em;
}
.pt-dropdown {
position: absolute;
right: 0;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 1000;
font-size: 16px;
top: 1.5em;
margin-top: 2px !important;
white-space: nowrap;
}
.pt-dropdown li {
padding: 1em 1em 0.5em 0.5em !important;
display: block !important;
}
.pt-dropdown li a::before {
content: "" !important;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
background-repeat: no-repeat;
background-size: 16px;
vertical-align: middle;
padding-top: 2px;
opacity: 0.85;
}
.pt-dropdown li a:visited, ul.menu.vector-menu-content-list a:visited {
color: #3366cc;
}
.pt-dropdown li a:hover, #p-cactions li a:hover, #pt-userpage a:hover, .modifier-dropdown a:hover {
text-decoration: underline !important;
}
#pt-mytalk a::before, #pt-anontalk a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userTalk&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
#pt-sandbox a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=sandbox&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
#pt-preferences a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=settings&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
#pt-watchlist a::before {
background-image: url(/w/images/fr/e/e8/Vos-retours.svg);
}
#pt-mycontris a::before, #pt-anoncontribs a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userContributions&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
#pt-logout a::before, #pt-login a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=logOut&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
#pt-createaccount a::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=fr&skin=vector-2022&version=1u1ka);
}
.darkmode-link::before {
background-image: url(https://en.wikipedia.org/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=moon);
}
/* Pour l'interlangue */
#ca-languages {
box-sizing: border-box;
display: block;
float: left;
height: 3.07692308em;
position: relative;
padding-top: 2px;
padding-left: 8px;
margin-right: 1em;
font-size: 0.8125em;
font-weight: bold;
cursor: pointer;
color: #0645ad;
display: flex;
}
#ca-languages::before {
background-image: url(https://fr.wikipedia.org/w/load.php?modules=skins.vector.icons&image=language&variant=progressive&format=original&lang=fr&skin=vector-2022&version=1u1ka);
background-repeat: no-repeat;
height: 18px;
width: 18px;
margin-right: 8px;
content: '';
background-size: 18px;
}
#ca-languages::after {
background-image: linear-gradient(transparent, transparent), url("/w/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?e7827");
height: 20px;
width: 12px;
background-repeat: no-repeat;
opacity: 0.85;
content: '';
margin-left: 6px;
background-position: center;
}
#ca-languages .interlanguage-link a {
padding: 0;
}
#ca-languages ul.vector-menu-content-list {
position: absolute;
background-color: white;
border: 1px solid #ccc;
margin-top: 1.5em;
padding: 0.5em;
z-index: 1000;
width: max-content;
right: 0;
}
#ca-languages .interlanguage-link {
padding: 1em;
}
/* Pour le menu des langues disponibles */
.menu-langues {
color: #0645ad;
font-size: 0.8125em;
margin-right: 1em;
display: flex;
height: 23px;
padding: 7px;
margin-top: -7px;
}
.menu-langues:hover {
background-color: #eaecf0;
cursor: pointer;
}
.menu-langues:active {
background-color: #dadde3;
outline: 2px solid #36c;
}
.menu-langues:focus {
box-shadow: inset 0 0 0 1px #36c;
}
.menu-langues-icon {
background-image: url(https://www.mediawiki.org/w/load.php?modules=skins.vector.icons&image=language&format=original&lang=en&skin=vector-2022&version=xixef);
opacity: 0.51;
content: '';
background-repeat: no-repeat;
background-position: center;
margin-right: 7px;
min-width: 10px;
min-height: 10px;
width: calc(var(--font-size-medium,1rem) + 4px);
height: calc(var(--font-size-medium,1rem) + 4px);
}
.menu-langues-toggle {
align-content: center;
}
.languages-dropdown {
position: absolute;
background: #fff;
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 1000;
font-size: 16px;
top: 1.5em;
margin-top: -2px !important;
margin-left: -7px !important;
white-space: nowrap;
top: 100%;
}
.languages-dropdown .interlanguage-link {
display: block !important;
padding: 10px;
padding-top: 10px;
margin-left: 20px !important;
width: 50%;
cursor: pointer;
}
.languages-dropdown ul {
padding-bottom: 7px;
}
.modifier-langues {
padding: 8px 12px;
font-size: 0.875em;
font-weight: bold;
color: #202122;
cursor: pointer;
background-color: #f8f9fa;
border-top: 1px solid var(--border-color-subtle,#c8ccd1);
}
.modifier-langues a {
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eadd%3C/title%3E%3Cpath d=%22M11 9V4H9v5H4v2h5v5h2v-5h5V9z%22/%3E%3C/svg%3E") no-repeat left center;
padding-left: 32px;
content: '';
}
.languages-dropdown .interlanguage-link a {
font-size: 95%;
}
.langues-disponibles {
margin-bottom: 0.5em;
color: #54595d;
padding: 0 28px;
font-size: 0.875em;
margin-top: 10px;
}
.languages-dropdown .interlanguage-link:hover {
background-color: #eaeff7;
}