Aller au contenu

MediaWiki:Common.css

De Éditions Indépendantes

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.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Boutons de la page d'accueil */
.accueil a.button,
.accueil .pf-button {
  display: inline-block;
  background: #2b5fab;
  color: #fff !important;
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none !important;
  font-weight: 600;
  margin: 4px 6px;
}
.accueil a.button:hover,
.accueil .pf-button:hover {
  background: #1d4480;
}
/* Supprimer tout cadre / fond autour des fiches maisons */
.fiche-maison-complet,
.fiche-maison-complet > div,
.fiche-maison-complet img {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Images dans les cartouches (maison / auteur / livre) */
.cartouche-media {
  max-width: 100% !important;  /* ne dépasse jamais la largeur de la colonne */
  height: auto !important;     /* conserve les proportions */
  border: none !important;     /* pas de cadre */
  box-shadow: none !important; /* pas d’ombre */
  background: transparent !important;
  display: block;
  margin: 0 auto;              /* centrage éventuel */
}
.pfFormTable th.mandatoryField label::after {
  content: " *";
  color: #d00;
  margin-left: 0.2em;
}
.pfFieldLabel .mandatory,
.mandatoryField,
span.mandatory {
  color: red;
}
.pfFormTable th.mandatoryField label {
  font-weight: bold;
}
.requiredField {
  color: red;
  font-weight: bold;   /* si vous voulez renforcer un peu */
}
/* Champs de saisie des formulaires PageForms : texte + bordure vert foncé */
.pfFormTable input,
.pfFormTable textarea,
.pfFormTable select {
  border: 1px solid #26532b;   /* vert foncé végétal */
  color: #26532b;
  background-color: #ffffff;   /* au cas où un fond rose/rouge avait été défini */
}

/* État focus (clic dans le champ) : on garde le même vert, un peu plus marqué */
.pfFormTable input:focus,
.pfFormTable textarea:focus,
.pfFormTable select:focus {
  border-color: #2f6f36;
  outline: none;
}

/* Variante plus large : toute page spéciale FormEdit */
body[class*="page-Special_FormEdit"] .fiche-maison-bouton-modif {
  display: none !important;
}
/* Cacher le bouton "Modifier cette fiche" lorsqu'on est en mode PageForms (action=formedit) */
body.action-formedit .fiche-maison-bouton-modif {
  display: none;
}
/* Cacher le bouton "Modifier cette fiche" quand on est en édition via PageForms */
body.action-formedit .fiche-maison-bouton-modif,
body.pfFormEdit .fiche-maison-bouton-modif {
  display: none;
}
/* Style commun des liens "Modifier cette fiche" */
.fiche-maison-bouton-modif a,
.fiche-association-bouton-modif a {
  font-weight: bold;
  color: #003366;      /* bleu foncé */
  text-decoration: none;
}

.fiche-maison-bouton-modif a:hover,
.fiche-association-bouton-modif a:hover {
  text-decoration: underline;
}
.fiche-auteur-bouton-modif {
  text-align: center;
  margin-top: 0.5em;
}

.fiche-auteur-bouton-modif a {
  font-weight: bold;
  color: #004080;
}
/* Galerie des maisons : images alignées sur une ligne sans cadre */
.fiche-maison-galerie {
  margin-top: 0.2em;
  white-space: nowrap;      /* force l’affichage sur une ligne */
}

.fiche-maison-galerie .fiche-maison-galerie-img {
  display: inline-block;    /* chaque image est un bloc compact */
  margin-right: 0.5em;      /* petit espace entre les images */
  vertical-align: top;
}
/* Boutons catalogue : ne pas styliser le <a>, seulement le <span> interne */
.catalogue-btn-wrap > a {
  display: inline !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Optionnel : éviter soulignement/effets du lien sur le texte */
.catalogue-btn-wrap > a:hover,
.catalogue-btn-wrap > a:focus {
  text-decoration: none !important;
}