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;
}
}