MediaWiki:Common.css

De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Modèle:Note. Placé ici car le css sanitizer appliqué sur l'extension CSS n'autorise pas background-image...*/
.note {
	padding: 0.5em;
    margin: 0.5em 0;
    overflow: hidden;
    background-color: #F9F9F9;
    background-position: left 7px top 50%;
    background-repeat: no-repeat;
    border: 1px solid #DDD;
}
.note.note-info {
    background-color: #F0F0E7;
    background-image: url('/images/c/c4/2000px-Appunti_architetto_franc_01.png');
    background-size: 22px;
    border-color: #cc9933;
    padding-left: 40px;
    min-height: 28px;
}

/* Modèle:Infobox*/
.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}

/* Modèle:Navbox */
.navbox {
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0;
  }

  .navbox .navbox {
    margin-top: 0;
  }

  .navbox + .navbox {
    margin-top: -1px;
  }

  .navbox-inner,
  .navbox-subgroup {
    width: 100%;
  }

  .navbox-group,
  .navbox-title,
  .navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center;
  }

  th.navbox-group {
    white-space: nowrap;
    text-align: right;
  }
  .navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
  }
  .navbox,
  .navbox-subgroup {
    background: #fdfdfd;
  }

  .navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;
  }

  tr + tr > .navbox-abovebelow,
  tr + tr > .navbox-group,
  tr + tr > .navbox-image,
  tr + tr > .navbox-list {
    border-top: 2px solid #fdfdfd;
  }

  .navbox th,
  .navbox-title {
    background: #ccccff;
  }

  .navbox-abovebelow,
  th.navbox-group,
  .navbox-subgroup .navbox-title {
    background: #ddddff;
  }

  .navbox-subgroup .navbox-group,
  .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;
  }

  .navbox-even {
    background: #f7f7f7;
  }

  .navbox-odd {
    background: transparent;
  }

  .navbox .hlist td dl,
  .navbox .hlist td ol,
  .navbox .hlist td ul,
  .navbox td.hlist dl,
  .navbox td.hlist ol,
  .navbox td.hlist ul {
    padding: 0.125em 0;
  }
  .navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
  }

  .navbar ul {
    display: inline;
    white-space: nowrap;
  }

  .mw-body-content .navbar ul {
    line-height: inherit;
  }

  .navbar li {
    word-spacing: -0.125em;
  }

  .navbar.mini li abbr[title] {
    font-variant: small-caps;
    border-bottom: none;
    text-decoration: none;
    cursor: inherit;
  }

  .hlist dl, .hlist ol, .hlist ul {
    margin: 0;
    padding: 0;
  }

  .hlist dd:after, .hlist li:after {
    content: " · ";
    font-weight: bold;
  }

  .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after {
    content: none;
  }

  .hlist dd, .hlist dt, .hlist li {
    margin: 0;
    display: inline;
  }
  .collapseButton {
    float: right;
    font-weight: normal;
    margin-left: 0.5em;
    text-align: right;
    width: auto;
  }

  .mw-parser-output .mw-collapsible-toggle {
    font-weight: normal;
    text-align: right;
    padding-right: 0.2em;
    padding-left: 0.2em;
  }
  .mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    float: left;
    text-align: left;
  }

/* Modèle Spoiler */
.spoiler {
	color: black!important;
	background-color: black !important;
}
.spoiler a, .spoiler a:hover, .spoiler a:visited {
	color: black!important;
}

/* Modèle Resultat Sondage */
.resultat-sondage {
	max-width: 400px;
	background-color: #f8f9fa;
}
.resultat-sondage .titre {
	background-color: #DEDEE2;
	padding: 1px;
	font-weight: bolder;
}
.resultat-sondage .resultats {
	padding: 6px;
}
.resultat-sondage .resultats .reponse .resultat {
	height:20px; 
	width: 300px;
	position:relative;
}
.resultat-sondage .resultats .reponse .resultat > div {
	position:absolute; 
	text-align:right; 
	border: 1px solid black; 
	background-color:white;
	left:0; 
	height: 5px;
}
.resultat-sondage .resultats .reponse.gagnant {
	font-weight: bolder;
}
.resultat-sondage .resultats .reponse.gagnant .resultat > div {
	background-color: green;
}