62 734
modifications
« MediaWiki:Vector.css » : différence entre les versions
CSS temporaire de la nouvelle version des infobox
mAucun résumé des modifications |
CSS temporaire de la nouvelle version des infobox |
||
| Ligne 25 : | Ligne 25 : | ||
} | } | ||
/* Décoration des titres de sous-chapitre. */ | /* Décoration des titres de sous-chapitre. */ | ||
h1.firstHeading { | h1.firstHeading { | ||
/* bug de rendu si icône de titre ou coordonnées déplacées dans le titre */ | /* bug de rendu si icône de titre ou coordonnées déplacées dans le titre */ | ||
| Ligne 3 628 : | Ligne 3 590 : | ||
font-size: 0.8em; | font-size: 0.8em; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | |||
/* ------------------------------ */ | |||
/* Modèle:Infobox */ | |||
/* ------------------------------ */ | |||
.avt-infobox { | |||
box-shadow: 0 0 10px #071403; | |||
padding: 5px; | |||
background-color: #000300; | |||
border: 1px solid rgba(255,255,255,0.08); | |||
clear: right; | |||
float: right; | |||
font-size: 0.9em; | |||
line-height: 1.4; | |||
margin: 0 0 0.5em 1em; | |||
word-wrap: break-word; | |||
max-width: 400px; | |||
} | |||
.avt-infobox-header { | |||
border: 1px solid rgba(255,255,255,0.08); | |||
padding: 3px; | |||
text-align: center; | |||
font-size: 1.4em; | |||
line-height: 1.1; | |||
margin-bottom: 10px; | |||
background: #071403; | |||
display: grid; | |||
grid-template-columns: 1fr 1.7fr 0.3fr; | |||
grid-template-rows: 1fr 1fr 1fr; | |||
grid-auto-flow: row; | |||
gap: 0 0; | |||
} | |||
.avt-infobox-header-icon, | |||
.avt-infobox-header-title, | |||
.avt-infobox-header-subhead { | |||
justify-self: center; | |||
align-self: center; | |||
} | |||
.avt-infobox-header-icon { | |||
grid-area: 1 / 3 / 4 / 4; | |||
} | |||
.avt-infobox-header-title { | |||
grid-area: 2 / 1 / 4 / 4; | |||
font-weight: bold; | |||
} | |||
.avt-infobox-header-subhead { | |||
grid-area: 1 / 1 / 2 / 4; | |||
font-size: 0.6em; | |||
} | |||
.avt-infobox-images { | |||
text-align: center; | |||
display: flex; | |||
justify-content: space-around; | |||
align-items: center; | |||
padding: 2px 0; | |||
} | |||
.avt-infobox-images a { | |||
max-width: 100%; | |||
flex: 0 0 auto; | |||
} | |||
.avt-infobox-images img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.avt-infobox-images-legend { | |||
text-align: center; | |||
font-size: 0.8em; | |||
} | |||
.avt-infobox table { | |||
width: 100%; | |||
margin: 5px 0; | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
display: table; | |||
} | |||
.avt-infobox caption { | |||
text-align: center; | |||
border: 1px solid rgba(255,255,255,0.08); | |||
} | |||
.avt-infobox p.bloc, | |||
.avt-infobox caption { | |||
font-weight: bold; | |||
line-height: 1.1; | |||
margin: 0 0 5px 0; | |||
padding: 4px; | |||
background-color: #071403; | |||
} | |||
.avt-infobox th[scope="row"], | |||
.avt-infobox td { | |||
padding-top: 4px; | |||
vertical-align: super; | |||
} | |||
.avt-infobox th[scope="row"] { | |||
text-align: left; | |||
padding-right: 10px; | |||
width: 8em; | |||
max-width: 140px; | |||
word-wrap: normal; | |||
} | |||
.avt-infobox span.mw-collapsible-toggle { | |||
float: right; | |||
} | |||
.avt-infobox span.mw-collapsible-toggle a { | |||
color: #F5F7F2; | |||
} | } | ||