Différences entre les versions de « MediaWiki:Common.css »
Aller à la navigation
Aller à la recherche
(21 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 24 : | Ligne 24 : | ||
} | } | ||
.infobox_v2 . | .infobox_v2 { | ||
background: #f9f9f9; | |||
color: #000; | |||
font-size: 90%; | |||
line-height: 1.2em; | |||
float: right; | |||
clear: right; | |||
margin: 0 0 0.5em 1em; | |||
width: 400px; | |||
border: 1px solid #aaa; | |||
border-spacing: 5px; | |||
} | } | ||
Ligne 36 : | Ligne 45 : | ||
line-height: 1.1em; | line-height: 1.1em; | ||
color: #000; | color: #000; | ||
} | |||
div { | |||
display: block; | |||
} | |||
element.style { | |||
background-color: #4C6099; | |||
color: #FFFFFF; | |||
} | |||
.entete { | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
} | |||
div.infobox_v3 { | |||
background: #f9f9f9; | |||
padding: 5px; | |||
width: 25em; | |||
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 .entete { | |||
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; | |||
} | |||
.entete { | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
} | |||
.infobox_v3 .images { | |||
text-align: center; | |||
display: flex; | |||
justify-content: space-around; | |||
align-items: center; | |||
} | |||
.infobox_v3 .legend { | |||
font-size: 0.9em; | |||
text-align: center; | |||
margin: 5px 0 8px 0; | |||
} | |||
.infobox_v3 table { | |||
width: 100%; | |||
margin: 5px 0; | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
} | |||
table { | |||
font-size: 100%; | |||
} | |||
table { | |||
display: table; | |||
border-collapse: separate; | |||
box-sizing: border-box; | |||
text-indent: initial; | |||
border-spacing: 2px; | |||
border-color: grey; | |||
} | |||
.infobox_v3 caption.hidden { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
caption.hidden { | |||
position: static; | |||
text-indent: -5000px; | |||
} | |||
.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; | |||
} | |||
tr { | |||
display: table-row; | |||
vertical-align: inherit; | |||
border-color: inherit; | |||
} | |||
.hidden { | |||
position: absolute; | |||
left: 0; | |||
top: -5000px; | |||
width: 1px; | |||
height: 1px; | |||
overflow: hidden; | |||
} | |||
caption { | |||
display: table-caption; | |||
text-align: -webkit-center; | |||
} | |||
.infobox_v3 th[scope=row], .infobox_v3 td { | |||
padding-top: 4px; | |||
vertical-align: super; | |||
} | |||
.infobox_v3 th[scope=row] { | |||
text-align: left; | |||
padding-right: 10px; | |||
width: 8em; | |||
max-width: 140px; | |||
word-wrap: normal; | |||
} | |||
th { | |||
display: table-cell; | |||
vertical-align: inherit; | |||
font-weight: bold; | |||
text-align: -internal-center; | |||
} | |||
.infobox_v3:not(.large) .entete.icon > div { | |||
padding: 3px 48px; | |||
} | |||
.infobox_v3 .entete > div { | |||
display: table-cell; | |||
vertical-align: middle; | |||
padding: 3px; | |||
} | } |
Version actuelle datée du 7 mars 2022 à 16:51
/* Le CSS placé ici sera appliqué à tous les habillages. */ .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 400px; } .infobox-title { font-size: 2em; text-align: center; } .infobox-image { text-align: center; } .infobox th { text-align: right; vertical-align: top; width: 120px; } .infobox td { vertical-align: top; } .infobox_v2 { background: #f9f9f9; color: #000; font-size: 90%; line-height: 1.2em; float: right; clear: right; margin: 0 0 0.5em 1em; width: 400px; border: 1px solid #aaa; border-spacing: 5px; } .infobox_v2 .entete { height: 43px; vertical-align: middle; text-align: center; font-size: 140%; font-weight: bolder; line-height: 1.1em; color: #000; } div { display: block; } element.style { background-color: #4C6099; color: #FFFFFF; } .entete { background-position: right center; background-repeat: no-repeat; } div.infobox_v3 { background: #f9f9f9; padding: 5px; width: 25em; 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 .entete { 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; } .entete { background-position: right center; background-repeat: no-repeat; } .infobox_v3 .images { text-align: center; display: flex; justify-content: space-around; align-items: center; } .infobox_v3 .legend { font-size: 0.9em; text-align: center; margin: 5px 0 8px 0; } .infobox_v3 table { width: 100%; margin: 5px 0; table-layout: fixed; border-collapse: collapse; } table { font-size: 100%; } table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: grey; } .infobox_v3 caption.hidden { margin: 0 !important; padding: 0 !important; } caption.hidden { position: static; text-indent: -5000px; } .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; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } .hidden { position: absolute; left: 0; top: -5000px; width: 1px; height: 1px; overflow: hidden; } caption { display: table-caption; text-align: -webkit-center; } .infobox_v3 th[scope=row], .infobox_v3 td { padding-top: 4px; vertical-align: super; } .infobox_v3 th[scope=row] { text-align: left; padding-right: 10px; width: 8em; max-width: 140px; word-wrap: normal; } th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: -internal-center; } .infobox_v3:not(.large) .entete.icon > div { padding: 3px 48px; } .infobox_v3 .entete > div { display: table-cell; vertical-align: middle; padding: 3px; }