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

Dernière version du 8 août 2021 à 18:01

/* 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;}
	@media screen and (min-width: 851px){
		#personal h2:after {filter: invert(1);}
	}


/*MAIN*/
#mw-content-wrapper {margin-top: 1em;}
#mw-content {background-color: #CCCCCC; /*color: #444444;*/ color: #272727; border: none; box-shadow: 3px 3px 9px 9px #0000002b; border-radius: 15px;}
#mw-content {letter-spacing: -0.5px;}

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


/*TAB*/
@media screen and (max-width: 1100px) and (min-width: 850px){

	#mw-site-navigation, #mw-related-navigation {position: fixed; top: 3.125em;}

	#mw-site-navigation .sidebar-chunk,
	#mw-related-navigation .sidebar-chunk {background-color: #2B2B2B; padding-top: 0;}

	#mw-site-navigation .sidebar-chunk h2,
	#mw-related-navigation .sidebar-chunk h2 {color: #9faeac; font-size: 0.85em;}
	#mw-site-navigation .sidebar-chunk h2::after,
	#mw-related-navigation .sidebar-chunk h2::after {filter: invert(1);}

	#mw-header-nav-hack {background-color: #2B2B2B; border-top: unset; position: fixed;/* padding-bottom: 10px;*/}

	#mw-header-nav-hack .color-bar > div {display: none;}

}

/*MOB*/
@media screen and (max-width: 850px){

	#user-tools h2 {background-image: url(/new_wiki/skins/Timeless/resources/images/user-large-grey.svg?64792)}
	#site-navigation h2,
	#site-tools h2,
	#user-tools h2 { filter: invert(1); opacity: 0.85;}

	#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {padding: inherit;}

}





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

/*
 * hr
 */

hr { border-color: #aaa; border-style: solid none solid none; margin: 0.5em 0; height: 0px; padding: 0; border-width: 1px 0 0 0;}


/*THUMB*/
.thumbinner {background: #e2e2e2; border: solid #e2e2e2; font-size: 0.85em;}


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