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 26:
}
 
/* --- 3. CONTENT WRAPPER (Shared) --- */
.insert-quote-content {
flex: 1;
Line 46:
}
 
/* Reset the wrapper */
.insert-quote-panel.has-image .insert-quote-content {
background: transparent !important;
Line 54 ⟶ 55:
}
 
/* -----------------------------------------------------------
/* =================================================================
DEEP RESET & FIXES FOR {{Quote}} TEMPLATE
----------------------------------------------------------- */
================================================================= */
 
/* 1. ForceReset the inner {{Quote}} box to be Full WidthBox */
.insert-quote-content .quotebox,
.insert-quote-content blockquote {
width: 100% !important; ▼
max-width: 100% !important;▼
float: none !important;▼
box-sizing: border-box;
}▼
 
/* 2. Remove gray styling specifically for the "Has Image" version */
.insert-quote-panel.has-image .insert-quote-content .quotebox,
.insert-quote-panel.has-image .insert-quote-content blockquote {
Line 74 ⟶ 66:
padding: 0 !important;
margin: 0 !important;
▲ width: 100% !important;
▲ max-width: 100% !important;
▲ float: none !important;
}
 
/* 32. Reset Text Alignment (Force& Left)Margins &for Fixthe TopQuote MarginBody */
.insert-quote-panel.has-image .insert-quote-content p,
.insert-quote-panel.has-image .insert-quote-content div {
text-align: left !important;
displaymargin-left: block0 !important;▼
padding-left: 0 !important;
}
 
/* 3. Remove top space from the first line (so it aligns with photo) */
/* Fix text starting too low */
.insert-quote-panel.has-image .insert-quote-content > .quotebox > *:first-child,
.insert-quote-panel.has-image .insert-quote-content > *:first-child {
Line 89 ⟶ 86:
}
 
/* -----------------------------------------------------------
/* 4. FIX AUTHOR SPACING & ALIGNMENT
THE FIX: AUTHOR / CITATION STYLING
Force the author to be a block, add top margin, and force LEFT alignment */
----------------------------------------------------------- */
 
/* Target every possible container for the author */
.insert-quote-panel.has-image .insert-quote-content small,
.insert-quote-panel.has-image .insert-quote-content cite,
.insert-quote-panel.has-image .insert-quote-content .cite {,
.insert-quote-panel.has-image .insert-quote-content .source {
▲ display: block !important;
/* Force it to be a block on its own line */
margin-top: 1.5em !important; /* Large vertical gap */▼
text-aligndisplay: leftblock !important; /* Prevents it moving to the right */
/* Remove any "hanging" indentation or left margins */
margin-left: 0 !important;
padding-left: 0 !important;
text-indent: 0 !important;
/* Force Left Align */
text-align: left !important;
/* Add the space ABOVE the author */
▲ margin-top: 1.5em !important; /* Large vertical gap */
padding-top: 0.5em !important; /* Extra breathing room */
/* Optional: Ensure font is normal, not tiny */
font-style: normal;
line-height: 1.4;
width: 100%;
▲}
 
/* HACK: Sometimes {{Quote}} adds an em-dash (—) before the author using CSS.
This hides it if it's causing the hanging indent issue. */
.insert-quote-panel.has-image .insert-quote-content small::before,
.insert-quote-panel.has-image .insert-quote-content cite::before {
content: "" !important;
display: none !important;
}
Retrieved from "https://www.insurerbrain.com/wiki/Template:Insert_quote_panel/styles.css"