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 4:
.insert-quote-panel {
clear: both;
width: 100%; /* Ensures the main wrapper takes full page width */
box-sizing: border-box;
margin: 0 0 2em 0;
Line 28:
/* --- 3. CONTENT WRAPPER (Shared) --- */
.insert-quote-content {
flex: 1; /* Grow to fill remaining space */
min-width: 0; /* CSS fix for flex containers */
width: 100%; /* Ensures content tries to be full width */
}
 
Line 61:
.insert-quote-content .quotebox,
.insert-quote-content blockquote {
width: 100% !important; /* Fixes the "limited width" issue */
max-width: 100% !important;
float: none !important; /* Prevents it from sticking to one side */
box-sizing: border-box;
}
Line 76:
}
 
/* 3. Text Alignment &(Force PositioningLeft) & forFix "HasTop Image"Margin */
.insert-quote-panel.has-image .insert-quote-content p,
.insert-quote-panel.has-image .insert-quote-content div {
Line 82:
}
 
/* 4. Fix Top Margintext (Textstarting 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:
}
 
/* 54. RESTOREFIX AUTHOR SPACING (The& fix for your second point) */ALIGNMENT
Force the author to be a block, add top margin, and force LEFT alignment */
/* We target the <small> or <cite> tag usually found in {{Quote}} */
.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 {
display: block !important;
margin-top: 1em1.5em !important; /* AddsLarge spacevertical between text and authorgap */
text-align: left !important; /* Prevents it moving to the right */
font-style: normal; /* Optional: standardizes author text */
font-style: normal;
width: 100%;
}
Retrieved from "https://insurerbrain.mediawiki.site/wiki/Template:Insert_quote_panel/styles.css"