Utilisateur:Lgd test/infobox.css

/* headers */
h2,h3,h4,h5,h6 {
overflow: hidden;
zoom: 1
}
 
/* common styles */
div.infobox_test .center {
width: auto; /* correction sottise de la classe .center de main.css */
}
div.infobox_test {
float: right;
margin: 0 0 1em 1em;
border: 1px solid #aaa;
}
div.infobox_test table {
border-collapse: collapse;
width: 300px;
}
div.infobox_test caption {
font-weight: bold;
}
div.infobox_test .image {
text-align: center;
padding: 8px 0;
}
div.infobox_test th, div.infobox_test td, div.infobox_test td.left {
text-align: left;
}
div.infobox_test th.right, div.infobox_test td.right {
text-align: right;
}
div.infobox_test th.center, div.infobox_test td.center {
text-align: center;
}
 
/* simple style (Communes de France)*/
div.infobox_test.simple {
border-bottom: 0;
}
div.infobox_test.simple table {
border-bottom: 1px solid #aaa;
font-size: 0.9em;
}
div.infobox_test.simple th {
border-right: 1px solid #aaa;
}
div.infobox_test.simple th.no_border {
border-right: 0;
}
div.infobox_test.simple th, div.infobox_test.simple td {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 5px;
font-weight: normal;
}
div.infobox_test.simple caption {
background: #ddffdd;
font-size: 1.5em;
padding: 3px 0;
}
 
/* cinema (film) */
div.infobox_test.cinema {
padding: 8px 5px 5px 5px;
}
div.infobox_test.cinema table {
font-size: 0.8em;
line-height: 1.1em;
width: 290px;
}
div.infobox_test.cinema caption span {
background: no-repeat right center;
background-color: #17a5a5;
background-image: url(http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png);
height: 30px;
font-size: 1.4em;
line-height: 1em;
padding: 15px 0 0 0;
display: block;
}
div.infobox_test.cinema .legende {
font-size: 0.8em;
display: block;
margin: 5px 0;
}
div.infobox_test.cinema th, div.infobox_test.cinema td {
padding: 5px 10px 5px 0;
}
div.infobox_test.cinema tr.group0 + tr.group1 td, div.infobox_test.cinema tr.group0 + tr.group2 td, div.infobox_test.cinema tr.group0 + tr.group3 td, div.infobox_test.cinema tr.group0 + tr.group4 td, div.infobox_test.cinema tr.group0 + tr.group5 td,
 
div.infobox_test.cinema tr.group1 + tr.group2 td, div.infobox_test.cinema tr.group1 + tr.group3 td, div.infobox_test.cinema tr.group1 + tr.group4 td, div.infobox_test.cinema tr.group1 + tr.group5 td,
 
div.infobox_test.cinema tr.group2 + tr.group3 td, div.infobox_test.cinema tr.group2 + tr.group4 td, div.infobox_test.cinema tr.group2 + tr.group5 td,
 
div.infobox_test.cinema tr.group3 + tr.group4 td, div.infobox_test.cinema tr.group3 + tr.group5 td,
 
div.infobox_test.cinema tr.group4 + tr.group5 td,
 
div.infobox_test.cinema tr.group0 + tr.group1 th, div.infobox_test.cinema tr.group0 + tr.group2 th, div.infobox_test.cinema tr.group0 + tr.group3 th, div.infobox_test.cinema tr.group0 + tr.group4 th, div.infobox_test.cinema tr.group0 + tr.group5 th,
 
div.infobox_test.cinema tr.group1 + tr.group2 th, div.infobox_test.cinema tr.group1 + tr.group3 th, div.infobox_test.cinema tr.group1 + tr.group4 th, div.infobox_test.cinema tr.group1 + tr.group5 th,
 
div.infobox_test.cinema tr.group2 + tr.group3 th, div.infobox_test.cinema tr.group2 + tr.group4 th, div.infobox_test.cinema tr.group2 + tr.group5 th,
 
div.infobox_test.cinema tr.group3 + tr.group4 th, div.infobox_test.cinema tr.group3 + tr.group5 th,
 
div.infobox_test.cinema tr.group4 + tr.group5 th{
border-top: 1px solid #aaa;
}
/* complexe */
div.infobox_test.complexe caption span {
background: #336699;
color: #fff;
}
div.infobox_test th.subtitle {
padding: 10px 0 5px 0;
}
div.infobox_test th.subtitle span {
text-align: center;
padding: 2px 5px !important;
background: #ccccff;
display: block;
}
 
 
/* taxobox - génériques */
div.taxobox_test {
border: 1px solid #CCBB88;
position: relative;
zoom: 1; /* DEBUG */
}
div.taxobox_test .help_test {
position: absolute;
right: 5px;
top: 2px;
}
div.taxobox_test table {
width: auto;
}
div.taxobox_test caption {
color: #fff;
font-size: 1.3em;
padding: 1px 0;
font-style:italic;
}
div.taxobox_test caption span {
padding: 0 23px 0 0;
}
div.taxobox_test th.image, div.taxobox_test td.image {
padding: 1px;
text-align:center;
border: 0;
}
div.taxobox_test th {
font-weight: normal;
}
div.taxobox_test th.header_test {
font-weight: bold;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
div.taxobox_test th, div.taxobox_test td {
border-top: 1px solid #E0D0D0;
border-bottom: 1px solid #E0D0D0;
}
div.taxobox_test td.taxon { /* à économiser ? */
font-weight: bold;
text-align: center;
}
 
div.taxobox_test th.iucn { /* à économiser ? */
background: transparent;
font-size: 0.8em;
border-bottom: 0;
border-top: 1px solid #E0D0D0;
}
div.taxobox_test .fin_test {
background: #eee;
text-align: center;
font-size: 0.8em;
padding: 0 0 5px 0;
}
div.taxobox_test .fin_test li, div.taxobox_test .fin_test div {
list-style-type: none;
display: inline !important;
}
 
/* taxobox - animale */
div.animal_test table {
background: #F6EBE4;
}
div.animal_test caption {
background: #FF9999;
}
div.animal_test th.header_test {
background: pink;
}
div.animal_test th.repartition { /* à économiser ? */
background: #FF9999;
}
 
/* taxobox - végétale*/
div.vegetal_test table {
background: #CCFFCC;
}
div.vegetal_test caption {
background: #66CC66;
}
div.vegetal_test th.header_test {
background: lightgreen;
}
div.vegetal_test th.repartition { /* à économiser ? */
background: #66CC66;
}