|
|
| (14 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici sera appliqué à tous les habillages. */
| |
| /*HEADER*/
| |
| #mw-header-container {background-color: #2B2B2B;}
| |
|
| |
|
| #mw-header-hack {display: none;}
| |
|
| |
| #p-logo-text { min-width: 13em; padding-right: 1em;}
| |
| /*usr*/
| |
| #personal h2 {font-family: Corbel; color: #9faeac; background-image: none; padding-top: 0.225em; padding-bottom: 0.225em;}
| |
| #personal h2:after {filter: invert(1);}
| |
|
| |
|
| |
| /*MAIN*/
| |
| #mw-content-wrapper {margin-top: 1em;}
| |
| #mw-content {background-color: #CCCCCC; color: #444444; border: none; box-shadow: 3px 3px 9px 9px #0000002b; border-radius: 15px;}
| |
|
| |
| @media screen and (min-width: 851px){
| |
| #mw-content-container {margin-top: 3.125em;}
| |
| }
| |
|
| |
| /*@media screen and (min-width: 1340px){*/
| |
| /*#mw-related-navigation .sidebar-chunk {position: sticky; top: 4.125em;}*/
| |
| /*}*/
| |
|
| |
|
| |
|
| |
|
| |
| /*NAV*/
| |
| #mw-site-navigation .sidebar-chunk,
| |
| #mw-related-navigation .sidebar-chunk {background-color: #2B2B2B; border-color: transparent; padding: 1em 1em 0; border-radius: 10px;}
| |
| #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {border-bottom: none; color: #979797;text-transform: capitalize;}
| |
| #mw-site-navigation .sidebar-chunk a, #mw-related-navigation .sidebar-chunk a {color: #9faeac;}
| |
|
| |
| #searchInput {padding: 0.2em 4.5em 0.2em 2em;}
| |
|
| |
|
| |
| /*CTN*/
| |
| /*.mw-body h1.firstHeading {color: #111; border-bottom: none;}*/
| |
| .mw-body h1.firstHeading { color: #000; font-family: 'Open Sans', sans-serif; border-color: #bcbcbc;}
| |
| #mw-content-container {font-family: Corbel; border-bottom: none; background-color: #04021c;
| |
| background-image: url(/wiki/skins/Aknotl/resources/images/back.png); background-size: cover; background-attachment: fixed; background-position: top;}
| |
|
| |
| #p-logo-text a {color: #969696}
| |
|
| |
| .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-family: Corbel;}
| |
|
| |
| .tools-inline li a {font-size: 0.8em;}
| |
|
| |
|
| |
|
| |
| /*foot*/
| |
|
| |
| .mw-footer-container {background-color: #2B2B2B; color: #969696;}
| |
|
| |
| .mw-footer-container a {font-size: 0.75em;}
| |
|
| |
|
| |
|
| |
| /*
| |
| *
| |
| * SPECIFIC PAGE
| |
| *
| |
| */
| |
|
| |
| /*ACCUEIL*/
| |
| .page-Accueil #firstHeading,
| |
| .page-Accueil #mw-page-header-links,
| |
| .page-Accueil #mw-related-navigation {display: none;}
| |
|
| |
| .page-Accueil .accueil-p1 {border: 1px solid #000; width: 100%; height: 300px; display: flex;}
| |
|
| |
| .accueil-l1 h2 { font-family: Corbel; font-size: 1.4em; text-align: center; width: 100%;}
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /*
| |
| *
| |
| * quote
| |
| *
| |
| */
| |
|
| |
| blockquote {font-style: italic;border-left: 4px solid #dfdfdf;padding: 8px 32px;}
| |
| blockquote .right {text-align: right; font-style: normal; font-size: 0.85em;}
| |
|
| |
|
| |
|
| |
| /*
| |
| *
| |
| * Infobox template style
| |
| *
| |
| */
| |
|
| |
| .infobox {
| |
| border: 1px solid #a2a9b1;
| |
| border-spacing: 3px;
| |
| background-color: #f8f9fa;
| |
| color: black;
| |
| /* @noflip */
| |
| margin: 0.5em 0 0.5em 1em;
| |
| padding: 0.2em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| clear: right;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| width: 22em;
| |
| }
| |
|
| |
| /* not strictly certain these styles are necessary
| |
| * just replicating the module faithfully
| |
| */
| |
| .infobox-subbox {
| |
| padding: 0;
| |
| border: none;
| |
| margin: -3px;
| |
| width: auto;
| |
| min-width: 100%;
| |
| font-size: 100%;
| |
| clear: none;
| |
| float: none;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .infobox-header,
| |
| .infobox-label,
| |
| .infobox-above,
| |
| .infobox-full-data,
| |
| .infobox-data,
| |
| .infobox-below,
| |
| .infobox-subheader,
| |
| .infobox-image,
| |
| .infobox-navbar,
| |
| /* Remove element declaration when both a) infobox3cols is migrated and
| |
| * b) when every .infobox thing is using the standard module/templates */
| |
| .infobox th,
| |
| .infobox td {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .infobox-label,
| |
| .infobox-data,
| |
| /* Remove element declaration when both a) infobox3cols is migrated and
| |
| * b) when every .infobox thing is using the standard module/templates */
| |
| .infobox th,
| |
| .infobox td {
| |
| /* @noflip */
| |
| text-align: left;
| |
| }
| |
|
| |
| /* remove .infobox when th, td above are removed */
| |
| .infobox .infobox-above,
| |
| .infobox .infobox-title,
| |
| /* Remove element declaration when both a) infobox3cols is migrated and
| |
| * b) when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
|
| |
| .infobox-title,
| |
| /* Remove element declaration when both a) infobox3cols is migrated and
| |
| * b) when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| padding: 0.2em;
| |
| }
| |
|
| |
| /* remove .infobox when th, td above are removed */
| |
| .infobox .infobox-header,
| |
| .infobox .infobox-subheader,
| |
| .infobox .infobox-image,
| |
| .infobox .infobox-full-data,
| |
| .infobox .infobox-below {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* remove .infobox when th, td above are removed */
| |
| .infobox .infobox-navbar {
| |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
|
| |
| .infobox.bordered {
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.bordered .borderless td,
| |
| .infobox.bordered .borderless th {
| |
| border: 0;
| |
| }
| |
|
| |
| /* styles for bordered infobox with merged rows */
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.bordered .mergedtoprow td,
| |
| .infobox.bordered .mergedtoprow th {
| |
| border: 0;
| |
| border-top: 1px solid #a2a9b1;
| |
| /* @noflip */
| |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.bordered .mergedrow td,
| |
| .infobox.bordered .mergedrow th {
| |
| border: 0;
| |
| /* @noflip */
| |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| /* Styles for geography infoboxes, eg countries,
| |
| country subdivisions, cities, etc. */
| |
| .infobox.geography {
| |
| border-collapse: collapse;
| |
| line-height: 1.2em;
| |
| font-size: 90%;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.geography td,
| |
| .infobox.geography th {
| |
| border-top: 1px solid #a2a9b1;
| |
| padding: 0.4em 0.6em 0.4em 0.6em;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.geography .mergedtoprow td,
| |
| .infobox.geography .mergedtoprow th {
| |
| border-top: 1px solid #a2a9b1;
| |
| padding: 0.4em 0.6em 0.2em 0.6em;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.geography .mergedrow td,
| |
| .infobox.geography .mergedrow th {
| |
| border: 0;
| |
| padding: 0 0.6em 0.2em 0.6em;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.geography .mergedbottomrow td,
| |
| .infobox.geography .mergedbottomrow th {
| |
| border-top: 0;
| |
| border-bottom: 1px solid #a2a9b1;
| |
| padding: 0 0.6em 0.4em 0.6em;
| |
| }
| |
|
| |
| /* TODO split definitions to appropriate class names when live from HTML element */
| |
| .infobox.geography .maptable td,
| |
| .infobox.geography .maptable th {
| |
| border: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
|
| |
|
| |
| /*
| |
| *
| |
| *
| |
| * INFOBOX V2
| |
| *
| |
| *
| |
| */
| |
|
| |
| /* Infobox V2 (voir : [[Projet: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: 294px;
| |
| border: 1px solid #aaa;
| |
| border-spacing: 5px;
| |
| }
| |
| .infobox_v2 th {
| |
| vertical-align: super;
| |
| text-align: left;
| |
| }
| |
| .infobox_v2 .entete {
| |
| height: 43px;
| |
| vertical-align: middle;
| |
| text-align: center;
| |
| font-size: 140%;
| |
| font-weight: bolder;
| |
| line-height: 1.1em;
| |
| color: #000;
| |
| }
| |
| /* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
| |
| Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
| |
| Possibilité de désactiver ce padding en ajoutant une classe "large" */
| |
| .infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
| |
| padding: 1px 48px;
| |
| }
| |
| /* Pour [[Modèle:Image et son]], etc. */
| |
| .infobox_v2 .media {
| |
| height: 35px;
| |
| vertical-align: middle;
| |
| text-align: center;
| |
| font-weight: bolder;
| |
| color: #000;
| |
| }
| |
|
| |
| /*hide link */
| |
| .infobox_v2 .navigation-only .plainlinks > a.new {display: none;}
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /*TINYMCE*/
| |
| .tox-editor-header {top: 3.125em !important;}
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /*LISTE ELEMENTS*/
| |
| .liste-horizontale ul, .liste-horizontale ol, .liste-horizontale li { margin-left: 0; display: inline; white-space: nowrap;}
| |
| .liste-horizontale li + li:before { white-space: normal; content: "· "; font-weight: bold;}
| |
| .liste-horizontale li:after { content: " ";}
| |
|
| |
|
| |
|
| |
| /*CADRE PORTAIL*/
| |
| .cadre-banner > p {margin-top: 0 !important;}
| |
| /*.cadre-banner img {border-radius: 10px 10px 0 0;}*/
| |
|
| |
| .cadre-banner a img {border-radius: 10px 0 0 10px; max-width: 700px !important;}
| |
