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

De Wiki Dragon Quest
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
/***** Le CSS placé ici sera appliqué à tous les habillages *****/
/** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/
/** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/
.allpagesredirects, .watchlistredir { font-style: italic;  }
.allpagesredirects, .watchlistredir { font-style: italic;  }


/** Style par défaut des infoboxes utilisant InfoboxBuilder (ajouts) **/


.default-infobox-main-image img {  
/* Possibilité de ne pas mettre le titre sous une vidéo */
  margin-left: auto;
.no-caption .article-thumb figcaption {
  margin-right: auto;
display:none;
}
}


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


.default-infobox-split-label-left, .default-infobox-split-label-right {
/*  
  color: #3C3C3C;
* PAGE D'ACCUEIL
  text-align:center;
* Ancienne version
}
*/
 
.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;
}
 
 
/********************************PAGE D'ACCUEIL*******************************/


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


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


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


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


/*============TESTS POUR LA NOUVELLE PAGE D'ACCUEIL===========*/
/*
* PAGE D'ACCUEIL
* Nouvelle version
*/


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


.box_accueil * {
.box_accueil * {
padding:5px 5px 5px 5px;
padding: 5px;
}
}


Ligne 90 : Ligne 64 :
border: 1px solid blue;
border: 1px solid blue;
text-align: center;
text-align: center;
border-radius:3px 3px 3px 3px;
border-radius: 3px;
font-weight: bold;
font-weight: bold;
font-size: 150%;
font-size: 150%;
}
}


#actuetautre {  /*MEDIAQUERYAFAIRE*/
#actuetautre {  /* MEDIAQUERY À FAIRE */
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
Ligne 102 : Ligne 76 :
#actu {
#actu {
min-width: 65%;
min-width: 65%;
flex-grow:1;
flex-grow: 1;
}
}


#autre {
#autre {
flex-grow:1;
flex-grow: 1;
}
}


#flex_portails { /*MEDIAQUERYAFAIRE*/
#flex_portails { /* MEDIAQUERY À FAIRE */
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
Ligne 116 : Ligne 90 :
#flex_portails p {
#flex_portails p {
justify-content: space-around;
justify-content: space-around;
flex-grow:1;
flex-grow: 1;
}
}


Ligne 124 : Ligne 98 :
}
}


#flex_partenariats div { /*MEDIAQUERYAFAIRE*/
#flex_partenariats div { /*MEDIAQUERY À FAIRE*/
justify-content: space-around;
justify-content: space-around;
flex-grow:1;
flex-grow: 1;
min-width: 33%;
min-width: 33%;
}
}
Ligne 132 : Ligne 106 :
#actu {
#actu {
margin-right: 5px;
margin-right: 5px;
background-color:#E3FFFC;
background-color: #E3FFFC;
}
}


#partenariats {
#partenariats {
background-color:#E3FFFC;
background-color: #E3FFFC;
}
}


#portails {
#portails {
background-color:#F8FFFE;
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: 2px;
}
 
.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;
}
}