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; /* This is the ONLY space between face and text */
}
 
Line 55:
 
/* =================================================================
THE FIXES
GLOBAL RESET: ENSURE CONTENT FILLS WIDTH
================================================================= */
.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;
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. ALIGNMENT FIX: Ensure text starts at the very top */
/* 2. Text Alignment (Top) */
.insert-quote-panel.has-image .insert-quote-content > .quotebox > *:first-child,
.insert-quote-panel.has-image .insert-quote-content > *:first-child {
Line 85 ⟶ 80:
}
 
/* 3. AuthorAUTHOR SpacingSPACING & ALIGNMENT FIX (VerticalHas Image gapOnly) */
.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;
margin-top: 1.5em !important; /* Adds the vertical space */
}
/* LEFT ALIGN FIX: Kills the default indent so it matches the quote text */
 
padding-left: 0 !important;
/* =================================================================
margin-left: 0 !important;
SPECIFIC FIX FOR "NO IMAGE" (The Indent Fix)
▲ floattext-align: noneleft !important;
================================================================= */
/* 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"