mirror of
https://github.com/Cametendo/devil-fruit-encyclopedia.git
synced 2026-09-14 00:09:47 +02:00
Add proper wiki images for portraits
This commit is contained in:
@@ -786,3 +786,35 @@ p { margin: 0 0 1em; color: var(--text-muted); }
|
||||
.fruit-detail-header { padding: 1.25rem; }
|
||||
.filter-meta { margin-left: 0; width: 100%; }
|
||||
}
|
||||
|
||||
/* ---------- Proper wiki images ---------- */
|
||||
.proper-image {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #0b1220;
|
||||
}
|
||||
|
||||
.proper-image__fallback,
|
||||
.proper-image__img {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.proper-image__img {
|
||||
object-fit: cover;
|
||||
object-position: top center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.proper-image--fruit .proper-image__img {
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
padding: 8%;
|
||||
background: radial-gradient(circle at 50% 45%, rgba(255,255,255,0.08), #0b1220 70%);
|
||||
}
|
||||
|
||||
.proper-image.is-loaded .proper-image__fallback { opacity: 0; }
|
||||
|
||||
Reference in New Issue
Block a user