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 37:
background: #F8F9FA;
border: 0 solid #9CA4AC;
padding: .5em; /* Creates the space inside the gray box */
color: #202122;
}
 
/* --- 5. SCENARIO: WITH IMAGE (Transparent, Clean) --- */
.insert-quote-panel.has-image {
gap: 15px; /* This is the ONLY spaceSpace between facephoto and text */
}
 
Line 55:
 
/* =================================================================
THE FIX: UNIVERSAL ALIGNMENT RESET
THE FIXES
Force Text and Author to align flush left in ALL scenarios
================================================================= */
 
/* 1A. RESET BLOCKQUOTETHE (FixesQUOTE "TextTEXT too far(Removes fromdefault image"indentation) */
.insert-quote-content .quotebox,
.insert-quote-content blockquote,
.insert-quote-panel.has-image .insert-quote-content citep,▼
.insert-quote-panel.has-image .insert-quote-content smalldiv {▼
margin-left: 0 !important;▼
padding-left: 0 !important; ▼
borderwidth: none100% !important; ▼
boxmax-shadowwidth: none100% !important;▼
box-sizing: border-box;
}▼
 
/* Special fix for "Has Image": Remove all margins from the blockquote wrapper */
.insert-quote-panel.has-image .insert-quote-content .quotebox,
.insert-quote-panel.has-image .insert-quote-content blockquote {
text-alignmargin: left0 !important;▼
displaypadding: block0 !important; ▼
border: none !important;
background: transparent !important;
}
▲ border: none !important;
 
▲ box-shadow: none !important;
/* B. RESET THE AUTHOR (Removes default indentation) */
.insert-quote-panel.has-image .insert-quote-content .templatequotecite,▼
.insert-quote-content cite,
.insert-quote-content small {
display: block !important;
/* KEYFORCE FIX:LEFT Overrides Common.css "padding: 0 40px"ALIGNMENT */
paddingtext-align: 0left !important;
marginpadding-left: 0 !important;
margin-left: 0 !important;
width:/* 100%Vertical !important;Spacing */
maxmargin-widthtop: 100%1.5em !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
}
 
/* 2C. ALIGNMENTREMOVE FIX:TOP EnsureGAP (Align text starts at thewith veryimage top) */
.insert-quote-panel.has-image .insert-quote-content > .quotebox > *:first-child,
.insert-quote-panel.has-image .insert-quote-content > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
▲}
 
/* 3. AUTHOR SPACING & ALIGNMENT FIX (Has Image Only) */
▲.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;
▲ text-align: left !important;
}
Retrieved from "https://insurerbrain.mediawiki.site/wiki/Template:Insert_quote_panel/styles.css"