« MediaWiki:Common.css » : différence entre les versions
De WikiMetz, l'histoire de Metz, l'encyclopédie de Metz
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 8 : | Ligne 8 : | ||
#mw-content h1.firstHeading { border-bottom: solid 4px #800103;} | #mw-content h1.firstHeading { border-bottom: solid 4px #800103;} | ||
.bandeau-article{display:block;} | .bandeau-article{ | ||
display:block; | |||
position: relative; | |||
border: 3px solid; | |||
padding: 10px; | |||
margin: 10px 20px; | |||
border-radius: 8px; | |||
} | |||
.bandeau-article:before, .bandeau-article:after | |||
{ | |||
z-index: -1; | |||
position: absolute; | |||
content: ""; | |||
bottom: 15px; | |||
left: 10px; | |||
width: 50%; | |||
top: 80%; | |||
max-width:300px; | |||
background: #777; | |||
-webkit-box-shadow: 0 15px 10px #777; | |||
-moz-box-shadow: 0 15px 10px #777; | |||
box-shadow: 0 15px 10px #777; | |||
-webkit-transform: rotate(-3deg); | |||
-moz-transform: rotate(-3deg); | |||
-o-transform: rotate(-3deg); | |||
-ms-transform: rotate(-3deg); | |||
transform: rotate(-3deg); | |||
} | |||
.bandeau-article:after | |||
{ | |||
-webkit-transform: rotate(3deg); | |||
-moz-transform: rotate(3deg); | |||
-o-transform: rotate(3deg); | |||
-ms-transform: rotate(3deg); | |||
transform: rotate(3deg); | |||
right: 10px; | |||
left: auto; | |||
} |
Version du 18 avril 2020 à 16:47
/* 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; border: 3px solid; padding: 10px; margin: 10px 20px; border-radius: 8px; } .bandeau-article:before, .bandeau-article:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .bandeau-article:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }