MediaWiki:Common.css: Difference between revisions
MDElliottMD (talk | contribs) Created page with "body.page-Main_Page h1.firstHeading { display: none; } body.page-Main_Page #siteSub { display: none; }" |
MDElliottMD (talk | contribs) Move .pcp-pendell rules into Common.css so PendellsCorner styles load on every page (not only on pages that use effect/interaction/etc. parser tags) |
||
| Line 1: | Line 1: | ||
/* ===== Pendell's corner — literary pull-quote callout ===== */ | |||
.pcp-pendell { | |||
margin: 1.4em 0; | |||
padding: 1.1em 1.4em 0.9em 1.4em; | |||
background: var(--background-color-neutral, #f8fafc); | |||
border: 2px solid #7c3aed; | |||
border-left: 6px solid #7c3aed; | |||
border-radius: 6px; | |||
color: #fff; | |||
font-family: Georgia, "Times New Roman", serif; | |||
position: relative; | |||
max-width: 38em; | |||
} | |||
.pcp-pendell-header { | |||
line-height: 1; | |||
margin-bottom: 0.55em; | |||
display: flex; | |||
align-items: baseline; | |||
gap: 0.25em; | |||
} | |||
.pcp-pendell-mark { | |||
font-family: Georgia, serif; | |||
font-size: 2.8em; | |||
line-height: 0.45; | |||
color: #7c3aed; | |||
-webkit-text-stroke: 0; | |||
display: inline-block; | |||
transform: translateY(0.18em); | |||
} | |||
.pcp-pendell-title { | |||
font-size: 0.92em; | |||
font-weight: 700; | |||
letter-spacing: 0.14em; | |||
text-transform: uppercase; | |||
color: #fff; | |||
-webkit-text-stroke: 0.4px #7c3aed; | |||
paint-order: stroke fill; | |||
} | |||
.pcp-pendell-quote { | |||
font-size: 1.06em; | |||
line-height: 1.55; | |||
font-style: italic; | |||
margin: 0.2em 0 0.8em 0; | |||
-webkit-text-stroke: 0.3px #7c3aed; | |||
paint-order: stroke fill; | |||
} | |||
.pcp-pendell-quote p { margin: 0.5em 0; } | |||
.pcp-pendell-attr { | |||
text-align: right; | |||
font-size: 0.88em; | |||
color: #c4b5fd; | |||
font-style: normal; | |||
-webkit-text-stroke: 0; | |||
letter-spacing: 0.02em; | |||
} | |||
.pcp-pendell-attr i, .pcp-pendell-attr em { color: #ddd6fe; } | |||
.pcp-pendell-voice { | |||
display: inline-block; | |||
margin-top: 0.2em; | |||
font-size: 0.82em; | |||
font-style: italic; | |||
color: #a78bfa; | |||
letter-spacing: 0.06em; | |||
} | |||
/* ===== End Pendell's corner ===== */ | |||
Revision as of 00:55, 17 May 2026
/* ===== Pendell's corner — literary pull-quote callout ===== */
.pcp-pendell {
margin: 1.4em 0;
padding: 1.1em 1.4em 0.9em 1.4em;
background: var(--background-color-neutral, #f8fafc);
border: 2px solid #7c3aed;
border-left: 6px solid #7c3aed;
border-radius: 6px;
color: #fff;
font-family: Georgia, "Times New Roman", serif;
position: relative;
max-width: 38em;
}
.pcp-pendell-header {
line-height: 1;
margin-bottom: 0.55em;
display: flex;
align-items: baseline;
gap: 0.25em;
}
.pcp-pendell-mark {
font-family: Georgia, serif;
font-size: 2.8em;
line-height: 0.45;
color: #7c3aed;
-webkit-text-stroke: 0;
display: inline-block;
transform: translateY(0.18em);
}
.pcp-pendell-title {
font-size: 0.92em;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #fff;
-webkit-text-stroke: 0.4px #7c3aed;
paint-order: stroke fill;
}
.pcp-pendell-quote {
font-size: 1.06em;
line-height: 1.55;
font-style: italic;
margin: 0.2em 0 0.8em 0;
-webkit-text-stroke: 0.3px #7c3aed;
paint-order: stroke fill;
}
.pcp-pendell-quote p { margin: 0.5em 0; }
.pcp-pendell-attr {
text-align: right;
font-size: 0.88em;
color: #c4b5fd;
font-style: normal;
-webkit-text-stroke: 0;
letter-spacing: 0.02em;
}
.pcp-pendell-attr i, .pcp-pendell-attr em { color: #ddd6fe; }
.pcp-pendell-voice {
display: inline-block;
margin-top: 0.2em;
font-size: 0.82em;
font-style: italic;
color: #a78bfa;
letter-spacing: 0.06em;
}
/* ===== End Pendell's corner ===== */