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 33:
}
 
/* --- 4. SCENARIO: NO IMAGE (Original Gray Box) --- */
.insert-quote-panel.no-image .insert-quote-content {
background: #F8F9FA;
Line 43:
/* --- 5. SCENARIO: WITH IMAGE (Transparent, Clean) --- */
.insert-quote-panel.has-image {
gap: 15px;
gap: 15px; /* This is the ONLY space between face and text now */
}
 
Line 55:
 
/* =================================================================
GLOBAL RESET: ENSURE CONTENT FILLS WIDTH
THE FIXES
================================================================= */
.insert-quote-content .quotebox,
.insert-quote-content blockquote {
width: 100% !important; ▼
max-width: 100% !important;▼
float: none !important;
box-sizing: border-box;
}
 
/* =================================================================
/* 1. RESET BLOCKQUOTE (Fixes "Text too far from image") */
SPECIFIC FIXES FOR "HAS IMAGE"
================================================================= */
/* 1. Remove gray bar/padding only when image is present */
.insert-quote-panel.has-image .insert-quote-content .quotebox,
.insert-quote-panel.has-image .insert-quote-content blockquote {
background: transparent !important;
border: none !important; /* Removes gray bar */
box-shadow: none !important;
/* KEY FIX: Overrides Common.css "padding: 0 40px" */
padding: 0 !important;
margin: 0 !important;
▲ width: 100% !important;
▲ max-width: 100% !important;
}
 
/* 2. Text Alignment (Top) */
/* 2. ALIGNMENT FIX: Ensure text starts at the very top */
.insert-quote-panel.has-image .insert-quote-content > .quotebox > *:first-child,
.insert-quote-panel.has-image .insert-quote-content > *:first-child {
Line 80 ⟶ 85:
}
 
/* 3. AUTHORAuthor SPACING FIXSpacing (Vertical gap only) */
/* We target the container of the author to add space above it */
.insert-quote-panel.has-image .insert-quote-content .templatequotecite,
.insert-quote-panel.has-image .insert-quote-content cite,
.insert-quote-panel.has-image .insert-quote-content small {
display: block !important; /* Ensures margin works */
margin-top: 1.5em !important; /* Adds the space between text and author */
}
 
/* We DO NOT touch padding-left here, so default indent remains */
/* =================================================================
SPECIFIC FIX FOR "NO IMAGE" (The Indent Fix)
================================================================= */
/* This ensures the author name retains the standard MediaWiki indent
even if our other CSS rules tried to change widths. */
.insert-quote-panel.no-image .insert-quote-content .templatequotecite,
.insert-quote-panel.no-image .insert-quote-content cite {
display: block; /* Ensure it behaves as a block line */
padding-left: 2.3em !important; /* FORCE the default MediaWiki indent */
}
Retrieved from "https://insurerbrain.mediawiki.site/wiki/Template:Insert_quote_panel/styles.css"