Template:Insert quote panel/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
| (23 intermediate revisions by the same user not shown) | |||
Line 17:
flex: 0 0 auto;
line-height: 0;
margin-top:
}
.insert-quote-image img {
border-radius: 50%;
border: 1px solid #ffffff;
width:
height:
object-fit: cover;
}
Line 35:
/* =================================================================
SCENARIO A: NO IMAGE (
================================================================= */
/* 1. Main Content Container */
.insert-quote-panel.no-image .insert-quote-content {
background:
border-left:
border-radius: 0;
/* Adjusted padding:
/* 1.2em left padding creates a sophisticated gap from the thin bar */
color: #202122;▼
padding: 0 0 0 1.2em;
▲ color: #202122;
box-sizing: border-box;
}
/* 2. Global Reset for Nested Wiki Elements */
.insert-quote-panel.no-image a,▼
/* Targets blockquotes, paragraphs, and standard quote templates inside the panel */
.insert-quote-panel.no-image a:visited { ▼
.insert-quote-panel.no-image .insert-quote-content .templatequote,
border: none !important;
padding: 0 !important;
background: transparent !important;
line-height: 1.6; /* Optimized for readability in business contexts */
}
/* 3. Author & Attribution Styling */
.insert-quote-panel.no-image .insert-quote-content .templatequotecite,
.insert-quote-panel.no-image .insert-quote-content cite
display: block !important;▼
▲.insert-quote-panel.no-image .insert-quote-content small {
padding: 1em 0 0 0 !important;
▲ display: block;
margin-top: 0.75em;
▲ margin-top: 0.5em;
}
/* =================================================================
Line 66 ⟶ 76:
================================================================= */
.insert-quote-panel.has-image {
gap: 15px;
padding-top: 10px; /* UPDATED: Adds space above the whole panel */
}
Line 99 ⟶ 110:
padding-left: 0 !important;
margin-left: 0 !important;
margin-top:
margin-bottom: 0 !important;
}
| |||