MediaWiki:Common.css

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Tagline à activer en cas d'annonce globale 
#siteSub { display:block !important; font-style:italic; font-weight:normal; font-size:0.9em;} */

img {
  max-width: 100%;
}

/*  Permet l'affichage des navbox sur toute la largeur de l'écran sur mobiles */
.navbox{
  border:1px solid silver;
  font-size:90%;
  width:100%;
  text-align:center;
  clear:both;
  margin-top:2rem;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
 .navbox{
    border:1px solid silver;
    font-size:90%;
    width:60%;
    text-align:center;
    clear:both;
    margin-top:2rem;
    line-height: 1.5em;
  }
}

/* Boutons de Modèle:Collapse */
.mw-collapsible-centered{
  text-align:center;
  float:none !important;
}
.mw-collapsible .mw-collapsible-toggle,
mw-collapsible-toggle-default,
mw-collapsible-toggle-collapsed {
 float:none;
 color:#0056b3
}

/* Galeries centrées par défaut */
ul.gallery{
    text-align:center;
}

/* hr moins gros */
hr {
 margin-bottom:0.5rem;
 margin-top:0.5rem;
}

/* Anciens titres */
h1 {
    font-size:2.1em !important;
}

/* Texte du menu de gauche plus espacé */
.nav {
    line-height:1.2;
}

/*Classe alerte (cf. Modèle:WIP)*/
.alerte {
 border:1px solid #446622;
 border-left:10px solid #446622;
 background-color:#DDFFBB;
 margin-right:auto;
 margin-left:auto;
 margin-bottom: 1em;
}
.alerte td{
  padding:0.4em;
}

/* Restriction taille thumbs au conteneur pour les infobox  */
.thumbinner{
  max-width:100%;
}

/* Pas de restriction de taille d'image dans les tableaux  */
table img{
  max-width:initial;
}

/* Pour usage dans hover */
.explain[title] {
        text-decoration: none;
        border-bottom: 1px dotted;
}


:root {
  --entete-color: #E9EBEE;
}

@media (color-scheme: dark) {
  :root {
    --entete-color: #FF0000;
  }
}


/* Nouveaux bandeaux */
  .entete {
    background-color:var(--entete-color);
    padding:5px;
    margin:3px;
    font-weight:bold;
    text-align:center;
    font-size:120%;
    color :black
  }
.entete-spoiler {
  border:solid #D9A302 1px;
  border-left:solid #D9A302 10px;
}
.entete-important {
  border:solid #C20000 1px; 
  border-left:solid #C20000 10px;
}
.entete-standard {
  border:solid #060099 1px; 
  border-left:solid #060099 10px;
}
.entete-info {
  border:solid #006F00 1px; 
  border-left:solid #006F00 10px;
}
.entete-wikipol {
  border:solid #4B007A 1px; 
  border-left:solid #4B007A 10px;
}

/* Fix glitch MultimediaViewer */
.mw-mmv-image-metadata {
  margin-top: 0px;
}

/* Header de listes */
dl {
  margin-top: 0.5em;
  margin-bottom: 0;
}

#p-namespaces .selected a {
  border-bottom: 3px solid #5D2A68;
}

/*Template:Blackthumb*/
.blackthumb > figure[typeof~="mw:File/Thumb"] > a > img {
	background-color: black;
}

.mw-editsection {
  white-space: nowrap;
}


/*==========================| Problèmes d'affichage divers + intégration vector/header |==========================*/

@media all and (min-width: 768px) {
	/* Ordering of containers in home page */
	.container-fluid > .row {display: flex; flex-wrap: nowrap;}
	.container-fluid > .row > .col {flex: 1;}
	.container-fluid > .row > .col > .row {display: flex;}
	.container-fluid > .row > .col > .row > .col {flex: 1;}
}

@media all and (max-width: 768px) {
	body, html {
		width: 100vw !important;
		overflow-x: hidden !important
	}

	.mw-header {
		display: flex !important;
		flex-direction: row !important;
	}

	/* Adjust page sheet width */
	.container {width: 100% !important;}

	/* To avoid x overflow of search input in home page */
	.bodySearch.mw-inputbox-form { overflow: hidden; }
	.bodySearch.mw-inputbox-form .bodySearchWrap .cdx-text-input { width: auto; min-width: auto !important; }

	.embedvideo .embedvideo-wrapper { margin: 0.5em 0 !important; } /* Inefective, overwritten by skin */

	/* For table horizontal scrolling */
	table { display: block; overflow-x: auto; width: auto !important; }
	.tabs-container { overflow-x: auto; }

	/* For summary top left button */
	#vector-page-titlebar-toc .vector-dropdown-label:not(.cdx-button--weight-quiet) {
		transform: translateY(var(--header-height));
	}

	/* Hide user login/create account */
	#p-personal {
		display: none;
	}

	/* navbar right part */
	.vector-header-end a, .vector-header-end label {
		min-width: 32px !important;
		min-height: 32px !important;
	}
}

/* Align navbar items to the right */
.mw-header .vector-header-end { justify-content: end !important; }

/* Avoid images to be shrinked inside tables */
.tabs-container figure img.mw-file-element { max-width: none !important; }

/* resize images in right panel */
.container .col-sm img {width: -webkit-fill-available; height: auto;}

/* Avoid embed videos styling issues */
.embedvideo-privacyNotice__buttons p button {
	appearance: none;
	padding: 0.5rem 1rem;
	border: 0;
	border-radius: 1000px;
	color: #fff;
	font-size: inherit;
	cursor: pointer;
}

/* hide user logged in dropdown */
.vector-user-menu-logged-in {
	display: none;
}

/* For edition toolbar height */
.wikiEditor-ui-top {
	height: fit-content;
}

/* hide user theme preference option */
#skin-client-prefs-skin-theme {
	display: none;
}


<noinclude>[[Catégorie:WikiHalo]]</noinclude>