Utilisateur:Tomybrz/infobox.css

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/* Cette page rassemeble le nouveau style des infobox V3 correspondant à la charte du design de wikimedia. 
   Pour tester le code, insérez le code suivant dans votre vector.js : 
   
   importStylesheet('User:Tomybrz/infobox.css'); 
   
   Crédits d'auteurs ici : [[Projet:Charte graphique/Articles/Infoboxes]] 


----------------------------------------------------------------------------------------------------------------- */


/* Nouveau style des infobox */

div.infobox_v3 {
	padding: 5px;
	width: 25em;
	background: #f9f9f9;
	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;
	box-shadow: 0 0 .3rem #999;
}


.infobox_v3 table {
    padding: 0;
    margin: 0 0 10px;
}

.infobox_v3 .entete {
    margin-bottom:0;
}

.infobox_v3 th[scope="row"], .infobox_v3 td {
    padding-left: 4px;
}

.infobox_v3 .images  {
    padding:0 !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.infobox_v3 .images img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: auto;
    max-width: 320px;
    width: 100%;
}
.infobox_v3 p.legend {
    background: #FFF;
    color: #54525d;
    font-size: 0.9em;
    margin: 0;
    padding: 3px 6px 12px;
    text-align: left;
}
.infobox_v3 p.legend {
    background: #FFF;
    color:#54525d; 
}
.infobox_v3 p.legend a {color:#54525d; text-align: center;}

.infobox_v3 .navbar  {display:none;}
.infobox_v3 p.bloc,
.infobox_v3 table caption {background-color:#eaecf0 !important; color: #222 !important;}