MediaWiki:Citizen.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.

/* 🌙 Fond sombre et texte clair */
body {
  background-color: #1e1e1e;
  color: #e0e0e0;
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
}

/* 📦 Centrage du contenu principal */
.citizen-content {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
  word-wrap: break-word;
  overflow: visible;
}

/* 🧭 Sommaire intégré et fluide */
#toc {
  float: none;
  width: auto;
  max-width: 300px;
  margin: 20px auto;
  background-color: #2a2a2a;
  border: 1px solid #444;
  padding: 10px;
  color: #ccc;
  overflow: auto;
}

/* 🖼️ Bannière personnalisée */
.citizen-header::before {
  content: "📚 Wiki d’Eugène";
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  padding: 15px;
  background-color: #2c2c2c;
  color: #ffffff;
  border-bottom: 2px solid #444;
}

/* 🔗 Liens stylisés */
a {
  color: #80c0ff;
}
a:hover {
  color: #a0d0ff;
}

/* 📄 Titres stylisés */
.mw-headline {
  border-left: 4px solid #80c0ff;
  padding-left: 10px;
  margin-top: 30px;
  font-size: 1.3em;
  color: #ffffff;
}

/* 📋 Tableaux lisibles */
table.wikitable {
  background-color: #2a2a2a;
  color: #e0e0e0;
  border: 1px solid #444;
}
table.wikitable th {
  background-color: #3a3a3a;
  color: #ffffff;
}
table.wikitable td {
  border: 1px solid #444;
}

/* 📱 Responsive : écrans < 768px */
@media screen and (max-width: 768px) {
  .citizen-content {
    padding: 10px;
    max-width: 95%;
  }

  #toc {
    max-width: 100%;
    font-size: 0.9em;
  }

  .mw-headline {
    font-size: 1.1em;
  }

  .citizen-header::before {
    font-size: 1.3em;
    padding: 10px;
  }
}