« MediaWiki:Common.css » : différence entre les versions
Aucun résumé des modifications |
Aligne sur preprod : mise en page accueil, colonnes, cadenas, centrage page de connexion (issues #8, #13) |
||
| Ligne 113 : | Ligne 113 : | ||
border: solid 2px; | border: solid 2px; | ||
border-radius: 10px 10px 0 0; | border-radius: 10px 10px 0 0; | ||
overflow: hidden; | /* Pas d'overflow:hidden ici : il coupait le contenu qui depasse en hauteur. | ||
Les coins arrondis sont portes par l'en-tete lui-meme. */ | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.welcomebox-main { | |||
flex-grow: 1; | |||
} | } | ||
.welcomebox a { | .welcomebox a { | ||
| Ligne 122 : | Ligne 128 : | ||
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
/* Dans une colonne, chaque box prend la hauteur de son contenu et l'espace entre | |||
elles reste fixe (le gap de .welcomebox-column). Seule la derniere s'etire, pour | |||
que le bas des colonnes reste aligne. */ | |||
.welcomebox-column>.welcomebox { | .welcomebox-column>.welcomebox { | ||
flex- | flex: 0 0 auto; | ||
min-width: 0; | |||
} | |||
.welcomebox-column>.welcomebox:last-child { | |||
flex-grow: 1; | flex-grow: 1; | ||
} | } | ||
@media (max-width: 992px) { | @media (max-width: 992px) { | ||
.welcomebox { | .welcomebox, | ||
.welcomebox-column { | |||
flex-basis: 100%; | flex-basis: 100%; | ||
min-width: 100%; | min-width: 100%; | ||
} | |||
/* Une seule colonne : plus besoin d'etirer la derniere box pour aligner les bas */ | |||
.welcomebox-column>.welcomebox:last-child { | |||
flex-grow: 0; | |||
} | } | ||
} | } | ||
.welcomebox-header { | .welcomebox-header { | ||
border-radius: 8px 8px 0 0; | |||
color: #FFF; | color: #FFF; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
| Ligne 237 : | Ligne 255 : | ||
width: 200px; | width: 200px; | ||
background-image: url('skins/UnessWelcome/resources/img/logo-3e-cycle.png'); | background-image: url('skins/UnessWelcome/resources/img/logo-3e-cycle.png'); | ||
} | |||
/* Les parcours de formation alignes sur une meme ligne dans la box "Banque d'images | |||
medicales". flex + wrap : ils se replient proprement quand la box retrecit, sur PC | |||
comme sur mobile, sans jamais deborder. */ | |||
.parcours-inline { | |||
display: flex; | |||
flex-wrap: wrap; | |||
column-gap: 8px; | |||
row-gap: 2px; | |||
margin-top: 2px; | |||
} | |||
.parcours-inline p { | |||
margin: 0; | |||
} | |||
.parcours-inline a:not(:last-child)::after { | |||
content: '·'; | |||
color: #888; | |||
margin-left: 12px; | |||
} | } | ||