MediaWiki:Common.scss
Révision datée du 6 août 2023 à 14:22 par BrunoBuiret (discussion | contributions)
@charset "UTF-8";
/* == Outils == */
.clearfix {
clear: both;
}
/* == Citations == */
.mw-body-content blockquote {
margin-left: 0;
margin-right: 0;
padding: 8px 16px;
}
/* == Documentation de modèle == */
.mw-documentation {
padding: 1em 1em 0.8em;
background: #ecfcf4;
border: 1px solid #aaaaaa;
}
.mw-documentation p:first-child {
margin-top: 0;
}
.mw-documentation-footer {
margin-top: 1.5em;
padding-top: 0.5em;
border-top: 1px solid #a2a9b1;
}
/* == Navigation == */
.mw-navigation {
clear: both;
width: 100%;
margin-top: 1em;
background: #fdfdfd;
border: 1px solid #aaaaaa;
font-size: 0.75rem;
}
.mw-navigation .mw-title {
padding-left: 1em;
padding-right: 1em;
background: #a7d7f9;
font-size: 0.85rem;
}
.mw-navigation tr th:not(.mw-title) {
width: 150px;
padding-left: 1em;
padding-right: 1em;
background: #eaf3ff;
vertical-align: middle;
}
.mw-navigation tr:nth-child(2n) td {
background: #f6f6f6;
}
.mw-navigation tr:nth-child(2n+1) td {
background: #eaecf0;
}
.mw-navigation .mw-navigation {
width: calc(100% + 6px);
margin: -3px;
background: transparent;
border: none;
}
.mw-navigation .mw-navigation tr:nth-child(2n+1) td {
background: none;
}
.mw-navigation + .mw-navigation {
margin-top: 0.5em;
}
/* == Boîtes d'informations == */
.mw-information-box {
float: right;
box-sizing: border-box;
clear: right;
min-width: 200px;
max-width: 300px;
margin: 0 0 0.5em 1em;
padding: 5px;
background: #f9f9f9;
border: 1px solid #aaaaaa;
color: #000000;
font-size: 0.9em;
}
.mw-information-box .mw-title {
box-sizing: border-box;
margin: 0;
padding: 0.25em 1em;
background: #cccccc;
font-size: 1.25em;
font-weight: bold;
line-height: 1.5em;
text-align: center;
}
.mw-information-box .mw-sub-title {
text-align: center;
}
.mw-information-box .image img {
max-width: 100%;
height: auto;
}
.mw-information-box .mw-caption {
font-size: 80%;
text-align: center;
}
.mw-information-box table {
width: 100%;
}
.mw-information-box th:not(.mw-section-title),
.mw-information-box td {
vertical-align: top;
}
.mw-information-box th:not(.mw-section-title) {
text-align: left;
}
.mw-information-box .mw-section-title {
padding: 0.25em 1em;
font-weight: bold;
text-align: center;
background: #cccccc;
}
/* Déclinaisons de couleur */
.mw-information-box.light-yellow .mw-title,
.mw-information-box.light-yellow .mw-section-title {
background: #ffeda6;
}
.mw-information-box.light-blue .mw-title,
.mw-information-box.light-blue .mw-section-title {
background: #9fd6f2;
}
.mw-information-box.light-green .mw-title,
.mw-information-box.light-green .mw-section-title {
background: #ddffdd;
}
.mw-information-box.light-red .mw-title,
.mw-information-box.light-red .mw-section-title {
background: #ee6c6c;
}
/* Déclinaisons d'ajah */
.mw-information-box.blue-ajah .mw-title,
.mw-information-box.blue-ajah .mw-section-title {
background: #0e427c;
}
.mw-information-box.blue-black-ajah .mw-title,
.mw-information-box.blue-black-ajah .mw-section-title {
background: linear-gradient(to right, #0e427c 0%, #0e427c 75%, #000000 90%);
}
.mw-information-box.red-ajah .mw-title,
.mw-information-box.red-ajah .mw-section-title {
background: #6b0632;
}
.mw-information-box.red-black-ajah .mw-title,
.mw-information-box.red-black-ajah .mw-section-title {
background: linear-gradient(to right, #6b0632 0%, #6b0632 75%, #000000 90%);
}
.mw-information-box.white-ajah .mw-title,
.mw-information-box.white-ajah .mw-section-title {
background: #c1c6c0;
}
.mw-information-box.white-black-ajah .mw-title,
.mw-information-box.white-black-ajah .mw-section-title {
background: linear-gradient(to right, #c1c6c0 0%, #c1c6c0 75%, #000000 90%);
}
.mw-information-box.green-ajah .mw-title,
.mw-information-box.green-ajah .mw-section-title {
background: #03221d;
}
.mw-information-box.green-black-ajah .mw-title,
.mw-information-box.green-black-ajah .mw-section-title {
background: linear-gradient(to right, #03221d 0%, #03221d 75%, #000000 90%);
}
.mw-information-box.brown-ajah .mw-title,
.mw-information-box.brown-ajah .mw-section-title {
background: #1b140c;
}
.mw-information-box.brown-black-ajah .mw-title,
.mw-information-box.brown-black-ajah .mw-section-title {
background: linear-gradient(to right, #1b140c 0%, #1b140c 75%, #000000 90%);
}
.mw-information-box.yellow-ajah .mw-title,
.mw-information-box.yellow-ajah .mw-section-title {
background: #89590f;
}
.mw-information-box.yellow-black-ajah .mw-title,
.mw-information-box.yellow-black-ajah .mw-section-title {
background: linear-gradient(to right, #89590f 0%, #89590f 75%, #000000 90%);
}
.mw-information-box.grey-ajah .mw-title,
.mw-information-box.grey-ajah .mw-section-title {
background: #2e3231;
}
.mw-information-box.grey-black-ajah .mw-title,
.mw-information-box.grey-black-ajah .mw-section-title {
background: linear-gradient(to right, #2e3231 0%, #2e3231 75%, #000000 90%);
}
/* == Arbres généalogiques == */
.family-tree {
max-height: 400px;
overflow-y: auto;
}
/* == Cartes */
.map-container {
display: inline-block;
max-width: 100%;
border: 1px solid #c8ccd1;
overflow: auto;
}