Utilisateur:Momo50/foreground.css

/* CSS placé ici sera appliqué à l'habillage (skins) Foreground de l'utilisateur:Momo50 */

@media screen and (min-width: 1200px)
.mw-page-container, 
.header-container .mw-header, 
.header-container .sticky-header {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}

/* Test affichage grille responsive */
.grid-container {
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 10px;
}
/* Test ligne responsive */
#grid {
  display: grid;
  height: 100px;
  grid-template-rows: 30px 1fr;
}
.box {
border: 1px solid #a2a9b1;
}
#areaA {
  background-color: lime;
}

#areaB {
  background-color: yellow;
}
/* Fin test ligne responsive */

/* Test affichage barre de navigation */
/* Id navwrapper */
#navwrapper {
  z-index: 10000; 
}

/* Test affichage barre de suggestion recherche */
.suggestions {
    z-index: 10000;
}

/* rem Essais animation sommaire rem 
div#toc {
    position: inherit;
    display: inline-block;
    height: 200%;
    width: auto;
    float: none;
    border: 1px solid darkgrey;
}*/

#toc > ul {
    max-height: none;
    max-width: 250px;
}

#toc, .toc, .mw-warning, .toccolours {
    border: none;
    background-color: #e9e9e9;
    padding: 5px;
    font-size: 80%;
    position: inherit;
    /* rem <!--rem-- z-index: 6000; --rem--> rem */
}

.toc {
    display: table;
    padding: 7px;
}

.toc, .toccolours {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 5px;
    font-size: 95%;
}

.toctogglecheckbox {
    display: inline !important;
    position: absolute;
    opacity: 0;
    z-index: -1;
}

button, input, optgroup, select, textarea {
    margin: 0;
}

.foreground-body .toc h2 {
    font-family: sans-serif;
    font-size: 100%;
}

.toc h2 {
    display: inline;
    border: 0;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}

.foreground-body .mw-heading2, .foreground-body h2 {
    margin-top: 1em;
    font-size: 1.5em;
}

.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    margin-bottom: 0.25em;
    padding: 0;
    /* rem font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif; rem */
    line-height: 1.375;
}
.mw-heading2, h2 {
    font-size: 150%;
    font-weight: normal;
}
.mw-heading1, h1, .mw-heading2, h2 {
    margin-bottom: 0.6em;
    border-bottom: 1px solid #a2a9b1;
}

.mw-heading, h1, h2, h3, h4, h5, h6 {
    color: #000000;
    /* rem font-weight: bold; rem */
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}

.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
    text-align: left;
}
.toctogglecheckbox:checked ~ ul {
    display: none;
}

.toc ul {
    list-style: none;
    margin: 0.3em 0;
    padding: 0;
    text-align: left;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}

ul {
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}

/* rem ul {
    list-style-image: url(https://wikimanche.fr/skins/Vector/resources/skins.vector.styles.legacy/images/bullet-icon.svg?d4515);
} rem */

.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after {
    content: 'masquer';
}

.toc .toctitle {
    direction: ltr;
}
.toc .toctitle {
    text-align: right;
}

.toctogglespan::before {
    content: ' [';
}
.toctogglelabel {
    color: #0645ad;
    cursor: pointer;
    font-size: smaller;
}

.toctogglecheckbox:checked + .toctitle .toctogglelabel::after {
    content: 'afficher';
}

.toctogglespan::after {
    content: ']';
}

.toctogglespan {
    font-size: 94%;
}
/* rem Essais animation sommaire rem */
/* après mise a jour vers WM 1.39 du 21-12-2022 */
.toctogglelabel:hover {
  text-decoration: underline;
}
  @media screen
.toctogglelabel {
  cursor: pointer;
  color: #0645ad;
}

/* après mise a jour vers WM 1.41 du 10-01-2024 
   Suite changement affichage des images à droite 
   Codes CSS de Vector 2010 */

figure[typeof~='mw:File'],figure[typeof~='mw:File/Frameless'] {	
	    margin: 0
}	
	
.mw-body-content figure[typeof~='mw:File'] > a,.mw-body-content figure[typeof~='mw:File/Frameless'] > a {	
	    border: 0
}	
	
figure[typeof~='mw:File'].mw-halign-right,figure[typeof~='mw:File/Frameless'].mw-halign-right {	
	    margin: 0 0 0.5em 0.5em;
	    clear: right;
	    float: right
}	
	
figure[typeof~='mw:File'].mw-halign-left,figure[typeof~='mw:File/Frameless'].mw-halign-left {	
	    margin: 0 0.5em 0.5em 0;
	    clear: left;
	    float: left
}	
	
figure[typeof~='mw:File'].mw-halign-none,figure[typeof~='mw:File/Frameless'].mw-halign-none {	
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File'].mw-halign-center,figure[typeof~='mw:File/Frameless'].mw-halign-center {	
	    margin: 0 auto;
	    display: table;
	    border-collapse: collapse;
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File'] > figcaption,figure[typeof~='mw:File/Frameless'] > figcaption {	
	    display: none
}	
	
figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'] {	
	    display: table;
	    text-align: center;
	    border-collapse: collapse;
	    line-height: 0;
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	
	
.mw-body-content figure[typeof~='mw:File/Thumb'] > a,.mw-body-content figure[typeof~='mw:File/Frame'] > a {	
	    border: 0
}	
	
.mw-content-ltr figure[typeof~='mw:File/Thumb'],.mw-content-ltr figure[typeof~='mw:File/Frame'] {	
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	
	
.mw-content-rtl figure[typeof~='mw:File/Thumb'],.mw-content-rtl figure[typeof~='mw:File/Frame'] {	
	    margin: 0.5em 1.4em 1.3em 0;
	    clear: left;
	    float: left
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-right,figure[typeof~='mw:File/Frame'].mw-halign-right {	
	    margin: 0.5em 0 1.3em 1.4em;
	    clear: right;
	    float: right
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-left,figure[typeof~='mw:File/Frame'].mw-halign-left {	
	    margin: 0.5em 1.4em 1.3em 0;
	    clear: left;
	    float: left
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-none,figure[typeof~='mw:File/Frame'].mw-halign-none {	
	    margin: 0;
	    margin-bottom: 0.5em;
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File/Thumb'].mw-halign-center,figure[typeof~='mw:File/Frame'].mw-halign-center {	
	    margin: 0 auto 0.5em auto;
	    clear: none;
	    float: none
}	
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption),figure[typeof~='mw:File/Frame'] > :not(figcaption) {	
}	
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {	
	    margin: 3px
}	
	
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-broken-media,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-broken-media {	
	    display: inline-block;
	    line-height: 1.6em;
	    word-break: break-word;
	    width: 180px;
	    font-size: 94%
}	
	
figure[typeof~='mw:File/Thumb'] > figcaption,figure[typeof~='mw:File/Frame'] > figcaption {	
	    display: table-caption;
	    caption-side: bottom;
	    line-height: 1.4em;
	    word-break: break-word;
	    text-align: left;
	    padding: 0 6px 6px 6px
}	
	
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {	
	    text-align: left
}	
	
.mw-content-rtl figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-rtl figure[typeof~='mw:File/Frame'] > figcaption {	
	    text-align: right
}	
	
figure[typeof~='mw:File/Frame'] > figcaption:empty {	
	    padding-bottom: 0
}	
	
figure[typeof~='mw:File/Thumb'] > figcaption:empty {	
	    padding-bottom: 3px
}	
	
    .printfooter,.mw-footer,.thumb,figure,table,ol,dl,ul,h3,h4,h5,h6 {	
	        font-family: sans-serif
}	

/* Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024 
Implémenté dans [[Mediawiki:Foreground.css]] le 14 mars 2024 à 22:59 */