MediaWiki:Common.css
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.
@font-face {
font-family: 'OldNewspaperTypes';
src: url('resources/assets/cards/OldNewspaperTypes.ttf') format('truetype');
}
@font-face {
font-family: 'DharmaPunk2';
src: url('resources/assets/cards/DharmaPunk2.woff2') format('woff2'),
url('resources/assets/cards/DharmaPunk2.woff') format('woff'),
url('resources/assets/cards/DharmaPunk2.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}
div.bordercard {
background: black;
display:inline-block;
}
div.bordercard ~ span.qrlite-result {
position: relative;
left: -115px;
top: -390px;
width: 0;
height: 0;
display: inline-block;
overflow:visible;
}
article.card {
display:inline-block;
padding: 0;
font-weight: normal;
height:648px;
width: 341px;
border-radius : 15px;
margin: 7px;
overflow: hidden;
background-image: url("resources/assets/cards/wall.jpg");
border: 1px black solid;
}
article.card * {
color: #111111;
font-size: 12pt;
font-family: OldNewspaperTypes;
display:inline-block;
margin: 0;
padding: 0;
font-weight: normal;
border:0;
line-height: normal;
}
article.card h1 {
display: flex;
width: 100%;
text-align: center;
font-family: 'DharmaPunk2';
font-size: 60px;
overflow:hidden;
white-space: nowrap;
font-weight: bold;
}
article.card h1::before, article.card h1::after {
content: " " ;
flex-grow: 1;
display: inline-block;
background: black;
height:45px;
position: relative;
top: 10px;
}
article.card h2 {
width: 100%;
margin: 0 8px;
padding-top:8px;
}
article.card a {
display: inline-block;
text-align: center;
}
article.card h3 {
text-align: center;
text-transform:uppercase;
}
article.card section.main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
article.card section.main aside {
display : flex;
width :110px;
flex-direction: column;
position: relative;
top: -6px;
}
article.card section.main p.lore {
width : 205px;
padding: 0 8px;
text-align: justify;
}
article.card section.main aside img.color {
width : 63px;
height: 92px;
padding:0 25px;
}
article.card section.burn-effect {
padding: 7px 10px 7px 75px;
position: relative;
text-align: justify;
}
article.card section.passive-effect {
padding: 7px 10px 7px 75px;
position: relative;
text-align: justify;
}
article.card section.burn-effect::before {
content:" ";
background:url("resources/assets/cards/burn.png");
display: inline-block;
width:66px;
height:66px;
position: absolute;
left: 4px;
margin-top:5px;
}
article.card section.passive-effect::before {
content:" ";
background:url("resources/assets/cards/reflex.png");
display: inline-block;
width:66px;
height:66px;
position: absolute;
left: 4px;
margin-top:5px;
}
article.card img.chain{
position: relative;
left:-8px;
margin-top:6px;
}