Template:Ferret mugshot/imagedisplay/styles.css

From Pirate Software Wiki
Revision as of 16:03, 24 October 2024 by Nelas (talk | contribs) (Created page with "→‎Styles for ferret grid list items: .ferret-grid li { display: inline-block; width: 200px; →‎Ensures the container width is fixed: height: 220px; →‎Ensures the container height is fixed: margin: 5px; list-style: none; →‎Removes bullet points: } →‎Styles for mugshot images (stretched to 200x200px): .ferret-grid li .mugshot-image { width: 200px; →‎Stretch the image to 200px width: height: 200px; /* Stretch the image to 200p...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* Styles for ferret grid list items */
.ferret-grid li {
    display: inline-block;
    width: 200px;  /* Ensures the container width is fixed */
    height: 220px; /* Ensures the container height is fixed */
    margin: 5px;
    list-style: none; /* Removes bullet points */
}

/* Styles for mugshot images (stretched to 200x200px) */
.ferret-grid li .mugshot-image {
    width: 200px;  /* Stretch the image to 200px width */
    height: 200px; /* Stretch the image to 200px height */
}

/* Prevent Valhalla emoji from stretching */
.ferret-grid li .valhalla-emoji {
    width: 30px;  /* Maintain small size for the emoji */
    height: auto; /* Keep the aspect ratio for the emoji */
}