« MediaWiki:Common.css » : différence entre les versions

Version du 25 juillet 2021 à 17:23

/* 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: 2px;}

@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;}
#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%;}






/* 
 * 
 * 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;
}