« MediaWiki:Common.css » : différence entre les versions
De HyperCodex
(détails : encart sur le côté) |
Aucun résumé des modifications |
||
(2 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 10 : | Ligne 10 : | ||
} | } | ||
/* | /* ACCUEIL */ | ||
/* Dernières modifications */ | |||
div.dernières_modifications { | |||
/* TODO */ | |||
} | |||
/* Cadres */ | |||
.accueil_cadre { | .accueil_cadre { | ||
Ligne 56 : | Ligne 64 : | ||
cursor:help; | cursor:help; | ||
} | } | ||
/* */ | /* Utiliser <span> pour les détails dans les paragraphes. */ | ||
/* Encart permettant de dissocier les explications détaillées du texte principal : */ | |||
@media only screen and (min-width: 600px) { | @media only screen and (min-width: 600px) { | ||
div.détails { | div.détails { | ||
float: right; | float: right; | ||
width: 40%; | width: 40%; | ||
border: | border: 1px gray dotted; | ||
margin: 1em; | margin: 1em; | ||
margin-right: 0; | margin-right: 0; |
Dernière version du 5 mai 2024 à 15:04
/* Le CSS placé ici sera appliqué à tous les habillages. */ /* FLEXBOX */ .flex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } /* ACCUEIL */ /* Dernières modifications */ div.dernières_modifications { /* TODO */ } /* Cadres */ .accueil_cadre { box-shadow:0 0 0.3rem #999; border-radius:0.2rem; padding:1.2rem; margin-bottom:1.6rem } .accueil_cadre h2 { font-variant:small-caps; letter-spacing:0.01em; border-bottom:solid 0.2rem #bdd8fb; margin:-0.4rem 0 0.5rem } .accueil_pied { margin-top:1.8em; font-size:85%; text-align:right } /* BANDEAU EN HAUT DES PAGES */ .bandeau { min-height: 5em; margin:auto; padding: .5em 1em; background-color: aliceblue; border: lavender 1px solid; } .bandeau.attention { background-color: lightpink; border: lightsalmon 1px solid; } .bandeau-img { /* image du bandeau */ display: block; width: 5em; /* height has an automatic value*/ } .bandeau p { /* texte central du bandeau */ margin: 1em 110px; } .détails { font-size:90%; background-color:floralwhite; cursor:help; } /* Utiliser <span> pour les détails dans les paragraphes. */ /* Encart permettant de dissocier les explications détaillées du texte principal : */ @media only screen and (min-width: 600px) { div.détails { float: right; width: 40%; border: 1px gray dotted; margin: 1em; margin-right: 0; padding: 1em; } }