مدیاویکی:Chameleon.css

This page "Chameleon.css" is from Wikipedia if otherwise notified.

/* Liens qui sortent de l'écran */
body {
    word-break: break-word;
}

/* Message box */
.mbox-text {
	display: table-cell;
	vertical-align: middle;
}

.ombox.ombox-notice {
	background: linear-gradient(to left,rgba(167,215,249,0) 0%,#cce8fb 20%,#cce8fb 80%,rgba(167,215,249,0) 100%) !important;
	border: none !important;
}

/* Sitenotice */
.row-sitenotice p { margin: 0; }


/* Anonnotice */
.row-sitenotice .anonnotice p a {
    color: #6193F3;
    font-weight: bold;
}

.row-sitenotice .anonnotice p:first-of-type {
    padding: 0.2rem 0.5rem;
    text-align: center;
}
.row-sitenotice .anonnotice p {
    background: #f3c161;
    border-radius: 4px;
    box-shadow: 2px 2px 4px #b9b9b9;
}

body.ns-4 .anonnotice { display: none; }

/* New Logo */
#p-logo {
	text-align: center;
	height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: -10px !important;
}
#p-logo img {
    width: auto;
    height: 140px;
    margin: 10px 6px 0 0;
}

/* Facilitators */
.badgeBox {
    display: flex;
    align-items: center;
    background: lightblue !important;
    padding: 0 2rem 0 0;
    text-align: justify;
    margin: 1rem 0;
}
.badgeBox > a img {
    margin: 0;
    height: 100%;
    width: auto;
    max-width: 80px;
}
.badgeBox > div { margin: 0 1rem; }
.badgeBox p { margin: 0; }
.badgeBox p.fix { font-size: .8rem; }

.badgeBox.tierOne { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgb(153 189 84 / 80%) 50%) !important; }
.badgeBox.tierTwo { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgb(50 131 67 / 75%) 50%) !important; }
.badgeBox.tierThree { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(217, 187, 255, 1) 50%) !important; }
.badgeBox.tierFour { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(255, 168, 168, 1) 50%) !important; }
.badgeBox.tierFive { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(34, 193, 174, 0.42) 50%) !important; }
.badgeBox.tierSix { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(0, 42, 190, 0.5) 50%) !important; }
.badgeBox.tierSeven { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(51, 24, 0, 0.4) 50%) !important; }
.badgeBox.tierEight { background: linear-gradient(to left,rgba(167,215,249,0) 0%, rgba(0, 4, 26, 0.45) 50%) !important; }

/* No bold (mostly for infoboxes) */
.noBold {
	font-weight: normal !important;
}

img.fullwidth {
    width: 100%;
    height: auto;
}

.verticalAlign{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.noMargintopH2 h2{ margin-top: 0 !important; }
.listsn ul{ list-style: none; }

/* ***** What links here ***** */
#mw-whatlinkshere-list li {
    color: white !important;
    display: grid;
    grid-template-columns: minmax(100px, 250px) 10px minmax(50px, 100px);
    font-size: 0rem;
    margin-bottom: .5rem;
}

#mw-whatlinkshere-list li * {
    font-size: 1rem;
}

/* ***** Mobile Navbar ***** */
/* Background */
.p-navbar, .bgw-grey { background-color: #fff !important; }
.bgw-grey { box-shadow: lightgrey 6px 1px 5px; }

/* Top fix */
.p-navbar.collapsible.mb-2.mt-2.navbar-expand { transform: translateY(7px); }

/* ***** Protection message ***** */
div#hf-nsheader- p {
    margin: 0;
}
div#hf-nsheader- hr {
    display: none;
}
div#hf-nsheader- {
    background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%) !important;
    padding: 0 0.5rem;
    text-align: center;
    font-size: .9rem;
}
/* Padding Top-Bottom */
div#hf-nsheader- .mw-parser-output *:first-child { padding-top: 0.3rem; }
div#hf-nsheader- .mw-parser-output *:first-child { padding-bottom: 0.3rem; }

/* ***** Contribution center ***** */
.page-Everybodywiki_Contribution_center div#hf-nsheader- {
	display: none;
}
/* Buttons */
.page-Everybodywiki_Contribution_center .buttons .floatnone a {
	position: relative;
    top: 0px;
    font-family: "Open Sans";
    text-decoration: none;
    font-size: 25px;
    border: 1px solid #b5cbf1;
    box-shadow: 0px 5px 0px #b5cbf1;
    border-radius: 100%;
    color: #222;
    text-shadow: 1px 1px 1px #fff;
    transition: All 250ms ease;
    height: 98px;
    width: 98px;
    display: block;
    overflow: hidden;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a:active {
	position: relative;
	top: 5px;
	box-shadow: none !important;
	transition: All 250ms ease;
}
.page-Everybodywiki_Contribution_center .buttons .floatnone a img {
    transform: translate(-1.5px, -1.5px);
	filter: sepia(100%) hue-rotate(180deg) saturate(100%);
}

/* ***** Welcome page ***** */
.welcome-page .welcome-shadow {
	padding: .5rem .3rem;
}

@media (max-width:992px) {
	.welcome-page .row{
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width:769px) {
	.welcome-page .welcome-shadow, .welcome-page .wc-div {
		height: fit-content !important;
	}
	.welcome-page .welcome-shadow {
		margin-bottom: 2rem;
	}
}

/* Welcome 100% width */
.page-Welcome_to_EverybodyWiki .col-lg-9 {
    max-width: 100% !important;
    flex: 0 0 100%;
}

/* MediaWiki:Welcome */
.page-Everybodywiki_Welcome .pagetools { display: none !important; }
.page-Everybodywiki_Welcome #firstHeading { 
	height: 0;
    margin: 0;
    padding: 5px;
    border-bottom: none;
    font-size: 0;
}

/* Outils de page */
.page-Everybodywiki_Welcome .hf-nsheader,
.page-Everybodywiki_Welcome #contentSub,
.page-Everybodywiki_Welcome #mwext-bc { display: none; }

.welcome-page .row{	margin-bottom: 1.6rem; }

.welcome-page h1 {
	border-bottom: none;
	margin: 0 !important;
	text-align: center;
}

.welcome-page h2 { margin: 0 !important; }

.welcome-page .welcome-shadow {
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding-bottom: 0.2rem;
}

.welcome-page .wikitable {
	overflow: hidden;
    background: transparent;
    border: none;
}
.welcome-page .wikitable tbody { background: #f8f9fa; }

/* Most viewed articles */
.col-12.welcome-shadow.welcome-table { height: 100%; }
.welcome-page .welcome-table table.table-striped {
	height: 79%;
    width: 100%;
    margin-top: 2%;
}

.blueHighlight{
	background-color: #e1f2ff;
	padding: 0 .2rem .1rem;
    font-weight: bold;
}

/* ***** MENU ***** */
/* --- Nav tablette --- */
.bgw-grey {
    background: #e9ecef;
}
.z-index-max {
	z-index: 1000 !important;
}

/* --- Menu utilisateur mobile --- */
.navbar-userloggedin, .navbar-usernotloggedin, .echo-icons {
    font-size: 1.5em;
    margin-left: -1em;
    padding-top: 0;
    margin-top: -0.7em;
	padding-right: 80px;
}

.p-personal-tools.dropdown-menu.show {
    top: 0px !important;
    left: 0px !important;
    transform: translate3d(-45px, 43px, 0px) !important;
}


/* --- Sponsored articles --- */
.mw-sidebar div.dropdown-menu.show {
    display: block;
    left: -6px !important;
    border: none;
    border-radius: 0px;
    background: none !important;
    box-shadow: none;
}

.mw-sidebar div.dropdown-menu.show:hover {
    background: none !important;
}

.mw-sidebar div.dropdown-menu.show div {
    border-bottom: 0.5px solid rgb(167 215 249 / 30%);
}

.mw-sidebar div.dropdown-menu.show {
    display: block;
    left: -6px !important;
    border: none;
    border-radius: 0px;
    background: none !important;
    box-shadow: none;
}

.mw-sidebar div.dropdown-menu.show:hover {
    background: none !important;
}


/* Background menu utilisateur mobile */
.p-navbar .navbar-nav .dropdown-menu{
	padding: 0 0 10px 0;
}
.p-navbar .navbar-nav .dropdown-menu div { 
   background-color: white;
   /* box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175); */
}

/* No Nav borders */
.vector-menu-tabs{
	border: none !important;
}

/* Navbar background */
.mw-sidebar > div { padding: 0 6px; }

.mw-sidebar div:nth-child(4),
.mw-sidebar div:nth-child(10),
.mw-sidebar div:nth-child(32){
	padding-top: 3px;
}
.mw-sidebar div:nth-child(7),
.mw-sidebar div:nth-child(12),
.mw-sidebar div:nth-child(39){
	padding-bottom: 3px;
}

.mw-sidebar > div:not(:first-of-type) {
	border-bottom: 0.5px solid rgb(167 215 249 / 30%);
}

.mw-sidebar > div.dropdown:last-child /* Sponsored articles */, #n-mainpage-description, #n-\.F0\.9F\.93\.9DCreate-a-new-article, #n-EverybodyWiki-in-another-languages, #n-EverybodyWiki-in-another-language, #n-📝-Create-a-new-article {
	margin-top: 1em !important;
}
#n-\.F0\.9F\.93\.9DCreate-a-new-article { font-weight: bold; }

/* Menu gauche */

.mw-sidebar.ml-0.col-md-3.col-lg-2.d-none.d-md-block.col,
.flex-fill.container-fluid.container{
	padding-left: 0 !important;
}
.flex-fill.container-fluid.container > .row{
    margin-left: 0;
}

.mw-sidebar div {
	background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 170%) !important;	
	transition: .25s;
}
.mw-sidebar div:hover {	background: linear-gradient(to left,rgba(167,215,249,0) 0%,#e8f5ff 170%) !important; }

.mw-sidebar > div:first-child, .mw-sidebar > div:first-child:hover { background: none !important; }

.mw-sidebar div a {	color: black !important; }
.mw-sidebar div a:hover { text-decoration: none; }

/* TOC */
#toc {
    box-shadow: 1px 2px 7px lightgrey;
    padding: 5px;
    margin: 3px 8px;
    max-width: 35%;
	float: right;
}

@media (max-width:1000px) {
        #toc {
         	float:none;
         	max-width:100%;
        }
}

/* User menu */
#p-personal .p-personal-tools,
.p-personal .p-personal-tools{
	background: none;
	flex-wrap: wrap !important;
}

.p-personal .p-personal-tools li {
    background: #a7d7f966;
    padding: 0;
    margin: 0 !important;
    transition: .25s;
}
.p-personal .p-personal-tools li:hover {
	background: #e8f5ff66;
}
.p-personal-tools #pt-notifications-alert,
.p-personal-tools #pt-notifications-notice {
	padding-right: 0;
	display: flex;
    justify-content: center;
}
.p-personal-tools #pt-notifications-alert a,
.p-personal-tools #pt-notifications-notice a {
    padding: 4px 11px;
    height: 65% !important;
    margin-top: 3px;
}

/* Word break */
#pt-notifications-alert .mw-echo-notifications-badge:after,
#pt-notifications-notice .mw-echo-notifications-badge:after,
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:after,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:after {
	word-break: keep-all;
}
/* Spacing */
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
	margin: 0 8px;
}

.p-personal .p-personal-tools li a.mw-echo-notifications-badge {
	width: auto !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.p-personal .p-personal-tools li a {
	display: inline-block;
	color: black !important;
	padding: 4px 8px;
}
.p-personal .p-personal-tools li a:hover {
	text-decoration: none !important;
}

/* Arrondi-bot */

/* Vector like nav tab */
@media (min-width:1430px) {
	.tab-group div{
		margin-left: 0 !important;
    	margin-right: 0 !important;
	}
	
	.tab-group div a{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	
    	height: 3.07692308em;
    	display: block;
		position: relative;
		
		margin-left: 0 !important;
    	margin-right: 0 !important;
    	padding-top: 1.25em;
    	padding-left: 8px;
    	padding-right: 8px;
    	
    	color: #0645ad;
    	font-size: 0.875rem;
    	cursor: pointer;
    	
    	background-image: linear-gradient(to bottom,rgba(167,215,249,0) 30%,#a7d7f9 170%);
    	background-repeat: no-repeat;
    	border-width: 0 1px;
    	border-style: solid;
    	border-image: linear-gradient( to top, #a7d7f9, rgba(0, 0, 0, 0) ) 1 100%;
    }
    .tab-group a.selected {
	    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 30%,#e8f5ff 170%);
	}
	.tab-group div:hover a {
		background-image: linear-gradient(to bottom, rgba(167,215,249,0) 30%, #e8f5ff 170%);
		color: #1B599B !important;
		text-decoration: none !important;
	}
}@media (max-width:1430px) {
	.vector-menu-tabs > div{
		margin: 0 !important;
		padding: 0;
	}
	.tab-group {
		margin: 0 !important;
	}
}

@media (max-width:1430px) {
	/* Page menu */
	.vector-menu-tabs .tab-group div {
		margin: 0 !important;
	}
	.vector-menu-tabs .tab-group div a {
		margin: 0 !important;
		padding: 0.30rem 0.75rem;
    	background: #a7d7f966 !important;
    	transition: .25s;
    	color: black !important;
	}
	.vector-menu-tabs .tab-group div:hover a {
    	background: #e8f5ff66 !important;
    	text-decoration: none !important;
	}
}

div.flex-fill.container-fluid.container .row div.d-md-none.col-7.col-sm-4.col {
	background-color: #e9ecef;
}
div.flex-fill.container-fluid.container .row div.d-md-none.col-sm-4.offset-sm-4.col-5.col {
	background-color: #e9ecef;
}
div.flex-fill.container-fluid.container .row div.d-md-none.col-sm-8.col-5.col nav > div {
	align-items: flex-end;
}

.p-personal-tools.dropdown-menu.show{
	position: absolute;
	z-index: 500;
    top: 0px;
    left: 0px;
}

.p-personal-tools{
	background: #ffffff;
    padding: 10px 0;
	border-radius: 9px;
    transform: translatey(-10px);
    max-height: fit-content !important;
    width: fit-content;
}

@media (max-width:768px) {
	.p-personal-tools{
	    overflow: hidden;
	    padding: 0;
	}
	.p-navbar .navbar-nav .p-personal-tools.dropdown-menu {
		padding: 10px 0;
	}
}
/* Horisontal scroll mobile */
.flex-fill.container-fluid.container,
.ovf-hidden {
	overflow-x: hidden;
}

.p-personal-tools{z-index: 3; }
.mw-echo-ui-overlay{ z-index: 4; }
.mw-sidebar a{ padding: 0; }
.mw-sidebar a:hover{ text-decoration: underline; }
.navbar-tools .echo-icons{ text-left: -2em; }

/* **** Forms **** */
.containerForm {
    padding: 1rem 1.5rem;
    background: var(--background);
}

.formRow { align-items: center; }
.noMarginIn * { margin-bottom: 0 !important; }

.rowBorder {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid lightgray;
}

.formRow .oo-ui-layout.oo-ui-horizontalLayout {
    display: grid;
}

@media (max-width: 768px) {
	#pfForm .createboxInput {
	    min-width: 100% !important;
	}
}

/* ***** form person ***** */
.input-person { padding: 0; }
.input-person input { height: 100%; }
.input-person p { margin-bottom: 0; }

.label-person {	margin: auto 10px auto 0 !important; }

.caption-person { margin: 1.5rem 0 0; }

.col-form-label p{ margin-bottom: 0; }

/* ------ FOOTER ------ */

/*Display toolbox in the footer*/
@media (min-width:768px) {
	.toolboxnoflatten  {
		display: none;
	}
	/* side bar items group*/
	#n-\.F0\.9F\.91\.8DFollow-us-on-Facebook{
		margin-top: 1em;
	}
}

@media (max-width:767px) {
#t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-cite, #t-recentchangeslinked, #t-smwbrowselink,
#t-contributions, #t-log, #t-blockip, #t-userrights, #t-upload, #t-specialpages, #t-print, #t-permalink, #t-info, #t-smwbrowselink, .dropdown-menu #t-whatlinkshere {
		display: none;
	}
		.toolboxnoflatten #t-upload, .toolboxnoflatten #t-specialpages, .toolboxnoflatten #t-print, .toolboxnoflatten #t-permalink, .toolboxnoflatten #t-info, .toolboxnoflatten #t-cite, .toolboxnoflatten #t-recentchangeslinked, .toolboxnoflatten #t-smwbrowselink {
		display: block;
	}
}



/* ------ Accueil ------ */

#bodyContent .mw-parser-output .container .row .col-sm{ /* , .news */
    box-shadow: 0 0 0.3rem #999;
    border-radius: 0.2rem;
    padding: 1.2rem;
}
#bodyContent .mw-parser-output .container .row .col-sm:nth-child(1){
	margin-right: 1rem;
}


/* ------ PUBLIFT ADS ------ */
.fuse_sticky {
    position: fixed;
    bottom: 0; /* top: 0; for Top sticky */
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
}
.fuse_sticky .fuse-slot {
    transform: translate3d(0,0,0);
}

/*Hide scribunto errors and Geograpical errors (.errorbox)
Fatal error: The format of the coordinate could not be determined. Parsing failed.*/
.errorbox,
.error,
.scribunto-error,
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3 {
	display: none!important;
}

/*Hide infobox when editing with Visual Editor*/
.ve-ui-surface .invisble-on-vedit {display:none;}

/*Breadcrumbs links thaks JSBreadcrumbs extension*/
.jsbc-breadcrumbs{
	top: 1px;
}

.jsbc-breadcrumbs {
    top: 1px;
    background: linear-gradient(to left,rgba(167,215,249,0) 0%,#a7d7f9 50%,rgba(167,215,249,0) 100%) !important;
    border: none;
    margin-top: -1px;
    border-radius: 0px;
    text-align: center;
    font-weight: bold;
}

.jsbc-breadcrumbs a {
    font-weight: normal;
}


.infobox { background: white; }

@media (max-width: 700px) { 
	.infobox, .infobox_v2, .infobox_v3, .sinottico, .infocaseta { clear: both!important; float: none!important; margin-left:0!important;}}

/*Facebook plugin could be wider than mobile phone screens, thus ruins page layout. Fix:*/
@media (max-width:1000px) {
    .hf-nsfooter { overflow-x: auto !important; }
}

/*logo display*/
#p-logo { height: 85px ;}

.navbar-toggler::after { content: " MENU ";}

/* Logo and content in same container to always align in future updates */
.container { padding: 0 2rem; max-width: none; }

/*The container padding is too large for mobile phones and tablets (screenshot)*/
@media (max-width:960px) {
    .container { padding: 0 0.5rem; }
}

#p-logo { margin-left: 0 ;} /* Logo is in same container as page, so this margin is no longer needed. */

.content { padding: 0; } /* .content is in same container, which automatically aligns it with logo. */

/*Fix thanks to Handroid 7*/
.mw-echo-ui-overlay{ z-index: 10; } /* Fix for notification widget infront of WikiEditor, see https://pic8.co/sh/zLslHg.png */

#msupload-dropzone { height:2em; } /* Fix for: https://pic8.co/sh/zLslHg.png */

/* Fix for advanced character button heights */
.wikiEditor-ui-toolbar .page-characters div span { 
  height:1.5em; 
  line-height:1.1em;
}

/*align the content of table cells to the top, which improves the readability of larger tables.*/
td { vertical-align:top;}
/* Vertical table cell alignment classes */
.va-top td { vertical-align: top; }
.va-bottom td { vertical-align: bottom; }
/* For table header, in case it is necessary. */
.va-top-h th { vertical-align: top; }
.va-bottom-h th { vertical-align: bottom; }

/* Watchlist responsive web design */
@media (max-width:800px) {
       .mw-changeslist-legend { float:none; max-width:40em; }
       .mw-changeslist td     { display: inline-block; }
  table.mw-changeslist-edit   { border-bottom: 1px solid #999; }
  table.mw-changeslist-edit:nth-child(2n)   { background-color: #0001; }
  table.mw-changeslist-edit:nth-child(2n+1) { background-color: #FFF1; }
}

/*Preventing large tables from breaking the site layout on. BUG Don't display last columns on narrow screens
.wikitable,
.sidescroll { 
    display:    inline-block;
    max-width:  100%;
    overflow-x: scroll;
    overflow-y: hidden;
    overflow:   auto;
}*/

/*Prevent image squishing text on narrow screens https://imgur.com/a/IWPfGu0 */
@media (max-width:500px) {
  /* 16:9 mobile phones usually use 640px browser width when held horizontally. */
  div.tleft, div.tright { float: none; }
  div.mt-4 > .row > .col  { flex-basis: unset; }
  .floatleft,.floatright { float:none; }
}

/*Long titles without space might break site layout*/
#firstHeading { word-wrap: break-word; }

/*Highlight section titles when navigating to their anchor (clicking a section title inside the table of contents), to allow the user to find it again faster and orientation.*/
.mw-headline:target { 
    background-color:gold;
}

/*2020-10-18 to make {{anchor highlight}} work:*/
.anchor-highlight:target 
 > .anchor-highlight-inner {
      display: inline;
      pointer-events: auto;
      background-color: gold;
      border-radius: 0.2em;
      color: black;
      line-height: 1em;    
      padding-top: 0;
}

/* To include section title on screen when jumping to a section anchor created using Template:Anchor Thanks to User:Handroid7 */
.anchor > span,
span.anchor { 
    padding-top: 100px; 
    pointer-events: none; 
}
.anchor-plain { z-index: -100; }

/*The cookie bar warning (displayed to first-time visitors) should be at the bottom of the page instead of the top*/
.mw-cookiewarning-container {
  bottom:0;
  top:revert;
  top: unset;
}


/*Hide Mobile Ads*/
#MobileAds {
	display: none!important;
}

/*Hide scribunto errors and Geograpical errors (.errorbox)
Fatal error: The format of the coordinate could not be determined. Parsing failed.*/
.errorbox,
.error,
.scribunto-error,
#mw-scribunto-error-0,
#mw-scribunto-error-1,
#mw-scribunto-error-2,
#mw-scribunto-error-3 {
	display: none!important;
}

#n-mainpage-description,
#n-\.F0\.9F\.93\.9DCreate-a-new-article,
#n-EverybodyWiki-in-another-languages,
#n-EverybodyWiki-in-another-\.28non-european\.29-languages {
	margin-top: 1.2rem;
}

/* News */
.news h3 {
    font-size: 1.4em;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 5px;
}

/* Scroll on tables */
.wikitable {
	display: block;
	overflow-x: auto;
	max-height: 700px;
}
.user-box { border: none; }
.user-box tbody{ box-shadow: 1px 2px 3px 1px lightgrey; }
.user-box td { 	border: 1px solid #e4e4e4 !important; }
.infobox {
	overflow: visible;
	max-height: none;
}
/* INFOBOXES WORD BREAK */
.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
    word-break: initial;
}
.infobox th:not(:first-child) {
    display: inline-block;
    margin-right: 0.3rem;
}
.infobox td a,
.infobox th a {
    word-break: break-all;
}


/* The cookie bar warning (displayed to first-time visitors) should be at the bottom of the page instead of the top */
.mw-cookiewarning-container {
  bottom: 0;
  top: revert;
  top: unset;
}

/********* AD BANNERS *********/
.ad-banner {
	background-color: #dceffd;
    padding: 0.5rem 0.7rem;
    margin: 0 auto 1.2rem;
    width: 80%;
    border-radius: 8px;
	box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.ad-banner .ad-banner-warning {
    font-weight: lighter;
    margin: 0;
}
.ad-banner .ad-banner-title {
    margin: 5px 0;
	padding: 0;
    border: none;
    font-size: 1.3rem;
}
.ad-banner .ad-banner-title a {
	color: #0052a3 !important;
	transition: .25s;
}
.ad-banner .ad-banner-title a:hover {
    color: #80afde !important;
}
.ad-banner .ad-banner-text {
	margin: 0;
}
@media (max-width: 992px) {
	.ad-banner { width: 70%; }
}
@media (max-width: 550px) {
	.ad-banner { width: 90%; }
}


/* How to delete an article about me (like my bio) or where my name just appears >> ? << */
a[href="#How_to_delete_an_article_about_me_(like_my_bio)_or_where_my_name_just_appears"]::after,
span#How_to_delete_an_article_about_me_\(like_my_bio\)_or_where_my_name_just_appears::after {
    content: " ?";
}

/* Alert messages */
.alertMessage {
	display: flex;
    align-items: center;
    background: linear-gradient(to left,rgba(167,215,249,0) 0%,#ffd3cf 20%,#ffd3cf 80%,rgba(167,215,249,0) 100%) !important;
    padding: .5rem 2rem .5rem 1rem;
    text-align: justify;
    margin: 1rem 0;
}
.alertMessage > a img { margin: 0 0.8rem; }
.alertMessage p { margin: 0; }
.alertMessage p.fix { font-size: .8rem; }

/* Email message for create account */
label[for="wpEmail"]:after {
    content: "Please use a valid email adress. Otherwise, you will not be able to retrieve your password. We will not send lost passwords.";
    display: block;
    font-size: 0.9rem;
    margin-top: 0.3rem;
    font-style: italic;
}



/* ***** FAQ ***** */
.page-Everybodywiki_FAQ #firstHeading {
    text-align: center;
    font-weight: bold;
}
.page-Everybodywiki_FAQ h2 {
    font-size: 1.5rem;
    border: none;
}
.page-Everybodywiki_FAQ h3 {
    font-size: 1.5rem;
}
.page-Everybodywiki_FAQ h4 {
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
}
.page-Everybodywiki_FAQ h5 {
    font-size: 1.3em;
    border-bottom: 1px solid lightgray;
}

.page-Everybodywiki_FAQ #toc {
    float: none;
    width: 100%;
    padding-left: 1rem;
    max-width: 100%;
    max-height: 65vh;
    overflow: auto;
    display: block;
}
@media (max-width: 1000px) {
	.page-Everybodywiki_FAQ #toc { max-width: 95%; }
}

.page-Everybodywiki_FAQ #toc .toclevel-1 { margin-top: 0.8rem; }
.page-Everybodywiki_FAQ #toc span.tocnumber { display: none !important; }
.page-Everybodywiki_FAQ #toc li a:before {
    content: "· ";
    font-weight: bold;
}
.page-Everybodywiki_FAQ #toc ul li ul { margin-left: 2rem; }
@media (max-width: 768px) {
	.page-Everybodywiki_FAQ #toc ul li ul { margin-left: .8rem; }
}


.page-Everybodywiki_FAQ h2:not(#mw-toc-heading) {
    margin-top: 8rem;
    border-bottom: none;
    padding: 0.5rem;
    text-align: center;
    background: #dceffd;
}

.page-Everybodywiki_FAQ h3,
.page-Everybodywiki_FAQ h4,
.page-Everybodywiki_FAQ h5 {
    margin-top: 2rem;
}

.page-Everybodywiki_FAQ .panel-group {
    border: 1px solid lightgray;
    border-radius: 5px;
}

.page-Everybodywiki_FAQ .card {
    border: none;
    border-radius: 0;
    background-color: #dceffd0f;
}
.card:not(:first-of-type) {
    border-top: 1px solid lightgray;
}

.page-Everybodywiki_FAQ .card-header {
	background-color: #dceffd;
    cursor: pointer;
}

/* chevron */
.card-header h4:after {
    transform: rotate(90deg);
    content: "➡";
    position: absolute;
    right: 13px;
    transition: .25s;
}
.card-header.collapsed h4:after {
    content: "➡";
    position: absolute;
    right: 13px;
    transition: .25s;
    transform: rotate(0);
}





/* ************************ */
/* NEW FAQ, CODE PROVISOIRE */
/* ************************ */



/* ***** FAQ ***** */
.page-Everybodywiki_New_FAQ #firstHeading {
    text-align: center;
    font-weight: bold;
}
.page-Everybodywiki_New_FAQ h2 {
    font-size: 1.5rem;
    border: none;
}
.page-Everybodywiki_New_FAQ h3 {
    font-size: 1.5rem;
}
.page-Everybodywiki_New_FAQ h4 {
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.page-Everybodywiki_New_FAQ .card-title {
    font-weight: normal;
}
.page-Everybodywiki_New_FAQ h5 {
    font-size: 1.3em;
    border: none;
}

.page-Everybodywiki_New_FAQ h2:not(#mw-toc-heading) {
    margin-top: 8rem;
    border-bottom: none;
    padding: 0.5rem;
    text-align: center;
    background: #dceffd;
}

.page-Everybodywiki_New_FAQ h3,
.page-Everybodywiki_New_FAQ h4,
.page-Everybodywiki_New_FAQ h5 {
    margin-top: 2rem;
}

.page-Everybodywiki_New_FAQ blockquote p {
	margin-bottom: 0 !important;
}

.page-Everybodywiki_New_FAQ .panel-group {
    border: 1px solid lightgray;
    border-radius: 5px;
}

.page-Everybodywiki_New_FAQ .card {
    border: none;
    border-radius: 0;
    background-color: #dceffd0f;
}
.card:not(:first-of-type) {
    border-top: 1px solid lightgray;
}

.page-Everybodywiki_New_FAQ .card-header {
	background-color: #dceffd;
    cursor: pointer;
}

/* chevron */
.card-header h4:after {
    transform: rotate(90deg);
    content: "➡";
    position: absolute;
    right: 13px;
    transition: .25s;
}
.card-header.collapsed h4:after {
    content: "➡";
    position: absolute;
    right: 13px;
    transition: .25s;
    transform: rotate(0);
}

/* Quote */
.page-Everybodywiki_New_FAQ .mw-parser-output .templatequote {
	padding: 0 20px;
}

/* User hf footer */
.template-footer-user {
	display: flex;
    grid-column-gap: 1rem;
}

.template-footer-user div {
	background: white;
	border-radius: 4px;
	box-shadow: 1px 1px 5px lightgray;
	margin: 1rem 0;
	padding: 0.6rem 0.8rem 0.6rem 0.6rem;
	width: fit-content; max-width: 100%;
}

.template-footer-user div p { margin-bottom: 0; }

This page "Chameleon.css" is from Wikipedia if otherwise notified.