User:Hiago640/global.css


 * root {

--pull-quote-max-width: 80%; --pull-quote-text-color: var(--theme-page-text-color, rgba(0, 0, 0, .8)); --pull-quote-mark-color: rgba(0, 0, 0, .15); --pull-quote-mark-font: "Times New Roman", serif; --pull-quote-hyphens: auto; --pull-quote-frame-color: #bbb; }

/* #content added as a parent selector to the following in order to override default blockquote styles. */

display: flex; flex-wrap: wrap; max-width: var(--pull-quote-max-width); margin: 1em auto; font-size: 1em; line-height: 1.8; overflow: hidden; }
 * 1) content .pull-quote {

flex-basis: 100%; position: relative; padding: 0 2em; hyphens: var(--pull-quote-hyphens); color: var(--pull-quote-text-color); }
 * 1) content .pull-quote__text {

position: absolute; font-size: 3em; font-family: var(--pull-quote-mark-font); font-weight: 700; color: var(--pull-quote-mark-color); }
 * 1) content .pull-quote__text::before, #content .pull-quote__text::after {

content: "“"; top: 0; left: 0; line-height: 1; }
 * 1) content .pull-quote__text::before {

content: "”"; bottom: 0; right: 0; line-height: 0.2; }
 * 1) content .pull-quote__text::after {

margin-left: auto; }
 * 1) content .pull-quote__source {

content: "—"; }
 * 1) content .pull-quote__source::before {

border: 1px solid var(--pull-quote-frame-color); border-left: 0; border-right: 0; padding: 1em 0; text-align: justify; }
 * 1) content .pull-quote--right, #content .pull-quote--left {

float: right; margin: 1em 0 1em 2em; }
 * 1) content .pull-quote--right {

float: left; margin: 1em 2em 1em 0; }
 * 1) content .pull-quote--left {