« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 20 : | Ligne 20 : | ||
div.bordercard ~ span.qrlite-result { | div.bordercard ~ span.qrlite-result { | ||
position: relative; | position: relative; | ||
left: - | left: -118px; | ||
top: -390px; | top: -390px; | ||
width: 0; | width: 0; |
Dernière version du 14 octobre 2021 à 16:07
@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: -118px;
top: -390px;
width: 0;
height: 0;
display: inline-block;
overflow:visible;
}
div.bordercard ~ span.qrlite-result img {
border: 1px white solid;
}
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;
width: 100%;
text-decoration:none;
}
article.card h3 {
text-align: center;
text-transform:uppercase;
width: 100%;
}
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 span.color {
display: inline-block;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 60pt;
line-height: 57px;
opacity: 0.8;
}
article.card .alpha {
color: LightSeaGreen;
}
article.card .beta {
color: Brown;
}
article.card .gamma {
color: DodgerBlue;
}
article.card .delta {
color: LightPink;
}
article.card .epsilon {
color: GoldenRod;
}
article.card .omega {
color: black;
}
article.card section.main aside span.color span {
width: 100%;
display: inline-block;
}
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;
}