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

Version du 29 octobre 2018 à 16:51

/** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/
.allpagesredirects, .watchlistredir { font-style: italic;  }


/* Possibilité de ne pas mettre le titre sous une vidéo */
.no-caption .article-thumb figcaption {
	display:none;
}


/* 
 * PAGE D'ACCUEIL
 * Ancienne version
 */

/* Boîte de accueil */
.fond-boite {
	background-image: url('//wikidragonquest.fr/images/8/8a/Fond_carte.png');
	border: 2px solid black;
	padding: 7px;
	margin-top: 6px;
}

/* En-tête de boîte de l'accueil */
.fond-entete {
	background-image: url('//wikidragonquest.fr/images/9/94/Fond-entete.png');
	font-size: 150%;
	color: white;
	border-radius: 0.1em;
	padding: 5px 10px;
}

/* Tour de boîte de l'accueil */
.tour-boite {
	border: 2px solid #BBB;
	margin-top: 6px;
	padding: 7px; 
	background-color: #333;
}

.maincategories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/*
 * PAGE D'ACCUEIL
 * Nouvelle version
 */

.box_accueil {
	border: 2px solid black;
	padding-top: 5px;
	margin-top: 10px;
	border-radius: 3px;
}

.box_accueil * {
	padding: 5px;
}

.titre_box_accueil {
	border: 1px solid blue;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	font-size: 150%;
}

#actuetautre {  /* MEDIAQUERY À FAIRE */
	display: flex;
	flex-flow: row nowrap;
}

#actu {
	min-width: 65%;
	flex-grow: 1;
}

#autre {
	flex-grow: 1;
}

#flex_portails { /* MEDIAQUERY À FAIRE */
	display: flex;
	flex-flow: row nowrap;
}

#flex_portails p {
	justify-content: space-around;
	flex-grow: 1;
}

#flex_partenariats {
	display: flex;
	flex-flow: row nowrap;
}

#flex_partenariats div { /*MEDIAQUERY À FAIRE*/
	justify-content: space-around;
	flex-grow: 1;
	min-width: 33%;
}

#actu {
	margin-right: 5px;
	background-color: #E3FFFC;
}

#partenariats {
	background-color: #E3FFFC;
}

#portails {
	background-color: #F8FFFE;
}


/*
 * Style par défaut des infoboxes utilisant InfoboxBuilder (ajouts) 
 * À retirer dès que ces styles ne seront plus utilisés !
 */

.default-infobox-main-image img { 
  margin-left: auto;
  margin-right: auto;
}

.default-infobox-main-image-caption, .default-infobox-image-caption { text-align: center; }

.default-infobox-split-label-left, .default-infobox-split-label-right {
  color: #3C3C3C;
  text-align:center;
}

.default-infobox-split-value-left, .default-infobox-split-value-right { text-align: center; }

.default-infobox-footer {
  padding-top: 0.75rem;
  text-align: center;
}

.infoboxb {
  font-size: 89%; 
  width: 300px;
  background-color: #EFEFEF;
  border: solid 1px #888; 
  float: right;
  margin-left: 10px;
}

/*
 * Styles standards pour les tableaux
 * Syntaxe : {| class="standard"
 * Encore en cours de développement
 */
.standard {
  background-color: #E5E4E0;
  border-radius: 10px;
  padding: 5px;
  border-collapse: separate;
}

.standard:hover {
  background-color: #D9D9DA;
}

.standard tr:first-child > :first-child {
  border-top-left-radius: 10px;
}

.standard tr:first-child > :last-child {
  border-top-right-radius: 10px;
}

.standard tr:last-child > :first-child {
  border-bottom-left-radius: 10px;
}

.standard tr:last-child > :last-child {
  border-bottom-right-radius: 10px;
}

.standard th {
  background-color:  #046380;
  color: white;
  padding: 0.5em;
}

.standard td {
  background-color: #F0EFEE;
  padding: 5px;
}

.standard tr:hover th {
  background-color: #175C7F;
}

.standard tr:hover td {
  background-color: #EBECEC;
}

/* Infobox */
.infobox {
	float: right;
}