MediaWiki:Mobile.css

De Poképédia
Aller à la navigation Aller à la recherche

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).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à toutes les apparences, mais uniquement sur la version mobile. Voir [[MediaWiki:Common.css]] pour modifier les styles de la version classique. */

/* Balises */
table {
    max-width: 100% !important;
}

caption {
    text-align: center !important;
    margin: 2px 1em 0 1em;
    font-weight: bold;
}

fieldset {
    padding: 1rem;
}

/* Tableaux standards */
table.tableaustandard, table.wikitable {
	border-collapse: separate;
}

table.tableaustandard th, table.tableaustandard td, table.wikitable th, table.wikitable td, fieldset {
    border: 1px solid #aaa;
    vertical-align: middle;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

table.tableaustandard th, table.wikitable th {
    background-color: #e4f0f7;
}

table.tableaustandard td, table.wikitable td {
    background-color: #fcfcfc;
}

/* Autres classes de tableaux */
table.centre td, table div.center, table.ficheinfo th.entêtesection, table.ficheinfo td.illustration {
    text-align: center;
}

table.ficheinfo td.précision {
    text-align: center;
    font-size: 0.9em;
}

table.tableaustandard.pokeliste td, table.tableaustandard.listeobjets td {
	text-align:left;
	white-space:nowrap;
}

table.tableaustandard.listedesobjets td:nth-child(1),
table.tableaustandard.listedesobjets .résistance,
table.tableaustandard.listedesobjets .faiblesse,
table.tableaustandard.listedesobjets .standard,
table.tableaustandard.listedesobjets .immunité {
	text-align:center;
}

table.tableaustandard.listedesobjets td:nth-child(2),
table.tableaustandard.listedesobjets td:nth-child(4),
table.tableaustandard.listedesobjets td:nth-child(5),
table.tableaustandard.listedesobjets td:nth-child(6) {
	white-space:nowrap;
}

/* Badges utilisateur et projet */
table.badge {
    padding: 0;
    font-size: 0.9em;
    border: 0 !important;
}

table.badge th {
    width: 4rem;
}

table.badge td {
    width: 12rem;
}

/* Bandeaux */
ul.bandeau {
    list-style-type: none;
    list-style-image: none;
    margin: 1em auto;
    border: 2px solid #b22222;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.bandeau li {
    text-align: center;
    padding: 0.5em;
    margin-bottom: 0 !important;
}

ul.bandeau li img {
    display: none;
}

.renvoi-article, .incomplet {
    width: 90% !important;
}

/* Avancement */
.avancementFaible, .avancementUrgent {
    background-color: #ff0000;
}

.avancementMoyen {
    background-color: #FFA500;
}

.avancementImportant {
    background: #18c621;
}

/* Galeries & vignettes */
ul.gallery div.thumb > div {
    margin: 0 !important;
}

ul.gallery div.thumb img {
    display: inline !important;
}

.thumbcaption {
    text-align: center;
}

/* Portails */
#portail-introduction, #portail-exploration, #portail-contributions, .portail-miseenavant, #portail-miseenavantsecondaire, #portail-categories {
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 1em;
    padding: 0.5em;
}

#portail-illustration {
    display: none;
}

/*** AUTRES SURCHAGES ***/

/* Pour éviter les miniatures qui deviennent si petites que non visibles dans les tableaux */
.content a > img {
    min-width: 32px;
}

/* Correction de bug sur les modifications récentes */
.mw-enhancedchanges-arrow {
	width: 10px;
	height: 10px;
}

.portail-bloccatégories {
    min-height: 80px;
}

/* Pour éviter que les textes de plusieurs cellules d'un tableau se superposent (utilisé sur Module:Ressources/infosPokemon et tout ce qui en découle) */
.miniat-poke, .miniat-objet {
	white-space: normal !important;
}

.type img {
	width: 80px !important;
	height: auto !important;
}
.catégorie img {
	width: 40px !important;
	height: auto !important;
}

.miniature img,
.miniature_PDMDX img,
.miniature_Q img,
.miniature_DEPS img,
.miniature_LPA img,
.miniature_EV img,
.miniature_Sleep img {
	max-height: 52px !important;
	width: auto !important;
}

.miniature_objet img,
.miniature_objet_EB img,
.miniature_objet_DEPS img,
.miniature_objet_LPA img,
.miniature_objet_EV img {
	max-height: 32px !important;
	width: auto !important;
}

.miniature_objet_RB img,
.miniature_objet_J img,
.miniature_objet_OA img,
.miniature_objet_C img,
.miniature_objet_RS img,
.miniature_objet_RFVF img,
.miniature_objet_E img,
.miniature_objet_DP img,
.miniature_objet_Pt img,
.miniature_objet_HGSS img,
.miniature_objet_NB img,
.miniature_objet_N2B2 img,
.miniature_objet_XY img,
.miniature_objet_ROSA img {
	height: 32px;
	width: auto;
	object-position: center center;
	object-fit: none;
}

.fit28px img {
	max-height: 28px !important;
	width: auto !important;
	object-position: center center;
	object-fit: none;
}

/* essai : affichage différent sur mobile et sur version bureau */
tr.masquermobile { display: none; }
td.masquermobile { display: none; }

/* Limite de taille pour les images, utilisée sur le [[Modèle:Cellule Pokémon]] et ailleurs */
.maxheight100px img {
    max-height: 100px;
    width: auto !important;
}

.maxwidth250px img {
    max-height: 140px;
    width: auto !important;
}

.maxwidth300px img {
    max-height: 170px;
    width: auto !important;
}

/* Sensibilités Pokémon - coloration des remarques */
table.sensibilite li:target { background-color: #ddeeff; }

/* Sensibilités Pokémon - taille des div colorés montrant l'efficacité */
.sensibilite .ligne-efficacités > td > div {
	width: 62px;
	height: 22px;
	border-radius: 3px;
	margin: auto;
}