MediaWiki:Common.css

De WikiMetz, l'histoire de Metz, l'encyclopédie de Metz

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. */
.color-left{background:#800103;}
.color-right{background: #333;}
.color-middle{background: #a2a9b1;}
#mw-content-container{border-bottom: solid 4px #800103;}
body{background:#222}
#mw-footer-container {    border-top: solid 1px #2b2626;}
#mw-content h1.firstHeading {    border-bottom: solid 4px #800103;}

.bandeau-article{
display:block;
position: relative;
background: rgba(207,207,207,1);
background: -moz-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(252,252,252,1) 53%, rgba(227,227,227,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(207,207,207,1)), color-stop(53%, rgba(252,252,252,1)), color-stop(100%, rgba(227,227,227,1)));
background: -webkit-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(252,252,252,1) 53%, rgba(227,227,227,1) 100%);
background: -o-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(252,252,252,1) 53%, rgba(227,227,227,1) 100%);
background: -ms-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(252,252,252,1) 53%, rgba(227,227,227,1) 100%);
background: linear-gradient(to right, rgba(207,207,207,1) 0%, rgba(252,252,252,1) 53%, rgba(227,227,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#e3e3e3', GradientType=1 );
padding: 15px;
margin: 10px 20px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
border: 1px solid #ececec;
border-radius: 4px;
font-size: 0.9em;
text-align: center;
line-height: 0.9em;
letter-spacing: -0.4px;
}

.bandeau-article:after, .bandeau-article:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bandeau-article:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #f7f7f7;
	border-width: 10px;
	margin-top: -10px;
}
.bandeau-article:before {
	border-color: rgba(17, 93, 245, 0);
	border-left-color: #115df5;
	border-width: 11px;
	margin-top: -11px;
}

.bandeau-article>strong{
text-align: center;
font-size: 1.3em;
font-family: fantasy;
font-weight: 200;
display: block;
}
.bandeau-article-info>strong{
color: #77ccff;
}
.bandeau-article-info>.subinfo{
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
line-height: 3px;
}