Utilisateur:SleaY/common.css
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.
#accueil_2017_bloc-titre {
display: inline-block;
margin-left: 14rem;
margin-bottom: 1rem;
text-align: left;
line-height: 1.6;
color: #457;
}
#accueil_2017_bloc-titre > h2 {
margin: 0;
padding: 0;
border: none;
font-size: 200%;
font-weight: bold;
font-family: 'Open Sans', Sans-serif;
color: #457;
}
#accueil_2017_bloc-titre > p {
margin: 0;
padding: 0;
font-size: 95%;
}
#accueil_2017_bloc-liens {
text-align: center;
font-size: 90%;
font-weight: bold;
}
#accueil_2017_lien-mobile {
margin-bottom: 1rem;
}
#accueil_2017_contenu {
margin-top: 1rem;
}
#accueil_2017_contenu .portail-gauche {
width: 60%;
}
#accueil_2017_contenu .portail-droite {
width: 40%;
}
#accueil_2017_contenu:after {
clear: both;
display: table;
content: '';
}
.accueil_2017_cadre {
box-shadow: 0 0 0.3rem #999;
border-radius: 0.2rem;
padding: 1.2rem;
margin-bottom: 1.6rem;
}
/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */
#mw-content-text .accueil_2017_cadre h2 {
font-variant: small-caps;
letter-spacing: 0.01em;
border-bottom: solid 0.2rem #bdd8fb;
margin: -0.4rem 0 0.5rem;
}
.accueil_2017_pied {
margin-top: 1.8em;
font-size: 85%;
text-align: right;
}
@media (min-width: 982px) {
#accueil_2017_contenu {
display: flex;
}
#accueil_2017_contenu .portail-gauche,
#accueil_2017_contenu .portail-droite {
display: flex;
flex-direction: column;
}
.accueil_2017_cadre:nth-child(1) {
flex-grow: 1;
}
.accueil_2017_cadre:nth-child(2) {
flex-grow: 2;
}
.accueil_2017_cadre:nth-child(3) {
flex-grow: 3;
}
}