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

Version du 4 mars 2026 à 19:44

/* 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;
  border-collapse: collapse;
}
@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;
    border-collapse: collapse;
  }
}

/* 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 var(--greenbox-out);
 border-left:10px solid var(--greenbox-out);
 background-color: var(--greenbox-in);
 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;
}


/* Nouveaux bandeaux */
:root {
  --entete-color: #E9EBEE;
  --entete-spoiler-color: #D9A302;
  --entete-important-color: #C20000;
  --entete-standard-color: #060099;
  --entete-info-color: #006F00;
  --entete-wikipol-color: #4B007A;
}

html.skin-theme-clientpref-night {
  --entete-color: #E9EBEE;
  --entete-spoiler-color: #D9A302;
  --entete-important-color: #C20000;
  --entete-standard-color: #060099;
  --entete-info-color: #006F00;
  --entete-wikipol-color: #4B007A;
}

.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 var(--entete-spoiler-color) 1px;
  border-left:solid var(--entete-spoiler-color) 10px;
}
.entete-important {
  border:solid var(--entete-important-color) 1px; 
  border-left:solid var(--entete-important-color) 10px;
}
.entete-standard {
  border:solid var(--entete-standard-color) 1px; 
  border-left:solid var(--entete-standard-color) 10px;
}
.entete-info {
  border:solid var(--entete-info-color) 1px; 
  border-left:solid var(--entete-info-color) 10px;
}
.entete-wikipol {
  border:solid var(--entete-wikipol-color) 1px; 
  border-left:solid var(--entete-wikipol-color) 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-toolbar .tabs, .wikiEditor-ui-toolbar .section-main, .wikiEditor-ui-toolbar .section-secondary {
	height: unset !important;
}

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

/* Override bottom margin of images with captions to 0 to prevent a gap in infoboxes */
figure[typeof~='mw:File/Thumb'].mw-halign-center,
figure[typeof~='mw:File/Frame'].mw-halign-center {
  margin:0 auto 0 auto;
}

/* Make rows flex to fix infoboxbatailles */
.row {
  display: flex;
}
.col, .col-sm {
  flex: 1 0 0%;
}

/*==========================| Refs pour les modèles |==========================*/

:root {
  --unsc-color-1:     #338833; --unsc-color-2:     #66cc66; --unsc-color-3:     #eeffee;
  --cov-color-1:      #5500cc; --cov-color-2:      #9966dd; --cov-color-3:      #eeddff;
  --brutes-color-1:   #552200; --brutes-color-2:   #994433; --brutes-color-3:   #eeccbb;
  --for-color-1:      #999999; --for-color-2:      #DDDDDD; --for-color-3:      #f0f0f0;
  --rebelles-color-1: #cc2200; --rebelles-color-2: #ff7766; --rebelles-color-3: #ffdddd;
  --humanc-color-1:   #A0522D; --humanc-color-2:   #F5DEB3; --humanc-color-3:   #FFF8DC;
  --par-color-1:      #808000; --par-color-2:      #808040; --par-color-3:      #FFF8DC;
  --esport-color-1:   #0F0441; --esport-color-2:   #A00206; --esport-color-3:   #ffffff;
  --ent-color-1:      #08A8E5; --ent-color-2:      #71848B; --ent-color-3:      #f0f0f0;
  --sos-color-1:      #D55208; --sos-color-2:      #FFED95; --sos-color-3:      #FFF8DC;
  --paria-color-1:    #8A0108; --paria-color-2:    #71848B; --paria-color-3:    #f0f0f0;
  --bataille-color-1: #585858; --bataille-color-2: #848484; --bataille-color-3: #f0f0f0;
  --default-color-1:  #000099; --default-color-2:  #4477FF; --default-color-3:  #f0f0f0;
  --greenbox-in:      #DDFFBB; --greenbox-out:     #446622;

}

html.skin-theme-clientpref-night {
  --unsc-color-1:     #338833; --unsc-color-2:     #66cc66; --unsc-color-3:     #202122;
  --cov-color-1:      #5500cc; --cov-color-2:      #9966dd; --cov-color-3:      #202122;
  --brutes-color-1:   #552200; --brutes-color-2:   #994433; --brutes-color-3:   #202122;
  --for-color-1:      #8D8D8D; --for-color-2:      #6C6C6C; --for-color-3:      #202122;
  --rebelles-color-1: #cc2200; --rebelles-color-2: #ff7766; --rebelles-color-3: #202122;
  --humanc-color-1:   #A0522D; --humanc-color-2:   #A0712D; --humanc-color-3:   #202122;
  --par-color-1:      #808000; --par-color-2:      #808040; --par-color-3:      #202122;
  --esport-color-1:   #0F0441; --esport-color-2:   #A00206; --esport-color-3:   #202122;
  --ent-color-1:      #08A8E5; --ent-color-2:      #71848B; --ent-color-3:      #202122;
  --sos-color-1:      #D55208; --sos-color-2:      #AD6A00; --sos-color-3:      #202122;
  --paria-color-1:    #8A0108; --paria-color-2:    #71848B; --paria-color-3:    #202122;
  --bataille-color-1: #585858; --bataille-color-2: #848484; --bataille-color-3: #202122;
  --default-color-1:  #000099; --default-color-2:  #4477FF; --default-color-3:  #202122;
  --greenbox-in:      #446622; --greenbox-out:     #DDFFBB;
}

/*===========================| Patch extension tabs |==========================*/


html.skin-theme-clientpref-night .tabs-label {
  background-color: #444444;
}

html.skin-theme-clientpref-night .tabs-label:hover {
  background-color: #333333;
}

html.skin-theme-clientpref-night .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
  background-color: var(--background-color-base);
}




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