Insurer Brain

Template:Article thumbnail/styles.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1:
/* Container - Removed all visual weight */
.article-thumb {
vertical-align: top;
width: 150px;
padding: 0px 0px15px 0px20px 0px; /* Added 15px right padding for a gap between cards */
background: transparent !important; /* Forces removal of gray */
border: none !important; /* Forces removal of borders */
display: inline-block;
text-align: left;
Line 11:
}
 
/* Image wrapper - Ensures no background is inherited */
.article-thumb__imgwrap {
width: 100%;
height: 150px; /* Fixed height to keep the grid aligned */
display: flex;
align-items: center;
justify-content: flex-start; /* Aligns "as is" image to the left */
overflow: hidden;
margin-bottom: 0px5px;
background: transparent !important;
}
 
/* TargetingStrip MediaWiki's internaldefault imagestyling andfrom linkimage classeslinks and specificallyfiles */
.article-thumb__imgwrap img,
.article-thumb__imgwrap .mw-file-element,
.article-thumb__imgwrap a.mw-file-description {,
.article-thumb__imgwrap .mw-file-description {
display: block;
widthheight: 150px !important; /* ForcesForce the widthheight you want */
heightwidth: 150pxauto !important; /* ForcesLet width be "as is" based on theaspect heightratio */
max-width: 150px;
/* ADD THESE TWO LINES */
object-position: top; /* Ensures the CEO's head isn't cut off if cropped */
 
border: none !important;
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
}
 
/* Content Area - Using the requested #202122 color */
.article-thumb__content {
font-size: 0.85em;
Line 54 ⟶ 53:
.article-thumb__subtitle,
.article-thumb__description {
color: #202122; /* Normal text color as requested */
display: block;
}
Retrieved from "https://www.insurerbrain.com/wiki/Template:Article_thumbnail/styles.css"