Insurer Brain

Template:Insert quote panel/styles.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 9:
display: flex;
flex-direction: row;
align-items: flex-start; /* Aligns top of circle with top of box */
gap: 1em;
}
Line 31:
}
 
/* --- NEW: MAKEROUND IMAGE ROUND WITH WHITE CROPSTYLING --- */
.insert-quote-image img {
/* 1. Create the circle */
border-radius: 50%;
 
/* 2. The "White Crop" border (reduced to 1px, no shadow) */
border: 3px1px solid #ffffff;
/* 3. Ensure it is a perfect circle, even if the source photo is rectangular */▼
/* Optional: Add a slight shadow to make the white border pop against white backgrounds */
width: 50px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
height: 50px;
 
object-fit: cover;
▲ /* 3. Ensure it is a perfect circle, even if the source photo is rectangular */
width: 50px; /* Must match the size in the Template */
height: 50px; /* Must match the width */
object-fit: cover; /* Crops the image center; prevents squishing */
}
 
Retrieved from "https://insurerbrain.mediawiki.site/wiki/Template:Insert_quote_panel/styles.css"