MediaWiki:Mobile.css : Différence entre versions
(Page créée avec « →Le CSS placé ici n’affectera que les utilisateurs du site mobile : @media screen and (max-width: 640px) { .fullWidthMobile { width: 100% ! important; } .... ») |
|||
(5 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */ | /* Le CSS placé ici n’affectera que les utilisateurs du site mobile */ | ||
+ | |||
+ | .center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .mainpage_boxtitle, | ||
+ | .mainpage_hubtitle, | ||
+ | #mainpage_pagetitle { | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .mainpage_hubtitle { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .mainpage_boxcontents_title { | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | } | ||
@media screen and (max-width: 640px) { | @media screen and (max-width: 640px) { | ||
+ | td.mainpage_hubbox { | ||
+ | display:block; | ||
+ | width:100%; | ||
+ | box-sizing:border-box; | ||
+ | clear:both | ||
+ | } | ||
.fullWidthMobile { | .fullWidthMobile { | ||
width: 100% ! important; | width: 100% ! important; | ||
Ligne 9 : | Ligne 33 : | ||
font-size: 50% ! important; | font-size: 50% ! important; | ||
} | } | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * COLONNES DES PORTAILS | ||
+ | */ | ||
+ | .portail-gauche, | ||
+ | .portail-droite { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .portail-gauche { | ||
+ | float: left; | ||
+ | padding-right: 1.2rem; | ||
+ | } | ||
+ | .portail-droite { | ||
+ | float: right; | ||
+ | } | ||
+ | @media screen and (max-width: 981px) { | ||
+ | .portail-gauche, | ||
+ | .portail-droite { | ||
+ | float: none; | ||
+ | width: auto !important; | ||
+ | } | ||
+ | .portail-gauche { | ||
+ | padding-right: 0; | ||
+ | } | ||
} | } |
Version actuelle datée du 27 février 2019 à 22:32
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */
.center {
text-align: center;
}
.mainpage_boxtitle,
.mainpage_hubtitle,
#mainpage_pagetitle {
background-color: #eeeeee;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents_title {
display: block;
text-align: center;
}
@media screen and (max-width: 640px) {
td.mainpage_hubbox {
display:block;
width:100%;
box-sizing:border-box;
clear:both
}
.fullWidthMobile {
width: 100% ! important;
}
.titre-accueil {
line-height: 1.3 ! important;
font-size: 50% ! important;
}
}
/**
* COLONNES DES PORTAILS
*/
.portail-gauche,
.portail-droite {
box-sizing: border-box;
}
.portail-gauche {
float: left;
padding-right: 1.2rem;
}
.portail-droite {
float: right;
}
@media screen and (max-width: 981px) {
.portail-gauche,
.portail-droite {
float: none;
width: auto !important;
}
.portail-gauche {
padding-right: 0;
}
}