Aller au contenu

« MediaWiki:Vector-2022.css » : différence entre les versions

De Heroes Wiki
Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Balise : Révoqué
mAucun résumé des modifications
 
(13 versions intermédiaires par le même utilisateur non affichées)
Ligne 3 : Ligne 3 :
.mw-logo-wordmark {
.mw-logo-wordmark {
font-family: heroes;
font-family: heroes;
font-size: 1.50em;
font-size: 1.7em;
text-transform: lowercase;
text-transform: lowercase;
color: #000;
color: #000;
}
}


body.skin-vector-2022 {
.vector-header-container {
position: relative; /* nécessaire pour le pseudo-élément */
z-index: 0; /* s'assurer que le contenu reste au-dessus */
}

.vector-header-container::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url("/headbg_nbc_s3.jpg"); /* adapte le chemin */
background-image: url("/headbg_nbc_s3.jpg"); /* adapte le chemin */
background-size: cover; /* ou 'contain' selon l’effet désiré */
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: contain; /* ou 'contain' selon l’effet désiré */
background-position: center center;
background-position: left top;
opacity: 0.3; /* transparence pour ne pas gêner la lisibilité */
z-index: -1; /* derrière le contenu */
background-attachment: fixed; /* effet de parallaxe */
}
pointer-events: none; /* évite toute interaction avec l’image */

/* Rendre toutes les couches transparentes */
.vector-header-container .mw-header,
.vector-page-titlebar,
.mw-page-container,
.mw-workspace,
.vector-body,
.mw-body,
#content,
#mw-content-container {
background-color: transparent !important;
}
}

Dernière version du 29 octobre 2025 à 19:54

/* Heroes writing with the "Heroes" font */

.mw-logo-wordmark {
	font-family: heroes;
	font-size: 1.7em;
	text-transform: lowercase;
	color: #000;
}

body.skin-vector-2022 {
  background-image: url("/headbg_nbc_s3.jpg"); /* adapte le chemin */
  background-repeat: no-repeat;
  background-size: contain; /* ou 'contain' selon l’effet désiré */
  background-position: left top;
  background-attachment: fixed; /* effet de parallaxe */
}

/* Rendre toutes les couches transparentes */
.vector-header-container .mw-header,
.vector-page-titlebar,
.mw-page-container,
.mw-workspace,
.vector-body,
.mw-body,
#content,
#mw-content-container {
  background-color: transparent !important;
}