Módulo:Infobox/estilos.css

/* {{pp|small=y}} */
/*
 * This TemplateStyles sheet deliberately does NOT include the full set of
 * infobox styles. We are still working to migrate all of the manual
 * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
 * DO NOT ADD THEM HERE
 */
/*
 * not strictly certain these styles are necessary since the modules now
 * exclusively output infobox-subbox or infobox, not both
 * just replicating the module faithfully
 */

/* Infobox V3 */
div.infobox_v3 {
    padding: 5px;
    width: 25em;
    background: #f9f9f9;
    border: 1px solid #aaa;
    clear: right;
    float: right;
    font-size: 0.9em;
    line-height: 1.4;
    margin: 0 0 0.5em 1em;
    max-width: 325px;
    word-wrap: break-word;
}
.infobox_v3 .topo {
    display: table;
    height: 45px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.1;
    margin-bottom: 10px;
    background-color: #dfedff;
}
.infobox_v3 .topo > div {
    display: table-cell;
    vertical-align: middle;
    padding: 3px;
}
.infobox_v3:not(.large) .topo.icon > div {
    padding: 3px 48px;
}
/* Images */
.infobox_v3 .images {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.infobox_v3 .images a {
    max-width: 100%;
    flex: 0 0 auto; /* be kind ie11 */
}
.infobox_v3 .deux-images a {
    max-width: 48%;
}
.infobox_v3 .images img {
    max-width: 100%;
    height: auto;
}
.infobox_v3 .legend {
    font-size: 0.9em;
    text-align: center;
    margin: 5px 0 8px 0;
}
/* Tableaux */
.infobox_v3 table {
    width: 100%;
    margin: 5px 0;
    table-layout: fixed;
    border-collapse: collapse;
}
.infobox_v3 th[scope="col"] {
    text-align: center;
    word-wrap: normal;
}
.infobox_v3 th[scope=row] {
    text-align: left;
    /* @noflip */
    padding-right: 10px;
    width: 8em;
    max-width: 140px;
    word-wrap: normal;
}
.infobox_v3 th[scope=row],
.infobox_v3 td {
    padding-top: 4px;
    vertical-align: super;
}
.infobox_v3 th[scope=row].middle {
    vertical-align: middle;
}
.infobox_v3.bordered th[scope=row],
.infobox_v3.bordered td {
    padding-bottom: 4px;
    border-top: 1px solid #dfedff;
}
.infobox_v3.bordered caption.bordered {
    margin: 0 0 -1px 0;
}
.infobox_v3 tr.left td {
    text-align: left;
}
.infobox_v3 tr.vborder td {
    border-left: 1px dotted #aaa;
}
.infobox_v3 tr.vborder td:first-child {
    border-left: none;
}
.infobox_v3 td.data {
    text-align: center;
}
.infobox_v3 tr:first-child ul:first-child {
    margin-top: 0;
}
/* Titres bloc et caption tableaux */
.infobox_v3 p.bloc,
.infobox_v3 caption {
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    margin: 0 0 5px 0;
    padding: 4px;
    background: #dfedff;
}
.infobox_v3 p.bloc {
    margin: 5px 0;
}
.infobox_v3 caption.bordered,
.infobox_v3 p.bordered {
    border-top: 1px solid #dfedff;
    border-bottom: 1px solid #dfedff;
    background: transparent;
}
.infobox_v3 .bordered.navbar,
.infobox_v3 .bordered.infobox-navigateur {
    padding-top: 4px;
    border-bottom: 0;
}
/* TODO : mettre à jour la classe .hidden générique */
.infobox_v3 caption.hidden {
    margin: 0 !important;
    padding: 0 !important;
}
/* Séparateur */
.infobox_v3 .hr {
    font-size: 1px;
    line-height: 1px;
    margin: 5px 0;
    background-color: #dfedff;
}
.infobox_v3 .hr.collapse {
    margin: 5px 0 -8px 0;
}
/* Tnavbar */
.infobox_v3 .navbar {
    text-align: right;
    font-size: 0.8em;
    line-height: 1.1;
    margin: 8px 0 0;
}
.infobox_v3 .navbar .plainlinks {
    float: left;
}
/* Navigateur */
.infobox_v3 .overflow {
    overflow: hidden;
}
.infobox_v3 .prev a,
.infobox_v3 .prev_bloc {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png") no-repeat left center;
    float: left;
    max-width: 40%;
    padding: 0 0 0 18px;
    text-align: left;
}
.infobox_v3 .next a,
.infobox_v3 .next_bloc {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png") no-repeat right center;
    float: right;
    max-width: 40%;
    padding: 0 18px 0 0;
    text-align: right;
}

/* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre
   (par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43
   pixels de hauteur au risque d'y voir un effet indésirable. */
.degrade {
    background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png");
    background-position: top;
    background-size: 100% 100%;
    background-repeat: repeat-x;
}
.degrade_rev {
    background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png");
    background-position: top;
    background-repeat: repeat-x;
}

/* Classe de masquage, remplace display:none. Contenu non affiché mais lisible par les lecteurs d'écrans. */
.hidden {
    position: absolute;
    left: 0;
    top: -5000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
caption.hidden {
    position: static;
    text-indent: -5000px;
}

/* Géolocalisation dynamique */
.img_toggle div, .img_toggle table, .img_toggle ul {
    margin: 0 auto !important;
}
.img_toggle .geobox {
    position: relative
}
.img_toggle .geopoint {
    position: absolute;
    width: 5px;
    height: 5px;
    font-size: 1px;
    border: 1px solid #000;
    background: #f00;
}

/* </nowiki> */