« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « @font-face { font-family: 'OldNewspaperTypes'; src: url('OldNewspaperTypes.ttf') format('truetype'); } @font-face { font-family: 'DharmaPunk2'; src: url('webfont... ») |
Aucun résumé des modifications |
||
Ligne 5 : | Ligne 5 : | ||
@font-face { | @font-face { | ||
font-family: 'DharmaPunk2'; | font-family: 'DharmaPunk2'; | ||
src: url(' | src: url('DharmaPunk2.woff2') format('woff2'), | ||
url('DharmaPunk2.woff') format('woff'), | |||
url('DharmaPunk2.ttf') format('truetype'); | |||
font-weight:bold; | font-weight:bold; | ||
font-style:normal; | font-style:normal; |
Version du 12 octobre 2021 à 19:23
@font-face {
font-family: 'OldNewspaperTypes';
src: url('OldNewspaperTypes.ttf') format('truetype');
}
@font-face {
font-family: 'DharmaPunk2';
src: url('DharmaPunk2.woff2') format('woff2'),
url('DharmaPunk2.woff') format('woff'),
url('DharmaPunk2.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}
article.card {
color: #111111;
font-size: 12pt;
font-family: OldNewspaperTypes;
display:inline-block;
margin: 0;
padding: 0;
font-weight: normal;
height:648px;
width: 341px;
border-radius : 15px;
display:inline-block;
margin: 7px;
overflow: hidden;
background-image: url("wall.jpg");
}
article.card.ancre {
}
article.card h2 {
width: 100%;
margin: 0 8px;
padding-top:8px;
}
article.card h1 {
display: flex;
width: 100%;
text-align: center;
color: #111111;
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 h3 {
text-align: center;
}
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.main aside img.qr-code {
width : 110px;
height: 110px;
}
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("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("react.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;
}