« MediaWiki:Common.css » : différence entre les versions

De Wiki Lylat
Aller à la navigationAller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
 
(23 versions intermédiaires par le même utilisateur non affichées)
Ligne 50 : Ligne 50 :




@media screen and (min-width:1024px)
 
{
.oo-ui-fieldLayout-field {
/* Taille fixe du carrousel */
   color: black !important;
#caroussel slideshow {
  display: block;
  width: 600px;  /* largeur fixe */
  height: 400px;  /* hauteur fixe */
  margin: auto;  /* centrer le carrousel */
  overflow: hidden;
  position: relative;
   background: #000; /* fond noir pour remplir */
}
}


/* Les images à l’intérieur s’adaptent */
#lastmod
#caroussel slideshow img {
{
   width: 100%;
   color: black;
  height: 100%;
  object-fit: contain; /* garde les proportions, ajoute des bandes si besoin */
  display: block;
  margin: auto;
}
}


/* Les légendes */
#preferences
#caroussel .caroussel-caption {
{
   position: absolute;
   background-color: white;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  font-size: 14px;
}
}
}


@media screen and (max-width:1023px)
{
#caroussel
{
  width: 100%;
}


.slideshow img
{
  max-height: 350px;
  width: auto;
}


.caroussel-caption
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout, .oo-ui-windowManager.oo-ui-windowManager-modal.oo-ui-windowManager-size-full.oo-ui-windowManager-fullscreen
{
{
   text-align: center;
   color: black !important;
  width: 100%;
}
}
}


.oo-ui-fieldLayout-field {
  color: black !important;
}


#lastmod
.mw-htmlform.mw-htmlform-ooui.oo-ui-layout.oo-ui-formLayout
{
{
  color: black;
color: white !important;
}
}

Dernière version du 25 août 2025 à 17:39

/* Le CSS placé ici sera appliqué à tous les habillages. */
.index-div-item
{
   width: 100%;
}

.index-div-item pre:first-child 
{
 display: none !important;
}

@media screen and (min-width: 1024px)
{
 .index-div-item 
 {
   margin-right: 15px;
 }

.item1
{
  width: 75%;
}

.item2
{
  width: 25%;
}

.index-div
{
   display: flex;
   width: 99%;
}
}

/** Infobox */

.portable-infobox {
    background: #79aaf3;
}

.portable-infobox .pi-title {
    background-color: #4471e2;
}


.portable-infobox .pi-header {
    background-color: #4471e2;
}



.oo-ui-fieldLayout-field {
  color: black !important;
}

#lastmod
{
  color: black;
}

#preferences
{
  background-color: white;
}



.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout, .oo-ui-windowManager.oo-ui-windowManager-modal.oo-ui-windowManager-size-full.oo-ui-windowManager-fullscreen
{
   color: black !important;
}


.mw-htmlform.mw-htmlform-ooui.oo-ui-layout.oo-ui-formLayout
{
color: white !important;
}